/*
 * Shared application separators.
 * Controls and card outlines deliberately keep their own single-line border.
 */

.site-nav a,
.site-nav .link-button,
.inline-delete,
th,
td,
.price-breakdown div,
.legal-document article:not(:last-child),
.public-pack-row,
.referral-condition:not(:last-child),
.referral-currency h3,
.referral-balance,
.referral-tabs,
.referral-history-row,
.private-section-title,
.creator-page--profile .creator-public-profile,
.creator-page--profile .creator-profile-referral {
    border-bottom: 0;
    background-image: var(--separator-rule);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% 2px;
}

.site-footer,
.upload-box,
.account-unavailable,
.report-panel,
.report-panel details + details,
.payout-request,
.referral-how,
.referral-conditions,
.referral-code,
.creator-page--dashboard .creator-price-estimate > div:last-child,
.creator-page--profile .creator-profile-actions {
    border-top: 0;
    background-image: var(--separator-rule);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% 2px;
}

.table-scroll,
.legal-nav,
.auth-page--register .registration-feedback,
.bottom-sheet-review__prices .bottom-sheet-review__total,
.creator-profile-referral,
.referral-counts,
.creator-page--profile .creator-legal-info,
.creator-page--payouts .payout-summary {
    border-top: 0;
    border-bottom: 0;
    background-image: var(--separator-rule), var(--separator-rule);
    background-position: top, bottom;
    background-repeat: no-repeat;
    background-size: 100% 2px, 100% 2px;
}

.referral-counts > div + div {
    border-left: 0;
    background-image: var(--separator-rule-vertical);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 2px 100%;
}

.creator-page .creator-pack-row::after,
.creator-page .creator-transaction-row::after,
.creator-page .creator-payout-row::after,
.creator-page .creator-media-delete::after,
.creator-page .creator-pack-details dl > div::after {
    height: 2px;
    background: var(--separator-rule);
}

.bottom-sheet-checkout__protection::before {
    height: 2px;
    background: var(--separator-rule);
}

tbody tr:last-child > * {
    background-image: none;
}