@import '_content/BlazorCalendar/BlazorCalendar.bw5idj54w0.bundle.scp.css';

/* /Components/EpisodeAboutSection.razor.rz.scp.css */
.detail-section[b-dfchjgrqts] {
    padding: 1.75rem 2rem 1.85rem;
    border-bottom: 1px solid #f0f0f0;
}

.detail-section:last-of-type[b-dfchjgrqts] {
    border-bottom: none;
}

.detail-section--about .section-title[b-dfchjgrqts] {
    font-size: 1rem;
    font-weight: 700;
    color: #444;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin: 0 0 1.1rem;
}

.episode-about-paragraph[b-dfchjgrqts] {
    margin: 0 0 0.9rem;
    color: #444;
    line-height: 1.65;
    font-size: 1rem;
}

.episode-about-paragraph:last-child[b-dfchjgrqts] {
    margin-bottom: 0;
}

.episode-about-paragraph em[b-dfchjgrqts] {
    font-style: italic;
}

.episode-about-paragraph a[b-dfchjgrqts] {
    color: var(--accent-primary, #667eea);
    font-weight: inherit;
    text-decoration: underline;
    text-decoration-color: color-mix(in srgb, var(--accent-primary, #667eea) 45%, transparent);
    text-underline-offset: 0.2em;
    text-decoration-thickness: 1px;
}

.episode-about-paragraph a:hover[b-dfchjgrqts],
.episode-about-paragraph a:focus-visible[b-dfchjgrqts] {
    text-decoration-color: currentColor;
}

.episode-about-paragraph a em[b-dfchjgrqts] {
    font-style: italic;
    font-weight: inherit;
}

@media (max-width: 600px) {
    .detail-section[b-dfchjgrqts] {
        padding: 1.35rem 1rem 1.5rem;
    }
}
/* /Components/EpisodePlotSummarySection.razor.rz.scp.css */
.detail-section[b-2u3gw7v1o5] {
    padding: 1.75rem 2rem 1.85rem;
    border-bottom: 1px solid #f0f0f0;
}

.detail-section:last-of-type[b-2u3gw7v1o5] {
    border-bottom: none;
}

.plot-summary-details[b-2u3gw7v1o5] {
    border: 1px solid var(--border-soft, rgba(20, 20, 20, 0.08));
    border-radius: 0.5rem;
    padding: 0.65rem 0.9rem 0.85rem;
    background: color-mix(in srgb, var(--page-bg-alt, #edf3f2) 65%, white);
}

.plot-summary-summary[b-2u3gw7v1o5] {
    cursor: pointer;
    font-weight: 600;
    font-size: 1rem;
    color: var(--ink-strong, #1b1a17);
    list-style-position: inside;
}

.plot-summary-summary:focus-visible[b-2u3gw7v1o5] {
    outline: 2px solid var(--brand-cool, #1f7a76);
    outline-offset: 2px;
}

.plot-summary-text[b-2u3gw7v1o5] {
    margin: 0.85rem 0 0.65rem;
    color: #444;
    line-height: 1.65;
    font-size: 1rem;
    white-space: pre-wrap;
}

.plot-summary-attribution[b-2u3gw7v1o5] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--ink-muted, #4b4b4b);
    line-height: 1.5;
}

.plot-summary-attribution a[b-2u3gw7v1o5] {
    color: var(--brand-cool, #1f7a76);
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

.plot-summary-attribution a:hover[b-2u3gw7v1o5],
.plot-summary-attribution a:focus-visible[b-2u3gw7v1o5] {
    text-decoration-color: currentColor;
}

@media (max-width: 600px) {
    .detail-section[b-2u3gw7v1o5] {
        padding: 1.35rem 1rem 1.5rem;
    }
}
/* /Pages/Account.razor.rz.scp.css */
.account-hub[b-3vaqkffncs] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 0 1.25rem 2.5rem;
}

.account-hub__guest-actions[b-3vaqkffncs] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: center;
    margin-top: 1.25rem;
}

.account-hub__sections[b-3vaqkffncs] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    max-width: 42rem;
}

.account-hub__card[b-3vaqkffncs] {
    background: var(--card-bg);
    border: 1px solid var(--border-soft);
    border-radius: 12px;
    box-shadow: var(--shadow-soft);
    padding: 1.5rem 1.75rem;
}

.account-hub__heading[b-3vaqkffncs] {
    margin: 0 0 0.75rem;
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--ink-strong);
}

.account-hub__lead[b-3vaqkffncs] {
    margin: 0 0 1rem;
    color: var(--ink-muted);
    font-size: 0.95rem;
    line-height: 1.6;
}

.account-hub__hint[b-3vaqkffncs] {
    margin: 0.75rem 0 0;
    color: var(--ink-muted);
    font-size: 0.9rem;
    line-height: 1.55;
}

.account-hub__dl[b-3vaqkffncs] {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.account-hub__dl-row[b-3vaqkffncs] {
    display: grid;
    grid-template-columns: minmax(8rem, 10rem) 1fr;
    gap: 0.5rem 1rem;
}

.account-hub__dl-row dt[b-3vaqkffncs] {
    margin: 0;
    font-weight: 600;
    color: var(--ink-strong);
    font-size: 0.9rem;
}

.account-hub__dl-row dd[b-3vaqkffncs] {
    margin: 0;
    color: var(--ink);
    font-size: 0.95rem;
    word-break: break-word;
}

.account-hub__actions[b-3vaqkffncs] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1rem;
}

.account-hub__confirm[b-3vaqkffncs] {
    margin-top: 1rem;
    padding: 1rem 1.1rem;
    border: 1px solid var(--border-soft);
    border-radius: 8px;
    background: color-mix(in srgb, var(--card-bg) 88%, var(--ink-muted));
}

.account-hub__confirm-title[b-3vaqkffncs] {
    margin: 0;
    font-weight: 600;
    color: var(--ink-strong);
}

.account-hub__profile-link[b-3vaqkffncs] {
    margin: 0;
    font-size: 1rem;
}

.account-hub__list[b-3vaqkffncs] {
    margin: 0;
    padding-left: 1.2rem;
    color: var(--ink-muted);
    font-size: 0.95rem;
    line-height: 1.65;
}

.account-hub__list li + li[b-3vaqkffncs] {
    margin-top: 0.65rem;
}

.account-hub__list--links[b-3vaqkffncs] {
    padding-left: 1.2rem;
}

.account-hub__text-btn[b-3vaqkffncs] {
    margin-left: 0.35rem;
    padding: 0;
    border: none;
    background: none;
    color: var(--link, #0b5fff);
    text-decoration: underline;
    cursor: pointer;
    font: inherit;
}

@media (max-width: 520px) {
    .account-hub__dl-row[b-3vaqkffncs] {
        grid-template-columns: 1fr;
        gap: 0.15rem;
    }
}
/* /Pages/AuditLog.razor.rz.scp.css */
.auth-events-container[b-k2rs2n6ggy] {
    max-width: 1400px;
    margin: 0 auto;
}

.audit-log-section[b-k2rs2n6ggy] {
    margin-bottom: 1.5rem;
    border: 1px solid var(--border-soft);
    border-radius: 12px;
    background: var(--card-bg);
}

.audit-log-section > summary[b-k2rs2n6ggy] {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 1.15rem;
    cursor: pointer;
    user-select: none;
}

.audit-log-section > summary[b-k2rs2n6ggy]::-webkit-details-marker {
    display: none;
}

.audit-log-section > summary[b-k2rs2n6ggy]::marker {
    content: "";
}

.audit-log-section-title[b-k2rs2n6ggy] {
    font-size: 1.1rem;
    font-weight: 700;
}

.audit-log-section-chevron[b-k2rs2n6ggy] {
    width: 0.55rem;
    height: 0.55rem;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform 0.2s ease;
    flex-shrink: 0;
    margin-top: -0.15rem;
    opacity: 0.75;
}

.audit-log-section[open] > summary .audit-log-section-chevron[b-k2rs2n6ggy] {
    transform: rotate(-135deg);
    margin-top: 0.2rem;
}

.audit-log-section--live[b-k2rs2n6ggy] {
    border-color: rgba(31, 122, 118, 0.35);
    background: linear-gradient(135deg, rgba(31, 122, 118, 0.11) 0%, rgba(31, 122, 118, 0.03) 48%, var(--card-bg) 100%);
}

.audit-log-section--live > .audit-log-section-summary[b-k2rs2n6ggy] {
    color: rgb(18, 84, 82);
}

.audit-log-section--summary[b-k2rs2n6ggy] {
    border-color: rgba(0, 102, 204, 0.2);
    background: linear-gradient(180deg, rgba(0, 102, 204, 0.05) 0%, rgba(0, 102, 204, 0.015) 60%, var(--card-bg) 100%);
}

.audit-log-section--summary > .audit-log-section-summary[b-k2rs2n6ggy] {
    color: var(--ink-strong);
}

.audit-log-section--scoreboard[b-k2rs2n6ggy] {
    border-color: rgba(230, 126, 34, 0.28);
    background: linear-gradient(180deg, rgba(230, 126, 34, 0.07) 0%, rgba(230, 126, 34, 0.02) 55%, var(--card-bg) 100%);
}

.audit-log-section--scoreboard > .audit-log-section-summary[b-k2rs2n6ggy] {
    color: rgb(150, 78, 18);
}

.audit-log-section .audit-scoreboard[b-k2rs2n6ggy] {
    margin: 0;
    padding: 0 1.15rem 1rem;
}

.audit-scoreboard-meta[b-k2rs2n6ggy] {
    margin: 0 0 1rem;
    font-size: 0.9rem;
    color: var(--ink-muted);
}

.audit-scoreboard-grid[b-k2rs2n6ggy] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.audit-scoreboard-panel[b-k2rs2n6ggy] {
    border: 1px solid var(--border-soft);
    border-radius: 10px;
    padding: 0.85rem 1rem 1rem;
    background: var(--card-bg);
}

.audit-scoreboard-title[b-k2rs2n6ggy] {
    margin: 0 0 0.35rem;
    font-size: 1rem;
    font-weight: 700;
}

.audit-scoreboard-hint[b-k2rs2n6ggy] {
    margin: 0 0 0.75rem;
    font-size: 0.85rem;
    color: var(--ink-muted);
}

.audit-scoreboard-empty[b-k2rs2n6ggy] {
    margin: 0;
    font-size: 0.9rem;
    color: var(--ink-muted);
}

.audit-scoreboard-table-wrap[b-k2rs2n6ggy] {
    overflow-x: auto;
}

.audit-scoreboard-table[b-k2rs2n6ggy] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.audit-scoreboard-table th[b-k2rs2n6ggy],
.audit-scoreboard-table td[b-k2rs2n6ggy] {
    padding: 0.45rem 0.5rem;
    border-bottom: 1px solid var(--border-soft);
    text-align: left;
    vertical-align: top;
}

.audit-scoreboard-rank-num[b-k2rs2n6ggy] {
    width: 2rem;
    color: var(--ink-muted);
    font-variant-numeric: tabular-nums;
}

@media (max-width: 1024px) {
    .audit-scoreboard-grid[b-k2rs2n6ggy] {
        grid-template-columns: 1fr;
    }
}

.audit-log-section--filters[b-k2rs2n6ggy] {
    border-color: rgba(103, 58, 183, 0.24);
    background: linear-gradient(180deg, rgba(103, 58, 183, 0.06) 0%, var(--card-bg) 38%);
}

.audit-log-section--filters > .audit-log-section-summary[b-k2rs2n6ggy] {
    color: rgb(74, 43, 133);
}

.audit-log-section--detail[b-k2rs2n6ggy] {
    border-color: rgba(31, 122, 118, 0.24);
}

.audit-log-section--detail > .audit-log-section-summary[b-k2rs2n6ggy] {
    color: rgb(22, 105, 102);
}

.audit-log-section .audit-live-overview[b-k2rs2n6ggy],
.audit-log-section .audit-summary[b-k2rs2n6ggy] {
    margin: 0;
    padding: 0 1.15rem 1rem;
    border: none;
    border-radius: 0;
    background: transparent;
}

.audit-log-section .audit-stats-warning[b-k2rs2n6ggy] {
    margin: 0 1.15rem 1rem;
}

.audit-log-section--filters > .form-row[b-k2rs2n6ggy],
.audit-log-section--filters > .auth-events-date-hint[b-k2rs2n6ggy],
.audit-log-section--filters > .auth-events-filter-actions[b-k2rs2n6ggy],
.audit-log-section--filters > .auth-events-panel-divider[b-k2rs2n6ggy],
.audit-log-section--filters > .auth-events-exclude-section[b-k2rs2n6ggy] {
    margin-left: 1.15rem;
    margin-right: 1.15rem;
}

.audit-log-section--filters > .auth-events-exclude-section[b-k2rs2n6ggy] {
    margin-bottom: 1rem;
}

.audit-log-section--detail > .auth-events-loading[b-k2rs2n6ggy],
.audit-log-section--detail > .ea-alert[b-k2rs2n6ggy],
.audit-log-section--detail > .audit-details-header[b-k2rs2n6ggy],
.audit-log-section--detail > .audit-details-hint[b-k2rs2n6ggy],
.audit-log-section--detail > .auth-events-table-wrapper[b-k2rs2n6ggy] {
    margin-left: 1.15rem;
    margin-right: 1.15rem;
}

.audit-log-section--detail > .auth-events-table-wrapper[b-k2rs2n6ggy] {
    margin-bottom: 1rem;
}

.audit-log-section--detail > .audit-details-hint[b-k2rs2n6ggy] {
    margin-top: 0;
    margin-bottom: 0.65rem;
}

.audit-stats-warning[b-k2rs2n6ggy] {
    background-color: #fff3cd;
    border-color: #ffe69c;
    color: #664d03;
}

.audit-detail-cap-warning[b-k2rs2n6ggy] {
    margin: 0.65rem 0 0.5rem;
    background-color: #fff3cd;
    border-color: #ffe69c;
    color: #664d03;
}

.audit-live-overview[b-k2rs2n6ggy] {
    padding-top: 0.15rem;
}

.audit-live-overview-header[b-k2rs2n6ggy] {
    margin-bottom: 0.75rem;
}

.audit-live-overview-title[b-k2rs2n6ggy] {
    margin: 0 0 0.35rem;
    font-size: 1.1rem;
    font-weight: 700;
    color: rgb(18, 84, 82);
}

.audit-live-overview-hint[b-k2rs2n6ggy] {
    margin: 0;
    color: var(--ink-muted);
    font-size: 0.88rem;
}

.audit-live-overview-hint--secondary[b-k2rs2n6ggy] {
    margin-top: 0.4rem;
    font-size: 0.82rem;
    opacity: 0.92;
}

.audit-live-overview-cards[b-k2rs2n6ggy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
    margin: 0.75rem 0 0.8rem;
}

.audit-live-card[b-k2rs2n6ggy] {
    border: 1px solid rgba(31, 122, 118, 0.28);
    border-radius: 10px;
    padding: 0.65rem 0.8rem;
    background: linear-gradient(145deg, rgba(31, 122, 118, 0.12) 0%, rgba(255, 255, 255, 0.92) 100%);
}

.audit-live-card-value[b-k2rs2n6ggy] {
    font-size: 1.3rem;
    line-height: 1.1;
    font-weight: 800;
    color: rgb(18, 84, 82);
}

.audit-live-card-label[b-k2rs2n6ggy] {
    margin-top: 0.2rem;
    font-size: 0.78rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--ink-muted);
    font-weight: 700;
}

.audit-live-types[b-k2rs2n6ggy] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
}

.audit-live-types-label[b-k2rs2n6ggy] {
    font-size: 0.85rem;
    color: var(--ink-muted);
    font-weight: 600;
}

.audit-live-type-pill[b-k2rs2n6ggy] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    border: 1px solid rgba(31, 122, 118, 0.3);
    background: rgba(31, 122, 118, 0.1);
    color: var(--ink-strong);
    font-size: 0.82rem;
    font-weight: 600;
}

.audit-hour-heatmap-block[b-k2rs2n6ggy] {
    margin-top: 1rem;
    padding-top: 0.85rem;
    border-top: 1px solid rgba(31, 122, 118, 0.22);
}

.audit-hour-heatmap-label[b-k2rs2n6ggy] {
    margin: 0 0 0.25rem;
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--ink-strong);
}

.audit-hour-heatmap-hint[b-k2rs2n6ggy] {
    margin: 0 0 0.65rem;
    font-size: 0.82rem;
    line-height: 1.4;
    color: var(--ink-muted);
}

.audit-hour-heatmap[b-k2rs2n6ggy] {
    display: grid;
    grid-template-columns: repeat(24, minmax(0, 1fr));
    gap: 0.2rem;
    width: 100%;
    max-width: 52rem;
}

.audit-hour-cell[b-k2rs2n6ggy] {
    aspect-ratio: 1;
    min-height: 1.75rem;
    border-radius: 4px;
    border: 1px solid rgba(31, 122, 118, 0.22);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 0.1rem 0.05rem 0.15rem;
    cursor: default;
}

.audit-hour-cell-label[b-k2rs2n6ggy] {
    font-size: 0.58rem;
    line-height: 1;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: rgba(18, 84, 82, 0.85);
    pointer-events: none;
}

@media (max-width: 640px) {
    .audit-hour-heatmap[b-k2rs2n6ggy] {
        gap: 0.12rem;
    }

    .audit-hour-cell[b-k2rs2n6ggy] {
        min-height: 1.35rem;
    }

    .audit-hour-cell-label[b-k2rs2n6ggy] {
        font-size: 0.5rem;
    }
}

.audit-summary[b-k2rs2n6ggy] {
    padding-top: 0.15rem;
}

.audit-summary-meta[b-k2rs2n6ggy] {
    margin: 0 0 1rem;
    font-size: 0.875rem;
    color: rgb(44, 87, 135);
}

.audit-summary-cards[b-k2rs2n6ggy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 1.75rem;
}

.audit-summary-card[b-k2rs2n6ggy] {
    background: linear-gradient(160deg, rgba(0, 102, 204, 0.09) 0%, var(--card-bg) 65%);
    border: 1px solid rgba(0, 102, 204, 0.22);
    border-radius: 12px;
    padding: 1.25rem 1.35rem;
    box-shadow: 0 2px 10px rgba(0, 102, 204, 0.08);
}

.audit-summary-card--accent[b-k2rs2n6ggy] {
    border-color: rgba(103, 58, 183, 0.32);
    background: linear-gradient(145deg, rgba(103, 58, 183, 0.16) 0%, var(--card-bg) 68%);
}

.audit-summary-card--growth[b-k2rs2n6ggy] {
    border-color: rgba(31, 122, 118, 0.35);
    background: linear-gradient(145deg, rgba(31, 122, 118, 0.14) 0%, var(--card-bg) 68%);
}

.audit-summary-value[b-k2rs2n6ggy] {
    font-size: 2rem;
    font-weight: 800;
    line-height: 1.1;
    color: var(--ink-strong);
}

.audit-summary-label[b-k2rs2n6ggy] {
    margin-top: 0.35rem;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--ink-muted);
}

.audit-summary-hint[b-k2rs2n6ggy] {
    margin: 0.5rem 0 0;
    font-size: 0.8rem;
    line-height: 1.35;
    color: var(--ink-muted);
    font-weight: 500;
}

.audit-summary-block[b-k2rs2n6ggy] {
    margin-bottom: 1.75rem;
}

.audit-activity-chart[b-k2rs2n6ggy],
.audit-provider-chart[b-k2rs2n6ggy] {
    max-width: 100%;
    padding: 0.25rem 0.15rem 0;
    border-radius: 10px;
    background: var(--card-bg);
    border: 1px solid var(--border-soft);
}

.audit-provider-chart[b-k2rs2n6ggy] {
    max-width: 36rem;
}

.audit-summary-block-title[b-k2rs2n6ggy] {
    margin: 0 0 0.5rem;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--ink-strong);
}

.audit-summary-block-hint[b-k2rs2n6ggy] {
    margin: 0 0 0.75rem;
    font-size: 0.85rem;
    line-height: 1.45;
    color: var(--ink-muted);
}

button.audit-summary-inline-link[b-k2rs2n6ggy] {
    display: inline;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    font-weight: 600;
    color: var(--brand-cool);
    text-decoration: underline;
    text-underline-offset: 0.12em;
    cursor: pointer;
}

button.audit-summary-inline-link:hover[b-k2rs2n6ggy],
button.audit-summary-inline-link:focus-visible[b-k2rs2n6ggy] {
    color: var(--brand-ink);
}

button.audit-summary-inline-link:focus-visible[b-k2rs2n6ggy] {
    outline: 2px solid var(--brand-cool);
    outline-offset: 2px;
}

.audit-summary-types-layout[b-k2rs2n6ggy] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 320px);
    gap: 1.25rem;
    align-items: start;
    max-width: 56rem;
}

.audit-summary-type-chart[b-k2rs2n6ggy] {
    padding: 0.25rem 0.15rem 0;
    border-radius: 10px;
    background: var(--card-bg);
    border: 1px solid var(--border-soft);
}

.audit-summary-type-list[b-k2rs2n6ggy] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.35rem;
    max-width: 40rem;
}

.audit-summary-type-row[b-k2rs2n6ggy] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.45rem 0.65rem;
    border-radius: 8px;
    background: var(--card-bg);
    border: 1px solid var(--border-soft);
}

.audit-summary-type-name[b-k2rs2n6ggy] {
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--ink-strong);
    word-break: break-word;
}

.audit-summary-type-count[b-k2rs2n6ggy] {
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    color: rgb(22, 105, 102);
    flex-shrink: 0;
}

.audit-summary-cohorts-table-wrap[b-k2rs2n6ggy] {
    overflow-x: auto;
    max-width: 28rem;
    border: 1px solid var(--border-soft);
    border-radius: 10px;
    background: var(--card-bg);
}

.audit-summary-cohorts-table[b-k2rs2n6ggy] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.audit-summary-cohorts-table th[b-k2rs2n6ggy],
.audit-summary-cohorts-table td[b-k2rs2n6ggy] {
    padding: 0.65rem 0.85rem;
    text-align: left;
    border-bottom: 1px solid var(--border-soft);
}

.audit-summary-cohorts-table thead th[b-k2rs2n6ggy] {
    font-weight: 700;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--ink-muted);
    background: rgba(0, 0, 0, 0.02);
}

.audit-summary-cohorts-table tbody tr:last-child td[b-k2rs2n6ggy] {
    border-bottom: none;
}

.audit-summary-cohorts-table .audit-summary-num[b-k2rs2n6ggy] {
    text-align: right;
}

.audit-summary-new-users-table-wrap[b-k2rs2n6ggy] {
    overflow-x: auto;
    border: 1px solid rgba(31, 122, 118, 0.22);
    border-radius: 10px;
    background: var(--card-bg);
}

.audit-summary-new-users-table[b-k2rs2n6ggy] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.audit-summary-new-users-table th[b-k2rs2n6ggy],
.audit-summary-new-users-table td[b-k2rs2n6ggy] {
    padding: 0.55rem 0.85rem;
    border-bottom: 1px solid rgba(31, 122, 118, 0.14);
    text-align: left;
    vertical-align: middle;
}

.audit-summary-new-users-table thead th[b-k2rs2n6ggy] {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--ink-muted);
    background: rgba(31, 122, 118, 0.08);
}

.audit-summary-new-users-table tbody tr:last-child td[b-k2rs2n6ggy] {
    border-bottom: none;
}

.audit-new-user-return[b-k2rs2n6ggy] {
    display: inline-block;
    font-size: 0.78rem;
    font-weight: 650;
    letter-spacing: 0.02em;
    padding: 0.15rem 0.45rem;
    border-radius: 999px;
}

.audit-new-user-return--yes[b-k2rs2n6ggy] {
    color: rgb(18, 84, 82);
    background: rgba(31, 122, 118, 0.14);
}

.audit-new-user-return--no[b-k2rs2n6ggy] {
    color: var(--ink-muted);
    background: rgba(0, 0, 0, 0.05);
}

.audit-summary-feature-areas-table-wrap[b-k2rs2n6ggy] {
    max-width: 28rem;
}

.audit-summary-nav-click-layout[b-k2rs2n6ggy] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    align-items: start;
}

.audit-summary-ranked-panel-title[b-k2rs2n6ggy] {
    margin: 0 0 0.5rem;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--ink-strong);
}

.audit-summary-ranked-table-wrap[b-k2rs2n6ggy] {
    overflow-x: auto;
    border: 1px solid var(--border-soft);
    border-radius: 10px;
    background: var(--card-bg);
}

.audit-summary-ranked-table[b-k2rs2n6ggy] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.audit-summary-ranked-table th[b-k2rs2n6ggy],
.audit-summary-ranked-table td[b-k2rs2n6ggy] {
    padding: 0.65rem 0.85rem;
    text-align: left;
    border-bottom: 1px solid var(--border-soft);
}

.audit-summary-ranked-table thead th[b-k2rs2n6ggy] {
    font-weight: 700;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--ink-muted);
    background: rgba(0, 0, 0, 0.02);
}

.audit-summary-ranked-table tbody tr:last-child td[b-k2rs2n6ggy] {
    border-bottom: none;
}

.audit-summary-ranked-code[b-k2rs2n6ggy] {
    font-family: "Consolas", "Courier New", monospace;
    font-size: 0.85rem;
    word-break: break-word;
    color: var(--ink-strong);
}

@media (max-width: 900px) {
    .audit-summary-nav-click-layout[b-k2rs2n6ggy] {
        grid-template-columns: 1fr;
    }
}

.audit-summary-users-table-wrap[b-k2rs2n6ggy] {
    overflow-x: auto;
    border: 1px solid var(--border-soft);
    border-radius: 10px;
    background: var(--card-bg);
}

.audit-summary-users-table[b-k2rs2n6ggy] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.audit-summary-users-table th[b-k2rs2n6ggy],
.audit-summary-users-table td[b-k2rs2n6ggy] {
    padding: 0.65rem 0.85rem;
    text-align: left;
    border-bottom: 1px solid var(--border-soft);
}

.audit-summary-users-table thead th[b-k2rs2n6ggy] {
    font-weight: 700;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--ink-muted);
    background: rgba(0, 0, 0, 0.02);
}

.audit-summary-sort-btn[b-k2rs2n6ggy] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    width: 100%;
    padding: 0;
    border: none;
    background: transparent;
    font: inherit;
    color: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    text-align: left;
    cursor: pointer;
}

.audit-summary-sort-btn--num[b-k2rs2n6ggy] {
    justify-content: flex-end;
}

.audit-summary-sort-indicator[b-k2rs2n6ggy] {
    font-size: 0.78rem;
    color: var(--ink-muted);
}

.audit-summary-sort-btn:hover .audit-summary-sort-indicator[b-k2rs2n6ggy] {
    color: var(--ink-strong);
}

.audit-summary-users-table tbody tr:last-child td[b-k2rs2n6ggy] {
    border-bottom: none;
}

.audit-summary-username-cell[b-k2rs2n6ggy] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.audit-log-username-filter-btn[b-k2rs2n6ggy] {
    padding: 0;
    border: none;
    background: transparent;
    font: inherit;
    font-weight: 600;
    color: rgb(31, 122, 118);
    text-decoration: underline;
    text-underline-offset: 0.12em;
    cursor: pointer;
}

.audit-log-username-filter-btn:hover[b-k2rs2n6ggy] {
    text-decoration-thickness: 2px;
}

.audit-log-username-filter-btn:focus-visible[b-k2rs2n6ggy] {
    outline: 2px solid rgb(31, 122, 118);
    outline-offset: 2px;
    border-radius: 2px;
}

.audit-summary-users-table .audit-log-profile-link[b-k2rs2n6ggy] {
    color: rgb(31, 122, 118);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 0.12em;
}

.audit-summary-users-table .audit-log-profile-link--external[b-k2rs2n6ggy] {
    text-decoration: none;
    font-size: 0.95rem;
    line-height: 1;
}

.audit-summary-users-table .audit-log-profile-link:hover[b-k2rs2n6ggy] {
    text-decoration-thickness: 2px;
}

.audit-summary-users-table .audit-log-profile-link--external:hover[b-k2rs2n6ggy] {
    text-decoration: underline;
}

.audit-summary-num[b-k2rs2n6ggy] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.audit-summary-gamification[b-k2rs2n6ggy] {
    min-width: 10rem;
    max-width: 16rem;
    vertical-align: top;
}

