/* Shared promoter page shell + header standard (matches /promoter/invoices) */
.cl-promoter-page {
    --cl-red: #E31E24;
    --cl-red-soft: rgba(227, 30, 36, 0.18);
    --cl-bg-1: #0F1012;
    --cl-border: rgba(255, 255, 255, 0.08);
    --cl-text: #D8DCE1;
    --cl-text-soft: #A7AFB8;
    --cl-text-faint: #8A9199;

    width: 100%;
    max-width: none !important;
    min-height: 100%;
    margin: 0 !important;
    padding: 1rem !important;
    color: var(--cl-text);
    background:
        radial-gradient(circle at 8% -12%, rgba(227, 30, 36, 0.14), transparent 35%),
        radial-gradient(circle at 92% 8%, rgba(227, 30, 36, 0.08), transparent 28%),
        var(--cl-bg-1) !important;
    border: 1px solid var(--cl-border);
    border-radius: 10px;
}

.cl-promoter-page :is(.cl-shell, .cl-fd-shell, .cl-ph-shell) {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
}

.cl-promoter-page :is(.back-link, .back-bar, .cl-back-link, .cl-page-back, .cl-ph-back-link, .cl-promoter-back) {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    text-decoration: none;
    color: var(--cl-text-soft);
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.25rem;
}

.cl-promoter-page :is(.back-link, .back-bar, .cl-back-link, .cl-page-back, .cl-ph-back-link, .cl-promoter-back) .material-icons {
    font-size: 1.05rem;
}

.cl-promoter-page :is(.page-header, .apps-header, .timeline-header, .review-header, .cl-header, .cl-contracts-header, .cl-page-header, .cl-promoter-header) {
    margin-top: 0.9rem;
    margin-bottom: 0.95rem;
}

.cl-promoter-page :is(.eyebrow, .cl-eyebrow, .cl-page-eyebrow, .cl-ph-eyebrow, .cl-promoter-eyebrow) {
    margin: 0 0 0.4rem;
    color: var(--cl-text-faint);
    font-family: 'Share Tech Mono', monospace;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.11em;
}

.cl-promoter-page :is(.page-header h1, .apps-header h1, .timeline-header h1, .review-header h1, .cl-header h1, .cl-contracts-header h1, .cl-page-header h1, .cl-promoter-header h1, h1.page-title) {
    margin: 0;
    color: #FFFFFF;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: clamp(1.55rem, 3vw, 2rem);
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.cl-promoter-page :is(.subtitle, .page-subtitle, .header-meta, .review-subtitle, .cl-subhead, .cl-page-subtitle, .cl-promoter-subtitle) {
    margin: 0.4rem 0 0;
    color: var(--cl-text-soft);
    line-height: 1.5;
}