.auth-events-container .ea-btn-tertiary[b-k2rs2n6ggy] {
    padding: 0.45rem 0.85rem;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    border-radius: 8px;
    border: 1px solid var(--border-soft);
    background: var(--card-bg);
    color: var(--ink-strong);
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.auth-events-container .ea-btn-tertiary:hover:not(:disabled)[b-k2rs2n6ggy] {
    background: rgba(31, 122, 118, 0.08);
    border-color: rgba(31, 122, 118, 0.35);
}

.auth-events-container .ea-btn-tertiary:disabled[b-k2rs2n6ggy] {
    opacity: 0.65;
    cursor: not-allowed;
}

.audit-log-section.auth-events-filter-panel.form-container[b-k2rs2n6ggy] {
    margin: 0 0 1.5rem;
    padding: 0;
    max-width: none;
    box-shadow: none;
}

.auth-events-filter-row .auth-events-filter-field[b-k2rs2n6ggy] {
    margin-bottom: 0;
}

.auth-events-filter-actions[b-k2rs2n6ggy] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    margin-top: 1rem;
}

.auth-events-panel-divider[b-k2rs2n6ggy] {
    height: 0;
    margin: 1.5rem 0;
    border: none;
    border-top: 1px solid rgba(103, 58, 183, 0.22);
}

.auth-events-exclude-section[b-k2rs2n6ggy] {
    margin: 0;
}

.auth-events-exclude-header[b-k2rs2n6ggy] {
    margin-bottom: 1rem;
}

.auth-events-exclude-heading[b-k2rs2n6ggy] {
    margin: 0 0 0.4rem;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--ink-strong);
}

.auth-events-exclude-hint[b-k2rs2n6ggy] {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.45;
    color: var(--ink-muted);
    max-width: 52rem;
}

.auth-events-exclude-row[b-k2rs2n6ggy] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem 1.25rem;
    align-items: end;
}

.auth-events-exclude-field[b-k2rs2n6ggy] {
    min-width: 0;
}

.auth-events-exclude-field.form-group[b-k2rs2n6ggy] {
    margin-bottom: 0;
}

.auth-events-exclude-buttons[b-k2rs2n6ggy] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    padding-bottom: 0.125rem;
}

.auth-events-exclude-chips[b-k2rs2n6ggy] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    list-style: none;
    margin: 1rem 0 0;
    padding: 0;
}

.auth-events-exclude-chip[b-k2rs2n6ggy] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    max-width: 100%;
    padding: 0.25rem 0.5rem 0.25rem 0.65rem;
    border-radius: 999px;
    background: rgba(31, 122, 118, 0.1);
    border: 1px solid rgba(31, 122, 118, 0.25);
    font-size: 0.85rem;
}

.auth-events-exclude-chip-id[b-k2rs2n6ggy] {
    font-family: "Consolas", "Courier New", monospace;
    word-break: break-all;
    max-width: 28rem;
}

.auth-events-exclude-chip-remove[b-k2rs2n6ggy] {
    flex-shrink: 0;
    width: 1.65rem;
    height: 1.65rem;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: transparent;
    color: var(--ink-muted);
    font-size: 1.1rem;
    line-height: 1;
    cursor: pointer;
}

.auth-events-exclude-chip-remove:hover:not(:disabled)[b-k2rs2n6ggy] {
    background: rgba(0, 0, 0, 0.06);
    color: var(--ink-strong);
}

.auth-events-col-actions[b-k2rs2n6ggy] {
    white-space: nowrap;
    width: 1%;
}

.auth-events-exclude-row-btn[b-k2rs2n6ggy] {
    white-space: nowrap;
}

.auth-events-no-action[b-k2rs2n6ggy] {
    color: var(--ink-muted);
}

.auth-events-filter-row[b-k2rs2n6ggy] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.auth-events-filter-row--dates[b-k2rs2n6ggy] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 0.75rem;
}

.auth-events-date-hint[b-k2rs2n6ggy] {
    margin: 0.35rem 0 0;
    font-size: 0.85rem;
    color: var(--ink-muted);
}

.auth-events-loading[b-k2rs2n6ggy] {
    padding: 1rem;
    border-radius: 8px;
    background: rgba(255, 193, 7, 0.15);
    border: 1px solid rgba(255, 160, 0, 0.35);
    color: rgb(99, 74, 12);
    font-weight: 600;
}

.audit-details-header[b-k2rs2n6ggy] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    gap: 0.75rem;
    margin: 0 0 0.65rem;
}

.audit-details-heading[b-k2rs2n6ggy] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1rem;
}

.audit-details-export-btn[b-k2rs2n6ggy] {
    flex-shrink: 0;
}

.audit-details-title[b-k2rs2n6ggy] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 700;
    color: rgb(22, 105, 102);
}

.audit-details-hint[b-k2rs2n6ggy] {
    margin: 0;
    font-size: 0.86rem;
    color: var(--ink-muted);
}

.auth-events-table-wrapper[b-k2rs2n6ggy] {
    overflow-x: auto;
    border: 1px solid rgba(31, 122, 118, 0.24);
    border-radius: 12px;
    background: var(--card-bg);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.05);
}

.auth-events-table[b-k2rs2n6ggy] {
    width: 100%;
    border-collapse: collapse;
    min-width: 880px;
}

.auth-events-table thead[b-k2rs2n6ggy] {
    background: linear-gradient(90deg, rgba(31, 122, 118, 0.2) 0%, rgba(31, 122, 118, 0.08) 100%);
}

.auth-events-table th[b-k2rs2n6ggy],
.auth-events-table td[b-k2rs2n6ggy] {
    padding: 0.75rem 0.9rem;
    border-bottom: 1px solid var(--border-soft);
    text-align: left;
    vertical-align: middle;
    color: var(--ink-strong);
}

.auth-events-table th[b-k2rs2n6ggy] {
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--ink-muted);
}

.auth-events-table tbody tr:hover[b-k2rs2n6ggy] {
    background: rgba(31, 122, 118, 0.1);
}

.auth-events-table tbody tr:nth-child(even)[b-k2rs2n6ggy] {
    background: rgba(0, 102, 204, 0.03);
}

.auth-events-table tbody tr:last-child td[b-k2rs2n6ggy] {
    border-bottom: none;
}

.auth-events-user-id[b-k2rs2n6ggy] {
    font-family: "Consolas", "Courier New", monospace;
    font-size: 0.85rem;
    word-break: break-all;
}

.auth-event-type[b-k2rs2n6ggy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 70px;
    padding: 0.25rem 0.55rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.auth-event-login[b-k2rs2n6ggy] {
    background: #d1e7dd;
    color: #0f5132;
}

.auth-event-logout[b-k2rs2n6ggy] {
    background: #f8d7da;
    color: #842029;
}

.auth-event-nav[b-k2rs2n6ggy] {
    background: #cfe2ff;
    color: #084298;
}

.auth-event-click[b-k2rs2n6ggy] {
    background: #fff3cd;
    color: #664d03;
}

.auth-events-table .auth-event-nav[b-k2rs2n6ggy],
.auth-events-table .auth-event-click[b-k2rs2n6ggy] {
    text-transform: none;
    letter-spacing: 0.02em;
    font-weight: 600;
}

.auth-event-default[b-k2rs2n6ggy] {
    background: #e9ecef;
    color: #495057;
}

.auth-events-table .audit-log-profile-link[b-k2rs2n6ggy] {
    color: rgb(31, 122, 118);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 0.12em;
}

.auth-events-table .audit-log-profile-link:hover[b-k2rs2n6ggy] {
    text-decoration-thickness: 2px;
}

@media (max-width: 1100px) {
    .auth-events-filter-row[b-k2rs2n6ggy] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .auth-events-exclude-row[b-k2rs2n6ggy] {
        grid-template-columns: 1fr;
    }

    .auth-events-exclude-buttons[b-k2rs2n6ggy] {
        justify-content: flex-start;
        padding-bottom: 0;
    }
}

@media (max-width: 640px) {
    .auth-events-filter-row[b-k2rs2n6ggy] {
        grid-template-columns: 1fr;
    }

    .audit-summary-types-layout[b-k2rs2n6ggy] {
        grid-template-columns: 1fr;
    }

    .audit-summary-type-chart[b-k2rs2n6ggy] {
        max-width: 20rem;
    }
}
/* /Pages/AuthDiagnostics.razor.rz.scp.css */
.auth-diag-container[b-784nmrab6c] {
    max-width: var(--page-max-width);
    margin: 0 auto;
}

.auth-diag-loading[b-784nmrab6c] {
    padding: 1rem;
    border-radius: 8px;
    background: rgba(31, 122, 118, 0.08);
    border: 1px solid rgba(31, 122, 118, 0.18);
    color: var(--ink-strong);
    font-weight: 600;
}

.auth-diag-section[b-784nmrab6c] {
    margin: 1.5rem 0;
    padding: 1.25rem 1.5rem;
    border-radius: 12px;
    border: 1px solid var(--border-soft);
    background: var(--surface-card, #fff);
}

.auth-diag-section h2[b-784nmrab6c] {
    margin-top: 0;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--ink-strong);
}

.auth-diag-check[b-784nmrab6c] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 0.9rem;
    border-radius: 8px;
    margin: 0.4rem 0;
    font-size: 0.95rem;
}

.auth-diag-ok[b-784nmrab6c] {
    background: rgba(40, 167, 69, 0.1);
    border: 1px solid rgba(40, 167, 69, 0.3);
    color: #1a5e30;
}

.auth-diag-fail[b-784nmrab6c] {
    background: rgba(220, 53, 69, 0.1);
    border: 1px solid rgba(220, 53, 69, 0.3);
    color: #7a1020;
}

.auth-diag-warn[b-784nmrab6c] {
    background: rgba(255, 193, 7, 0.1);
    border: 1px solid rgba(255, 193, 7, 0.3);
    color: #5a4000;
}

.auth-diag-action[b-784nmrab6c] {
    margin-top: 0.75rem;
}
/* /Pages/CollectionDetail.razor.rz.scp.css */
.collection-detail-container[b-pi7jxk65vh] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 2rem 1.5rem;
}

.collection-detail-container .page-header[b-pi7jxk65vh]  .breadcrumb-nav {
    margin-bottom: 0.75rem;
}

.collection-intro[b-pi7jxk65vh] {
    max-width: 42rem;
}

.collection-queue-action[b-pi7jxk65vh] {
    margin: 0 0 1.5rem;
}

.collection-queue-feedback[b-pi7jxk65vh] {
    margin: 0 0 1rem;
    padding: 0.65rem 1rem;
    border-radius: 8px;
    background: rgba(31, 122, 118, 0.1);
    border: 1px solid rgba(31, 122, 118, 0.25);
    font-size: 0.92rem;
}

.collection-queue-feedback--err[b-pi7jxk65vh] {
    background: rgba(220, 53, 69, 0.08);
    border-color: rgba(220, 53, 69, 0.3);
}

.collection-section-title[b-pi7jxk65vh] {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 2rem 0 1rem;
}

.collection-picks-list[b-pi7jxk65vh] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.collection-pick-item[b-pi7jxk65vh] {
    display: flex;
    gap: 1rem;
    padding: 1rem 0;
    border-bottom: 1px solid #eee;
}

.collection-pick-order[b-pi7jxk65vh] {
    font-weight: 700;
    color: #4361ee;
    min-width: 1.5rem;
}

.collection-pick-title[b-pi7jxk65vh] {
    font-weight: 600;
    color: #1a1a1a;
    text-decoration: none;
}

.collection-pick-title:hover[b-pi7jxk65vh] {
    color: #4361ee;
}

.collection-pick-unresolved[b-pi7jxk65vh] {
    color: #666;
}

.collection-pick-series[b-pi7jxk65vh] {
    display: block;
    font-size: 0.85rem;
    color: #888;
    margin-top: 0.15rem;
}

.collection-pick-note[b-pi7jxk65vh] {
    margin: 0.35rem 0 0;
    font-size: 0.9rem;
    color: #555;
    line-height: 1.45;
}

.stats-row[b-pi7jxk65vh] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.stat-card[b-pi7jxk65vh] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 1rem 1.5rem;
    text-align: center;
}

.stat-value[b-pi7jxk65vh] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #4361ee;
}

.stat-label[b-pi7jxk65vh] {
    font-size: 0.85rem;
    color: #666;
    margin-top: 0.25rem;
}

.load-more-trigger[b-pi7jxk65vh] {
    height: 1px;
    margin: 2rem 0;
}

.end-message[b-pi7jxk65vh] {
    text-align: center;
    padding: 2rem;
    color: #666;
}

.loading-indicator[b-pi7jxk65vh] {
    text-align: center;
    padding: 2rem;
    color: #666;
}

.empty-state[b-pi7jxk65vh] {
    text-align: center;
    padding: 3rem 1rem;
}

.empty-state-compact[b-pi7jxk65vh] {
    padding: 1.5rem 1rem;
}

.empty-state-icon[b-pi7jxk65vh] {
    font-size: 3rem;
}

.empty-state-title[b-pi7jxk65vh] {
    margin: 1rem 0 0.5rem;
}

.empty-state-message[b-pi7jxk65vh] {
    color: #666;
}

.empty-state-actions[b-pi7jxk65vh] {
    margin-top: 1.5rem;
}

/* /Pages/Collections.razor.rz.scp.css */
.collections-container[b-rgw9gmk22i] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 2rem 1.5rem;
}

.collections-container .page-header[b-rgw9gmk22i]  .breadcrumb-nav {
    margin-bottom: 0.75rem;
}

.collections-grid[b-rgw9gmk22i] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.5rem;
    margin-top: 2rem;
}

@media (max-width: 768px) {
    .collections-grid[b-rgw9gmk22i] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}

@media (min-width: 1025px) {
    .collections-grid[b-rgw9gmk22i] {
        grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    }
}

.collection-card[b-rgw9gmk22i] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.5rem;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    text-decoration: none;
    color: inherit;
    transition: box-shadow 0.2s, border-color 0.2s, transform 0.1s;
    cursor: pointer;
}

.collection-card:hover[b-rgw9gmk22i] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    border-color: #4361ee;
    transform: translateY(-2px);
    text-decoration: none;
    color: inherit;
}

.collection-card-icon[b-rgw9gmk22i] {
    font-size: 2.5rem;
    flex-shrink: 0;
}

.collection-card-content[b-rgw9gmk22i] {
    flex: 1;
    min-width: 0;
}

.collection-card-title[b-rgw9gmk22i] {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 0 0.25rem;
    color: #1a1a1a;
}

.collection-card-mode[b-rgw9gmk22i] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #4361ee;
    margin: 0 0 0.35rem;
}

.collection-card-description[b-rgw9gmk22i] {
    font-size: 0.9rem;
    color: #666;
    margin: 0;
    line-height: 1.4;
}

.collection-card-arrow[b-rgw9gmk22i] {
    font-size: 1.2rem;
    color: #4361ee;
    flex-shrink: 0;
    margin-top: 0.25rem;
}
/* /Pages/DoNotTrack.razor.rz.scp.css */
.dnt-container[b-1opz5rsitz] {
    max-width: var(--page-max-width);
    margin: 0 auto;
}

.dnt-card[b-1opz5rsitz] {
    background: var(--card-bg);
    border: 1px solid var(--border-soft);
    border-radius: 12px;
    box-shadow: var(--shadow-soft);
    padding: 1.5rem 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.dnt-info-title[b-1opz5rsitz] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--ink-strong);
    margin: 0 0 0.5rem 0;
}

.dnt-info-text[b-1opz5rsitz] {
    color: var(--ink-muted);
    font-size: 0.95rem;
    line-height: 1.6;
    margin: 0;
}

.dnt-info-text code[b-1opz5rsitz] {
    font-family: "Consolas", "Courier New", monospace;
    background: rgba(31, 122, 118, 0.1);
    padding: 0.1em 0.35em;
    border-radius: 4px;
    font-size: 0.9em;
}

.dnt-status-row[b-1opz5rsitz] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.dnt-status-label[b-1opz5rsitz] {
    font-weight: 600;
    color: var(--ink-strong);
    font-size: 0.95rem;
}

.dnt-badge[b-1opz5rsitz] {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.75rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.dnt-badge-enabled[b-1opz5rsitz] {
    background: #d1e7dd;
    color: #0f5132;
}

.dnt-badge-disabled[b-1opz5rsitz] {
    background: #f8d7da;
    color: #842029;
}

.dnt-badge-loading[b-1opz5rsitz] {
    background: #e9ecef;
    color: #495057;
}

.dnt-actions[b-1opz5rsitz] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

@media (max-width: 480px) {
    .dnt-card[b-1opz5rsitz] {
        padding: 1.25rem;
    }
}
/* /Pages/EditCollection.razor.rz.scp.css */
.collection-admin-container[b-6pe3dyboav] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 2rem 1.5rem;
}

.collection-form[b-6pe3dyboav] {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 1.5rem;
}

.collection-admin-container .page-header[b-6pe3dyboav]  .breadcrumb-nav {
    margin-bottom: 0.5rem;
}

.form-section[b-6pe3dyboav] {
    border: 1px solid #e8e8ee;
    border-radius: 10px;
    padding: 1.25rem;
    margin-bottom: 1.5rem;
}

.form-section legend[b-6pe3dyboav] {
    padding: 0 0.5rem;
    font-weight: 600;
    color: #1f7a76;
}

.form-checkbox[b-6pe3dyboav] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-weight: 600;
}

.form-checkbox input[b-6pe3dyboav] {
    width: 1.1rem;
    height: 1.1rem;
}

.pick-search-results[b-6pe3dyboav] {
    list-style: none;
    margin: 0.5rem 0 0;
    padding: 0;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    max-height: 300px;
    overflow-y: auto;
    background: #fff;
}

.pick-search-result[b-6pe3dyboav] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    width: 100%;
    padding: 0.6rem 0.85rem;
    background: transparent;
    border: none;
    border-bottom: 1px solid #f3f3f7;
    text-align: left;
    cursor: pointer;
    font: inherit;
}

.pick-search-result:last-child[b-6pe3dyboav] {
    border-bottom: none;
}

.pick-search-result:hover[b-6pe3dyboav] {
    background: rgba(67, 97, 238, 0.08);
}

.pick-search-result__title[b-6pe3dyboav] {
    font-weight: 600;
    color: #1a1a1a;
}

.pick-search-result__meta[b-6pe3dyboav] {
    font-size: 0.85rem;
    color: #666;
}

.picks-list[b-6pe3dyboav] {
    list-style: none;
    margin: 0;
    padding: 0;
    counter-reset: pick;
}

.pick-row[b-6pe3dyboav] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid #e8e8ee;
    border-radius: 10px;
    margin-bottom: 0.75rem;
    background: #fafbff;
}

.pick-row__order[b-6pe3dyboav] {
    font-weight: 700;
    font-size: 1.25rem;
    color: #4361ee;
    align-self: start;
    min-width: 2rem;
}

.pick-row__body[b-6pe3dyboav] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.pick-row__title[b-6pe3dyboav] {
    font-weight: 600;
    color: #1a1a1a;
}

.pick-row__meta[b-6pe3dyboav] {
    font-size: 0.85rem;
    color: #666;
}

.pick-row__actions[b-6pe3dyboav] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    align-self: start;
}

.pick-row__actions button[b-6pe3dyboav] {
    padding: 0.3rem 0.6rem;
    font-size: 0.9rem;
    min-width: 2.25rem;
}

.empty-state[b-6pe3dyboav] {
    margin-top: 0.5rem;
    padding: 1rem;
    background: #fff;
    border: 1px dashed #c0c0c0;
    border-radius: 10px;
    text-align: center;
    color: #555;
}

.loading-container[b-6pe3dyboav] {
    text-align: center;
    padding: 3rem 1rem;
    color: #555;
}

.loading-spinner[b-6pe3dyboav] {
    display: inline-block;
    width: 36px;
    height: 36px;
    border: 3px solid #d0d0d0;
    border-top-color: #4361ee;
    border-radius: 50%;
    animation: spin-b-6pe3dyboav 0.8s linear infinite;
    margin-bottom: 0.75rem;
}

@keyframes spin-b-6pe3dyboav {
    to { transform: rotate(360deg); }
}
/* /Pages/EditEpisode.razor.rz.scp.css */
.tag-collections-preview[b-5ubrtd8hb2] {
    margin-top: 0.75rem;
    padding: 0.75rem 1rem;
    background: #f7f9ff;
    border: 1px solid #d6e0ff;
    border-radius: 8px;
}

.tag-collections-preview__heading[b-5ubrtd8hb2] {
    margin: 0 0 0.5rem;
    font-weight: 600;
    color: #1f7a76;
    font-size: 0.9rem;
}

.tag-collections-preview__list[b-5ubrtd8hb2] {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    font-size: 0.9rem;
}

.tag-collections-preview__list li code[b-5ubrtd8hb2] {
    background: rgba(67, 97, 238, 0.1);
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
    color: #2b3a8a;
    margin-right: 0.4rem;
}

.tag-collections-preview__none[b-5ubrtd8hb2] {
    color: #777;
    font-style: italic;
}

.tag-collections-preview__matches a[b-5ubrtd8hb2] {
    color: #4361ee;
    text-decoration: none;
}

.tag-collections-preview__matches a:hover[b-5ubrtd8hb2] {
    text-decoration: underline;
}
/* /Pages/EditWatchHistory.razor.rz.scp.css */
.edit-watch-history-container[b-qwoxkmhd0m] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
}

.edit-watch-history-container .header-content[b-qwoxkmhd0m] {
    text-align: center;
}

.watch-history-content[b-qwoxkmhd0m] {
    background: white;
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.no-history[b-qwoxkmhd0m] {
    text-align: center;
    padding: 3rem;
}

.no-history p[b-qwoxkmhd0m] {
    font-size: 1.2rem;
    color: #666;
    margin-bottom: 1.5rem;
}

.history-stats[b-qwoxkmhd0m] {
    display: flex;
    gap: 2rem;
    margin-bottom: 2rem;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: 8px;
}

.history-stats .stat-item[b-qwoxkmhd0m] {
    display: flex;
    flex-direction: column;
}

.history-stats .stat-label[b-qwoxkmhd0m] {
    font-size: 0.9rem;
    color: #666;
    margin-bottom: 0.25rem;
}

.history-stats .stat-value[b-qwoxkmhd0m] {
    font-size: 1.5rem;
    font-weight: bold;
    color: #333;
}

.watch-history-list[b-qwoxkmhd0m] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.watch-history-item[b-qwoxkmhd0m] {
    padding: 1rem;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    background: white;
    transition: box-shadow 0.2s;
}

.watch-history-item:hover[b-qwoxkmhd0m] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.watch-info[b-qwoxkmhd0m] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.watch-date[b-qwoxkmhd0m] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.date-icon[b-qwoxkmhd0m] {
    font-size: 1.2rem;
}

.date-text[b-qwoxkmhd0m] {
    font-size: 1rem;
    font-weight: 500;
    color: #333;
}

.edit-form[b-qwoxkmhd0m] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.form-group[b-qwoxkmhd0m] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.form-group label[b-qwoxkmhd0m] {
    font-weight: 500;
    color: #555;
}

.form-input[b-qwoxkmhd0m] {
    padding: 0.5rem;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 1rem;
}

.action-buttons[b-qwoxkmhd0m] {
    display: flex;
    gap: 0.5rem;
}

.bottom-actions[b-qwoxkmhd0m] {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid #e0e0e0;
    display: flex;
    justify-content: center;
}

@media (max-width: 768px) {
    .edit-watch-history-container[b-qwoxkmhd0m] {
        padding: 1rem;
    }

    .history-stats[b-qwoxkmhd0m] {
        flex-direction: column;
        gap: 1rem;
    }

    .watch-info[b-qwoxkmhd0m] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .action-buttons[b-qwoxkmhd0m] {
        width: 100%;
    }

    .action-buttons button[b-qwoxkmhd0m] {
        flex: 1;
    }
}

/* /Pages/EmailOutbox.razor.rz.scp.css */
.email-outbox-container[b-5ogkt8raos] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 2rem 1.5rem;
}

.page-header[b-5ogkt8raos] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
}

.header-actions[b-5ogkt8raos] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.email-outbox-tabs[b-5ogkt8raos] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid var(--border-soft, #e0e0e0);
    padding-bottom: 0.5rem;
}

.email-outbox-tab[b-5ogkt8raos],
.email-outbox-status-tab[b-5ogkt8raos] {
    border: 1px solid transparent;
    background: transparent;
    color: var(--ink-muted, #555);
    padding: 0.45rem 0.9rem;
    border-radius: 999px;
    font-weight: 600;
    cursor: pointer;
}

.email-outbox-tab--active[b-5ogkt8raos],
.email-outbox-status-tab--active[b-5ogkt8raos] {
    background: rgba(31, 122, 118, 0.12);
    border-color: rgba(31, 122, 118, 0.3);
    color: rgb(18, 84, 82);
}

.email-outbox-queue-toolbar[b-5ogkt8raos] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.email-outbox-by-user-toolbar[b-5ogkt8raos],
.email-outbox-filter-row[b-5ogkt8raos] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
    align-items: flex-end;
    margin-bottom: 1rem;
}

.email-outbox-filter-field[b-5ogkt8raos] {
    flex: 1 1 12rem;
    min-width: 10rem;
    margin-bottom: 0;
}

.email-outbox-filter-actions[b-5ogkt8raos] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    padding-bottom: 0.15rem;
}

.email-outbox-sort-btn[b-5ogkt8raos] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    width: 100%;
    padding: 0;
    border: none;
    background: transparent;
    font: inherit;
    color: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    text-align: left;
    cursor: pointer;
}

.email-outbox-sort-btn--num[b-5ogkt8raos] {
    justify-content: flex-start;
}

.email-outbox-sort-indicator[b-5ogkt8raos] {
    font-size: 0.78rem;
    color: var(--ink-muted, #777);
}

.email-outbox-sort-btn:hover .email-outbox-sort-indicator[b-5ogkt8raos] {
    color: var(--ink-strong, #222);
}

.email-outbox-status-tabs[b-5ogkt8raos] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.email-outbox-active-filter[b-5ogkt8raos],
.email-outbox-bulk-actions[b-5ogkt8raos],
.email-outbox-paging[b-5ogkt8raos] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.email-outbox-bulk-actions[b-5ogkt8raos] {
    justify-content: flex-start;
    padding: 0.65rem 0.85rem;
    border: 1px solid rgba(31, 122, 118, 0.25);
    border-radius: 10px;
    background: rgba(31, 122, 118, 0.06);
}

.email-outbox-table-wrap[b-5ogkt8raos] {
    overflow-x: auto;
    border: 1px solid var(--border-soft, #e0e0e0);
    border-radius: 12px;
    background: var(--card-bg, #fff);
}

.email-outbox-table[b-5ogkt8raos] {
    width: 100%;
    border-collapse: collapse;
}

.email-outbox-table th[b-5ogkt8raos],
.email-outbox-table td[b-5ogkt8raos] {
    text-align: left;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: middle;
}

.email-outbox-table thead[b-5ogkt8raos] {
    background: #f7f7fa;
}

.email-outbox-table th[b-5ogkt8raos] {
    font-weight: 600;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #555;
}

.email-outbox-table tbody tr:last-child td[b-5ogkt8raos] {
    border-bottom: none;
}

.email-outbox-row--high-pending[b-5ogkt8raos] {
    background: rgba(180, 60, 40, 0.06);
}

.pending-count[b-5ogkt8raos] {
    font-weight: 700;
}

.pending-count--high[b-5ogkt8raos] {
    color: #a03520;
}

.campaign-chips[b-5ogkt8raos] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.campaign-chip[b-5ogkt8raos] {
    display: inline-block;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    background: rgba(0, 102, 204, 0.1);
    color: #004d99;
    font-size: 0.75rem;
    font-weight: 600;
}

.col-check[b-5ogkt8raos] {
    width: 2.5rem;
}

.user-cell[b-5ogkt8raos] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.user-email[b-5ogkt8raos] {
    color: #666;
    font-size: 0.85rem;
}

.status-badge[b-5ogkt8raos] {
    display: inline-block;
    padding: 0.15rem 0.6rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    background: rgba(100, 100, 100, 0.12);
    color: #444;
}

.status-badge--pending[b-5ogkt8raos] {
    background: rgba(180, 100, 0, 0.12);
    color: #a05400;
}

.status-badge--approved[b-5ogkt8raos] {
    background: rgba(31, 122, 118, 0.14);
    color: #14635f;
}

.status-badge--sent[b-5ogkt8raos] {
    background: rgba(34, 139, 34, 0.12);
    color: #1f7a1f;
}

.status-badge--rejected[b-5ogkt8raos],
.status-badge--failed[b-5ogkt8raos],
.status-badge--cancelled[b-5ogkt8raos] {
    background: rgba(160, 40, 40, 0.1);
    color: #8a2525;
}

.status-reason[b-5ogkt8raos] {
    color: #555;
    font-size: 0.9rem;
    word-break: break-word;
}

.row-actions[b-5ogkt8raos] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.row-actions .ea-btn-secondary[b-5ogkt8raos],
.row-actions .ea-btn-delete[b-5ogkt8raos],
.row-actions .ea-btn-primary[b-5ogkt8raos] {
    padding: 0.35rem 0.8rem;
    font-size: 0.85rem;
}

.email-outbox-paging[b-5ogkt8raos] {
    margin-top: 1rem;
}

.email-outbox-paging-actions[b-5ogkt8raos] {
    display: flex;
    gap: 0.5rem;
}

.empty-state[b-5ogkt8raos] {
    margin-top: 1rem;
    padding: 2rem;
    background: var(--card-bg, #fff);
    border: 1px dashed #c0c0c0;
    border-radius: 12px;
    text-align: center;
    color: #555;
}

.loading-container[b-5ogkt8raos] {
    text-align: center;
    padding: 3rem 1rem;
    color: #555;
}

.loading-spinner[b-5ogkt8raos] {
    display: inline-block;
    width: 36px;
    height: 36px;
    border: 3px solid #d0d0d0;
    border-top-color: #1f7a76;
    border-radius: 50%;
    animation: email-outbox-spin-b-5ogkt8raos 0.8s linear infinite;
    margin-bottom: 0.75rem;
}

@keyframes email-outbox-spin-b-5ogkt8raos {
    to { transform: rotate(360deg); }
}

.email-preview-backdrop[b-5ogkt8raos] {
    position: fixed;
    inset: 0;
    background: rgba(20, 24, 28, 0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    z-index: 1200;
}

.email-preview-modal[b-5ogkt8raos] {
    width: min(920px, 100%);
    max-height: min(90vh, 900px);
    overflow: auto;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.28);
    display: flex;
    flex-direction: column;
}

.email-preview-header[b-5ogkt8raos] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #ececec;
}

.email-preview-title[b-5ogkt8raos] {
    margin: 0;
    font-size: 1.2rem;
}

.email-preview-meta[b-5ogkt8raos] {
    margin: 0.35rem 0 0;
    color: #555;
    font-size: 0.9rem;
}

.email-preview-reason[b-5ogkt8raos] {
    margin: 0.45rem 0 0;
    color: #8a2525;
    font-size: 0.9rem;
    font-weight: 600;
}

.email-preview-close[b-5ogkt8raos] {
    border: none;
    background: transparent;
    font-size: 1.6rem;
    line-height: 1;
    cursor: pointer;
    color: #444;
}

.email-preview-body[b-5ogkt8raos] {
    padding: 1rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.email-preview-frame[b-5ogkt8raos] {
    width: 100%;
    min-height: 360px;
    border: 1px solid #e4e4e4;
    border-radius: 10px;
    background: #fff;
}

.email-preview-text pre[b-5ogkt8raos] {
    margin: 0.5rem 0 0;
    white-space: pre-wrap;
    word-break: break-word;
    background: #f7f7f9;
    border-radius: 8px;
    padding: 0.75rem;
    font-size: 0.85rem;
}

.email-preview-actions[b-5ogkt8raos] {
    display: flex;
    gap: 0.65rem;
    justify-content: flex-end;
    padding: 0.85rem 1.25rem 1.15rem;
    border-top: 1px solid #ececec;
}

@media (max-width: 768px) {
    .email-outbox-container[b-5ogkt8raos] {
        padding: 1.25rem 1rem;
    }

    .email-preview-frame[b-5ogkt8raos] {
        min-height: 260px;
    }
}
/* /Pages/EmailPreferences.razor.rz.scp.css */
.email-prefs-container[b-2xo1aph3qx] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 0 1.25rem 2.5rem;
}

.email-prefs-card[b-2xo1aph3qx] {
    max-width: 42rem;
    background: var(--card-bg);
    border: 1px solid var(--border-soft);
    border-radius: 12px;
    box-shadow: var(--shadow-soft);
    padding: 2rem 2.25rem;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.email-prefs-field[b-2xo1aph3qx] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-bottom: 1.75rem;
    margin-bottom: 1.75rem;
    border-bottom: 1px solid var(--border-soft);
}

.email-prefs-label[b-2xo1aph3qx] {
    font-weight: 600;
    color: var(--ink-strong);
    font-size: 0.95rem;
}

.email-prefs-input[b-2xo1aph3qx] {
    width: 100%;
    max-width: 100%;
    padding: 0.65rem 0.85rem;
    border: 1px solid var(--border-soft);
    border-radius: 8px;
    font-size: 1rem;
    line-height: 1.4;
}

.email-prefs-hint[b-2xo1aph3qx] {
    margin: 0.15rem 0 0;
    font-size: 0.85rem;
    color: var(--ink-muted);
    line-height: 1.45;
}

.email-prefs-error[b-2xo1aph3qx] {
    margin: 0.25rem 0 0;
    color: #842029;
    font-size: 0.9rem;
    line-height: 1.45;
}

.email-prefs-toggles[b-2xo1aph3qx] {
    border: none;
    margin: 0;
    padding: 0 0 1.75rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.email-prefs-legend[b-2xo1aph3qx] {
    font-weight: 700;
    font-size: 0.95rem;
    color: var(--ink-strong);
    padding: 0;
    margin: 0 0 0.35rem;
}

.email-prefs-lead[b-2xo1aph3qx] {
    margin: 0;
    color: var(--ink-muted);
    font-size: 0.95rem;
    line-height: 1.6;
    max-width: 36rem;
}

.email-prefs-toggle[b-2xo1aph3qx] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.25rem;
    padding: 0.9rem 1rem;
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--ink-strong);
    background: rgba(31, 122, 118, 0.04);
    border: 1px solid var(--border-soft);
    border-radius: 10px;
    cursor: pointer;
}

.email-prefs-toggle--disabled[b-2xo1aph3qx] {
    opacity: 0.55;
    cursor: not-allowed;
}

.email-prefs-actions[b-2xo1aph3qx] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding-top: 1.75rem;
    border-top: 1px solid var(--border-soft);
}

.email-prefs-card > .ea-alert[b-2xo1aph3qx] {
    margin-top: 1.25rem;
}

.email-prefs-card > .ea-alert + .ea-alert[b-2xo1aph3qx] {
    margin-top: 0.75rem;
}

.email-prefs-actions ~ .email-prefs-hint[b-2xo1aph3qx] {
    margin-top: 1rem;
}

@media (max-width: 480px) {
    .email-prefs-container[b-2xo1aph3qx] {
        padding: 0 1rem 2rem;
    }

    .email-prefs-card[b-2xo1aph3qx] {
        padding: 1.5rem 1.25rem;
    }

    .email-prefs-field[b-2xo1aph3qx] {
        padding-bottom: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .email-prefs-toggles[b-2xo1aph3qx] {
        padding-bottom: 1.5rem;
    }

    .email-prefs-actions[b-2xo1aph3qx] {
        padding-top: 1.5rem;
    }
}
/* /Pages/EpisodeDetail.razor.rz.scp.css */
.episode-detail-container[b-cn9i3ak8eg] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 2.25rem 1.5rem 2rem;
}

/* Page header */
.episode-detail-container .page-header[b-cn9i3ak8eg] {
    margin-bottom: 0.85rem;
}

.episode-detail-container .header-content[b-cn9i3ak8eg] {
    text-align: center;
}

.episode-detail-container .page-header[b-cn9i3ak8eg]  .breadcrumb-nav {
    text-align: left;
    margin-bottom: 1rem;
}

.episode-detail-container .episode-card-header[b-cn9i3ak8eg] {
    border-radius: 12px;
    padding: 2rem 1.75rem 1.9rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.65rem;
    margin-bottom: 0;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.12);
}

.episode-detail-container .hero-eyebrow[b-cn9i3ak8eg] {
    margin: 0;
    font-size: 0.81rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.88);
    line-height: 1.35;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
    max-width: 40rem;
}

.episode-detail-container .hero-eyebrow-series[b-cn9i3ak8eg] {
    font-weight: 700;
    letter-spacing: 0.1em;
}

.episode-detail-container .hero-eyebrow-sep[b-cn9i3ak8eg] {
    font-weight: 500;
    letter-spacing: 0.12em;
    opacity: 0.85;
}

.episode-detail-container .hero-eyebrow-code[b-cn9i3ak8eg] {
    font-weight: 800;
    letter-spacing: 0.12em;
    opacity: 0.98;
}

.episode-detail-container .page-title[b-cn9i3ak8eg] {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a1a;
    margin: 1rem 0 0.5rem;
    line-height: 1.25;
}

.episode-detail-container .page-title--hero[b-cn9i3ak8eg] {
    color: #fff;
    margin: 0.15rem 0 0;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.episode-detail-container .page-subtitle[b-cn9i3ak8eg] {
    color: #666;
    font-size: 1.1rem;
    margin: 0;
}

.episode-detail-container .page-subtitle--hero[b-cn9i3ak8eg] {
    color: rgba(255, 255, 255, 0.92);
    margin-top: 0.15rem;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
}

.visually-hidden[b-cn9i3ak8eg] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

/* Episode link */
.episode-link[b-cn9i3ak8eg] {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s;
}

.episode-link:hover[b-cn9i3ak8eg] {
    color: var(--brand-cool, #1f7a76);
}

.external-icon[b-cn9i3ak8eg] {
    font-size: 0.8rem;
    margin-left: 0.3rem;
    opacity: 0.7;
}

/* Detail card */
.detail-card[b-cn9i3ak8eg] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    margin-top: 0.15rem;
}

.detail-section[b-cn9i3ak8eg] {
    padding: 1.75rem 2rem 1.85rem;
    border-bottom: 1px solid #f0f0f0;
}

.detail-section:last-of-type[b-cn9i3ak8eg] {
    border-bottom: none;
}

.section-title[b-cn9i3ak8eg] {
    font-size: 1rem;
    font-weight: 700;
    color: #444;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin: 0 0 1.1rem;
}

.episode-discovery-section .episode-discovery-lead[b-cn9i3ak8eg] {
    margin: 0 0 1rem;
    font-size: 0.95rem;
    line-height: 1.45;
}

.episode-discovery-section .episode-discovery-guide-title[b-cn9i3ak8eg] {
    font-size: 1.05rem;
    font-weight: 650;
    margin: 0 0 0.85rem;
    color: #333;
}

.episode-discovery-section .episode-discovery-guide-title + .episodes-grid-container[b-cn9i3ak8eg] {
    margin-bottom: 1.25rem;
}

.episode-discovery-section .episodes-grid-container:last-child[b-cn9i3ak8eg] {
    margin-bottom: 0;
}

.community-watch-section .community-watch-lead[b-cn9i3ak8eg] {
    margin: 0 0 1rem;
    font-size: 0.95rem;
    color: #555;
    line-height: 1.45;
}

.community-watch-section .community-watch-muted[b-cn9i3ak8eg] {
    margin: 0;
    color: #777;
    font-size: 0.92rem;
}

.community-watch-section .community-watch-error[b-cn9i3ak8eg] {
    margin: 0;
    color: #721c24;
    font-size: 0.92rem;
}

.episode-rating-section .episode-rating-privacy[b-cn9i3ak8eg],
.episode-rating-section .episode-rating-lead[b-cn9i3ak8eg],
.episode-rating-section .episode-rating-prompt[b-cn9i3ak8eg],
.episode-rating-section .episode-rating-muted[b-cn9i3ak8eg],
.episode-rating-section .episode-rating-guest[b-cn9i3ak8eg] {
    margin: 0 0 0.85rem;
    font-size: 0.95rem;
    color: #555;
    line-height: 1.45;
}

.episode-rating-section .episode-rating-prompt[b-cn9i3ak8eg] {
    color: var(--ink-strong, #1b1a17);
    font-weight: 500;
}

.episode-rating-section--emphasize[b-cn9i3ak8eg] {
    background: color-mix(in srgb, var(--brand-cool, #1f7a76) 8%, #fff);
}

.episode-rating-chips[b-cn9i3ak8eg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0 0 0.75rem;
}

.episode-rating-chip[b-cn9i3ak8eg] {
    appearance: none;
    border: 1.5px solid var(--border-soft, rgba(20, 20, 20, 0.12));
    background: #fff;
    color: var(--ink-strong, #1b1a17);
    border-radius: 999px;
    padding: 0.4rem 0.9rem;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s, color 0.15s;
}

.episode-rating-chip:hover:not(:disabled)[b-cn9i3ak8eg],
.episode-rating-chip:focus-visible[b-cn9i3ak8eg] {
    border-color: var(--brand-cool, #1f7a76);
    outline: none;
}

.episode-rating-chip--selected[b-cn9i3ak8eg] {
    background: var(--brand-cool, #1f7a76);
    border-color: var(--brand-cool, #1f7a76);
    color: #fff;
}

.episode-rating-chip:disabled[b-cn9i3ak8eg] {
    opacity: 0.65;
    cursor: wait;
}

.episode-rating-clear[b-cn9i3ak8eg] {
    appearance: none;
    border: none;
    background: none;
    color: var(--brand-cool, #1f7a76);
    font-size: 0.875rem;
    font-weight: 600;
    padding: 0;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

.episode-rating-clear:disabled[b-cn9i3ak8eg] {
    opacity: 0.65;
    cursor: wait;
}

.episode-rating-error[b-cn9i3ak8eg] {
    margin: 0.65rem 0 0;
    color: #721c24;
    font-size: 0.92rem;
}

.episode-note-section .episode-note-privacy[b-cn9i3ak8eg],
.episode-note-section .episode-note-muted[b-cn9i3ak8eg],
.episode-note-section .episode-note-guest[b-cn9i3ak8eg],
.episode-note-section .episode-note-label[b-cn9i3ak8eg] {
    margin: 0 0 0.85rem;
    font-size: 0.95rem;
    color: #555;
    line-height: 1.45;
}

.episode-note-section .episode-note-label[b-cn9i3ak8eg] {
    display: block;
    margin-bottom: 0.45rem;
    color: var(--ink-strong, #1b1a17);
    font-weight: 500;
}

.episode-note-textarea[b-cn9i3ak8eg] {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 0.65rem;
    padding: 0.65rem 0.75rem;
    border: 1.5px solid var(--border-soft, rgba(20, 20, 20, 0.12));
    border-radius: 0.5rem;
    background: #fff;
    color: var(--ink-strong, #1b1a17);
    font: inherit;
    line-height: 1.45;
    resize: vertical;
    min-height: 5rem;
}

.episode-note-textarea:focus-visible[b-cn9i3ak8eg] {
    outline: none;
    border-color: var(--brand-cool, #1f7a76);
}

.episode-note-textarea:disabled[b-cn9i3ak8eg] {
    opacity: 0.65;
    cursor: wait;
}

.episode-note-toolbar[b-cn9i3ak8eg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.episode-note-count[b-cn9i3ak8eg] {
    font-size: 0.85rem;
    color: #666;
}

.episode-note-actions[b-cn9i3ak8eg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.85rem;
}

.episode-note-clear[b-cn9i3ak8eg] {
    appearance: none;
    border: none;
    background: none;
    color: var(--brand-cool, #1f7a76);
    font-size: 0.875rem;
    font-weight: 600;
    padding: 0;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

.episode-note-clear:disabled[b-cn9i3ak8eg] {
    opacity: 0.65;
    cursor: wait;
}

.episode-note-error[b-cn9i3ak8eg] {
    margin: 0.65rem 0 0;
    color: #721c24;
    font-size: 0.92rem;
}

.community-watch-stats[b-cn9i3ak8eg] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
    gap: 1rem 1.5rem;
    margin: 0;
}

.community-watch-stat[b-cn9i3ak8eg] {
    margin: 0;
    padding: 0.85rem 1rem;
    background: #f8f9fb;
    border: 1px solid #e8eaef;
    border-radius: 10px;
}

.community-watch-stat dt[b-cn9i3ak8eg] {
    margin: 0 0 0.35rem;
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #777;
}

.community-watch-stat dd[b-cn9i3ak8eg] {
    margin: 0;
    font-size: 1.45rem;
    font-weight: 700;
    color: #1a1a1a;
    font-variant-numeric: tabular-nums;
}

.community-watch-section .community-watch-footnote[b-cn9i3ak8eg] {
    margin: 1rem 0 0;
    font-size: 0.82rem;
    color: #888;
    line-height: 1.4;
}

/* Meta grid */
.meta-grid[b-cn9i3ak8eg] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.meta-row[b-cn9i3ak8eg] {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
}

.meta-label[b-cn9i3ak8eg] {
    font-size: 0.85rem;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    min-width: 130px;
    flex-shrink: 0;
}

.meta-value[b-cn9i3ak8eg] {
    font-size: 1rem;
    color: #333;
    font-weight: 500;
}

.series-badge[b-cn9i3ak8eg] {
    background: #f0f4f8;
    color: #2d6a4f;
    padding: 0.2rem 0.6rem;
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.9rem;
}

.wiki-link[b-cn9i3ak8eg] {
    color: var(--brand-cool, #1f7a76);
    text-decoration: none;
    font-weight: 500;
    transition: opacity 0.2s;
}

.wiki-link:hover[b-cn9i3ak8eg] {
    opacity: 0.8;
    text-decoration: underline;
}

.header-wiki-link[b-cn9i3ak8eg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0.75rem auto 0;
    padding: 0.25rem 0.75rem;
    border-radius: 999px;
    background: rgba(31, 122, 118, 0.08);
}

.header-wiki-link--hero[b-cn9i3ak8eg] {
    margin: 0.85rem 0 0.1rem;
    color: #fff !important;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(6px);
    border: 1px solid rgba(255, 255, 255, 0.35);
}

.header-wiki-link--hero:hover[b-cn9i3ak8eg] {
    opacity: 1;
    background: rgba(255, 255, 255, 0.3);
    text-decoration: none;
}

/* Watch count badges */
.count-badge[b-cn9i3ak8eg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--brand-cool, #1f7a76);
    color: white;
    font-weight: 700;
    font-size: 0.9rem;
    padding: 0.2rem 0.65rem;
    border-radius: 20px;
    min-width: 2rem;
}

.count-badge-zero[b-cn9i3ak8eg] {
    color: #aaa;
    font-style: italic;
    font-size: 0.95rem;
}

/* Flow-first actions: compact nav + primary row (continue → log) */
.detail-flow-panel[b-cn9i3ak8eg] {
    padding: 1.4rem 2rem 1.75rem;
    background: #f8fafb;
    border-bottom: 1px solid #e8ecef;
}

.detail-nav-strip[b-cn9i3ak8eg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1.1rem;
    padding: 0.5rem 0.75rem;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid #e4e9ec;
}

.detail-nav-strip--loading .detail-nav-skel[b-cn9i3ak8eg] {
    flex: 1;
    min-height: 2.25rem;
    border-radius: 6px;
    background: linear-gradient(90deg, #eef2f5 25%, #e4e9ec 50%, #eef2f5 75%);
    background-size: 200% 100%;
    animation: episode-nav-shimmer-b-cn9i3ak8eg 1.1s ease-in-out infinite;
    max-width: 5.5rem;
}

@keyframes episode-nav-shimmer-b-cn9i3ak8eg {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: -100% 0;
    }
}

.detail-nav-link[b-cn9i3ak8eg] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.5rem 0.85rem;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 700;
    color: #2c4248;
    text-decoration: none;
    border: 1px solid rgba(31, 122, 118, 0.22);
    background: rgba(255, 255, 255, 0.95);
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

a.detail-nav-link:hover[b-cn9i3ak8eg] {
    background: rgba(31, 122, 118, 0.1);
    color: #1f5f57;
    border-color: rgba(31, 122, 118, 0.35);
    box-shadow: 0 2px 8px rgba(31, 122, 118, 0.12);
}

.detail-nav-link--disabled[b-cn9i3ak8eg] {
    color: #a8b4ba;
    cursor: not-allowed;
    border-color: #e4e9ec;
    background: rgba(255, 255, 255, 0.5);
    box-shadow: none;
}

.detail-nav-link-icon[b-cn9i3ak8eg] {
    font-size: 0.85rem;
    line-height: 1;
}

.detail-season-progress[b-cn9i3ak8eg] {
    margin-bottom: 0.85rem;
}

.detail-season-progress-track[b-cn9i3ak8eg] {
    height: 4px;
    border-radius: 999px;
    background: #e4e9ec;
    overflow: hidden;
    margin-bottom: 0.35rem;
}

.detail-season-progress-fill[b-cn9i3ak8eg] {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #1f7a76, #2a9d94);
    min-width: 0;
    max-width: 100%;
    transition: width 0.35s ease;
}

.detail-season-progress-caption[b-cn9i3ak8eg] {
    margin: 0;
    font-size: 0.82rem;
    font-weight: 600;
    color: #3d5a63;
    letter-spacing: 0.01em;
}

.detail-primary-row[b-cn9i3ak8eg] {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 0.65rem;
}

.detail-primary-skel[b-cn9i3ak8eg] {
    flex: 1 1 12rem;
    min-height: 3.25rem;
    border-radius: 10px;
    background: linear-gradient(90deg, #eef2f5 25%, #e4e9ec 50%, #eef2f5 75%);
    background-size: 200% 100%;
    animation: episode-nav-shimmer-b-cn9i3ak8eg 1.1s ease-in-out infinite;
}

.btn-primary-flow[b-cn9i3ak8eg] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0.25rem;
    flex: 1 1 12rem;
    min-width: 0;
    padding: 1rem 1.1rem;
    border-radius: 10px;
    font-size: 0.95rem;
    font-weight: 700;
    text-align: left;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: opacity 0.2s ease, transform 0.1s ease, box-shadow 0.2s ease;
}

.btn-primary-flow:hover:not(:disabled)[b-cn9i3ak8eg] {
    opacity: 0.94;
    transform: translateY(-1px);
}

.btn-primary-flow:active:not(:disabled)[b-cn9i3ak8eg] {
    transform: translateY(0);
}

.btn-primary-flow:disabled[b-cn9i3ak8eg] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.btn-primary-flow--next[b-cn9i3ak8eg] {
    position: relative;
    padding: 1rem 2.35rem 1rem 1.1rem;
    background: #fff;
    color: #16403c;
    border: 2px solid #1f7a76;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.btn-primary-flow--next:hover[b-cn9i3ak8eg] {
    background: rgba(31, 122, 118, 0.06);
    box-shadow: 0 4px 14px rgba(31, 122, 118, 0.15);
}

.btn-primary-flow-chevron[b-cn9i3ak8eg] {
    position: absolute;
    right: 0.85rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.15rem;
    font-weight: 400;
    color: #1f7a76;
}

.btn-primary-flow--mark[b-cn9i3ak8eg] {
    background: linear-gradient(135deg, #1f7a76 0%, #2a948f 100%);
    color: #fff;
    box-shadow: 0 4px 14px rgba(31, 122, 118, 0.35);
}

.btn-primary-flow--mark:hover:not(:disabled)[b-cn9i3ak8eg] {
    box-shadow: 0 6px 18px rgba(31, 122, 118, 0.4);
}

.btn-primary-flow--mark:has(.btn-spinner)[b-cn9i3ak8eg] {
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
}

/* Log another watch: outline control — still logs another row via POST (see EpisodeDetail code-behind). */
.btn-primary-flow--mark-again[b-cn9i3ak8eg] {
    background: #fff;
    color: #16403c;
    border: 2px solid #1f7a76;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}

.btn-primary-flow--mark-again:hover:not(:disabled)[b-cn9i3ak8eg] {
    background: rgba(31, 122, 118, 0.07);
    box-shadow: 0 4px 14px rgba(31, 122, 118, 0.12);
}

.btn-primary-flow--mark-again .btn-primary-flow-meta[b-cn9i3ak8eg] {
    color: #4a6662;
    opacity: 1;
}

.btn-primary-flow--mark-again:has(.btn-spinner)[b-cn9i3ak8eg] {
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
}

.btn-primary-flow--mark-again .btn-spinner[b-cn9i3ak8eg] {
    border-color: rgba(31, 122, 118, 0.25);
    border-top-color: #1f7a76;
}

.btn-primary-flow--next--pulse[b-cn9i3ak8eg] {
    animation: episode-next-pulse-b-cn9i3ak8eg 1.1s ease-in-out 3;
    box-shadow: 0 0 0 0 rgba(31, 122, 118, 0.45);
}

@keyframes episode-next-pulse-b-cn9i3ak8eg {
    0% {
        box-shadow: 0 0 0 0 rgba(31, 122, 118, 0.45);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(31, 122, 118, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(31, 122, 118, 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .btn-primary-flow--next--pulse[b-cn9i3ak8eg] {
        animation: none;
        outline: 3px solid rgba(31, 122, 118, 0.55);
        outline-offset: 2px;
    }
}

.detail-flow-watch-feedback[b-cn9i3ak8eg] {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.episode-watch-alert--in-flow[b-cn9i3ak8eg] {
    margin: 0 !important;
}

.detail-share-panel--in-flow[b-cn9i3ak8eg] {
    margin: 0 !important;
}

.btn-primary-flow-label[b-cn9i3ak8eg] {
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0.01em;
    line-height: 1.2;
}

.btn-primary-flow-meta[b-cn9i3ak8eg] {
    font-size: 0.78rem;
    font-weight: 500;
    line-height: 1.35;
    opacity: 0.92;
    word-break: break-word;
    max-width: 100%;
}

.btn-primary-flow--next .btn-primary-flow-meta[b-cn9i3ak8eg] {
    color: #4a6662;
    opacity: 1;
}

.detail-card-footer[b-cn9i3ak8eg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    padding: 1rem 2rem 1.35rem;
    border-top: 1px solid #f0f0f0;
    background: #fafbfc;
}

.detail-footer-link[b-cn9i3ak8eg] {
    background: none;
    border: none;
    padding: 0.2rem 0.35rem;
    font-size: 0.88rem;
    font-weight: 500;
    color: #6b7f86;
    text-decoration: underline;
    text-underline-offset: 0.15em;
    cursor: pointer;
    font-family: inherit;
}

.detail-footer-link:hover[b-cn9i3ak8eg] {
    color: #1f7a76;
}

.detail-footer-sep[b-cn9i3ak8eg] {
    color: #c5ced2;
    font-size: 0.88rem;
    user-select: none;
}


.btn-action[b-cn9i3ak8eg] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.65rem 1.25rem;
    border: none;
    border-radius: 8px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.2s ease, transform 0.1s ease;
    text-decoration: none;
}

.btn-action:hover:not(:disabled)[b-cn9i3ak8eg] {
    opacity: 0.88;
    transform: translateY(-1px);
}

.btn-action:active:not(:disabled)[b-cn9i3ak8eg] {
    transform: translateY(0);
}

.btn-action.btn-disabled[b-cn9i3ak8eg],
.btn-action.btn-disabled:hover[b-cn9i3ak8eg],
.btn-action.btn-disabled:active[b-cn9i3ak8eg] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.btn-action:disabled[b-cn9i3ak8eg] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-watch[b-cn9i3ak8eg] {
    background: linear-gradient(135deg, #1f7a76 0%, #2a948f 100%);
    color: white;
}

.btn-history[b-cn9i3ak8eg] {
    background: white;
    color: #1f5f57;
    border: 2px solid #1f7a76;
}

.btn-history:hover:not(:disabled)[b-cn9i3ak8eg] {
    background: rgba(31, 122, 118, 0.08);
}

.login-hint[b-cn9i3ak8eg] {
    flex-basis: 100%;
    padding: 0.25rem 0;
    color: #666;
    font-size: 0.9rem;
}

.btn-spinner[b-cn9i3ak8eg] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, 0.4);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-cn9i3ak8eg 0.7s linear infinite;
}

@keyframes spin-b-cn9i3ak8eg {
    to { transform: rotate(360deg); }
}

/* Alert messages */
.ea-alert[b-cn9i3ak8eg] {
    margin: 0 2rem 1.5rem;
    padding: 0.9rem 1.25rem;
    border-radius: 8px;
    font-size: 0.95rem;
}

.ea-alert-success[b-cn9i3ak8eg] {
    background: #f0fdf4;
    border: 1px solid #86efac;
    color: #166534;
}

.ea-alert-danger[b-cn9i3ak8eg] {
    background: #fff5f5;
    border: 1px solid #feb2b2;
    color: #c53030;
}

/* Share panel shown after marking as watched */
.detail-share-panel[b-cn9i3ak8eg] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin: 0 2rem 1.5rem;
    padding: 0.85rem 1.25rem;
    background: #f0fdf4;
    border: 1px solid #86efac;
    border-radius: 8px;
    font-size: 0.9rem;
}

.detail-share-text[b-cn9i3ak8eg] {
    font-weight: 600;
    color: #166534;
}

.detail-share-actions[b-cn9i3ak8eg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.detail-share-btn-twitter[b-cn9i3ak8eg] {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.75rem;
    background: #000;
    color: #fff;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 600;
    text-decoration: none;
    transition: opacity 0.2s;
    white-space: nowrap;
}

.detail-share-btn-twitter:hover[b-cn9i3ak8eg] {
    opacity: 0.85;
    color: #fff;
}

.detail-share-btn-bluesky[b-cn9i3ak8eg] {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.75rem;
    background: #1185fe;
    color: #fff;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 600;
    text-decoration: none;
    transition: opacity 0.2s;
    white-space: nowrap;
}

.detail-share-btn-bluesky:hover[b-cn9i3ak8eg] {
    opacity: 0.85;
    color: #fff;
}

.detail-share-btn-copy[b-cn9i3ak8eg] {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.75rem;
    border: 1px solid #86efac;
    border-radius: 6px;
    background: white;
    color: #166534;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
    white-space: nowrap;
}

.detail-share-btn-copy:hover[b-cn9i3ak8eg] {
    background: #dcfce7;
}

.detail-share-btn-copy--success[b-cn9i3ak8eg] {
    background: #dcfce7;
    color: #166534;
    border-color: #4ade80;
}

.detail-share-btn-dismiss[b-cn9i3ak8eg] {
    margin-left: auto;
    background: none;
    border: none;
    color: #888;
    font-size: 0.85rem;
    cursor: pointer;
    padding: 0.25rem 0.4rem;
    border-radius: 4px;
    transition: color 0.2s, background 0.2s;
    line-height: 1;
}

.detail-share-btn-dismiss:hover[b-cn9i3ak8eg] {
    color: #333;
    background: rgba(0, 0, 0, 0.06);
}

/* Back action (error state) */
.back-action[b-cn9i3ak8eg] {
    margin-top: 1.5rem;
    text-align: center;
}

/* Loading */
.loading-indicator[b-cn9i3ak8eg] {
    text-align: center;
    padding: 4rem 1rem;
    color: #888;
}

.loading-spinner[b-cn9i3ak8eg] {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 4px solid #e0e0e0;
    border-top-color: var(--brand-cool, #1f7a76);
    border-radius: 50%;
    animation: spin-b-cn9i3ak8eg 0.8s linear infinite;
    margin-bottom: 1rem;
}

/* Watch history list */
.no-history-msg[b-cn9i3ak8eg] {
    color: #aaa;
    font-style: italic;
    font-size: 0.95rem;
    margin: 0;
}

.watch-history-header[b-cn9i3ak8eg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.watch-history-header .section-title[b-cn9i3ak8eg] {
    margin: 0;
}

.watch-history-summary[b-cn9i3ak8eg] {
    margin: 0 0 1rem;
    color: #555;
    font-size: 0.95rem;
}

.watch-history-summary strong[b-cn9i3ak8eg] {
    color: #333;
}

.watch-history-summary-sep[b-cn9i3ak8eg] {
    margin: 0 0.35rem;
    color: #bbb;
}

.history-list[b-cn9i3ak8eg] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.history-item[b-cn9i3ak8eg] {
    padding: 0.75rem 1rem;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    background: #fafafa;
    transition: box-shadow 0.2s;
}

.history-item:hover[b-cn9i3ak8eg] {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.history-item-info[b-cn9i3ak8eg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
}

.history-item-date[b-cn9i3ak8eg] {
    font-size: 0.95rem;
    font-weight: 500;
    color: #444;
}

.history-item-actions[b-cn9i3ak8eg] {
    display: flex;
    gap: 0.4rem;
    flex-shrink: 0;
}

.history-edit-form[b-cn9i3ak8eg] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

/* Episode Information — watch actions */
.detail-section--episode-info[b-cn9i3ak8eg] {
    padding-top: 1.85rem;
}

.detail-section--episode-info .meta-grid[b-cn9i3ak8eg] {
    margin-bottom: 0.25rem;
}

.episode-watch-panel[b-cn9i3ak8eg] {
    margin-top: 1.35rem;
    padding-top: 1.25rem;
    border-top: 1px solid #ececec;
}

.episode-watch-panel--in-flow[b-cn9i3ak8eg] {
    margin-top: 1.1rem;
    margin-bottom: 0;
    padding-top: 1.1rem;
    border-top: 1px solid #dde3e7;
    border-bottom: none;
}

.episode-watch-advanced-hint[b-cn9i3ak8eg] {
    margin: 0 0 0.75rem;
    font-size: 0.88rem;
    color: #666;
    line-height: 1.45;
}

.episode-watch-more-wrap[b-cn9i3ak8eg] {
    margin-top: 0.5rem;
}

.episode-watch-more-btn[b-cn9i3ak8eg] {
    background: transparent;
    border: 1.5px solid var(--brand-cool, #1f7a76);
    padding: 0.45rem 1rem;
    border-radius: 8px;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--brand-cool, #1f7a76);
    cursor: pointer;
    font-family: inherit;
    transition: background 0.2s ease;
}

.episode-watch-more-btn:hover[b-cn9i3ak8eg] {
    background: rgba(31, 122, 118, 0.08);
}

.btn-watch-next-detail[b-cn9i3ak8eg] {
    flex: 1 1 100%;
    width: 100%;
    max-width: 28rem;
    flex-direction: column;
    align-items: center;
    gap: 0.2rem;
    padding: 0.75rem 1.1rem;
    background: #fff;
    color: #1f5f57;
    border: 1.5px solid #cbd5e1;
}

.btn-watch-next-detail:hover:not(:disabled)[b-cn9i3ak8eg] {
    background: #f8fafc;
    border-color: #1f7a76;
}

.btn-watch-next-detail--queued[b-cn9i3ak8eg] {
    background: #ecfdf5;
    border-color: #86efac;
    color: #166534;
}

.btn-watch-next-detail-hint[b-cn9i3ak8eg] {
    display: block;
    font-size: 0.78rem;
    font-weight: 500;
    color: #4a7370;
}

.episode-watch-next-feedback[b-cn9i3ak8eg] {
    flex: 1 1 100%;
    margin: 0;
    font-size: 0.9rem;
}

.episode-watch-next-feedback--err[b-cn9i3ak8eg] {
    color: #b91c1c;
}

.btn-watch-episode-secondary[b-cn9i3ak8eg] {
    width: 100%;
    max-width: 28rem;
    flex-direction: column;
    align-items: stretch;
    text-align: center;
    gap: 0.25rem !important;
    padding: 1rem 1.35rem !important;
    font-size: 1.05rem !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #1f5f57 !important;
    border: 2px solid #1f7a76 !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

.btn-watch-episode-secondary:hover:not(:disabled)[b-cn9i3ak8eg] {
    background: rgba(31, 122, 118, 0.07) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.btn-watch-episode-secondary:disabled[b-cn9i3ak8eg] {
    opacity: 0.55;
    cursor: not-allowed;
    box-shadow: none;
}

.btn-watch-episode-secondary .btn-spinner[b-cn9i3ak8eg] {
    border-color: rgba(31, 122, 118, 0.25);
    border-top-color: #1f7a76;
}

.btn-watch-secondary-kicker[b-cn9i3ak8eg] {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #4a7370;
}

.btn-watch-secondary-label[b-cn9i3ak8eg] {
    font-weight: 800;
    letter-spacing: 0.02em;
    color: #16403c;
}

.btn-watch-secondary-sub[b-cn9i3ak8eg] {
    display: block;
    font-size: 0.82rem;
    font-weight: 500;
    color: #5a6664;
    line-height: 1.35;
    max-width: 100%;
    word-break: break-word;
}

.episode-watch-bulk-grid[b-cn9i3ak8eg] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    max-width: 28rem;
    margin-top: 0;
}

.episode-watch-bulk-card[b-cn9i3ak8eg] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.9rem 1rem;
    background: white;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.episode-watch-bulk-card--cta[b-cn9i3ak8eg] {
    padding: 0.65rem;
    gap: 0;
}

.episode-watch-series-overflow[b-cn9i3ak8eg] {
    margin-top: 0.65rem;
    max-width: 28rem;
    font-size: 0.88rem;
    color: #5a6664;
}

.episode-watch-series-overflow-summary[b-cn9i3ak8eg] {
    cursor: pointer;
    font-weight: 600;
    color: #3d5a63;
    padding: 0.35rem 0;
    list-style-position: outside;
}

.episode-watch-bulk-card--series-overflow[b-cn9i3ak8eg] {
    margin-top: 0.5rem;
}

.episode-watch-feedback[b-cn9i3ak8eg] {
    font-size: 0.88rem;
    margin: 0.85rem 0 0;
    line-height: 1.4;
}

.episode-watch-feedback--ok[b-cn9i3ak8eg] {
    color: #166534;
}

.episode-watch-feedback--err[b-cn9i3ak8eg] {
    color: #b00020;
}

.episode-watch-login-hint[b-cn9i3ak8eg] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin-top: 1.35rem;
    margin-bottom: 0.15rem;
    padding: 1rem 1.1rem;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e8e8e8;
    font-size: 0.92rem;
    color: #555;
    line-height: 1.45;
}

.episode-watch-login-icon[b-cn9i3ak8eg] {
    flex-shrink: 0;
    font-size: 1.1rem;
}

.episode-watch-alert[b-cn9i3ak8eg] {
    margin: 1.1rem 0 0 !important;
}

.episode-watch-share[b-cn9i3ak8eg] {
    margin: 0.65rem 0 0 !important;
}

/* Responsive */
@media (max-width: 600px) {
    .episode-detail-container[b-cn9i3ak8eg] {
        padding: 1.25rem 1rem 1.5rem;
    }

    .episode-detail-container .page-header[b-cn9i3ak8eg]  .breadcrumb-nav {
        margin-bottom: 0.85rem;
    }

    .episode-detail-container .episode-card-header[b-cn9i3ak8eg] {
        padding: 1.65rem 1.25rem 1.55rem;
    }

    .episode-detail-container .page-title[b-cn9i3ak8eg] {
        font-size: 1.5rem;
    }

    .detail-section[b-cn9i3ak8eg] {
        padding: 1.35rem 1rem 1.5rem;
    }

    .detail-section--episode-info[b-cn9i3ak8eg] {
        padding-top: 1.5rem;
    }

    .detail-flow-panel[b-cn9i3ak8eg] {
        padding: 1.15rem 1rem 1.45rem;
    }

    .detail-nav-strip[b-cn9i3ak8eg] {
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 0.35rem;
        padding: 0.45rem 0.55rem;
    }

    .detail-nav-strip .detail-nav-link[b-cn9i3ak8eg],
    .detail-nav-strip .detail-nav-link--disabled[b-cn9i3ak8eg] {
        flex: 1 1 auto;
        justify-content: center;
        min-width: 5rem;
    }

    .detail-primary-row[b-cn9i3ak8eg] {
        flex-direction: column;
    }

    .btn-primary-flow[b-cn9i3ak8eg],
    .detail-primary-skel[b-cn9i3ak8eg] {
        flex: 1 1 auto;
        width: 100%;
    }

    .meta-row[b-cn9i3ak8eg] {
        flex-direction: column;
        gap: 0.25rem;
    }

    .meta-label[b-cn9i3ak8eg] {
        min-width: unset;
    }

    .detail-card-footer[b-cn9i3ak8eg] {
        padding: 0.85rem 1rem 1.15rem;
    }

    .watch-history-header[b-cn9i3ak8eg] {
        flex-direction: column;
        align-items: flex-start;
    }

    .history-item-info[b-cn9i3ak8eg] {
        flex-direction: column;
        align-items: flex-start;
    }

    .history-item-actions[b-cn9i3ak8eg] {
        width: 100%;
    }

    .history-item-actions button[b-cn9i3ak8eg] {
        flex: 1;
    }
}

.recently-aired-next-hint[b-cn9i3ak8eg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 1rem;
    margin: 0 0 1rem;
    padding: 0.75rem 1rem;
    border-radius: 10px;
    border: 1px solid rgba(31, 122, 118, 0.24);
    background: rgba(31, 122, 118, 0.08);
    font-size: 0.92rem;
}

.recently-aired-next-hint__text[b-cn9i3ak8eg] {
    margin: 0;
    flex: 1 1 14rem;
    color: var(--brand-ink);
}

.recently-aired-next-hint__link[b-cn9i3ak8eg] {
    font-weight: 600;
    color: var(--brand-cool);
    text-decoration: none;
    white-space: nowrap;
}

.recently-aired-next-hint__link:hover[b-cn9i3ak8eg] {
    text-decoration: underline;
}
/* /Pages/Index.razor.rz.scp.css */
.episode-watch-undo-wrap[b-jfvm7dmmnq] {
    margin: 0 0 1rem;
}


.episodes-container[b-jfvm7dmmnq] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem 1.5rem;
}

.stats-row[b-jfvm7dmmnq] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.stat-card[b-jfvm7dmmnq] {
    background: linear-gradient(135deg, #1f7a76 0%, #2a948f 100%);
    padding: 1.5rem;
    border-radius: 12px;
    text-align: center;
    color: white;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.stat-card:hover[b-jfvm7dmmnq] {
    transform: translateY(-4px);
}

.stat-card--accent[b-jfvm7dmmnq] {
    background: linear-gradient(135deg, #e3922b 0%, #c8761b 100%);
}

.stat-card--secondary[b-jfvm7dmmnq] {
    background: linear-gradient(135deg, #123f3a 0%, #1f5f57 100%);
}

.stat-value[b-jfvm7dmmnq] {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.stat-label[b-jfvm7dmmnq] {
    font-size: 0.95rem;
    opacity: 0.9;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.stat-caption[b-jfvm7dmmnq] {
    margin-top: 0.65rem;
    font-size: 0.82rem;
    opacity: 0.88;
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: 0.02em;
    text-transform: none;
}

.browse-discover-strip[b-jfvm7dmmnq] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.65rem 1rem;
    margin: 0 0 1.25rem;
    padding: 0.75rem 1rem;
    border-radius: 12px;
    background: rgba(227, 146, 43, 0.08);
    border: 1px solid rgba(227, 146, 43, 0.28);
}

.browse-discover-strip__label[b-jfvm7dmmnq] {
    margin: 0;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #c8761b;
}

.browse-discover-strip__links[b-jfvm7dmmnq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.browse-discover-strip__link[b-jfvm7dmmnq] {
    display: inline-flex;
    align-items: center;
    padding: 0.4rem 0.85rem;
    border-radius: 999px;
    border: 1px solid rgba(18, 63, 58, 0.22);
    background: rgba(255, 255, 255, 0.75);
    color: var(--brand-ink, #1a1a2e);
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.browse-discover-strip__link:hover[b-jfvm7dmmnq] {
    background: #fff;
    border-color: rgba(31, 122, 118, 0.4);
    transform: translateY(-1px);
}

.browse-discover-strip__link:focus-visible[b-jfvm7dmmnq] {
    outline: 3px solid rgba(227, 146, 43, 0.35);
    outline-offset: 2px;
}

.browse-across-strip[b-jfvm7dmmnq] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.35rem 0.75rem;
    margin: 0 0 1.25rem;
    padding: 0.65rem 1rem;
    border-radius: 10px;
    background: rgba(31, 122, 118, 0.08);
    border: 1px solid rgba(31, 122, 118, 0.22);
    font-size: 0.92rem;
    color: var(--brand-ink, #1a1a2e);
}

.browse-across-strip__label[b-jfvm7dmmnq] {
    font-weight: 700;
    color: #1f7a76;
}

.browse-across-strip__stats[b-jfvm7dmmnq] {
    font-weight: 600;
}

.index-series-strip[b-jfvm7dmmnq] {
    margin: 0 0 1.5rem;
    padding: 1rem 1.25rem;
    border-radius: 12px;
    background: var(--card-bg, #fff);
    border: 1px solid var(--border-soft, #e0e8e7);
    box-shadow: var(--shadow-soft, 0 4px 12px rgba(0, 0, 0, 0.06));
}

.index-series-strip__header[b-jfvm7dmmnq] {
    font-weight: 700;
    font-size: 1rem;
    color: var(--brand-ink, #1a1a2e);
    margin-bottom: 0.65rem;
}

.index-series-strip__row[b-jfvm7dmmnq] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 1rem;
}

.index-series-strip__progress[b-jfvm7dmmnq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.index-series-strip__bar-outer[b-jfvm7dmmnq] {
    flex: 1;
    height: 14px;
    background: #e8f4f3;
    border-radius: 7px;
    overflow: hidden;
}

.index-series-strip__bar-inner[b-jfvm7dmmnq] {
    height: 100%;
    background: linear-gradient(90deg, #1f7a76, #2a948f);
    border-radius: 7px;
    transition: width 0.45s ease;
    min-width: 2px;
}

.index-series-strip__pct[b-jfvm7dmmnq] {
    font-size: 0.85rem;
    font-weight: 700;
    color: #1f7a76;
    min-width: 44px;
    text-align: right;
}

.index-series-strip__counts[b-jfvm7dmmnq] {
    font-size: 0.85rem;
    color: #666;
    white-space: nowrap;
}

.controls-section[b-jfvm7dmmnq] {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 2rem;
    flex-wrap: wrap;
}

.filter-section[b-jfvm7dmmnq],
.sort-section[b-jfvm7dmmnq] {
    flex: 1;
    min-width: 250px;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.browse-tools-section[b-jfvm7dmmnq] {
    flex: 1;
    min-width: 100px;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.control-label[b-jfvm7dmmnq] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #444;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.control-select[b-jfvm7dmmnq] {
    padding: 0.75rem 1rem;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    background: white;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
}

.control-select:hover[b-jfvm7dmmnq] {
    border-color: var(--brand-cool);
}

.control-select:focus[b-jfvm7dmmnq] {
    outline: none;
    border-color: var(--brand-cool);
    box-shadow: 0 0 0 3px rgba(31, 122, 118, 0.15);
}

.sort-controls[b-jfvm7dmmnq] {
    display: flex;
    gap: 0.75rem;
    align-items: stretch;
}

.sort-controls .control-select[b-jfvm7dmmnq] {
    flex: 1;
}

.btn-sort-direction[b-jfvm7dmmnq], .btn-add-episode[b-jfvm7dmmnq] {
    background: linear-gradient(135deg, #1f7a76 0%, #2a948f 100%);
    color: white;
    border: none;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

.btn-sort-direction:hover[b-jfvm7dmmnq], .btn-add-episode:hover[b-jfvm7dmmnq] {
    background: linear-gradient(135deg, #19645f 0%, #237e78 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(31, 122, 118, 0.35);
}

.btn-sort-direction:active[b-jfvm7dmmnq], .btn-add-episode:active[b-jfvm7dmmnq] {
    transform: translateY(0);
}

.btn-sort-direction .sort-icon[b-jfvm7dmmnq] {
    font-size: 1.1rem;
}

.btn-sort-direction .sort-text[b-jfvm7dmmnq] {
    font-size: 0.9rem;
}

@media (max-width: 768px) {
    .episodes-container[b-jfvm7dmmnq] {
        padding: 1rem;
    }

    .stats-row[b-jfvm7dmmnq] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .stat-card[b-jfvm7dmmnq] {
        padding: 1rem;
    }

    .stat-value[b-jfvm7dmmnq] {
        font-size: 2rem;
    }

    .controls-section[b-jfvm7dmmnq] {
        flex-direction: column;
        gap: 1rem;
    }

    .filter-section[b-jfvm7dmmnq],
    .sort-section[b-jfvm7dmmnq] {
        min-width: 100%;
    }

    .sort-controls[b-jfvm7dmmnq] {
        flex-direction: column;
        gap: 0.5rem;
    }

}

@media (max-width: 480px) {
    .btn-sort-direction .sort-text[b-jfvm7dmmnq] {
        display: none;
    }

    .stat-item[b-jfvm7dmmnq] {
        font-size: 0.9rem;
    }
}

/* Infinite Scroll Styles */
.load-more-trigger[b-jfvm7dmmnq] {
    height: 20px;
    margin: 2rem 0;
    opacity: 0;
    pointer-events: none;
}

.loading-indicator[b-jfvm7dmmnq] {
    gap: 1rem;
}

.end-message[b-jfvm7dmmnq] {
    text-align: center;
    padding: 3rem 2rem;
    margin-top: 2rem;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.end-message p[b-jfvm7dmmnq] {
    font-size: 1.2rem;
    color: #495057;
    margin: 0;
    font-weight: 600;
}

/* Empty State Styles */
.empty-state[b-jfvm7dmmnq] {
    text-align: center;
    padding: 4rem 2rem;
    margin: 2rem 0;
    background: var(--page-bg-alt);
    border: 1px solid var(--border-soft);
    border-radius: 16px;
}

.empty-state-icon[b-jfvm7dmmnq] {
    font-size: 4rem;
    margin-bottom: 1rem;
    display: block;
}

.empty-state-title[b-jfvm7dmmnq] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--brand-ink, #1a1a2e);
    margin-bottom: 0.75rem;
}

.empty-state-message[b-jfvm7dmmnq] {
    font-size: 1rem;
    color: #6c757d;
    margin-bottom: 1.5rem;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.empty-state-actions[b-jfvm7dmmnq] {
    display: flex;
    gap: 0.75rem;
    justify-content: center;
    flex-wrap: wrap;
}
/* /Pages/ManageCollections.razor.rz.scp.css */
.collection-admin-container[b-fix346d4jr] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 2rem 1.5rem;
}

.page-header[b-fix346d4jr] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
}

.header-actions[b-fix346d4jr] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.admin-collections-table-wrap[b-fix346d4jr] {
    overflow-x: auto;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    background: #fff;
}

.admin-collections-table[b-fix346d4jr] {
    width: 100%;
    border-collapse: collapse;
}

.admin-collections-table th[b-fix346d4jr],
.admin-collections-table td[b-fix346d4jr] {
    text-align: left;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: middle;
}

.admin-collections-table thead[b-fix346d4jr] {
    background: #f7f7fa;
}

.admin-collections-table th[b-fix346d4jr] {
    font-weight: 600;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #555;
}

.admin-collections-table tbody tr:last-child td[b-fix346d4jr] {
    border-bottom: none;
}

.collection-row-icon[b-fix346d4jr] {
    font-size: 1.25rem;
    margin-right: 0.5rem;
}

.collection-row-title[b-fix346d4jr] {
    font-weight: 600;
}

.status-badge[b-fix346d4jr] {
    display: inline-block;
    padding: 0.15rem 0.6rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.status-badge--published[b-fix346d4jr] {
    background: rgba(34, 139, 34, 0.12);
    color: #1f7a1f;
}

.status-badge--draft[b-fix346d4jr] {
    background: rgba(180, 100, 0, 0.12);
    color: #a05400;
}

.row-actions[b-fix346d4jr] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.row-actions .ea-btn-secondary[b-fix346d4jr],
.row-actions .ea-btn-delete[b-fix346d4jr] {
    padding: 0.35rem 0.8rem;
    font-size: 0.85rem;
    text-decoration: none;
    display: inline-block;
}

.empty-state[b-fix346d4jr] {
    margin-top: 2rem;
    padding: 2rem;
    background: #fff;
    border: 1px dashed #c0c0c0;
    border-radius: 12px;
    text-align: center;
    color: #555;
}

.loading-container[b-fix346d4jr] {
    text-align: center;
    padding: 3rem 1rem;
    color: #555;
}

.loading-spinner[b-fix346d4jr] {
    display: inline-block;
    width: 36px;
    height: 36px;
    border: 3px solid #d0d0d0;
    border-top-color: #4361ee;
    border-radius: 50%;
    animation: spin-b-fix346d4jr 0.8s linear infinite;
    margin-bottom: 0.75rem;
}

@keyframes spin-b-fix346d4jr {
    to { transform: rotate(360deg); }
}
/* /Pages/OnThisDay.razor.rz.scp.css */
.on-this-day-container[b-j411ak7ria] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 2rem 1.5rem;
}

.page-header[b-j411ak7ria] {
    margin-bottom: 2rem;
}

.page-title[b-j411ak7ria] {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 0.5rem;
}

.page-subtitle[b-j411ak7ria] {
    color: #666;
    font-size: 1.1rem;
    margin: 0;
}

.filter-panel[b-j411ak7ria] {
    margin-bottom: 1.75rem;
    padding: 1rem 1.25rem;
    border: 1px solid var(--border-soft, #e0e0e0);
    border-radius: 12px;
    background: #fafbfc;
}

.filter-row[b-j411ak7ria] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: flex-end;
}

.filter-group[b-j411ak7ria] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 8rem;
}

.filter-label[b-j411ak7ria] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #444;
}

.filter-select[b-j411ak7ria] {
    min-height: 2.4rem;
    padding: 0.4rem 0.65rem;
    border: 1px solid var(--border-soft, #e0e0e0);
    border-radius: 8px;
    background: #fff;
    color: #1a1a1a;
}

.btn-today[b-j411ak7ria] {
    min-height: 2.4rem;
    padding: 0.45rem 1rem;
    border: 1px solid var(--brand-cool, #1f7a76);
    border-radius: 8px;
    background: rgba(31, 122, 118, 0.1);
    color: var(--brand-cool, #1f7a76);
    font-weight: 600;
    cursor: pointer;
}

.btn-today:disabled[b-j411ak7ria] {
    opacity: 0.55;
    cursor: default;
}

.on-this-day-air-date[b-j411ak7ria] {
    margin: 0;
    font-size: 0.9rem;
    color: #555;
}

.on-this-day-empty[b-j411ak7ria],
.on-this-day-error[b-j411ak7ria] {
    padding: 1.5rem;
    border-radius: 12px;
    background: #f8f9fa;
    border: 1px solid #e0e0e0;
    color: #444;
}

.on-this-day-error[b-j411ak7ria] {
    border-color: #f5c6cb;
    background: #fdf2f2;
    color: #721c24;
}

.loading-indicator[b-j411ak7ria] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 3rem 1rem;
}

.loading-spinner[b-j411ak7ria] {
    width: 2.5rem;
    height: 2.5rem;
    border: 3px solid #e0e0e0;
    border-top-color: var(--brand-cool, #1f7a76);
    border-radius: 50%;
    animation: on-this-day-spin-b-j411ak7ria 0.8s linear infinite;
}

@keyframes on-this-day-spin-b-j411ak7ria {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 768px) {
    .on-this-day-container[b-j411ak7ria] {
        padding: 1.25rem 1rem;
    }

    .filter-group[b-j411ak7ria] {
        flex: 1 1 calc(50% - 0.5rem);
        min-width: 0;
    }

    .generate-group[b-j411ak7ria] {
        flex: 1 1 100%;
    }
}
/* /Pages/Privacy.razor.rz.scp.css */
.legal-doc-container[b-vdii3o9e2k] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 0 1.25rem 2.5rem;
}

.legal-doc-card[b-vdii3o9e2k] {
    max-width: 46rem;
    background: var(--card-bg);
    border: 1px solid var(--border-soft);
    border-radius: 12px;
    box-shadow: var(--shadow-soft);
    padding: 1.75rem 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.35rem;
}

.legal-doc-disclaimer[b-vdii3o9e2k] {
    margin: 0;
    padding: 0.85rem 1rem;
    border-radius: 8px;
    background: rgba(227, 146, 43, 0.12);
    border: 1px solid rgba(227, 146, 43, 0.35);
    color: var(--ink-strong);
    font-size: 0.92rem;
    line-height: 1.5;
}

.legal-doc-section-title[b-vdii3o9e2k] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--ink-strong);
    margin: 0 0 0.5rem 0;
}

.legal-doc-text[b-vdii3o9e2k],
.legal-doc-list[b-vdii3o9e2k] {
    margin: 0;
    color: var(--ink-muted);
    font-size: 0.95rem;
    line-height: 1.65;
}

.legal-doc-list[b-vdii3o9e2k] {
    padding-left: 1.25rem;
}

.legal-doc-list li + li[b-vdii3o9e2k] {
    margin-top: 0.4rem;
}

.legal-doc-text a[b-vdii3o9e2k],
.legal-doc-list a[b-vdii3o9e2k] {
    font-weight: 600;
}

@media (max-width: 480px) {
    .legal-doc-card[b-vdii3o9e2k] {
        padding: 1.25rem;
    }
}
/* /Pages/PublicProfile.razor.rz.scp.css */
.profile-container[b-zvmq6mgsb7] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 2rem 1.5rem;
}

/* Share mission card (link + optional edit panel for owner) */
.share-mission-card[b-zvmq6mgsb7] {
    padding: 0.85rem 1.2rem 1rem;
    background: var(--card-bg);
    border: 1px solid var(--border-soft);
    border-radius: 8px;
    margin-bottom: 1.5rem;
    font-size: 0.95rem;
}

.share-mission-card__row[b-zvmq6mgsb7] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.share-mission-card__link-icon[b-zvmq6mgsb7] {
    font-size: 1rem;
    flex-shrink: 0;
}

.share-text[b-zvmq6mgsb7] {
    color: var(--brand-ink);
    font-weight: 600;
    flex-shrink: 0;
}

.share-link[b-zvmq6mgsb7] {
    color: #1f7a76;
    font-family: monospace;
    font-size: 0.9rem;
    word-break: break-all;
}

.share-link:hover[b-zvmq6mgsb7] {
    text-decoration: underline;
}

.share-copy-btn[b-zvmq6mgsb7] {
    padding: 0.25rem 0.65rem;
    border: 1px solid var(--border-soft);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.85);
    color: var(--brand-cool);
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
    white-space: nowrap;
}

.share-copy-btn:hover[b-zvmq6mgsb7] {
    background: rgba(31, 122, 118, 0.1);
}

.share-copy-btn--success[b-zvmq6mgsb7] {
    background: #d1e7dd;
    color: #0f5132;
    border-color: #badbcc;
}

.share-mission-card__end[b-zvmq6mgsb7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-left: auto;
    flex-wrap: wrap;
}

.share-mission-edit-btn[b-zvmq6mgsb7] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.3rem 0.65rem;
    border: 1px solid var(--border-soft);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.9);
    color: var(--brand-ink);
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.share-mission-edit-btn:hover[b-zvmq6mgsb7] {
    background: rgba(31, 122, 118, 0.08);
    border-color: rgba(31, 122, 118, 0.35);
}

.share-mission-edit-btn__icon[b-zvmq6mgsb7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    font-size: 1.1rem;
    line-height: 1;
    font-weight: 700;
    color: #1f7a76;
}

.share-mission-edit-btn__label[b-zvmq6mgsb7] {
    white-space: nowrap;
}

.share-social[b-zvmq6mgsb7] {
    flex-shrink: 0;
}

.share-btn[b-zvmq6mgsb7] {
    display: inline-block;
    padding: 0.3rem 0.8rem;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;
    transition: opacity 0.2s;
}

.share-btn:hover[b-zvmq6mgsb7] {
    opacity: 0.85;
}

.share-btn-twitter[b-zvmq6mgsb7] {
    background: #000;
    color: #fff;
}

.share-btn-bluesky[b-zvmq6mgsb7] {
    background: #1185fe;
    color: #fff;
}

.share-mission-card__edit[b-zvmq6mgsb7] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border-soft);
}

.share-mission-card__edit-lede[b-zvmq6mgsb7] {
    margin: 0 0 0.85rem;
    font-size: 0.92rem;
    color: var(--brand-muted, #5c6b6a);
    line-height: 1.45;
}

.share-mission-card__feedback[b-zvmq6mgsb7] {
    margin: 0.75rem 0 0;
    padding-top: 0.65rem;
    border-top: 1px solid var(--border-soft);
    font-size: 0.88rem;
    color: var(--brand-cool);
}

/* Overall completion card */
.overall-card[b-zvmq6mgsb7] {
    background: linear-gradient(135deg, #1f7a76 0%, #2a948f 100%);
    color: white;
    border-radius: 12px;
    padding: 1.5rem 2rem;
    margin-bottom: 2rem;
    box-shadow: var(--shadow-soft);
}

.overall-label[b-zvmq6mgsb7] {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
    opacity: 0.9;
}

.overall-progress-wrap[b-zvmq6mgsb7] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.5rem;
}

.overall-bar-outer[b-zvmq6mgsb7] {
    flex: 1;
    height: 20px;
    background: rgba(255, 255, 255, 0.25);
    border-radius: 10px;
    overflow: hidden;
}

.overall-bar-inner[b-zvmq6mgsb7] {
    height: 100%;
    background: white;
    border-radius: 10px;
    transition: width 0.6s ease;
    min-width: 2px;
}

.overall-percentage[b-zvmq6mgsb7] {
    font-size: 1.5rem;
    font-weight: 700;
    min-width: 60px;
    text-align: right;
}

.overall-counts[b-zvmq6mgsb7] {
    font-size: 0.9rem;
    opacity: 0.85;
}

/* Watch rank (public — all profile viewers) */
.watch-rank-card[b-zvmq6mgsb7] {
    background: var(--card-bg);
    border: 1px solid var(--border-soft);
    border-radius: 12px;
    box-shadow: var(--shadow-soft);
    padding: 1.25rem 1.5rem;
    margin-bottom: 2rem;
}

.watch-rank-card__title[b-zvmq6mgsb7] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--brand-ink);
    margin: 0 0 0.35rem;
}

.watch-rank-card__lede[b-zvmq6mgsb7] {
    margin: 0 0 1rem;
    font-size: 0.9rem;
    color: #555;
    line-height: 1.45;
}

.watch-rank-display[b-zvmq6mgsb7] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.65rem 1rem;
    padding: 0.75rem 0 0.5rem;
    border-top: 1px solid var(--border-soft);
}

.watch-rank-display__title[b-zvmq6mgsb7] {
    font-size: 1.35rem;
    font-weight: 700;
    color: #1f7a76;
    line-height: 1.2;
}

.watch-rank-progress[b-zvmq6mgsb7] {
    margin: 0.65rem 0 0;
    font-size: 0.92rem;
    color: var(--brand-ink);
    line-height: 1.45;
}

.watch-rank-max[b-zvmq6mgsb7] {
    margin: 0.65rem 0 0;
    font-size: 0.95rem;
    color: #145c59;
    font-weight: 600;
}

/* Visit streak badges (signed-in profile owner only) */
.visit-badges-card[b-zvmq6mgsb7] {
    background: var(--card-bg);
    border: 1px solid var(--border-soft);
    border-radius: 12px;
    box-shadow: var(--shadow-soft);
    padding: 1.25rem 1.5rem;
    margin-top: 2rem;
    margin-bottom: 0;
}

.visit-badges-card--loading[b-zvmq6mgsb7] {
    display: flex;
    align-items: center;
    min-height: 3.5rem;
}

.visit-badges-loading-text[b-zvmq6mgsb7] {
    margin: 0;
    font-size: 0.95rem;
    color: var(--brand-ink);
    font-weight: 600;
}

.visit-badges-card__title[b-zvmq6mgsb7] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--brand-ink);
    margin: 0 0 0.35rem;
}

.visit-badges-card__lede[b-zvmq6mgsb7] {
    margin: 0 0 1rem;
    font-size: 0.9rem;
    color: #555;
    line-height: 1.45;
}

.visit-badges-stats[b-zvmq6mgsb7] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem 2rem;
    margin: 0 0 1rem;
    padding: 0.75rem 0 1rem;
    border-top: 1px solid var(--border-soft);
    border-bottom: 1px solid var(--border-soft);
}

.visit-badges-stat[b-zvmq6mgsb7] {
    margin: 0;
}

.visit-badges-stat dt[b-zvmq6mgsb7] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #666;
    margin: 0 0 0.2rem;
}

.visit-badges-stat dd[b-zvmq6mgsb7] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    color: #1f7a76;
}

.visit-badges-email-cta[b-zvmq6mgsb7] {
    margin: 0 0 1rem;
    font-size: 0.9rem;
    line-height: 1.45;
    color: #555;
}

.visit-badges-email-cta__link[b-zvmq6mgsb7] {
    color: #1f7a76;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 0.12em;
}

.visit-badges-email-cta__link:hover[b-zvmq6mgsb7] {
    color: #165c59;
}

.visit-badges-earned[b-zvmq6mgsb7] {
    margin-bottom: 1rem;
}

.visit-badges-subsection[b-zvmq6mgsb7] {
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--border-soft);
}

.visit-badges-subsection:first-of-type[b-zvmq6mgsb7] {
    margin-top: 0.75rem;
    padding-top: 0;
    border-top: none;
}

.visit-badges-subheading[b-zvmq6mgsb7] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--brand-ink);
    margin: 0 0 0.5rem;
}

.visit-badges-next-label[b-zvmq6mgsb7] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--brand-ink);
    margin: 0.75rem 0 0.35rem;
}

.visit-badges-muted[b-zvmq6mgsb7] {
    color: #666;
    font-weight: 500;
}

.visit-badges-chip-list[b-zvmq6mgsb7] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.visit-badges-chip[b-zvmq6mgsb7] {
    display: inline-block;
    padding: 0.35rem 0.65rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 600;
    background: rgba(31, 122, 118, 0.1);
    color: #145c59;
    border: 1px solid rgba(31, 122, 118, 0.25);
}

.visit-badges-next[b-zvmq6mgsb7] {
    padding-top: 0.25rem;
}

.visit-badges-next-target[b-zvmq6mgsb7] {
    margin: 0 0 0.5rem;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--brand-ink);
}

.visit-badges-next-bar-outer[b-zvmq6mgsb7] {
    height: 14px;
    background: #e8f4f3;
    border-radius: 7px;
    overflow: hidden;
}

.visit-badges-next-bar-inner[b-zvmq6mgsb7] {
    height: 100%;
    background: linear-gradient(90deg, #1f7a76, #2a948f);
    border-radius: 7px;
    transition: width 0.45s ease;
    min-width: 2px;
}

.visit-badges-next-caption[b-zvmq6mgsb7] {
    margin: 0.45rem 0 0;
    font-size: 0.88rem;
    color: var(--brand-ink);
}

.visit-badges-all-earned[b-zvmq6mgsb7] {
    margin: 0.5rem 0 0;
    font-size: 0.95rem;
    color: #145c59;
    font-weight: 600;
}

/* Per-series list */
.series-list[b-zvmq6mgsb7] {
    background: var(--card-bg);
    border: 1px solid var(--border-soft);
    border-radius: 12px;
    box-shadow: var(--shadow-soft);
    overflow: hidden;
}

.series-row[b-zvmq6mgsb7] {
    display: grid;
    grid-template-columns: 220px 1fr 80px;
    align-items: center;
    gap: 1rem;
    padding: 0.9rem 1.5rem;
    border-bottom: 1px solid var(--border-soft);
}

.series-row:last-child[b-zvmq6mgsb7] {
    border-bottom: none;
}

.series-row:hover[b-zvmq6mgsb7] {
    background: rgba(31, 122, 118, 0.04);
}

.series-name[b-zvmq6mgsb7] {
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--brand-ink);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.series-progress[b-zvmq6mgsb7] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.progress-bar-outer[b-zvmq6mgsb7] {
    flex: 1;
    height: 14px;
    background: #e8f4f3;
    border-radius: 7px;
    overflow: hidden;
}

.progress-bar-inner[b-zvmq6mgsb7] {
    height: 100%;
    background: linear-gradient(90deg, #1f7a76, #2a948f);
    border-radius: 7px;
    transition: width 0.6s ease;
    min-width: 2px;
}

.progress-percentage[b-zvmq6mgsb7] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #1f7a76;
    min-width: 42px;
    text-align: right;
}

.series-counts[b-zvmq6mgsb7] {
    font-size: 0.8rem;
    color: #666;
    text-align: right;
    white-space: nowrap;
}

/* Not found card */
.not-found-card[b-zvmq6mgsb7] {
    background: var(--card-bg);
    border: 1px solid var(--border-soft);
    border-radius: 12px;
    padding: 3rem 2rem;
    text-align: center;
    box-shadow: var(--shadow-soft);
}

.not-found-icon[b-zvmq6mgsb7] {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.not-found-card h2[b-zvmq6mgsb7] {
    font-size: 1.5rem;
    color: var(--brand-ink);
    margin-bottom: 0.75rem;
}

.not-found-card p[b-zvmq6mgsb7] {
    color: #666;
    margin-bottom: 1.5rem;
}

.btn-home[b-zvmq6mgsb7] {
    display: inline-block;
    padding: 0.6rem 1.5rem;
    background: linear-gradient(135deg, #1f7a76, #2a948f);
    color: white;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
}

.btn-home:hover[b-zvmq6mgsb7] {
    opacity: 0.9;
}

/* Last 30 days section */
.recent-section[b-zvmq6mgsb7] {
    margin-top: 2rem;
    background: var(--card-bg);
    border: 1px solid var(--border-soft);
    border-radius: 12px;
    box-shadow: var(--shadow-soft);
    overflow: hidden;
}

.recent-header[b-zvmq6mgsb7] {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--border-soft);
    background: rgba(31, 122, 118, 0.05);
}

.recent-title[b-zvmq6mgsb7] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--brand-ink);
}

.recent-chart[b-zvmq6mgsb7] {
    padding: 0.5rem 0;
}

.public-handle-row[b-zvmq6mgsb7] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-bottom: 0.75rem;
}

.public-handle-prefix[b-zvmq6mgsb7] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.85rem;
    color: var(--brand-muted, #5c6b6a);
}

.public-handle-input[b-zvmq6mgsb7] {
    flex: 1 1 140px;
    min-width: 120px;
    max-width: 280px;
    padding: 0.4rem 0.55rem;
    border: 1px solid var(--border-soft);
    border-radius: 6px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.9rem;
}

.public-handle-actions[b-zvmq6mgsb7] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.public-handle-save[b-zvmq6mgsb7] {
    font-size: 0.9rem;
}

/* Responsive */
@media (max-width: 640px) {
    .profile-container[b-zvmq6mgsb7] {
        padding: 1rem;
    }

    .series-row[b-zvmq6mgsb7] {
        grid-template-columns: 1fr;
        gap: 0.4rem;
        padding: 0.8rem 1rem;
    }

    .series-name[b-zvmq6mgsb7] {
        font-size: 0.9rem;
    }

    .series-counts[b-zvmq6mgsb7] {
        text-align: left;
    }

    .overall-card[b-zvmq6mgsb7] {
        padding: 1.2rem;
    }

    .overall-percentage[b-zvmq6mgsb7] {
        font-size: 1.2rem;
    }

    .share-mission-card__end[b-zvmq6mgsb7] {
        margin-left: 0;
        width: 100%;
        justify-content: flex-start;
    }

    .share-mission-edit-btn__label[b-zvmq6mgsb7] {
        display: none;
    }

    .watch-rank-card[b-zvmq6mgsb7] {
        padding: 1rem 1.1rem;
    }

    .watch-rank-display__title[b-zvmq6mgsb7] {
        font-size: 1.15rem;
    }
}
/* /Pages/RandomEpisode.razor.rz.scp.css */
.random-container[b-b4lrkid802] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 2rem 1.5rem;
}

.page-header[b-b4lrkid802] {
    margin-bottom: 2rem;
}

.page-title[b-b4lrkid802] {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 0.5rem;
}

.page-subtitle[b-b4lrkid802] {
    color: #666;
    font-size: 1.1rem;
    margin: 0;
}

.onboarding-success[b-b4lrkid802] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem 1rem;
    margin-bottom: 1.25rem;
    padding: 0.85rem 1rem;
    border-radius: 10px;
    background: rgba(34, 139, 34, 0.12);
    border: 1px solid rgba(34, 139, 34, 0.35);
    color: #0d1f0d;
}

.onboarding-success__msg[b-b4lrkid802] {
    flex: 1 1 14rem;
    font-size: 0.95rem;
    line-height: 1.4;
}

.onboarding-success__rank[b-b4lrkid802] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.onboarding-success__rank-title[b-b4lrkid802] {
    font-weight: 600;
    font-size: 0.9rem;
}

/* Filter panel */
.filter-panel[b-b4lrkid802] {
    background: #f8f9fa;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 2rem;
}

.filter-row[b-b4lrkid802] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: flex-end;
}

.filter-group[b-b4lrkid802] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.filter-group--disabled[b-b4lrkid802] {
    opacity: 0.55;
}

.filter-signin-hint[b-b4lrkid802] {
    font-size: 0.78rem;
    font-weight: 400;
    color: var(--ink-muted);
    margin-left: 0.25rem;
}

.filter-label[b-b4lrkid802] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #555;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.filter-select[b-b4lrkid802] {
    padding: 0.6rem 1rem;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    background: white;
    font-size: 1rem;
    cursor: pointer;
    transition: border-color 0.2s ease;
    min-width: 180px;
}

.filter-select:focus[b-b4lrkid802] {
    outline: none;
    border-color: var(--brand-cool, #1f7a76);
    box-shadow: 0 0 0 3px rgba(31, 122, 118, 0.15);
}

.generate-group[b-b4lrkid802] {
    justify-content: flex-end;
}

.btn-generate[b-b4lrkid802] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.7rem 1.75rem;
    background: linear-gradient(135deg, #1f7a76 0%, #2a948f 100%);
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 1.05rem;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.2s ease, transform 0.1s ease;
}

.btn-generate:hover:not(:disabled)[b-b4lrkid802] {
    opacity: 0.9;
    transform: translateY(-1px);
}

.btn-generate:active:not(:disabled)[b-b4lrkid802] {
    transform: translateY(0);
}

.btn-generate:disabled[b-b4lrkid802] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-spinner[b-b4lrkid802] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.4);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-b4lrkid802 0.7s linear infinite;
}

@keyframes spin-b-b4lrkid802 {
    to { transform: rotate(360deg); }
}

/* Error message */
.error-message[b-b4lrkid802] {
    background: #fff5f5;
    border: 1px solid #feb2b2;
    color: #c53030;
    border-radius: 8px;
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Result section */
.result-section[b-b4lrkid802] {
    animation: fadeIn-b-b4lrkid802 0.4s ease;
    max-width: 480px;
    margin: 0 auto;
}

@keyframes fadeIn-b-b4lrkid802 {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.result-label[b-b4lrkid802] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 1rem;
}

.episode-card-wrapper[b-b4lrkid802] {
    width: 100%;
}

.btn-generate-another[b-b4lrkid802] {
    flex: 1;
    padding: 0.6rem 1rem;
    background: linear-gradient(135deg, #1f7a76 0%, #2a948f 100%);
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.btn-generate-another:hover[b-b4lrkid802] {
    opacity: 0.9;
}

/* No results */
.no-results[b-b4lrkid802] {
    text-align: center;
    padding: 3rem 1rem;
    color: #888;
}

.no-results-icon[b-b4lrkid802] {
    font-size: 3rem;
    margin-bottom: 1rem;
}

/* Prompt */
.prompt-section[b-b4lrkid802] {
    text-align: center;
    padding: 3rem 1rem;
    color: #888;
}

.prompt-icon[b-b4lrkid802] {
    font-size: 3.5rem;
    margin-bottom: 1rem;
}

.prompt-text[b-b4lrkid802] {
    font-size: 1.1rem;
    color: #666;
}

/* Responsive */
@media (max-width: 600px) {
    .filter-row[b-b4lrkid802] {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-select[b-b4lrkid802] {
        min-width: unset;
        width: 100%;
    }

    .btn-generate[b-b4lrkid802] {
        width: 100%;
        justify-content: center;
    }

    .episode-card-footer[b-b4lrkid802] {
        flex-direction: column;
    }
}
/* /Pages/SeriesIndex.razor.rz.scp.css */
.series-index-container[b-0bfdg1bir5] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 2rem 1.5rem;
}

.series-index-container .page-header[b-0bfdg1bir5]  .breadcrumb-nav {
    margin-bottom: 0.75rem;
}

.series-index-grid[b-0bfdg1bir5] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.5rem;
    margin-top: 2rem;
}

@media (max-width: 768px) {
    .series-index-grid[b-0bfdg1bir5] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}

@media (min-width: 1025px) {
    .series-index-grid[b-0bfdg1bir5] {
        grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    }
}

.series-index-card[b-0bfdg1bir5] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    background: var(--card-bg, #fff);
    border: 1px solid var(--border-soft, #e0e0e0);
    border-radius: 12px;
    text-decoration: none;
    color: inherit;
    transition: box-shadow 0.2s, border-color 0.2s, transform 0.1s;
}

.series-index-card:hover[b-0bfdg1bir5] {
    box-shadow: var(--shadow-soft, 0 4px 16px rgba(0, 0, 0, 0.1));
    border-color: var(--brand-cool, #1f7a76);
    transform: translateY(-2px);
    text-decoration: none;
    color: inherit;
}

.series-index-card-swatch[b-0bfdg1bir5] {
    width: 0.65rem;
    align-self: stretch;
    min-height: 2.75rem;
    border-radius: 999px;
    flex-shrink: 0;
}

.series-index-card-content[b-0bfdg1bir5] {
    flex: 1;
    min-width: 0;
}

.series-index-card-title[b-0bfdg1bir5] {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 0 0.25rem;
    color: var(--ink-strong, #1a1a1a);
}

.series-index-card-hint[b-0bfdg1bir5] {
    font-size: 0.9rem;
    color: var(--ink-muted, #666);
    margin: 0;
    line-height: 1.4;
}

.series-index-card-arrow[b-0bfdg1bir5] {
    font-size: 1.2rem;
    color: var(--brand-cool, #1f7a76);
    flex-shrink: 0;
    margin-top: 0.25rem;
}

.series-index-error[b-0bfdg1bir5] {
    margin: 2rem 0 0;
    color: #721c24;
}
/* /Pages/SeriesOverview.razor.rz.scp.css */
.series-overview-container[b-pzhnrjc3v6] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 2rem 1.5rem;
}

.series-overview-container .page-header[b-pzhnrjc3v6] {
    display: block;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.series-overview-container .page-header[b-pzhnrjc3v6]  .breadcrumb-nav {
    margin-bottom: 0.75rem;
}

.series-overview-hero[b-pzhnrjc3v6] {
    border-radius: 12px;
    padding: 1.5rem 1.25rem;
    color: #fff;
}

.page-title--hero[b-pzhnrjc3v6] {
    margin: 0 0 0.35rem;
    color: #fff;
    background: none;
    -webkit-background-clip: unset;
    background-clip: unset;
}

.series-overview-hero .page-subtitle[b-pzhnrjc3v6] {
    margin: 0;
    color: rgba(255, 255, 255, 0.92);
    max-width: 42rem;
}

.series-intro[b-pzhnrjc3v6] {
    max-width: 42rem;
}

.series-overview-meta[b-pzhnrjc3v6] {
    margin: 0.75rem 0 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9);
}

.controls-section[b-pzhnrjc3v6] {
    display: flex;
    gap: 1.5rem;
    margin: 1.5rem 0 2rem;
    flex-wrap: wrap;
}

.browse-tools-section[b-pzhnrjc3v6] {
    flex: 1;
    min-width: 200px;
    max-width: 320px;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.control-label[b-pzhnrjc3v6] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #444;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.series-catalogue-link[b-pzhnrjc3v6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    width: 100%;
    box-sizing: border-box;
}

.series-overview-section-title[b-pzhnrjc3v6] {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0 0 1rem;
    color: var(--brand-ink, #1a1a2e);
}

.series-overview-empty-seasons[b-pzhnrjc3v6] {
    color: var(--ink-muted, #666);
    margin: 0;
}

.seasons-grid[b-pzhnrjc3v6] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.season-card[b-pzhnrjc3v6] {
    display: flex;
    align-items: stretch;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    text-decoration: none;
    color: inherit;
    overflow: hidden;
    transition: box-shadow 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.season-card:hover[b-pzhnrjc3v6] {
    border-color: var(--brand-cool, #1f7a76);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
    text-decoration: none;
    color: inherit;
}

.season-card-accent[b-pzhnrjc3v6] {
    width: 6px;
    flex-shrink: 0;
    background: var(--season-accent, linear-gradient(135deg, #667eea 0%, #764ba2 100%));
}

.season-card-body[b-pzhnrjc3v6] {
    flex: 1;
    padding: 1.25rem 1rem;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.season-card-title[b-pzhnrjc3v6] {
    font-size: 1.15rem;
    font-weight: 700;
    color: #1a1a1a;
}

.season-card-hint[b-pzhnrjc3v6] {
    font-size: 0.85rem;
    color: #666;
}

.season-card-arrow[b-pzhnrjc3v6] {
    display: flex;
    align-items: center;
    padding-right: 1rem;
    font-size: 1.25rem;
    color: #4361ee;
    flex-shrink: 0;
}

.loading-indicator[b-pzhnrjc3v6] {
    text-align: center;
    padding: 3rem 1rem;
    color: #666;
}

.loading-spinner[b-pzhnrjc3v6] {
    width: 40px;
    height: 40px;
    margin: 0 auto 1rem;
    border: 3px solid #e0e0e0;
    border-top-color: var(--brand-cool, #1f7a76);
    border-radius: 50%;
    animation: series-overview-spin-b-pzhnrjc3v6 0.8s linear infinite;
}

@keyframes series-overview-spin-b-pzhnrjc3v6 {
    to {
        transform: rotate(360deg);
    }
}

.empty-state[b-pzhnrjc3v6] {
    text-align: center;
    padding: 3rem 1rem;
}

.empty-state-icon[b-pzhnrjc3v6] {
    font-size: 3rem;
}

.empty-state .page-title[b-pzhnrjc3v6] {
    margin: 1rem 0 0.5rem;
}

.empty-state-actions[b-pzhnrjc3v6] {
    margin-top: 1.5rem;
}

@media (max-width: 768px) {
    .series-overview-container[b-pzhnrjc3v6] {
        padding: 1rem;
    }

    .controls-section[b-pzhnrjc3v6] {
        flex-direction: column;
    }

    .browse-tools-section[b-pzhnrjc3v6] {
        max-width: none;
    }

    .seasons-grid[b-pzhnrjc3v6] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}

@media (min-width: 1025px) {
    .seasons-grid[b-pzhnrjc3v6] {
        grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    }
}
/* /Pages/SeriesSeason.razor.rz.scp.css */
.series-season-container[b-p8nlpmudty] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 2rem 1.5rem;
}

.series-season-container .page-header[b-p8nlpmudty]  .breadcrumb-nav {
    margin-bottom: 0.75rem;
}

.series-season-hero[b-p8nlpmudty] {
    border-radius: 12px;
    padding: 1.5rem 1.25rem;
    color: #fff;
}

.page-title--hero[b-p8nlpmudty] {
    margin: 0 0 0.35rem;
    color: #fff;
}

.series-season-hero .page-subtitle[b-p8nlpmudty] {
    margin: 0;
    color: rgba(255, 255, 255, 0.92);
}

.series-season-progress[b-p8nlpmudty] {
    margin: 1.25rem 0;
}

.series-season-progress-track[b-p8nlpmudty] {
    height: 8px;
    border-radius: 4px;
    background: #e8eaf0;
    overflow: hidden;
}

.series-season-progress-fill[b-p8nlpmudty] {
    height: 100%;
    background: linear-gradient(90deg, #4361ee, #3a86ff);
    border-radius: 4px;
    transition: width 0.25s ease;
}

.series-season-progress-caption[b-p8nlpmudty] {
    margin: 0.5rem 0 0;
    font-size: 0.9rem;
    color: #555;
}

.controls-section[b-p8nlpmudty] {
    display: flex;
    gap: 1.5rem;
    margin: 1.25rem 0 2rem;
    flex-wrap: wrap;
}

.filter-section[b-p8nlpmudty],
.sort-section[b-p8nlpmudty] {
    flex: 1;
    min-width: 250px;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.browse-tools-section[b-p8nlpmudty] {
    flex: 1;
    min-width: 200px;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    justify-content: flex-end;
}

.season-bulk-actions[b-p8nlpmudty] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.season-bulk-mark-btn[b-p8nlpmudty] {
    width: 100%;
}

.control-label[b-p8nlpmudty] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #444;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.control-select[b-p8nlpmudty] {
    padding: 0.75rem 1rem;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    background: white;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
}

.control-select:hover[b-p8nlpmudty] {
    border-color: var(--brand-cool);
}

.control-select:focus[b-p8nlpmudty] {
    outline: none;
    border-color: var(--brand-cool);
    box-shadow: 0 0 0 3px rgba(31, 122, 118, 0.15);
}

.sort-controls[b-p8nlpmudty] {
    display: flex;
    gap: 0.75rem;
    align-items: stretch;
}

.sort-controls .control-select[b-p8nlpmudty] {
    flex: 1;
}

.btn-sort-direction[b-p8nlpmudty] {
    background: linear-gradient(135deg, #1f7a76 0%, #2a948f 100%);
    color: white;
    border: none;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
}

.btn-sort-direction:hover[b-p8nlpmudty] {
    background: linear-gradient(135deg, #19645f 0%, #237e78 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(31, 122, 118, 0.35);
}

.btn-sort-direction:active[b-p8nlpmudty] {
    transform: translateY(0);
}

.btn-sort-direction .sort-icon[b-p8nlpmudty] {
    font-size: 1.1rem;
}

.btn-sort-direction .sort-text[b-p8nlpmudty] {
    font-size: 0.9rem;
}

.series-season-nav[b-p8nlpmudty] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin: 0 0 1.25rem;
}

.series-season-nav-link[b-p8nlpmudty] {
    color: #4361ee;
    text-decoration: none;
    font-weight: 500;
}

.series-season-nav-link:hover[b-p8nlpmudty] {
    text-decoration: underline;
}

.series-season-nav-link--next[b-p8nlpmudty] {
    margin-left: auto;
}

@media (max-width: 768px) {
    .controls-section[b-p8nlpmudty] {
        flex-direction: column;
        gap: 1rem;
    }

    .filter-section[b-p8nlpmudty],
    .sort-section[b-p8nlpmudty],
    .browse-tools-section[b-p8nlpmudty] {
        min-width: 100%;
    }

    .sort-controls[b-p8nlpmudty] {
        flex-direction: column;
        gap: 0.5rem;
    }

    .btn-sort-direction .sort-text[b-p8nlpmudty] {
        display: none;
    }

}
/* /Pages/Sitemap.razor.rz.scp.css */
.sitemap-container[b-v3oy2lnc80] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 2rem 1.5rem;
}

.sitemap-section[b-v3oy2lnc80] {
    margin-top: 2rem;
}

.sitemap-section-title[b-v3oy2lnc80] {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--brand-ink, #1f7a76);
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid var(--brand-ink, #1f7a76);
}

.sitemap-series-group[b-v3oy2lnc80] {
    margin-bottom: 1.5rem;
}

.sitemap-series-title[b-v3oy2lnc80] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 0.5rem;
}

.sitemap-series-overview[b-v3oy2lnc80] {
    margin: 0 0 0.5rem;
    font-size: 0.95rem;
}

.sitemap-season-links[b-v3oy2lnc80] {
    margin-bottom: 0.75rem;
}

.sitemap-list[b-v3oy2lnc80] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 0.3rem 1rem;
}

.sitemap-list li a[b-v3oy2lnc80] {
    color: var(--brand-ink, #1f7a76);
    text-decoration: none;
    font-size: 0.95rem;
}

.sitemap-list li a:hover[b-v3oy2lnc80] {
    text-decoration: underline;
}
/* /Pages/Support.razor.rz.scp.css */
.support-container[b-hzwd9vdvjt] {
    max-width: var(--page-max-width);
    margin: 0 auto;
}

.support-card[b-hzwd9vdvjt] {
    background: var(--card-bg);
    border: 1px solid var(--border-soft);
    border-radius: 12px;
    box-shadow: var(--shadow-soft);
    padding: 1.5rem 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.support-lead p[b-hzwd9vdvjt] {
    color: var(--ink-muted);
    font-size: 0.95rem;
    line-height: 1.6;
    margin: 0;
}

.support-section-title[b-hzwd9vdvjt] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--ink-strong);
    margin: 0 0 0.5rem 0;
}

.support-list[b-hzwd9vdvjt] {
    margin: 0;
    padding-left: 1.25rem;
    color: var(--ink-muted);
    font-size: 0.95rem;
    line-height: 1.6;
}

.support-list li + li[b-hzwd9vdvjt] {
    margin-top: 0.35rem;
}

.support-links a[b-hzwd9vdvjt] {
    font-weight: 600;
}

.support-note[b-hzwd9vdvjt] {
    color: var(--ink-muted);
    font-size: 0.95rem;
    line-height: 1.6;
    margin: 0;
}

.support-note a[b-hzwd9vdvjt] {
    font-weight: 600;
}

.support-actions[b-hzwd9vdvjt] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding-top: 0.25rem;
}

.support-cta[b-hzwd9vdvjt] {
    text-decoration: none;
}

@media (max-width: 480px) {
    .support-card[b-hzwd9vdvjt] {
        padding: 1.25rem;
    }
}
/* /Pages/Terms.razor.rz.scp.css */
.legal-doc-container[b-to3xb6cnmz] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 0 1.25rem 2.5rem;
}

.legal-doc-card[b-to3xb6cnmz] {
    max-width: 46rem;
    background: var(--card-bg);
    border: 1px solid var(--border-soft);
    border-radius: 12px;
    box-shadow: var(--shadow-soft);
    padding: 1.75rem 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.35rem;
}

.legal-doc-disclaimer[b-to3xb6cnmz] {
    margin: 0;
    padding: 0.85rem 1rem;
    border-radius: 8px;
    background: rgba(227, 146, 43, 0.12);
    border: 1px solid rgba(227, 146, 43, 0.35);
    color: var(--ink-strong);
    font-size: 0.92rem;
    line-height: 1.5;
}

.legal-doc-section-title[b-to3xb6cnmz] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--ink-strong);
    margin: 0 0 0.5rem 0;
}

.legal-doc-text[b-to3xb6cnmz],
.legal-doc-list[b-to3xb6cnmz] {
    margin: 0;
    color: var(--ink-muted);
    font-size: 0.95rem;
    line-height: 1.65;
}

.legal-doc-list[b-to3xb6cnmz] {
    padding-left: 1.25rem;
}

.legal-doc-list li + li[b-to3xb6cnmz] {
    margin-top: 0.4rem;
}

.legal-doc-text a[b-to3xb6cnmz],
.legal-doc-list a[b-to3xb6cnmz] {
    font-weight: 600;
}

@media (max-width: 480px) {
    .legal-doc-card[b-to3xb6cnmz] {
        padding: 1.25rem;
    }
}
/* /Pages/Top5ListDetail.razor.rz.scp.css */
.top5-page[b-4uflykqk47] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 2rem 1.5rem;
}

.top5-draft-banner[b-4uflykqk47] {
    margin-bottom: 1.25rem;
}

.top5-draft-banner-link[b-4uflykqk47] {
    margin-left: 0.35rem;
    font-weight: 600;
    color: var(--brand-cool, #1f7a76);
}


@media (max-width: 640px) {
    .top5-page[b-4uflykqk47] {
        padding: 1rem;
    }
}
/* /Pages/Top5ListEdit.razor.rz.scp.css */
.top5-page[b-obvlywaphr] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 2rem 1.5rem;
}

.page-title[b-obvlywaphr] {
    margin: 0 0 0.35rem;
    font-size: 1.75rem;
    color: var(--ink-strong);
}

.page-subtitle[b-obvlywaphr] {
    margin: 0 0 1.5rem;
    color: var(--ink-muted);
}

.top5-edit-steps[b-obvlywaphr] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.25rem;
}

.top5-step-tab[b-obvlywaphr] {
    border: 1px solid var(--border-soft);
    background: #fff;
    color: var(--ink-strong);
    border-radius: 999px;
    padding: 0.45rem 0.9rem;
    font-size: 0.9rem;
    cursor: pointer;
}

.top5-step-tab--active[b-obvlywaphr] {
    border-color: var(--brand-cool, #1f7a76);
    background: rgba(31, 122, 118, 0.1);
    font-weight: 600;
}

.top5-step-tab:disabled[b-obvlywaphr] {
    opacity: 0.5;
    cursor: not-allowed;
}

.form-label-optional[b-obvlywaphr] {
    font-weight: 400;
    color: var(--ink-muted);
}

.top5-privacy-row[b-obvlywaphr] {
    margin-top: 0.5rem;
}

.top5-checkbox-label[b-obvlywaphr] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    cursor: pointer;
    color: var(--ink-strong);
}

.top5-search-results[b-obvlywaphr] {
    list-style: none;
    margin: 0 0 1rem;
    padding: 0;
    display: grid;
    gap: 0.5rem;
}

.top5-item-button[b-obvlywaphr] {
    width: 100%;
    text-align: left;
    border: 1px solid var(--border-soft);
    border-radius: 8px;
    background: #fff;
    color: var(--ink-strong);
    padding: 0.75rem 0.9rem;
    cursor: pointer;
}

.top5-item-button:hover[b-obvlywaphr] {
    border-color: var(--brand-cool, #1f7a76);
}

.top5-slots[b-obvlywaphr] {
    display: grid;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
}

.top5-slot[b-obvlywaphr] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 0.75rem;
    align-items: center;
    padding: 0.85rem 1rem;
    border: 1px solid var(--border-soft);
    border-radius: 10px;
    background: #fff;
}

.top5-slot-rank[b-obvlywaphr] {
    font-weight: 700;
    color: var(--brand-cool, #1f7a76);
    min-width: 2rem;
}

.top5-slot-label[b-obvlywaphr] {
    color: var(--ink-strong);
    line-height: 1.4;
}

.top5-slot-empty[b-obvlywaphr] {
    color: var(--ink-muted);
    font-style: italic;
    font-size: 0.92rem;
}

.top5-slot-actions[b-obvlywaphr] {
    display: flex;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.top5-slot-btn[b-obvlywaphr] {
    padding: 0.35rem 0.55rem;
    font-size: 0.85rem;
}

.top5-edit-actions[b-obvlywaphr] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.top5-publish-hint[b-obvlywaphr] {
    margin: 0.75rem 0 0;
    color: var(--ink-muted);
    font-size: 0.9rem;
}

.top5-delete-section[b-obvlywaphr] {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border-soft);
}

.top5-showcase-grid--preview[b-obvlywaphr] {
    margin-bottom: 1.5rem;
}

@media (max-width: 640px) {
    .top5-page[b-obvlywaphr] {
        padding: 1rem;
    }

    .top5-slot[b-obvlywaphr] {
        grid-template-columns: 1fr;
    }

    .top5-slot-actions[b-obvlywaphr] {
        justify-content: flex-start;
    }
}
/* /Pages/Top5ListsIndex.razor.rz.scp.css */
/* Uses shared global styles from /css/forms-buttons.css and /css/loaders.css. */

.top5-container[b-zjww2m4cdv] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 2rem 1.5rem;
}

.top5-container .page-header[b-zjww2m4cdv]  .breadcrumb-nav {
    margin-bottom: 0.75rem;
}

.top5-your-section[b-zjww2m4cdv] {
    margin-top: 2rem;
}

.top5-your-header[b-zjww2m4cdv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.top5-summary-card[b-zjww2m4cdv] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    border: 1px solid var(--border-soft);
    border-radius: 10px;
    padding: 1rem 1.1rem;
    background: #fff;
    box-shadow: 0 2px 8px rgba(31, 41, 55, 0.06);
    text-decoration: none;
    color: inherit;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

a.top5-summary-card:hover[b-zjww2m4cdv] {
    border-color: var(--brand-cool, #1f7a76);
    box-shadow: 0 4px 14px rgba(31, 122, 118, 0.12);
    transform: translateY(-1px);
}

.top5-summary-card--owned[b-zjww2m4cdv] {
    text-decoration: none;
}

.top5-summary-card-link[b-zjww2m4cdv] {
    text-decoration: none;
    color: inherit;
    flex: 1;
}

.top5-summary-card-title[b-zjww2m4cdv] {
    margin: 0;
    font-size: 1.05rem;
    line-height: 1.35;
    color: var(--ink-strong);
}

.top5-summary-card-desc[b-zjww2m4cdv] {
    margin: 0;
    font-size: 0.92rem;
    color: var(--ink-muted);
    line-height: 1.45;
}

.top5-summary-card-byline[b-zjww2m4cdv],
.top5-summary-card-meta[b-zjww2m4cdv] {
    margin: 0;
    font-size: 0.88rem;
    color: var(--ink-muted);
}

.top5-summary-card-cta[b-zjww2m4cdv] {
    margin-top: 0.35rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--brand-cool, #1f7a76);
}

.top5-summary-card-actions[b-zjww2m4cdv] {
    margin-top: 0.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.top5-badge[b-zjww2m4cdv] {
    display: inline-block;
    margin-left: 0.35rem;
    padding: 0.1rem 0.45rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
}

.top5-badge--draft[b-zjww2m4cdv] {
    background: rgba(107, 114, 128, 0.15);
    color: var(--ink-muted);
}

.top5-badge--private[b-zjww2m4cdv] {
    background: rgba(31, 122, 118, 0.12);
    color: var(--brand-cool, #1f7a76);
}

.top5-badge--legacy[b-zjww2m4cdv] {
    background: rgba(107, 114, 128, 0.15);
    color: var(--ink-muted);
}

.top5-legacy-section[b-zjww2m4cdv] {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border-soft);
}

.top5-legacy-heading[b-zjww2m4cdv] {
    margin: 0 0 0.35rem;
    font-size: 1.15rem;
    color: var(--ink-strong);
}

.top5-legacy-intro[b-zjww2m4cdv] {
    margin: 0 0 1.25rem;
    color: var(--ink-muted);
    font-size: 0.95rem;
    line-height: 1.5;
    max-width: 42rem;
}

.top5-summary-card--legacy .top5-summary-card-link[b-zjww2m4cdv] {
    cursor: default;
    text-decoration: none;
}

.top5-delete-confirm-label[b-zjww2m4cdv] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--ink-strong);
    width: 100%;
}

.top5-community-section[b-zjww2m4cdv] {
    margin-bottom: 2.5rem;
}

.top5-community-heading[b-zjww2m4cdv] {
    margin: 0 0 0.35rem;
    font-size: 1.35rem;
    color: var(--ink-strong);
}

.top5-community-intro[b-zjww2m4cdv] {
    margin: 0 0 1.25rem;
    color: var(--ink-muted);
}

.top5-community-loading[b-zjww2m4cdv] {
    margin-top: 0.5rem;
}

.top5-community-empty[b-zjww2m4cdv] {
    margin: 0;
    padding: 1rem 1.1rem;
    border: 1px dashed var(--border-soft);
    border-radius: 8px;
    color: var(--ink-muted);
    background: rgba(255, 255, 255, 0.65);
}

.top5-community-grid[b-zjww2m4cdv] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.25rem;
}

@media (max-width: 768px) {
    .top5-community-grid[b-zjww2m4cdv] {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 1025px) {
    .top5-community-grid[b-zjww2m4cdv] {
        grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    }
}

.top5-community-card[b-zjww2m4cdv] {
    border: 1px solid var(--border-soft);
    border-radius: 10px;
    padding: 1rem 1.1rem 1.15rem;
    background: #fff;
    box-shadow: 0 2px 8px rgba(31, 41, 55, 0.06);
}

.top5-community-card-title[b-zjww2m4cdv] {
    margin: 0 0 0.35rem;
    font-size: 1.05rem;
    line-height: 1.35;
    color: var(--ink-strong);
}

.top5-community-byline[b-zjww2m4cdv] {
    margin: 0 0 0.75rem;
    font-size: 0.9rem;
    color: var(--ink-muted);
}

.top5-community-byline-muted[b-zjww2m4cdv] {
    font-style: italic;
}

.top5-community-profile-link[b-zjww2m4cdv] {
    color: var(--brand-cool, #1f7a76);
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.top5-community-profile-link:hover[b-zjww2m4cdv] {
    color: var(--ink-strong);
}

.top5-community-episodes[b-zjww2m4cdv] {
    margin: 0;
    padding-left: 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    color: var(--ink-strong);
    font-size: 0.95rem;
}

.top5-community-episode-link[b-zjww2m4cdv] {
    color: var(--brand-cool, #1f7a76);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.top5-community-episode-link:hover[b-zjww2m4cdv] {
    color: var(--ink-strong);
}

.top5-manage-heading[b-zjww2m4cdv] {
    margin: 0 0 1rem;
    font-size: 1.25rem;
    color: var(--ink-strong);
}

.top5-sign-in-hint[b-zjww2m4cdv] {
    margin-top: 0.5rem;
}

.top5-form-shell[b-zjww2m4cdv] {
    margin-top: 0;
}

.top5-selector-row[b-zjww2m4cdv] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
    align-items: end;
}

.top5-field[b-zjww2m4cdv] {
    margin-bottom: 0;
}

.top5-new-btn[b-zjww2m4cdv] {
    white-space: nowrap;
}

.top5-list-block[b-zjww2m4cdv] {
    margin-top: 1.5rem;
}

.top5-list-label[b-zjww2m4cdv] {
    margin: 0 0 0.65rem;
    font-weight: 600;
    color: var(--ink-strong);
}

.top5-item-list[b-zjww2m4cdv] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.5rem;
}

.top5-item-button[b-zjww2m4cdv] {
    width: 100%;
    text-align: left;
    border: 1px solid var(--border-soft);
    border-radius: 8px;
    background: #fff;
    color: var(--ink-strong);
    padding: 0.75rem 0.9rem;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.top5-item-button:hover[b-zjww2m4cdv] {
    border-color: var(--brand-cool);
    box-shadow: 0 2px 10px rgba(31, 122, 118, 0.12);
    transform: translateY(-1px);
}

.top5-empty-state[b-zjww2m4cdv] {
    padding: 0.9rem 1rem;
    border: 1px dashed var(--border-soft);
    border-radius: 8px;
    color: var(--ink-muted);
    background: rgba(255, 255, 255, 0.65);
}

.top5-selected-item[b-zjww2m4cdv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid var(--border-soft);
    border-radius: 8px;
    background: #fff;
}

.top5-episode-label[b-zjww2m4cdv] {
    color: var(--ink-strong);
    line-height: 1.45;
}

.top5-selected-item .ea-btn-delete[b-zjww2m4cdv] {
    flex-shrink: 0;
}

.top5-actions[b-zjww2m4cdv] {
    margin-top: 1.5rem;
}

.top5-save-alert[b-zjww2m4cdv] {
    margin-top: 1rem;
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .top5-container[b-zjww2m4cdv] {
        padding: 1rem;
    }

    .top5-selector-row[b-zjww2m4cdv] {
        grid-template-columns: 1fr;
    }

    .top5-new-btn[b-zjww2m4cdv],
    .top5-delete-list[b-zjww2m4cdv],
    .top5-selected-item .ea-btn-delete[b-zjww2m4cdv] {
        width: 100%;
    }

    .top5-selected-item[b-zjww2m4cdv] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Pages/TrendingEpisodes.razor.rz.scp.css */
.trending-container[b-cxktw7zasl] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 2rem 1.5rem;
}

.page-header[b-cxktw7zasl] {
    margin-bottom: 2rem;
}

.page-title[b-cxktw7zasl] {
    font-size: 2rem;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 0.5rem;
}

.page-subtitle[b-cxktw7zasl] {
    color: #666;
    font-size: 1.1rem;
    margin: 0 0 1rem;
}

.trending-period-tabs[b-cxktw7zasl] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.trending-period-tab[b-cxktw7zasl] {
    border: 1px solid var(--border-soft, #e0e0e0);
    background: #fff;
    color: var(--ink-strong, #1a1a1a);
    border-radius: 999px;
    padding: 0.45rem 0.9rem;
    font-size: 0.9rem;
    cursor: pointer;
}

.trending-period-tab--active[b-cxktw7zasl] {
    border-color: var(--brand-cool, #1f7a76);
    background: rgba(31, 122, 118, 0.1);
    font-weight: 600;
}

.trending-community-caption[b-cxktw7zasl] {
    margin: 0;
    font-size: 0.9rem;
    color: #555;
}

.trending-community-count[b-cxktw7zasl] {
    font-weight: 700;
    color: #1a1a1a;
}

.trending-empty[b-cxktw7zasl],
.trending-error[b-cxktw7zasl] {
    padding: 1.5rem;
    border-radius: 12px;
    background: #f8f9fa;
    border: 1px solid #e0e0e0;
    color: #444;
}

.trending-error[b-cxktw7zasl] {
    border-color: #f5c6cb;
    background: #fdf2f2;
    color: #721c24;
}

.loading-indicator[b-cxktw7zasl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 3rem 1rem;
}

.loading-spinner[b-cxktw7zasl] {
    width: 40px;
    height: 40px;
    border: 3px solid #e0e0e0;
    border-top-color: #667eea;
    border-radius: 50%;
    animation: trending-spin-b-cxktw7zasl 0.8s linear infinite;
}

@keyframes trending-spin-b-cxktw7zasl {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 768px) {
    .trending-container[b-cxktw7zasl] {
        padding: 1rem;
    }

}
/* /Pages/Watched.razor.rz.scp.css */
.watch-history-page[b-53plb5q75g],
.watched-page[b-53plb5q75g] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 2rem 1.25rem 2.5rem;
}

.watch-history-view-switch[b-53plb5q75g] {
    display: inline-flex;
    margin-top: 1rem;
    border: 1px solid #dbe3ef;
    border-radius: 0.65rem;
    overflow: hidden;
    background: #f1f5f9;
}

.watch-history-view-switch__btn[b-53plb5q75g] {
    border: none;
    background: transparent;
    padding: 0.55rem 1.1rem;
    font-weight: 600;
    font-size: 0.92rem;
    cursor: pointer;
    color: #4b5563;
}

.watch-history-view-switch__btn:hover[b-53plb5q75g] {
    color: #0f4b46;
}

.watch-history-view-switch__btn--active[b-53plb5q75g] {
    background: #fff;
    color: #0f4b46;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.12);
}

.page-header[b-53plb5q75g] {
    margin-bottom: 1.4rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    padding-bottom: 1rem;
}

.page-title[b-53plb5q75g] {
    margin: 0;
    font-size: clamp(1.8rem, 2.5vw, 2.5rem);
    color: #0f4b46;
    line-height: 1.15;
}

.page-subtitle[b-53plb5q75g] {
    margin: 0.55rem 0 0;
    color: #4b5563;
    font-size: 1rem;
}

.watch-history-page__controls[b-53plb5q75g],
.watched-page__controls[b-53plb5q75g] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1.5rem;
    align-items: flex-end;
}

.search-section[b-53plb5q75g],
.filter-section[b-53plb5q75g],
.sort-section[b-53plb5q75g],
.browse-tools-section[b-53plb5q75g] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex: 1 1 220px;
    min-width: 220px;
}

.browse-tools-section[b-53plb5q75g] {
    flex: 1 1 260px;
    min-width: 100%;
}

.control-label[b-53plb5q75g] {
    font-size: 0.8rem;
    color: #374151;
    letter-spacing: 0.02em;
    font-weight: 700;
    text-transform: uppercase;
}

.control-input[b-53plb5q75g],
.control-select[b-53plb5q75g] {
    width: 100%;
    height: 2.65rem;
    border-radius: 0.65rem;
    border: 1px solid #cfd8e3;
    background: #fff;
    padding: 0 0.8rem;
    font-size: 0.95rem;
    color: #111827;
}

.control-input:focus[b-53plb5q75g],
.control-select:focus[b-53plb5q75g] {
    outline: none;
    border-color: #1f7a76;
    box-shadow: 0 0 0 3px rgba(31, 122, 118, 0.16);
}

.sort-controls[b-53plb5q75g] {
    display: flex;
    gap: 0.55rem;
}

.sort-controls .control-select[b-53plb5q75g] {
    flex: 1;
}

.btn-sort-direction[b-53plb5q75g] {
    border: none;
    border-radius: 0.65rem;
    min-width: 7.25rem;
    padding: 0 0.8rem;
    background: linear-gradient(135deg, #1f7a76 0%, #2a948f 100%);
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

.btn-sort-direction:hover[b-53plb5q75g] {
    filter: brightness(0.95);
}

.watched-btn[b-53plb5q75g] {
    border: none;
    border-radius: 0.65rem;
    height: 2.65rem;
    padding: 0 0.9rem;
    font-weight: 600;
    cursor: pointer;
}

.watched-btn:disabled[b-53plb5q75g] {
    opacity: 0.5;
    cursor: not-allowed;
}

.watched-btn--secondary[b-53plb5q75g] {
    background: #1f2937;
    color: #fff;
}

.watched-btn--danger[b-53plb5q75g] {
    background: #b91c1c;
    color: #fff;
}

.watch-history-page__guest-actions[b-53plb5q75g] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: center;
    margin-top: 1.25rem;
}

.watch-history-page__guest-actions .ea-btn-primary[b-53plb5q75g],
.watch-history-page__guest-actions .watched-btn[b-53plb5q75g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.watch-history-page__action-buttons[b-53plb5q75g],
.watched-page__action-buttons[b-53plb5q75g] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    width: 100%;
}

.watched-page__action-buttons .watched-btn[b-53plb5q75g] {
    width: 100%;
}

.watch-history-page__error[b-53plb5q75g],
.watched-page__error[b-53plb5q75g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    border: 1px solid rgba(239, 68, 68, 0.35);
    border-radius: 0.7rem;
    padding: 0.75rem 0.9rem;
    color: #991b1b;
    background: rgba(254, 226, 226, 0.55);
    margin-bottom: 0.85rem;
}

.watch-history-page__export-feedback[b-53plb5q75g] {
    margin: 0 0 0.85rem;
    padding: 0.65rem 0.9rem;
    border-radius: 0.7rem;
    border: 1px solid rgba(37, 99, 235, 0.25);
    background: rgba(219, 234, 254, 0.55);
    color: #1e3a8a;
    font-size: 0.95rem;
}

.loading-indicator[b-53plb5q75g],
.empty-state[b-53plb5q75g] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.8rem;
    padding: 1.1rem;
    text-align: center;
}

.empty-state-icon[b-53plb5q75g] {
    font-size: 1.7rem;
}

.empty-state-title[b-53plb5q75g] {
    margin: 0.45rem 0;
}

.empty-state-message[b-53plb5q75g] {
    margin: 0;
    color: #4b5563;
}

.stats-row[b-53plb5q75g],
.watch-history-page__stats-row[b-53plb5q75g] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 1rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.stat-card[b-53plb5q75g] {
    border-radius: 0.85rem;
    color: #fff;
    padding: 0.95rem 1rem;
    background: linear-gradient(135deg, #1f7a76 0%, #2a948f 100%);
}

.stat-card:nth-child(2)[b-53plb5q75g] {
    background: linear-gradient(135deg, #0f4b46 0%, #1b5d56 100%);
}

.stat-card:nth-child(3)[b-53plb5q75g] {
    background: linear-gradient(135deg, #e3922b 0%, #c8761b 100%);
}

.stat-value[b-53plb5q75g] {
    font-size: 1.7rem;
    font-weight: 800;
    line-height: 1;
}

.stat-label[b-53plb5q75g] {
    margin-top: 0.3rem;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.episodes-grid-container[b-53plb5q75g] {
    margin-top: 1rem;
}

.watched-page__series-groups[b-53plb5q75g] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-top: 1rem;
}

.watched-page__series-group .episodes-grid-container[b-53plb5q75g] {
    margin-top: 0.75rem;
    margin-bottom: 0;
}

.watched-page__series-group[b-53plb5q75g] {
    display: grid;
    gap: 0.85rem;
}

.watched-page__series-group-header[b-53plb5q75g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    border-bottom: 1px solid #dbe3ef;
    padding-bottom: 0.4rem;
}

.watched-page__series-group-title[b-53plb5q75g] {
    margin: 0;
    color: #0f4b46;
    font-size: 1.1rem;
}

.watched-page__series-group-count[b-53plb5q75g] {
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 600;
}

.watch-history-page__calendar-wrap[b-53plb5q75g],
.watched-page__calendar-wrap[b-53plb5q75g] {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid #dbe3ef;
    border-radius: 0.8rem;
    background: #fff;
}

.watch-history-page__calendar-header[b-53plb5q75g],
.watched-page__calendar-header[b-53plb5q75g] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
    margin-bottom: 0.75rem;
}

.watch-history-page__calendar-title[b-53plb5q75g],
.watched-page__calendar-title[b-53plb5q75g] {
    margin: 0;
    min-width: 11rem;
    text-align: center;
    font-size: 1.1rem;
    color: #0f4b46;
}

.watched-page__event-card[b-53plb5q75g] {
    border: 1px solid #dbe3ef;
    background: #fff;
    border-radius: 0.8rem;
}

.watched-page__card-footer[b-53plb5q75g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
    flex-wrap: wrap;
}

.load-more-trigger[b-53plb5q75g] {
    height: 20px;
    margin: 1.25rem 0 0;
    opacity: 0;
    pointer-events: none;
}

.end-message[b-53plb5q75g] {
    margin-top: 1.5rem;
    padding: 1.2rem 1rem;
    text-align: center;
    color: #4b5563;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 0.8rem;
}

.watched-page__event-badge[b-53plb5q75g] {
    display: inline-flex;
    align-items: center;
    font-size: 0.7rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border-radius: 999px;
    padding: 0.2rem 0.58rem;
    font-weight: 700;
}

.watched-page__event-time[b-53plb5q75g] {
    font-size: 0.85rem;
    color: #64748b;
    font-weight: 500;
}

.watched-page__event-title[b-53plb5q75g] {
    margin: 0;
    font-size: 1.3rem;
    line-height: 1.2;
}

.watched-page__event-title a[b-53plb5q75g] {
    color: #0f4b46;
    text-decoration: none;
}

.watched-page__event-title a:hover[b-53plb5q75g] {
    text-decoration: underline;
}

.watched-page__event-series[b-53plb5q75g] {
    margin: 0;
    color: #475569;
}

.watched-page__series-chip[b-53plb5q75g] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.25rem 0.65rem;
    font-size: 0.84rem;
    font-weight: 600;
}

.watched-page__details-link[b-53plb5q75g] {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-radius: 0.6rem;
    padding: 0.45rem 0.8rem;
    background: rgba(31, 122, 118, 0.1);
    color: #155e59;
    font-weight: 600;
    font-size: 0.9rem;
}

.watched-page__details-link:hover[b-53plb5q75g] {
    background: rgba(31, 122, 118, 0.2);
}

.watch-history-page__pagination-summary[b-53plb5q75g],
.watched-page__pagination-summary[b-53plb5q75g] {
    margin-top: 0.25rem;
    margin-bottom: 0.75rem;
    color: #4b5563;
    font-size: 0.92rem;
}

.watch-history-page__summary[b-53plb5q75g] {
    margin-bottom: 0.75rem;
    color: #4b5563;
    font-size: 0.92rem;
}

.watch-history-page__table-wrap[b-53plb5q75g] {
    position: relative;
    overflow-x: auto;
    border: 1px solid #dbe3ef;
    border-radius: 0.8rem;
    background: #fff;
}

.watch-history-table[b-53plb5q75g] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.93rem;
}

.watch-history-sort-btn[b-53plb5q75g] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    width: 100%;
    padding: 0;
    border: none;
    background: transparent;
    font: inherit;
    color: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    text-align: left;
    cursor: pointer;
}

.watch-history-sort-indicator[b-53plb5q75g] {
    font-size: 0.78rem;
    color: var(--ink-muted);
}

.watch-history-sort-btn:hover .watch-history-sort-indicator[b-53plb5q75g] {
    color: var(--ink-strong);
}

.watch-history-table thead th[b-53plb5q75g] {
    padding: 0.7rem 0.9rem;
    text-align: left;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #374151;
    background: #f1f5f9;
    border-bottom: 1px solid #dbe3ef;
    white-space: nowrap;
}

.watch-history-table tbody tr[b-53plb5q75g] {
    border-bottom: 1px solid #f1f5f9;
    transition: background 0.12s ease;
}

.watch-history-table tbody tr:last-child[b-53plb5q75g] {
    border-bottom: none;
}

.watch-history-table tbody tr:hover[b-53plb5q75g] {
    background: rgba(31, 122, 118, 0.04);
}

.watch-history-table td[b-53plb5q75g] {
    padding: 0.65rem 0.9rem;
    color: #111827;
    vertical-align: middle;
}

.watch-history-cell-series[b-53plb5q75g] {
    color: #475569;
    font-size: 0.88rem;
    white-space: nowrap;
}

.watch-history-col-ep[b-53plb5q75g] {
    width: 6rem;
    white-space: nowrap;
}

.watch-history-cell-ep[b-53plb5q75g] {
    font-family: "Courier New", monospace;
    font-size: 0.85rem;
    color: #64748b;
}

.watch-history-cell-title a[b-53plb5q75g] {
    color: #0f4b46;
    text-decoration: none;
    font-weight: 600;
}

.watch-history-cell-title a:hover[b-53plb5q75g] {
    text-decoration: underline;
}

.watch-history-col-date[b-53plb5q75g] {
    width: 8rem;
    white-space: nowrap;
}

.watch-history-cell-date[b-53plb5q75g] {
    color: #64748b;
    font-size: 0.88rem;
}

.watch-history-page__pagination[b-53plb5q75g] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-top: 1.25rem;
}

.watch-history-page__page-indicator[b-53plb5q75g] {
    font-size: 0.9rem;
    color: #4b5563;
    min-width: 8rem;
    text-align: center;
}

@media (max-width: 768px) {
    .watch-history-page[b-53plb5q75g],
    .watched-page[b-53plb5q75g] {
        padding: 1rem 0.85rem 1.5rem;
    }

    .watch-history-page__controls[b-53plb5q75g],
    .watched-page__controls[b-53plb5q75g] {
        gap: 0.7rem;
    }

    .search-section[b-53plb5q75g],
    .filter-section[b-53plb5q75g],
    .sort-section[b-53plb5q75g],
    .browse-tools-section[b-53plb5q75g] {
        min-width: 100%;
    }

    .watch-history-page__action-buttons[b-53plb5q75g],
    .watched-page__action-buttons[b-53plb5q75g] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .watched-page__action-buttons .watched-btn:last-child:nth-child(odd)[b-53plb5q75g] {
        grid-column: 1 / -1;
    }

    .stats-row[b-53plb5q75g] {
        grid-template-columns: 1fr;
    }

    .watch-history-page__error[b-53plb5q75g],
    .watched-page__error[b-53plb5q75g] {
        flex-direction: column;
        align-items: flex-start;
    }

    .watch-history-col-series[b-53plb5q75g] {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }
}
/* /Pages/WatchNext.razor.rz.scp.css */
.watch-next-page[b-ahlscnraej] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 2rem 1.25rem 2.5rem;
}

.watch-next-page .page-header[b-ahlscnraej] {
    margin-bottom: 1.4rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    padding-bottom: 1rem;
}

.watch-next-page .page-title[b-ahlscnraej] {
    margin: 0;
    font-size: clamp(1.8rem, 2.5vw, 2.5rem);
    color: #0f4b46;
    line-height: 1.15;
}

.watch-next-page .page-subtitle[b-ahlscnraej] {
    margin: 0.55rem 0 0;
    color: #4b5563;
    font-size: 1rem;
}

.watch-next-page__undo-wrap[b-ahlscnraej] {
    margin: 0 0 1rem;
}

.watch-next-page__summary[b-ahlscnraej] {
    margin-bottom: 1.25rem;
    color: #4b5563;
    font-size: 0.95rem;
}

.watch-next-page__hint[b-ahlscnraej] {
    color: #6b7280;
}

.watch-next-page__drag-handle[b-ahlscnraej] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    padding: 0;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.94);
    color: var(--ink-muted);
    font-size: 0.75rem;
    letter-spacing: -0.12em;
    line-height: 1;
    cursor: grab;
    user-select: none;
    border: 1px solid var(--border-soft);
    box-shadow: 0 1px 3px rgba(15, 18, 19, 0.06);
}

.watch-next-page__drag-handle:active[b-ahlscnraej] {
    cursor: grabbing;
}

.watch-next-page__queue--dragging .watch-next-page__card-body[b-ahlscnraej] {
    pointer-events: none;
}

.watch-next-page__queue--dragging .watch-next-page__drag-handle[b-ahlscnraej] {
    pointer-events: auto;
}

.watch-next-page__error[b-ahlscnraej] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
    padding: 0.85rem 1rem;
    border-radius: 8px;
    background: #fef2f2;
    color: #991b1b;
}

.watch-next-page__empty-actions[b-ahlscnraej] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: center;
    margin-top: 1.25rem;
}

.watch-next-page__card-wrap[b-ahlscnraej] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.watch-next-page__queue .watch-next-page__card-wrap[b-ahlscnraej] {
    cursor: default;
}

.watch-next-page__card-actions[b-ahlscnraej] {
    display: flex;
    align-items: stretch;
    gap: 0.5rem;
    margin-top: 0.25rem;
    padding-top: 0.65rem;
    border-top: 1px solid var(--border-soft);
}

.watch-next-page__reorder[b-ahlscnraej] {
    display: inline-flex;
    flex-shrink: 0;
    border: 1px solid var(--border-soft);
    border-radius: 8px;
    overflow: hidden;
    background: var(--card-bg);
    box-shadow: 0 1px 2px rgba(15, 18, 19, 0.04);
}

.watch-next-page__reorder-btn[b-ahlscnraej] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    margin: 0;
    border: none;
    border-right: 1px solid var(--border-soft);
    background: transparent;
    color: var(--brand-cool);
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

.watch-next-page__reorder-btn:last-child[b-ahlscnraej] {
    border-right: none;
}

.watch-next-page__reorder-btn:hover:not(:disabled)[b-ahlscnraej] {
    background: rgba(31, 122, 118, 0.1);
    color: var(--brand-ink);
}

.watch-next-page__reorder-btn:focus-visible[b-ahlscnraej] {
    outline: 2px solid var(--brand-cool);
    outline-offset: -2px;
    z-index: 1;
}

.watch-next-page__reorder-btn:disabled[b-ahlscnraej] {
    opacity: 0.35;
    cursor: not-allowed;
}

.watch-next-page__reorder-icon[b-ahlscnraej] {
    width: 1.125rem;
    height: 1.125rem;
    display: block;
}

.watch-next-page__remove-btn[b-ahlscnraej] {
    flex: 1;
    min-width: 0;
    min-height: 2.5rem;
    border: 1px solid var(--border-soft);
    border-radius: 8px;
    background: var(--card-bg);
    color: var(--ink-muted);
    padding: 0.45rem 0.75rem;
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.25;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(15, 18, 19, 0.04);
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.watch-next-page__remove-btn:hover:not(:disabled)[b-ahlscnraej] {
    background: #fef8f3;
    border-color: rgba(227, 146, 43, 0.35);
    color: var(--brand-ink);
}

.watch-next-page__remove-btn:focus-visible[b-ahlscnraej] {
    outline: 2px solid var(--brand-cool);
    outline-offset: 2px;
}

.watch-next-page__remove-btn:disabled[b-ahlscnraej] {
    opacity: 0.65;
    cursor: not-allowed;
}

.watch-next-page .episodes-grid-container[b-ahlscnraej] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

@media (min-width: 481px) {
    .watch-next-page .episodes-grid-container[b-ahlscnraej] {
        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    }
}

@media (max-width: 768px) {
    .watch-next-page__drag-handle[b-ahlscnraej] {
        display: none;
    }
}
/* /Shared/Breadcrumb.razor.rz.scp.css */
/* Shared hierarchy breadcrumb (page-header placement). */

.breadcrumb-nav[b-dj1fti9vdb] {
    margin-bottom: 0.75rem;
}

.breadcrumb[b-dj1fti9vdb] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem 0;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0.9rem;
    line-height: 1.4;
}

.breadcrumb__item[b-dj1fti9vdb] {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
}

.breadcrumb__item:not(:last-child)[b-dj1fti9vdb]::after {
    content: "›";
    margin: 0 0.35rem;
    color: var(--ink-muted, #4b4b4b);
    opacity: 0.65;
    speak: never;
}

.breadcrumb__link[b-dj1fti9vdb] {
    color: var(--brand-cool, #1f7a76);
    text-decoration: none;
}

.breadcrumb__link:hover[b-dj1fti9vdb] {
    color: var(--brand-ink, #123f3a);
    text-decoration: underline;
}

.breadcrumb__link:focus-visible[b-dj1fti9vdb] {
    outline: 2px solid var(--brand-cool, #1f7a76);
    outline-offset: 2px;
    border-radius: 2px;
}

.breadcrumb__current[b-dj1fti9vdb],
.breadcrumb__text[b-dj1fti9vdb] {
    color: var(--ink-muted, #4b4b4b);
}

.breadcrumb__current[b-dj1fti9vdb] {
    font-weight: 500;
}

.breadcrumb-nav--on-dark .breadcrumb__item:not(:last-child)[b-dj1fti9vdb]::after {
    color: rgba(255, 255, 255, 0.75);
    opacity: 1;
}

.breadcrumb-nav--on-dark .breadcrumb__link[b-dj1fti9vdb] {
    color: rgba(255, 255, 255, 0.92);
}

.breadcrumb-nav--on-dark .breadcrumb__link:hover[b-dj1fti9vdb] {
    color: #fff;
}

.breadcrumb-nav--on-dark .breadcrumb__current[b-dj1fti9vdb],
.breadcrumb-nav--on-dark .breadcrumb__text[b-dj1fti9vdb] {
    color: rgba(255, 255, 255, 0.85);
}

@media (prefers-contrast: more) {
    .breadcrumb__link[b-dj1fti9vdb] {
        text-decoration: underline;
        text-decoration-color: transparent;
    }

    .breadcrumb__link:hover[b-dj1fti9vdb],
    .breadcrumb__link:focus-visible[b-dj1fti9vdb] {
        text-decoration-color: currentColor;
    }
}
/* /Shared/EpisodeCard.razor.rz.scp.css */
.episode-card[b-gqdoxsce71] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    display: flex;
    flex-direction: column;
    will-change: transform;
}

.episode-card:hover[b-gqdoxsce71] {
    transform: translateY(-4px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
}

.episode-card-header[b-gqdoxsce71] {
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
    height: 60px;
}

.episode-number[b-gqdoxsce71] {
    font-size: 1.1rem;
    font-weight: 700;
    background: rgba(255, 255, 255, 0.2);
    padding: 0.35rem 0.75rem;
    border-radius: 6px;
}

.episode-watched-badge[b-gqdoxsce71] {
    background: rgba(255, 255, 255, 0.9);
    color: #27ae60;
    font-size: 0.8rem;
    font-weight: 700;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}

.episode-card--watched[b-gqdoxsce71] {
    border: 1px solid rgba(39, 174, 96, 0.25);
}

.episode-card-body[b-gqdoxsce71] {
    padding: 1.25rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.episode-title-heading[b-gqdoxsce71] {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.4;
}

.episode-link[b-gqdoxsce71] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--brand-ink);
    text-decoration: none;
    transition: color 0.2s ease;
}

.episode-link:hover[b-gqdoxsce71] {
    color: var(--brand-cool);
}

.episode-link:hover .external-icon[b-gqdoxsce71] {
    transform: translateX(2px);
}

.external-icon[b-gqdoxsce71] {
    font-size: 0.85em;
    opacity: 0.7;
    transition: transform 0.2s ease;
}

.episode-meta[b-gqdoxsce71] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.meta-item[b-gqdoxsce71] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.meta-label[b-gqdoxsce71] {
    font-size: 0.85rem;
    color: var(--ink-muted);
    font-weight: 500;
}

.meta-value[b-gqdoxsce71] {
    font-size: 0.95rem;
    color: var(--ink-strong);
    font-weight: 600;
}

.episode-stats[b-gqdoxsce71] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--border-soft);
}

.stat-item[b-gqdoxsce71] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.stat-icon[b-gqdoxsce71] {
    font-size: 1.2rem;
    opacity: 0.8;
}

.stat-text[b-gqdoxsce71] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.stat-subtext[b-gqdoxsce71] {
    font-size: 0.75rem;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.count-badge[b-gqdoxsce71] {
    display: inline-block;
    padding: 0.25rem 0.65rem;
    background: var(--brand-accent);
    color: white;
    border-radius: 6px;
    font-size: 0.9rem;
    font-weight: 600;
}

.count-badge-zero[b-gqdoxsce71] {
    color: #ccc;
    font-size: 0.9rem;
    font-weight: 600;
}

.date-text[b-gqdoxsce71] {
    font-size: 0.9rem;
    color: #333;
    font-weight: 600;
}

.date-text-empty[b-gqdoxsce71] {
    color: #999;
    font-style: italic;
    font-size: 0.9rem;
}

.episode-actions[b-gqdoxsce71] {
    display: flex;
    gap: 0.5rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--border-soft);
    flex-wrap: wrap;
}

.btn-view-episode[b-gqdoxsce71] {
    flex: 1;
    background: transparent;
    color: var(--brand-ink);
    border: 1.5px solid var(--brand-ink);
    padding: 0.65rem 1rem;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    text-decoration: none;
}

.btn-view-episode:hover[b-gqdoxsce71] {
    background: rgba(27, 26, 23, 0.07);
    color: var(--brand-ink);
}

.btn-watch-episode[b-gqdoxsce71] {
    flex: 1;
    background: var(--brand-cool);
    color: white;
    border: none;
    padding: 0.65rem 1rem;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: filter 0.2s ease, transform 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.btn-watch-episode:hover[b-gqdoxsce71] {
    filter: brightness(1.1);
    transform: translateY(-1px);
}

.btn-watch-episode:active[b-gqdoxsce71] {
    transform: translateY(0);
}

.btn-watch-episode:disabled[b-gqdoxsce71] {
    opacity: 0.7;
    cursor: not-allowed;
    transform: none;
}

.btn-watch-episode--confirmed[b-gqdoxsce71] {
    background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);
}

.btn-watch-episode--confirmed:hover[b-gqdoxsce71] {
    filter: brightness(1.08);
}

.btn-watch-episode--signin[b-gqdoxsce71] {
    background: transparent;
    color: var(--brand-ink);
    border: 1.5px solid var(--brand-ink);
    text-decoration: none;
}

.btn-watch-episode--signin:hover[b-gqdoxsce71] {
    background: rgba(27, 26, 23, 0.07);
    color: var(--brand-ink);
    transform: translateY(0);
}

.btn-watch-next[b-gqdoxsce71] {
    flex: 1;
    background: #fff;
    color: var(--brand-ink);
    border: 1.5px solid #cbd5e1;
    padding: 0.65rem 1rem;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    text-decoration: none;
}

.btn-watch-next:hover:not(:disabled)[b-gqdoxsce71] {
    background: #f8fafc;
    border-color: var(--brand-cool);
    color: #0f4b46;
}

.btn-watch-next--queued[b-gqdoxsce71] {
    background: #ecfdf5;
    border-color: #86efac;
    color: #166534;
}

.btn-watch-next--queued:hover:not(:disabled)[b-gqdoxsce71] {
    background: #dcfce7;
    border-color: #4ade80;
}

.btn-watch-next--signin[b-gqdoxsce71] {
    font-size: 0.82rem;
}

.btn-watch-next:disabled[b-gqdoxsce71] {
    opacity: 0.7;
    cursor: not-allowed;
}

.btn-spinner-sm--dark[b-gqdoxsce71] {
    border-color: rgba(15, 75, 70, 0.25);
    border-top-color: #0f4b46;
}

.btn-spinner-sm[b-gqdoxsce71] {
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 2px solid rgba(255, 255, 255, 0.4);
    border-top-color: white;
    border-radius: 50%;
    animation: ea-spin 0.7s linear infinite;
}

.episode-card-footer[b-gqdoxsce71] {
    padding: 1rem 1.25rem 1.25rem;
    display: flex;
    gap: 0.75rem;
    border-top: 1px solid var(--border-soft);
}

/* Share panel shown after marking as watched */
.episode-share-panel[b-gqdoxsce71] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: #f0fdf4;
    border: 1px solid #86efac;
    border-radius: 8px;
    margin-top: 0.25rem;
}

.episode-share-text[b-gqdoxsce71] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #166534;
}

.episode-share-actions[b-gqdoxsce71] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.episode-share-btn-twitter[b-gqdoxsce71] {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.75rem;
    background: #000;
    color: #fff;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 600;
    text-decoration: none;
    transition: opacity 0.2s;
    white-space: nowrap;
}

.episode-share-btn-twitter:hover[b-gqdoxsce71] {
    opacity: 0.85;
    color: #fff;
}

.episode-share-btn-bluesky[b-gqdoxsce71] {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.75rem;
    background: #1185fe;
    color: #fff;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 600;
    text-decoration: none;
    transition: opacity 0.2s;
    white-space: nowrap;
}

.episode-share-btn-bluesky:hover[b-gqdoxsce71] {
    opacity: 0.85;
    color: #fff;
}

.episode-share-btn-copy[b-gqdoxsce71] {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.75rem;
    border: 1px solid #86efac;
    border-radius: 6px;
    background: white;
    color: #166534;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
    white-space: nowrap;
}

.episode-share-btn-copy:hover[b-gqdoxsce71] {
    background: #dcfce7;
}

.episode-share-btn-copy--success[b-gqdoxsce71] {
    background: #dcfce7;
    color: #166534;
    border-color: #4ade80;
}

.episode-share-btn-dismiss[b-gqdoxsce71] {
    margin-left: auto;
    background: none;
    border: none;
    color: #888;
    font-size: 0.85rem;
    cursor: pointer;
    padding: 0.25rem 0.4rem;
    border-radius: 4px;
    transition: color 0.2s, background 0.2s;
    line-height: 1;
}

.episode-share-btn-dismiss:hover[b-gqdoxsce71] {
    color: #333;
    background: rgba(0, 0, 0, 0.06);
}

@media (max-width: 768px) {
    .episode-card-body[b-gqdoxsce71] {
        padding: 1rem;
    }

    .episode-title-heading[b-gqdoxsce71] {
        font-size: 1.15rem;
    }

    .episode-meta[b-gqdoxsce71] {
        flex-direction: column;
        gap: 0.5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .episode-card[b-gqdoxsce71],
    .episode-link[b-gqdoxsce71],
    .external-icon[b-gqdoxsce71],
    .btn-view-episode[b-gqdoxsce71],
    .btn-watch-episode[b-gqdoxsce71],
    .btn-watch-next[b-gqdoxsce71],
    .episode-share-btn-twitter[b-gqdoxsce71],
    .episode-share-btn-bluesky[b-gqdoxsce71],
    .episode-share-btn-copy[b-gqdoxsce71],
    .episode-share-btn-dismiss[b-gqdoxsce71] {
        transition: none !important;
    }

    .episode-card:hover[b-gqdoxsce71],
    .btn-view-episode:hover[b-gqdoxsce71],
    .btn-watch-episode:hover[b-gqdoxsce71] {
        transform: none;
    }

    .btn-spinner-sm[b-gqdoxsce71] {
        animation: none;
    }
}
/* /Shared/FeedbackWidget.razor.rz.scp.css */
.feedback-fab[b-r1i2v1q7ca] {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    z-index: 1000;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    border: none;
    background: linear-gradient(135deg, #1f7a76 0%, #2a948f 100%);
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(31, 122, 118, 0.4);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.feedback-fab:hover[b-r1i2v1q7ca] {
    transform: translateY(-2px) scale(1.06);
    box-shadow: 0 6px 18px rgba(31, 122, 118, 0.5);
}

.feedback-fab:focus-visible[b-r1i2v1q7ca] {
    outline: 3px solid #2a948f;
    outline-offset: 3px;
}

.feedback-modal-overlay[b-r1i2v1q7ca] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: 1001;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 1rem 1rem 5rem 1rem;
}

.feedback-modal[b-r1i2v1q7ca] {
    background: var(--card-bg, #fff);
    border: 1px solid var(--border-soft, #e0e7e6);
    border-radius: 14px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
    width: 100%;
    max-width: 420px;
    max-height: 90vh;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.feedback-modal-header[b-r1i2v1q7ca] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 1.25rem 1.25rem 0.75rem 1.25rem;
    border-bottom: 1px solid var(--border-soft, #e0e7e6);
}

.feedback-modal-title[b-r1i2v1q7ca] {
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0 0 0.25rem 0;
    color: var(--brand-ink, #1f7a76);
}

.feedback-modal-subtitle[b-r1i2v1q7ca] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--ink-muted, #6b7b7a);
}

.feedback-close-btn[b-r1i2v1q7ca] {
    flex-shrink: 0;
    background: none;
    border: none;
    color: var(--ink-muted, #6b7b7a);
    cursor: pointer;
    padding: 0.25rem;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s ease, color 0.15s ease;
}

.feedback-close-btn:hover[b-r1i2v1q7ca] {
    background: var(--border-soft, #e0e7e6);
    color: var(--ink-strong, #1a2a29);
}

.feedback-close-btn:focus-visible[b-r1i2v1q7ca] {
    outline: 2px solid var(--brand-cool, #2a948f);
    outline-offset: 2px;
}

.feedback-modal-body[b-r1i2v1q7ca] {
    padding: 1.25rem;
    animation: fade-slide-up-b-r1i2v1q7ca 300ms ease;
}

.feedback-modal-body form[b-r1i2v1q7ca] {
    display: grid;
    gap: 1rem;
}

.input-label[b-r1i2v1q7ca] {
    display: grid;
    gap: 0.45rem;
}

.field-label[b-r1i2v1q7ca] {
    font-weight: 700;
    font-size: 0.9rem;
    color: var(--ink-strong, #1a2a29);
}

.feedback-modal-body textarea[b-r1i2v1q7ca],
.feedback-modal-body input[type="email"][b-r1i2v1q7ca] {
    width: 100%;
    border: 1px solid #c8d4d2;
    border-radius: 10px;
    background: #fff;
    color: var(--ink-strong, #1a2a29);
    font-size: 0.95rem;
    padding: 0.65rem 0.85rem;
    box-sizing: border-box;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.feedback-modal-body textarea[b-r1i2v1q7ca]::placeholder {
    color: #7f8f8c;
}

.feedback-modal-body textarea[b-r1i2v1q7ca] {
    min-height: 120px;
    resize: vertical;
}

.feedback-modal-body textarea[aria-invalid="true"][b-r1i2v1q7ca] {
    border-color: #be2840;
}

.feedback-modal-body textarea:focus[b-r1i2v1q7ca],
.feedback-modal-body input[type="email"]:focus[b-r1i2v1q7ca] {
    outline: none;
    border-color: var(--brand-cool, #2a948f);
    box-shadow: 0 0 0 3px rgba(31, 122, 118, 0.18);
}

.feedback-modal-body button[type="submit"][b-r1i2v1q7ca] {
    justify-self: start;
    min-width: 150px;
    border: none;
    border-radius: 10px;
    padding: 0.6rem 1.1rem;
    font-weight: 700;
    font-size: 0.9rem;
    color: #fff;
    background: linear-gradient(135deg, #1f7a76 0%, #2a948f 100%);
    box-shadow: 0 2px 10px rgba(31, 122, 118, 0.3);
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.feedback-modal-body button[type="submit"]:hover:not(:disabled)[b-r1i2v1q7ca] {
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(31, 122, 118, 0.35);
}

.feedback-modal-body button[type="submit"]:disabled[b-r1i2v1q7ca] {
    opacity: 0.66;
    cursor: not-allowed;
    box-shadow: none;
    transform: none;
}

.char-counter[b-r1i2v1q7ca] {
    display: block;
    margin-top: 0.2rem;
    font-size: 0.8rem;
    color: var(--ink-muted, #6b7b7a);
    text-align: right;
    font-weight: normal;
}

.field-hint[b-r1i2v1q7ca] {
    display: block;
    font-size: 0.85rem;
    color: var(--ink-muted, #6b7b7a);
    font-weight: normal;
}

.validation-error[b-r1i2v1q7ca] {
    padding: 0.65rem 0.82rem;
    background: #ffe9ec;
    border: 1px solid #f0a3af;
    border-radius: 10px;
    color: #7d1b2b;
    font-size: 0.85rem;
}

.validation-error:focus[b-r1i2v1q7ca] {
    outline: 2px solid #7d1b2b;
    outline-offset: 2px;
}

.feedback-status-message[b-r1i2v1q7ca] {
    margin: 0 1.25rem 1.25rem 1.25rem;
    padding: 0.85rem 1rem;
    border-radius: 10px;
    border: 1px solid;
    font-size: 0.9rem;
    animation: fade-slide-up-b-r1i2v1q7ca 280ms ease;
}

.feedback-status-message.success[b-r1i2v1q7ca] {
    background-color: #d4edda;
    border-color: #c3e6cb;
    color: #155724;
}

.feedback-status-message.error[b-r1i2v1q7ca] {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
}

.feedback-status-message p[b-r1i2v1q7ca] {
    margin: 0;
}

.widget-notes[b-r1i2v1q7ca] {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid rgba(18, 63, 58, 0.14);
    border-radius: 10px;
    background: linear-gradient(175deg, #f9fcfb, #f4f8f7);
}

.widget-notes .notes-title[b-r1i2v1q7ca] {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--brand-ink, #1f7a76);
}

.widget-notes .notes-list[b-r1i2v1q7ca] {
    margin: 0.6rem 0 0;
    padding-left: 1.1rem;
    display: grid;
    gap: 0.4rem;
}

.widget-notes .notes-list li[b-r1i2v1q7ca] {
    font-size: 0.85rem;
    color: var(--ink-muted, #6b7b7a);
    line-height: 1.5;
}

.widget-notes .notes-list strong[b-r1i2v1q7ca] {
    color: var(--ink-strong, #1a2a29);
}

.widget-notes .notes-footer[b-r1i2v1q7ca] {
    margin: 0.65rem 0 0;
    font-size: 0.85rem;
    color: var(--brand-ink, #1f7a76);
    font-weight: 600;
}

@keyframes fade-slide-up-b-r1i2v1q7ca {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.visually-hidden[b-r1i2v1q7ca] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

@media (max-width: 480px) {
    .feedback-modal-overlay[b-r1i2v1q7ca] {
        align-items: flex-end;
        justify-content: stretch;
        padding: 0;
    }

    .feedback-modal[b-r1i2v1q7ca] {
        max-width: 100%;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        max-height: 85vh;
    }

    .feedback-fab[b-r1i2v1q7ca] {
        bottom: 1rem;
        right: 1rem;
    }
}
/* /Shared/GuidedTour.razor.rz.scp.css */
/* Guided first-time tour overlay — follows FeedbackWidget patterns */

/* -------------------------------------------------------------------------
   Backdrop
   ------------------------------------------------------------------------- */

.tour-backdrop[b-xq71c9fi8k] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.52);
    z-index: 1100;
    cursor: pointer;
    animation: tour-fade-in-b-xq71c9fi8k 220ms ease;
}

/* -------------------------------------------------------------------------
   Tooltip card
   ------------------------------------------------------------------------- */

.tour-tooltip[b-xq71c9fi8k] {
    position: fixed;
    z-index: 1101;
    background: var(--card-bg, #fff);
    border: 1px solid var(--border-soft, rgba(20, 20, 20, 0.08));
    border-radius: 14px;
    box-shadow: var(--shadow-strong, 0 18px 40px rgba(15, 18, 19, 0.14));
    width: calc(100vw - 2rem);
    max-width: 340px;
    animation: tour-slide-up-b-xq71c9fi8k 250ms ease;
}

/* -------------------------------------------------------------------------
   Header row (step counter + close)
   ------------------------------------------------------------------------- */

.tour-tooltip__header[b-xq71c9fi8k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.9rem 0.9rem 0 1rem;
}

.tour-tooltip__counter[b-xq71c9fi8k] {
    margin: 0;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--ink-muted, #4b4b4b);
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.tour-tooltip__close[b-xq71c9fi8k] {
    flex-shrink: 0;
    background: none;
    border: none;
    color: var(--ink-muted, #4b4b4b);
    cursor: pointer;
    padding: 0.25rem;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s ease, color 0.15s ease;
}

.tour-tooltip__close:hover[b-xq71c9fi8k] {
    background: var(--border-soft, rgba(20, 20, 20, 0.08));
    color: var(--ink-strong, #1b1a17);
}

.tour-tooltip__close:focus-visible[b-xq71c9fi8k] {
    outline: 2px solid var(--brand-cool, #1f7a76);
    outline-offset: 2px;
}

/* -------------------------------------------------------------------------
   Body
   ------------------------------------------------------------------------- */

.tour-tooltip__body[b-xq71c9fi8k] {
    padding: 0.75rem 1rem 0.5rem 1rem;
}

.tour-tooltip__title[b-xq71c9fi8k] {
    margin: 0 0 0.35rem 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--brand-ink, #123f3a);
    line-height: 1.3;
}

.tour-tooltip__description[b-xq71c9fi8k] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--ink-muted, #4b4b4b);
    line-height: 1.5;
}

/* -------------------------------------------------------------------------
   Footer row (skip + next)
   ------------------------------------------------------------------------- */

.tour-tooltip__footer[b-xq71c9fi8k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.75rem 1rem 1rem 1rem;
    border-top: 1px solid var(--border-soft, rgba(20, 20, 20, 0.08));
    margin-top: 0.5rem;
}

.tour-tooltip__skip[b-xq71c9fi8k] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--ink-muted, #4b4b4b);
    padding: 0.3rem 0.5rem;
    border-radius: 6px;
    transition: color 0.15s ease;
}

.tour-tooltip__skip:hover[b-xq71c9fi8k] {
    color: var(--ink-strong, #1b1a17);
}

.tour-tooltip__skip:focus-visible[b-xq71c9fi8k] {
    outline: 2px solid var(--brand-cool, #1f7a76);
    outline-offset: 2px;
}

.tour-tooltip__next[b-xq71c9fi8k] {
    border: none;
    border-radius: 8px;
    padding: 0.45rem 1rem;
    font-size: 0.875rem;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(135deg, var(--brand-ink, #123f3a) 0%, var(--brand-cool, #1f7a76) 100%);
    cursor: pointer;
    transition: opacity 0.15s ease, transform 0.15s ease;
}

.tour-tooltip__next:hover[b-xq71c9fi8k] {
    opacity: 0.9;
    transform: translateY(-1px);
}

.tour-tooltip__next:focus-visible[b-xq71c9fi8k] {
    outline: 2px solid var(--brand-cool, #1f7a76);
    outline-offset: 3px;
}

/* -------------------------------------------------------------------------
   Animations
   ------------------------------------------------------------------------- */

@keyframes tour-fade-in-b-xq71c9fi8k {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes tour-slide-up-b-xq71c9fi8k {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* -------------------------------------------------------------------------
   Mobile: always render as a bottom sheet
   ------------------------------------------------------------------------- */

@media (max-width: 600px) {
    .tour-tooltip[b-xq71c9fi8k] {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        top: auto !important;
        transform: none !important;
        width: 100%;
        max-width: 100%;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        z-index: 1101;
        animation: tour-sheet-up-b-xq71c9fi8k 280ms ease;
    }
}

@keyframes tour-sheet-up-b-xq71c9fi8k {
    from {
        opacity: 0;
        transform: translateY(100%);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Shared/LoginDisplay.razor.rz.scp.css */
/* Consistent size for header auth actions (account, sign in, sign out). */
.auth-menu .auth-btn--header[b-bxc6p4loog] {
    min-height: 2.5rem;
    padding-inline: 1.1rem;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-sizing: border-box;
}

/* Signed-in row: greeting + account + sign out */
.auth-menu--signed-in[b-bxc6p4loog] {
    flex-wrap: wrap;
    row-gap: 0.35rem;
    column-gap: 0.5rem;
    justify-content: flex-end;
    align-items: center;
    min-width: 0;
    max-width: 100%;
}

.auth-greeting-row[b-bxc6p4loog] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
    max-width: min(24rem, 100%);
    flex-shrink: 1;
}

.auth-header-rank[b-bxc6p4loog] {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    line-height: 0;
}

.auth-greeting--signed-in[b-bxc6p4loog] {
    /* min-width:0 so max-width + ellipsis work inside nested flex (default is min-content). */
    min-width: 0;
    max-width: min(22rem, 100%);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    padding-inline: 0.65rem 0.85rem;
}

@media (max-width: 420px) {
    .auth-greeting--signed-in[b-bxc6p4loog] {
        display: none;
    }

    .auth-greeting-row[b-bxc6p4loog] {
        max-width: 100%;
    }

    .auth-menu--signed-in[b-bxc6p4loog] {
        max-width: 100%;
    }
}

@media (max-width: 360px) {
    .auth-greeting-row[b-bxc6p4loog] {
        gap: 0.25rem;
    }
}
/* /Shared/OnboardingBanner.razor.rz.scp.css */
.onboarding-banner[b-mf138ttv2z] {
    /* Keep below .app-header (sticky z-index) so the banner never paints over search / Menu / Sign in. */
    position: relative;
    z-index: 0;
    border-bottom: 1px solid rgba(18, 63, 58, 0.12);
    background: linear-gradient(90deg, rgba(31, 122, 118, 0.12), rgba(227, 146, 43, 0.14));
}

.onboarding-banner__inner[b-mf138ttv2z] {
    max-width: var(--page-max-width);
    margin: 0 auto;
    padding: 0.85rem 1rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.85rem 1.25rem;
}

.onboarding-banner__copy[b-mf138ttv2z] {
    flex: 1 1 16rem;
    min-width: 0;
}

.onboarding-banner__eyebrow[b-mf138ttv2z] {
    margin: 0 0 0.15rem;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--brand-cool);
}

.onboarding-banner__headline[b-mf138ttv2z] {
    margin: 0 0 0.2rem;
    font-family: "Space Grotesk", "Outfit", sans-serif;
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--brand-ink);
}

.onboarding-banner__detail[b-mf138ttv2z] {
    margin: 0;
    font-size: 0.92rem;
    line-height: 1.4;
    color: var(--ink-muted);
}

.onboarding-banner__actions[b-mf138ttv2z] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem 0.75rem;
}

.onboarding-banner__cta[b-mf138ttv2z] {
    border: none;
    border-radius: 999px;
    padding: 0.55rem 1.1rem;
    font-weight: 600;
    cursor: pointer;
    background: var(--brand-cool);
    color: #fff;
    box-shadow: var(--shadow-soft);
}

.onboarding-banner__cta:hover[b-mf138ttv2z] {
    background: #196864;
}

.onboarding-banner__dismiss[b-mf138ttv2z] {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 0.9rem;
    color: var(--ink-muted);
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

.onboarding-banner__dismiss:hover[b-mf138ttv2z] {
    color: var(--ink-strong);
}

@media (max-width: 640px) {
    .onboarding-banner__inner[b-mf138ttv2z] {
        padding-inline: 0.85rem;
    }

    .onboarding-banner__actions[b-mf138ttv2z] {
        width: 100%;
    }

    .onboarding-banner__cta[b-mf138ttv2z] {
        flex: 1 1 auto;
    }
}
/* /Shared/OnboardingPathGuide.razor.rz.scp.css */
.onboarding-path[b-932yzzt7xe] {
    margin-bottom: 1.25rem;
    padding: 0.85rem 1rem;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid var(--border-soft);
    box-shadow: var(--shadow-soft);
}

.onboarding-path__steps[b-932yzzt7xe] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem 1rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.onboarding-path__step[b-932yzzt7xe] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.92rem;
    color: var(--ink-muted);
}

.onboarding-path__step--current[b-932yzzt7xe] {
    color: var(--brand-ink);
    font-weight: 600;
}

.onboarding-path__step--done[b-932yzzt7xe] {
    color: var(--brand-cool);
}

.onboarding-path__marker[b-932yzzt7xe] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.45rem;
    height: 1.45rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    background: rgba(18, 63, 58, 0.08);
    color: var(--brand-ink);
}

.onboarding-path__step--current .onboarding-path__marker[b-932yzzt7xe] {
    background: var(--brand-cool);
    color: #fff;
}

.onboarding-path__step--done .onboarding-path__marker[b-932yzzt7xe] {
    background: rgba(31, 122, 118, 0.18);
    color: var(--brand-cool);
}

.onboarding-path__hint[b-932yzzt7xe] {
    margin: 0.75rem 0 0;
    font-size: 0.92rem;
    line-height: 1.4;
    color: var(--ink-muted);
}

@media (max-width: 640px) {
    .onboarding-path__steps[b-932yzzt7xe] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Shared/RankPips.razor.rz.scp.css */
/* Watch-rank pip insignia (Cadet outline → Admiral laurel frame). */

.rank-pips[b-n4wk9jtmc6] {
    --rank-pip-size: 0.55rem;
    --rank-pip-gap: 0.2rem;
    --rank-pip-fill: var(--brand-accent, #e3922b);
    --rank-pip-outline: var(--brand-ink, #123f3a);
    --rank-pip-outline-width: 2px;
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    line-height: 0;
    vertical-align: middle;
    color: var(--rank-pip-outline);
}

.rank-pips--default[b-n4wk9jtmc6] {
    --rank-pip-size: 0.62rem;
    --rank-pip-gap: 0.28rem;
}

.rank-pips--compact[b-n4wk9jtmc6] {
    --rank-pip-size: 0.48rem;
    --rank-pip-gap: 0.16rem;
}

.rank-pips__pip-row[b-n4wk9jtmc6] {
    display: inline-flex;
    align-items: center;
    gap: var(--rank-pip-gap);
}

.rank-pips__pip[b-n4wk9jtmc6] {
    display: block;
    width: var(--rank-pip-size);
    height: var(--rank-pip-size);
    border-radius: 50%;
    box-sizing: border-box;
    flex-shrink: 0;
}

.rank-pips__pip--filled[b-n4wk9jtmc6] {
    background: var(--rank-pip-fill);
    border: 1px solid color-mix(in srgb, var(--rank-pip-fill) 70%, var(--rank-pip-outline));
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--rank-pip-fill) 25%, transparent);
}

.rank-pips__pip--outline[b-n4wk9jtmc6] {
    background: transparent;
    border: var(--rank-pip-outline-width) solid var(--rank-pip-outline);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--card-bg, #fff) 40%, transparent);
}

.rank-pips__admiral-frame[b-n4wk9jtmc6] {
    display: inline-flex;
    align-items: center;
    gap: 0.12rem;
    padding: 0.14rem 0.22rem;
    border: 1.5px solid var(--brand-accent, #e3922b);
    border-radius: 5px;
    background: color-mix(in srgb, var(--brand-accent, #e3922b) 8%, transparent);
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--brand-accent, #e3922b) 35%, transparent),
        0 0 10px color-mix(in srgb, var(--brand-accent, #e3922b) 22%, transparent);
    color: var(--brand-accent-strong, #c8761b);
}

.rank-pips__laurel[b-n4wk9jtmc6] {
    width: calc(var(--rank-pip-size) * 0.85);
    height: calc(var(--rank-pip-size) * 1.55);
    flex-shrink: 0;
}

@media (prefers-contrast: more) {
    .rank-pips__pip--outline[b-n4wk9jtmc6] {
        border-width: 2.5px;
    }

    .rank-pips__admiral-frame[b-n4wk9jtmc6] {
        border-width: 2px;
        box-shadow:
            0 0 0 1px var(--brand-accent-strong, #c8761b),
            0 0 8px color-mix(in srgb, var(--brand-accent, #e3922b) 35%, transparent);
    }
}
/* /Shared/RecentlyAiredBanner.razor.rz.scp.css */
.recently-aired-banner[b-pah8ly61kl] {
    margin: 0 0 1.25rem;
    border-radius: 10px;
    border: 1px solid rgba(31, 122, 118, 0.28);
    background: linear-gradient(90deg, rgba(31, 122, 118, 0.1), rgba(227, 146, 43, 0.12));
}

.recently-aired-banner__inner[b-pah8ly61kl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.85rem 1.25rem;
    padding: 0.85rem 1rem;
}

.recently-aired-banner__copy[b-pah8ly61kl] {
    flex: 1 1 16rem;
    min-width: 0;
}

.recently-aired-banner__eyebrow[b-pah8ly61kl] {
    margin: 0 0 0.15rem;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--brand-cool);
}

.recently-aired-banner__headline[b-pah8ly61kl] {
    margin: 0;
    font-family: "Space Grotesk", "Outfit", sans-serif;
    font-size: 1.02rem;
    font-weight: 600;
    line-height: 1.35;
    color: var(--brand-ink);
}

.recently-aired-banner__actions[b-pah8ly61kl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem 0.75rem;
}

.recently-aired-banner__cta[b-pah8ly61kl] {
    border-radius: 999px;
    padding: 0.55rem 1.05rem;
    font-weight: 600;
    text-decoration: none;
    background: var(--brand-cool);
    color: #fff;
    box-shadow: var(--shadow-soft);
}

.recently-aired-banner__cta:hover[b-pah8ly61kl] {
    background: #196864;
    color: #fff;
}

.recently-aired-banner__secondary[b-pah8ly61kl] {
    border: 1px solid rgba(31, 122, 118, 0.35);
    border-radius: 999px;
    padding: 0.5rem 0.95rem;
    font-weight: 600;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.65);
    color: var(--brand-ink);
}

.recently-aired-banner__secondary:hover:not(:disabled)[b-pah8ly61kl] {
    background: #fff;
}

.recently-aired-banner__secondary--link[b-pah8ly61kl] {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.recently-aired-banner__secondary--link:hover[b-pah8ly61kl] {
    color: var(--brand-ink);
}

.recently-aired-banner__secondary:disabled[b-pah8ly61kl],
.recently-aired-banner__dismiss:disabled[b-pah8ly61kl] {
    opacity: 0.6;
    cursor: not-allowed;
}

.recently-aired-banner__dismiss[b-pah8ly61kl] {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 0.9rem;
    color: var(--ink-muted);
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

.recently-aired-banner__dismiss:hover:not(:disabled)[b-pah8ly61kl] {
    color: var(--ink-strong);
}

@media (max-width: 640px) {
    .recently-aired-banner__inner[b-pah8ly61kl] {
        padding-inline: 0.85rem;
    }

    .recently-aired-banner__actions[b-pah8ly61kl] {
        width: 100%;
    }
}
/* /Shared/ReturnsSoonBanner.razor.rz.scp.css */
.recently-aired-banner[b-lzxxri8dma] {
    margin: 0 0 1.25rem;
    border-radius: 10px;
    border: 1px solid rgba(31, 122, 118, 0.28);
    background: linear-gradient(90deg, rgba(31, 122, 118, 0.1), rgba(227, 146, 43, 0.12));
}

.recently-aired-banner__inner[b-lzxxri8dma] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.85rem 1.25rem;
    padding: 0.85rem 1rem;
}

.recently-aired-banner__copy[b-lzxxri8dma] {
    flex: 1 1 16rem;
    min-width: 0;
}

.recently-aired-banner__eyebrow[b-lzxxri8dma] {
    margin: 0 0 0.15rem;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--brand-cool);
}

.recently-aired-banner__headline[b-lzxxri8dma] {
    margin: 0;
    font-family: "Space Grotesk", "Outfit", sans-serif;
    font-size: 1.02rem;
    font-weight: 600;
    line-height: 1.35;
    color: var(--brand-ink);
}

.recently-aired-banner__actions[b-lzxxri8dma] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem 0.75rem;
}

.recently-aired-banner__cta[b-lzxxri8dma] {
    border-radius: 999px;
    padding: 0.55rem 1.05rem;
    font-weight: 600;
    text-decoration: none;
    background: var(--brand-cool);
    color: #fff;
    box-shadow: var(--shadow-soft);
}

.recently-aired-banner__cta:hover[b-lzxxri8dma] {
    background: #196864;
    color: #fff;
}

.recently-aired-banner__secondary[b-lzxxri8dma] {
    border: 1px solid rgba(31, 122, 118, 0.35);
    border-radius: 999px;
    padding: 0.5rem 0.95rem;
    font-weight: 600;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.65);
    color: var(--brand-ink);
}

.recently-aired-banner__secondary:hover:not(:disabled)[b-lzxxri8dma] {
    background: #fff;
}

.recently-aired-banner__secondary--link[b-lzxxri8dma] {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.recently-aired-banner__secondary--link:hover[b-lzxxri8dma] {
    color: var(--brand-ink);
}

.recently-aired-banner__secondary:disabled[b-lzxxri8dma],
.recently-aired-banner__dismiss:disabled[b-lzxxri8dma] {
    opacity: 0.6;
    cursor: not-allowed;
}

.recently-aired-banner__dismiss[b-lzxxri8dma] {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 0.9rem;
    color: var(--ink-muted);
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

.recently-aired-banner__dismiss:hover:not(:disabled)[b-lzxxri8dma] {
    color: var(--ink-strong);
}

@media (max-width: 640px) {
    .recently-aired-banner__inner[b-lzxxri8dma] {
        padding-inline: 0.85rem;
    }

    .recently-aired-banner__actions[b-lzxxri8dma] {
        width: 100%;
    }
}
/* /Shared/SignInModal.razor.rz.scp.css */
.auth-btn.sign-in-modal__provider[b-mjjycr76wn] {
    width: 100%;
    justify-content: flex-start;
    min-height: 2.75rem;
    max-width: none;
}

.auth-btn.sign-in-modal__guest[b-mjjycr76wn] {
    width: 100%;
    justify-content: center;
    min-height: 2.5rem;
    max-width: none;
    background: transparent;
    color: var(--ink-muted, #6b7b7a);
    border: 1px solid var(--border-soft, #e0e7e6);
}

/* Hosted at app-shell root (sibling of sticky header) so z-index is not trapped. */
.sign-in-backdrop[b-mjjycr76wn] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: max(1rem, env(safe-area-inset-top, 0px))
        max(1rem, env(safe-area-inset-right, 0px))
        max(1.25rem, env(safe-area-inset-bottom, 0px))
        max(1rem, env(safe-area-inset-left, 0px));
    box-sizing: border-box;
    min-height: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background: rgba(0, 0, 0, 0.55);
    outline: none;
}

.sign-in-modal[b-mjjycr76wn] {
    width: 100%;
    max-width: 24rem;
    max-height: min(28rem, 90vh);
    min-height: 0;
    flex: 0 1 auto;
    margin: auto;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    background: var(--card-bg, #fff);
    border: 1px solid var(--border-soft, #e0e7e6);
    border-radius: 14px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    isolation: isolate;
}

.sign-in-modal__header[b-mjjycr76wn] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 1.15rem 1.15rem 0.5rem 1.25rem;
    border-bottom: 1px solid var(--border-soft, #e0e7e6);
    background: var(--card-bg, #fff);
}

.sign-in-modal__title[b-mjjycr76wn] {
    margin: 0 0 0.25rem 0;
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--brand-ink, #1f7a76);
}

.sign-in-modal__subtitle[b-mjjycr76wn] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--ink-muted, #6b7b7a);
    line-height: 1.45;
}

.sign-in-modal__close[b-mjjycr76wn] {
    flex-shrink: 0;
    background: none;
    border: none;
    color: var(--ink-muted, #6b7b7a);
    cursor: pointer;
    padding: 0.35rem;
    border-radius: 8px;
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s ease, color 0.15s ease;
}

.sign-in-modal__close:hover[b-mjjycr76wn] {
    background: var(--border-soft, #e0e7e6);
    color: var(--brand-ink, #1f7a76);
}

.sign-in-modal__close:focus-visible[b-mjjycr76wn] {
    outline: 2px solid var(--brand-cool, #2a948f);
    outline-offset: 2px;
}

.sign-in-modal__body[b-mjjycr76wn] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1.15rem 1.25rem 1.3rem 1.25rem;
    background: var(--card-bg, #fff);
}

.sign-in-modal__legal[b-mjjycr76wn] {
    margin: 0.65rem 0 0;
    font-size: 0.78rem;
    line-height: 1.45;
    color: var(--ink-muted, #6b7b7a);
    text-align: center;
}

.sign-in-modal__legal a[b-mjjycr76wn] {
    font-weight: 600;
    color: var(--brand-cool, #2a948f);
}

@media (max-width: 640px) {
    .sign-in-backdrop[b-mjjycr76wn] {
        align-items: center;
        justify-content: center;
    }

    .sign-in-modal[b-mjjycr76wn] {
        max-height: min(24rem, 88vh);
    }
}
/* /Shared/StreakEmailOptInBanner.razor.rz.scp.css */
.streak-email-opt-in-banner[b-6dild33o8a] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem 0.75rem;
    padding: 0.65rem 0.85rem;
    border-bottom: 1px solid rgba(31, 122, 118, 0.28);
    background: rgba(31, 122, 118, 0.1);
    color: var(--brand-ink, #0d1f1e);
}

.streak-email-opt-in-banner__msg[b-6dild33o8a] {
    flex: 1 1 12rem;
    font-size: 0.95rem;
    line-height: 1.35;
}

.streak-email-opt-in-banner__cta[b-6dild33o8a] {
    border: none;
    border-radius: 6px;
    padding: 0.35rem 0.85rem;
    font-weight: 600;
    cursor: pointer;
    background: var(--brand-cool, #1f7a76);
    color: #fff;
}

.streak-email-opt-in-banner__cta:hover[b-6dild33o8a] {
    filter: brightness(0.92);
}

.streak-email-opt-in-banner__dismiss[b-6dild33o8a] {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 1.1rem;
    line-height: 1;
    padding: 0.2rem 0.35rem;
    color: inherit;
    opacity: 0.7;
}

.streak-email-opt-in-banner__dismiss:hover[b-6dild33o8a] {
    opacity: 1;
}
/* /Shared/Top5ListHeroCard.razor.rz.scp.css */
.top5-hero-card[b-4wktubsi2f] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.top5-hero-card-header[b-4wktubsi2f] {
    padding: 1rem;
    display: flex;
    align-items: center;
    height: 60px;
    box-sizing: border-box;
    color: #fff;
    background: linear-gradient(120deg, var(--brand-ink, #1a2b3c) 0%, var(--brand-cool, #1f7a76) 100%);
}

.top5-hero-header-badge[b-4wktubsi2f] {
    font-size: 1.1rem;
    font-weight: 700;
    background: rgba(255, 255, 255, 0.2);
    padding: 0.35rem 0.75rem;
    border-radius: 6px;
    line-height: 1.2;
}

.top5-hero-card-body[b-4wktubsi2f] {
    padding: 1.25rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-height: 0;
}

.top5-hero-title[b-4wktubsi2f] {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.4;
    color: var(--ink-strong);
}

.top5-hero-description[b-4wktubsi2f] {
    margin: 0;
    color: var(--ink-strong);
    line-height: 1.55;
    font-size: 0.95rem;
}

.top5-hero-description--muted[b-4wktubsi2f] {
    color: var(--ink-muted);
    font-style: italic;
}

.top5-hero-byline[b-4wktubsi2f] {
    margin: 0;
    font-size: 0.92rem;
    color: var(--ink-muted);
}

.top5-hero-profile-link[b-4wktubsi2f] {
    color: var(--brand-cool, #1f7a76);
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.top5-hero-profile-link:hover[b-4wktubsi2f] {
    color: var(--ink-strong);
}

.top5-hero-footer[b-4wktubsi2f] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem;
    margin-top: auto;
    padding-top: 0.25rem;
}
/* /Shared/UserGamificationSummaryView.razor.rz.scp.css */
.audit-gamification-cell[b-yvuqp48ntg] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    min-width: 8rem;
}

.audit-gamification-rank[b-yvuqp48ntg] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.audit-gamification-rank-title[b-yvuqp48ntg] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--ink-strong);
}

.audit-gamification-badges[b-yvuqp48ntg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.audit-gamification-badge[b-yvuqp48ntg] {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    background: rgba(31, 122, 118, 0.12);
    color: rgb(18, 63, 58);
    border: 1px solid rgba(31, 122, 118, 0.28);
}

.audit-gamification-empty[b-yvuqp48ntg] {
    color: var(--ink-muted);
}
/* /Shared/WatchNextUpNextStrip.razor.rz.scp.css */
.watch-next-up-next[b-oejtczzhxm] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem 0.85rem;
    margin: 0 0 1.25rem;
    padding: 0.75rem 1rem;
    border-radius: 10px;
    background: rgba(67, 97, 238, 0.08);
    border: 1px solid rgba(67, 97, 238, 0.22);
    font-size: 0.92rem;
    color: var(--brand-ink, #1a1a2e);
}

.watch-next-up-next__label[b-oejtczzhxm] {
    font-weight: 700;
    color: #4361ee;
    white-space: nowrap;
}

.watch-next-up-next__body[b-oejtczzhxm] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.25rem 0.5rem;
    min-width: 0;
    flex: 1 1 auto;
}

.watch-next-up-next__title[b-oejtczzhxm] {
    font-weight: 600;
    color: #1a1a1a;
    text-decoration: none;
}

.watch-next-up-next__title:hover[b-oejtczzhxm] {
    color: #4361ee;
}

.watch-next-up-next__series[b-oejtczzhxm] {
    font-size: 0.85rem;
    color: #666;
}

.watch-next-up-next__queue-link[b-oejtczzhxm] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #4361ee;
    text-decoration: none;
    white-space: nowrap;
}

.watch-next-up-next__queue-link:hover[b-oejtczzhxm] {
    text-decoration: underline;
}
/* /Shared/WatchUndoBanner.razor.rz.scp.css */
.watch-undo-banner[b-aoye3kjqjb] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem 0.75rem;
    margin-top: 0.75rem;
    padding: 0.65rem 0.85rem;
    border-radius: 8px;
    background: rgba(34, 139, 34, 0.12);
    border: 1px solid rgba(34, 139, 34, 0.35);
    color: #0d1f0d;
}

.watch-undo-banner__msg[b-aoye3kjqjb] {
    flex: 1 1 12rem;
    font-size: 0.95rem;
    line-height: 1.35;
}

.watch-undo-banner__undo[b-aoye3kjqjb] {
    border: none;
    border-radius: 6px;
    padding: 0.35rem 0.85rem;
    font-weight: 600;
    cursor: pointer;
    background: #1a5f1a;
    color: #fff;
}

.watch-undo-banner__undo:hover[b-aoye3kjqjb] {
    background: #144814;
}

.watch-undo-banner__dismiss[b-aoye3kjqjb] {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 1.1rem;
    line-height: 1;
    padding: 0.2rem 0.35rem;
    color: #333;
    opacity: 0.7;
}

.watch-undo-banner__dismiss:hover[b-aoye3kjqjb] {
    opacity: 1;
}