@import '_content/BlazorChat/BlazorChat.d9dhndpqvv.bundle.scp.css';
@import '_content/BlazorEmo/BlazorEmo.h4iw52rek1.bundle.scp.css';
@import '_content/BlazorRTE/BlazorRTE.03a4d5ag9t.bundle.scp.css';

/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-ovcfxtjn8j] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-ovcfxtjn8j] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-2y1lrlqypj],
.components-reconnect-repeated-attempt-visible[b-2y1lrlqypj],
.components-reconnect-failed-visible[b-2y1lrlqypj],
.components-pause-visible[b-2y1lrlqypj],
.components-resume-failed-visible[b-2y1lrlqypj],
.components-rejoining-animation[b-2y1lrlqypj] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-2y1lrlqypj],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-2y1lrlqypj],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-2y1lrlqypj],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-2y1lrlqypj],
#components-reconnect-modal.components-reconnect-retrying[b-2y1lrlqypj],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-2y1lrlqypj],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-2y1lrlqypj],
#components-reconnect-modal.components-reconnect-failed[b-2y1lrlqypj],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-2y1lrlqypj] {
    display: block;
}


#components-reconnect-modal[b-2y1lrlqypj] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-2y1lrlqypj 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-2y1lrlqypj 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-2y1lrlqypj 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-2y1lrlqypj]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-2y1lrlqypj 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-2y1lrlqypj {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-2y1lrlqypj {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-2y1lrlqypj {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-2y1lrlqypj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-2y1lrlqypj] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-2y1lrlqypj] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-2y1lrlqypj] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-2y1lrlqypj] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-2y1lrlqypj] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-2y1lrlqypj] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-2y1lrlqypj 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-2y1lrlqypj] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-2y1lrlqypj {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/About.razor.rz.scp.css */
.about[b-epm73u591n] {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    color: #222;
}

/* ── Hero ──────────────────────────────────────────────────────────── */
.about-hero[b-epm73u591n] {
    background: linear-gradient(135deg, var(--brand-navy-dark) 0%, var(--brand-navy) 100%);
    padding: 5rem 1.5rem 4rem;
    text-align: center;
    color: #fff;
}

.hero-inner[b-epm73u591n] {
    max-width: 640px;
    margin: 0 auto;
}

.hero-logo[b-epm73u591n] {
    width: 280px;
    height: auto;
    margin-bottom: 1.5rem;
    background: #fff;
    border-radius: 12px;
    padding: 0.75rem 1.25rem;
}

.hero-title[b-epm73u591n] {
    font-size: 2.4rem;
    font-weight: 800;
    margin: 0 0 1rem;
    line-height: 1.15;
}

.hero-tagline[b-epm73u591n] {
    font-size: 1.35rem;
    font-weight: 400;
    opacity: 0.9;
    margin: 0;
}

/* ── Sections ──────────────────────────────────────────────────────── */
.about-section[b-epm73u591n] {
    padding: 3.5rem 1.5rem;
    background: #fff;
}

.about-section--alt[b-epm73u591n] {
    background: #f4f6f9;
}

.section-inner[b-epm73u591n] {
    max-width: 760px;
    margin: 0 auto;
}

.section-title[b-epm73u591n] {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--brand-navy);
    margin: 0 0 1.25rem;
    text-align: center;
}

/* ── Body copy ─────────────────────────────────────────────────────── */
.about-intro[b-epm73u591n] {
    font-size: 1.05rem;
    line-height: 1.75;
    color: #444;
    margin: 0 0 1rem;
    text-align: center;
}

.about-body[b-epm73u591n] {
    font-size: 0.97rem;
    line-height: 1.7;
    color: #444;
    margin: 0 0 1rem;
}

/* ── Lists ─────────────────────────────────────────────────────────── */
.about-list[b-epm73u591n] {
    list-style: none;
    padding: 0;
    margin: 0 0 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.about-list li[b-epm73u591n] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: 0.97rem;
    color: #333;
    line-height: 1.5;
}

.about-list li[b-epm73u591n]::before {
    content: '✓';
    color: var(--brand-green);
    font-weight: 700;
    flex-shrink: 0;
    margin-top: 0.05rem;
}

.features-list[b-epm73u591n] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 0.75rem 2rem;
}

.features-list li[b-epm73u591n] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    color: #333;
    line-height: 1.5;
    padding: 0.5rem 0.75rem;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

/* ── Callouts ──────────────────────────────────────────────────────── */
.about-callout[b-epm73u591n] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--brand-navy);
    text-align: center;
    margin: 1.25rem 0 0;
    padding: 0.875rem 1.25rem;
    background: #fff;
    border-radius: 8px;
    border-left: 3px solid var(--brand-blue);
}

.about-goal[b-epm73u591n] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--brand-navy);
    text-align: center;
    margin: 0.5rem 0 0;
    font-style: italic;
}

/* ── CTA ───────────────────────────────────────────────────────────── */
.about-cta[b-epm73u591n] {
    background: linear-gradient(135deg, var(--brand-navy-dark), var(--brand-navy));
    color: #fff;
    text-align: center;
    padding: 4rem 1.5rem;
}

.about-cta h2[b-epm73u591n] {
    font-size: 1.6rem;
    margin: 0 0 0.5rem;
}

.about-cta p[b-epm73u591n] {
    opacity: 0.8;
    margin: 0 0 2rem;
}

.btn-cta-primary[b-epm73u591n] {
    background: var(--brand-blue);
    color: #fff;
    padding: 0.875rem 2rem;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;
    transition: opacity 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.btn-cta-primary:hover[b-epm73u591n] {
    opacity: 0.88;
}

/* ── Footer ────────────────────────────────────────────────────────── */
.about-footer[b-epm73u591n] {
    background: var(--brand-navy-dark);
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
    padding: .25rem;
    font-size: 0.8rem;
}

.about-footer a[b-epm73u591n] {
    color: rgba(255, 255, 255, 0.7);
}

.about-footer a:hover[b-epm73u591n] {
    color: #fff;
}

/* ── Responsive ────────────────────────────────────────────────────── */
@media (max-width: 600px) {
    .hero-title[b-epm73u591n] {
        font-size: 1.8rem;
    }

    .hero-tagline[b-epm73u591n] {
        font-size: 1.1rem;
    }

    .section-title[b-epm73u591n] {
        font-size: 1.35rem;
    }

    .features-list[b-epm73u591n] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin.razor.rz.scp.css */
/* ─────────────────────────────────────────────────────────────────────────────
   Admin Login
   ───────────────────────────────────────────────────────────────────────────── */
.admin-login[b-1swm4r5s93] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--brand-navy-dark), var(--brand-navy));
}

.admin-login-card[b-1swm4r5s93] {
    background: #fff;
    border-radius: 14px;
    padding: 2.5rem;
    width: 100%;
    max-width: 360px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.35);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
}

    .admin-login-card h2[b-1swm4r5s93] {
        margin: 0;
        color: var(--brand-navy);
    }

.admin-password-input[b-1swm4r5s93] {
    width: 100%;
    box-sizing: border-box;
    padding: 0.75rem 1rem;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    font-size: 1rem;
    outline: none;
    transition: border-color 0.2s;
}

    .admin-password-input:focus[b-1swm4r5s93] {
        border-color: var(--brand-blue);
    }

.admin-error[b-1swm4r5s93] {
    color: var(--brand-red);
    font-size: 0.875rem;
    margin: 0;
}

.btn-admin-login[b-1swm4r5s93] {
    width: 100%;
    padding: 0.75rem;
    background: linear-gradient(135deg, var(--brand-navy), var(--brand-blue));
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
}

/* ─────────────────────────────────────────────────────────────────────────────
   Admin Layout & Header
   ───────────────────────────────────────────────────────────────────────────── */
.admin-layout[b-1swm4r5s93] {
    min-height: 100vh;
    background: #f0f2f5;
    padding: 1.5rem;
}

.admin-header[b-1swm4r5s93] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
    margin-bottom: 1.5rem;
}

    .admin-header h1[b-1swm4r5s93] {
        margin: 0;
        font-size: 1.5rem;
        color: var(--brand-navy);
        flex: 0 0 auto;
    }

.admin-header-center[b-1swm4r5s93] {
    flex: 1 1 12rem;
    min-width: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-since-update[b-1swm4r5s93] {
    font-size: 0.8rem;
    color: #888;
    white-space: nowrap;
}

    .header-since-update strong[b-1swm4r5s93] {
        color: var(--brand-blue, #4a6fa5);
    }

.btn-admin-logout[b-1swm4r5s93] {
    background: none;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 0.4rem 0.9rem;
    cursor: pointer;
    font-size: 0.85rem;
    color: #666;
}

/* ─────────────────────────────────────────────────────────────────────────────
   Header Actions
   ───────────────────────────────────────────────────────────────────────────── */
.admin-header-actions[b-1swm4r5s93] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 1 auto;
    flex-wrap: wrap;
    min-width: 0;
    gap: 0.5rem;
}

.refresh-countdown[b-1swm4r5s93] {
    font-size: 0.8rem;
    color: #999;
    font-variant-numeric: tabular-nums;
    min-width: 4.5rem;
    text-align: right;
}

.btn-admin-action[b-1swm4r5s93] {
    background: none;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0.4rem 0.9rem;
    cursor: pointer;
    font-size: 0.85rem;
    color: #555;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    transition: background 0.15s;
}

    .btn-admin-action:hover[b-1swm4r5s93] {
        background: #f5f5f5;
    }


@media (max-width: 900px) {
    .admin-header[b-1swm4r5s93] {
        align-items: flex-start;
    }

    .admin-header h1[b-1swm4r5s93] {
        flex: 1 0 100%;
    }

    .admin-header-center[b-1swm4r5s93] {
        justify-content: flex-start;
    }

    .admin-header-actions[b-1swm4r5s93] {
        flex: 1 1 22rem;
        justify-content: flex-end;
    }
}

@media (max-width: 640px) {
    .admin-layout[b-1swm4r5s93] {
        padding: 0.75rem;
    }

    .admin-header-center[b-1swm4r5s93],
    .admin-header-actions[b-1swm4r5s93] {
        flex-basis: 100%;
        justify-content: flex-start;
    }

    .header-since-update[b-1swm4r5s93] {
        white-space: normal;
    }

    .refresh-countdown[b-1swm4r5s93] {
        min-width: auto;
        text-align: left;
    }
}


/* ─────────────────────────────────────────────────────────────────────────────
   Admin Health Dashboard
   ───────────────────────────────────────────────────────────────────────────── */
.admin-health-dashboard[b-1swm4r5s93] {
    display: grid;
    grid-template-columns: 1.1fr 1.4fr 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.health-group[b-1swm4r5s93] {
    background: #fff;
    border-radius: 12px;
    padding: 1rem;
    box-shadow: 0 1px 4px rgba(0,0,0,0.07);
}

.health-group-title[b-1swm4r5s93] {
    font-size: 0.78rem;
    font-weight: 800;
    color: var(--brand-navy);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 0.75rem;
}

.health-kpi-grid[b-1swm4r5s93] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(115px, 1fr));
    gap: 0.75rem;
}

.health-kpi-card[b-1swm4r5s93] {
    background: #f8faff;
    border: 1px solid #e5ebf5;
    border-radius: 10px;
    padding: 0.85rem;
    min-height: 86px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.health-kpi-label[b-1swm4r5s93] {
    font-size: 0.74rem;
    color: #777;
    font-weight: 700;
    margin-bottom: 0.25rem;
}

.health-kpi-value[b-1swm4r5s93] {
    font-size: 1.8rem;
    font-weight: 850;
    color: var(--brand-navy);
    line-height: 1.05;
}

.health-kpi-sub[b-1swm4r5s93] {
    margin-top: 0.35rem;
    font-size: 0.72rem;
    color: #888;
    white-space: nowrap;
}

@media (max-width: 1100px) {
    .admin-health-dashboard[b-1swm4r5s93] {
        grid-template-columns: 1fr;
    }
}

/* ─────────────────────────────────────────────────────────────────────────────
   Legacy Summary Cards / Shared Summary List Styles
   ───────────────────────────────────────────────────────────────────────────── */
.admin-cards[b-1swm4r5s93] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}

.admin-card[b-1swm4r5s93] {
    background: #fff;
    border-radius: 10px;
    padding: 1.25rem 1.5rem;
    flex: 1;
    min-width: 140px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.07);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
}

.card-icon[b-1swm4r5s93] {
    font-size: 1.5rem;
}

.card-value[b-1swm4r5s93] {
    font-size: 2rem;
    font-weight: 800;
    color: var(--brand-navy);
}

/* ── SM summary card ───────────────────────────────────────────────────────── */
.card-sm-summary[b-1swm4r5s93],
.card-template-stats[b-1swm4r5s93] {
    justify-content: flex-start;
    gap: 0.5rem;
}

    .card-template-stats .sm-summary-list li[b-1swm4r5s93] {
        white-space: nowrap;
    }

.card-template-stats[b-1swm4r5s93] {
    min-width: 220px;
}

.sm-summary-list[b-1swm4r5s93] {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

    .sm-summary-list li[b-1swm4r5s93] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 0.88rem;
    }

.sm-summary-label[b-1swm4r5s93] {
    color: #777;
    font-weight: 500;
}

.sm-summary-value[b-1swm4r5s93] {
    font-weight: 700;
    color: var(--brand-navy);
    font-size: 1rem;
}

.unreviewed-alert[b-1swm4r5s93] {
    color: #e53935;
    font-weight: 700;
}

.sm-summary-divider[b-1swm4r5s93] {
    border-top: 1px solid #eee;
    margin: 0.2rem 0;
    padding: 0 !important;
    height: 0;
}

.bot-label[b-1swm4r5s93] {
    color: #c0392b;
}

.bot-value[b-1swm4r5s93] {
    color: #c0392b;
}

.human-label[b-1swm4r5s93] {
    color: #27ae60;
}

.human-value[b-1swm4r5s93] {
    color: #27ae60;
}

.card-visitor-breakdown .card-label[b-1swm4r5s93] {
    margin-top: 0.25rem;
}

.card-label[b-1swm4r5s93] {
    font-size: 0.75rem;
    color: #888;
    text-align: center;
}

/* ─────────────────────────────────────────────────────────────────────────────
   Shared Section / Table Styles
   ───────────────────────────────────────────────────────────────────────────── */
.admin-section[b-1swm4r5s93] {
    background: #fff;
    border-radius: 10px;
    padding: 1.25rem 1.5rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 1px 4px rgba(0,0,0,0.07);
}

.admin-section-title[b-1swm4r5s93] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--brand-navy);
    margin: 0 0 1rem;
}

/* ─────────────────────────────────────────────────────────────────────────────
   Visitor & Data Tables
   ───────────────────────────────────────────────────────────────────────────── */
.admin-table-wrap[b-1swm4r5s93] {
    overflow-x: auto;
}

.admin-table[b-1swm4r5s93] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}

    .admin-table th[b-1swm4r5s93] {
        text-align: left;
        padding: 0.5rem 0.75rem;
        border-bottom: 2px solid #e8e8e8;
        color: #888;
        font-weight: 600;
        white-space: nowrap;
    }

    .admin-table td[b-1swm4r5s93] {
        padding: 0.5rem 0.75rem;
        border-bottom: 1px solid #f0f0f0;
        vertical-align: middle;
    }

    .admin-table tr:last-child td[b-1swm4r5s93] {
        border-bottom: none;
    }

.role-chip[b-1swm4r5s93] {
    display: inline-block;
    padding: 0.15rem 0.5rem;
    border-radius: 10px;
    font-size: 0.72rem;
    font-weight: 700;
}

.role-sm[b-1swm4r5s93] {
    background: #e8f4fd;
    color: #1565c0;
}

.role-participant[b-1swm4r5s93] {
    background: #e8f5e9;
    color: #2e7d32;
}

.role-visitor[b-1swm4r5s93] {
    background: #f5f5f5;
    color: #666;
}

.role-bot[b-1swm4r5s93] {
    background: #FFE2E2;
    color: #FF6467;
}

.page-path[b-1swm4r5s93] {
    color: #aaa;
    font-size: 0.75rem;
}

.btn-map[b-1swm4r5s93] {
    align-items: center;
    background: transparent;
    border: none;
    border-radius: 0.45rem;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: 1rem;
    justify-content: center;
    line-height: 1;
    padding: 0.15rem 0.2rem;
    text-decoration: none;
    transition: background-color 0.14s ease, transform 0.14s ease;
}

/* ─────────────────────────────────────────────────────────────────────────────
   Ratings
   ───────────────────────────────────────────────────────────────────────────── */
.ratings-list[b-1swm4r5s93] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.rating-row[b-1swm4r5s93] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f0f0f0;
    flex-wrap: wrap;
}

    .rating-row:last-child[b-1swm4r5s93] {
        border-bottom: none;
    }

.star-on[b-1swm4r5s93] {
    color: #f39c12;
    font-size: 1.1rem;
}

.star-off[b-1swm4r5s93] {
    color: #ddd;
    font-size: 1.1rem;
}

.rating-comment-text[b-1swm4r5s93] {
    font-style: italic;
    color: #555;
    font-size: 0.875rem;
    margin: 0;
    flex: 1;
}

.rating-date[b-1swm4r5s93] {
    font-size: 0.75rem;
    color: #aaa;
    white-space: nowrap;
}

/* ─────────────────────────────────────────────────────────────────────────────
   Visitor / Regional / Country Grid Layout
   ───────────────────────────────────────────────────────────────────────────── */
.grids-container[b-1swm4r5s93] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.grid-section[b-1swm4r5s93] {
    margin-bottom: 0;
    overflow: hidden;
}

    .grid-section .admin-table-wrap[b-1swm4r5s93] {
        max-height: 500px;
        overflow-y: auto;
        overflow-x: auto;
    }

.sm-section .admin-table-wrap[b-1swm4r5s93] {
    max-height: 500px;
    overflow-y: auto;
}

.grid-section .admin-table thead th[b-1swm4r5s93],
.sm-section .admin-table thead th[b-1swm4r5s93] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f8f8f8;
}

@media (max-width: 900px) {
    .grids-container[b-1swm4r5s93] {
        grid-template-columns: 1fr;
    }
}

/* ─────────────────────────────────────────────────────────────────────────────
   Legacy Bar Chart Styles
   ───────────────────────────────────────────────────────────────────────────── */
.chart-area[b-1swm4r5s93] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.chart-bars[b-1swm4r5s93] {
    display: flex;
    align-items: flex-end;
    gap: 3px;
    height: 120px;
    padding: 0 0.5rem;
}

.chart-col[b-1swm4r5s93] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    height: 100%;
    cursor: default;
}

.bar-wrap[b-1swm4r5s93] {
    display: flex;
    align-items: flex-end;
    gap: 1px;
    height: 100%;
    width: 100%;
    justify-content: center;
}

.bar[b-1swm4r5s93] {
    width: 45%;
    border-radius: 2px 2px 0 0;
    min-height: 2px;
    transition: height 0.3s;
}

.bar-visits[b-1swm4r5s93] {
    background: rgb(102, 126, 234);
}

.bar-unique[b-1swm4r5s93] {
    background: rgb(229, 62, 62);
}

.bar-label[b-1swm4r5s93] {
    font-size: 0.6rem;
    color: #aaa;
    margin-top: 2px;
}

.chart-legend[b-1swm4r5s93] {
    display: flex;
    gap: 1.5rem;
    font-size: 0.75rem;
    color: #666;
    padding-left: 0.5rem;
}

.legend-dot[b-1swm4r5s93] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 0.3rem;
    vertical-align: middle;
}

    .legend-dot.visits[b-1swm4r5s93] {
        background: rgb(102, 126, 234);
    }

    .legend-dot.unique[b-1swm4r5s93] {
        background: rgb(229, 62, 62);
    }

/* ─────────────────────────────────────────────────────────────────────────────
   Header Actions Duplicate Legacy Block
   ───────────────────────────────────────────────────────────────────────────── */
.admin-header-actions[b-1swm4r5s93] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 1 auto;
    flex-wrap: wrap;
    min-width: 0;
    gap: 0.5rem;
}

.btn-admin-action[b-1swm4r5s93] {
    background: none;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0.4rem 0.9rem;
    cursor: pointer;
    font-size: 0.85rem;
    color: #555;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    transition: background 0.15s;
}

    .btn-admin-action:hover[b-1swm4r5s93] {
        background: #f5f5f5;
    }


@media (max-width: 900px) {
    .admin-header[b-1swm4r5s93] {
        align-items: flex-start;
    }

    .admin-header h1[b-1swm4r5s93] {
        flex: 1 0 100%;
    }

    .admin-header-center[b-1swm4r5s93] {
        justify-content: flex-start;
    }

    .admin-header-actions[b-1swm4r5s93] {
        flex: 1 1 22rem;
        justify-content: flex-end;
    }
}

@media (max-width: 640px) {
    .admin-layout[b-1swm4r5s93] {
        padding: 0.75rem;
    }

    .admin-header-center[b-1swm4r5s93],
    .admin-header-actions[b-1swm4r5s93] {
        flex-basis: 100%;
        justify-content: flex-start;
    }

    .header-since-update[b-1swm4r5s93] {
        white-space: normal;
    }

    .refresh-countdown[b-1swm4r5s93] {
        min-width: auto;
        text-align: left;
    }
}

/* ─────────────────────────────────────────────────────────────────────────────
   Visits Line Chart
   ───────────────────────────────────────────────────────────────────────────── */
/* Promoted traffic trend card */
.traffic-chart-section[b-1swm4r5s93] {
    padding: 1.4rem 1.5rem 1.25rem;
    border-radius: 14px;
    margin-bottom: 1.5rem;
}

.traffic-chart-header[b-1swm4r5s93] {
    display: grid;
    grid-template-columns: minmax(180px, 0.8fr) minmax(360px, 1.5fr) minmax(320px, 1.2fr);
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.traffic-chart-title-wrap[b-1swm4r5s93] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

    .traffic-chart-title-wrap .admin-section-title[b-1swm4r5s93] {
        margin: 0;
        font-size: 1.05rem;
    }

.traffic-chart-month[b-1swm4r5s93] {
    font-size: 0.82rem;
    color: #888;
    font-weight: 600;
}

.traffic-chart-summary[b-1swm4r5s93] {
    display: grid;
    grid-template-columns: repeat(3, minmax(100px, 1fr));
    gap: 0.7rem;
}

.traffic-chart-stat[b-1swm4r5s93] {
    background: #f8faff;
    border: 1px solid #e5ebf5;
    border-radius: 10px;
    padding: 0.65rem 0.75rem;
    min-width: 0;
}

.traffic-chart-stat-value[b-1swm4r5s93] {
    display: block;
    color: var(--brand-navy);
    font-weight: 850;
    font-size: 1.25rem;
    line-height: 1.1;
    white-space: nowrap;
}

.traffic-chart-stat-label[b-1swm4r5s93] {
    display: block;
    margin-top: 0.25rem;
    color: #888;
    font-size: 0.72rem;
    font-weight: 700;
    white-space: nowrap;
}

.traffic-chart-stat-muted .traffic-chart-stat-value[b-1swm4r5s93] {
    color: #777;
    font-size: 1.05rem;
}

.traffic-chart-controls[b-1swm4r5s93] {
    justify-content: flex-end;
}

.traffic-chart-section .chart-scroll[b-1swm4r5s93] {
    padding-top: 0.25rem;
}

.traffic-chart-section .line-chart[b-1swm4r5s93] {
    height: 280px;
}

@media (max-width: 1200px) {
    .traffic-chart-header[b-1swm4r5s93] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .traffic-chart-controls[b-1swm4r5s93] {
        justify-content: space-between;
    }
}

@media (max-width: 700px) {
    .traffic-chart-summary[b-1swm4r5s93] {
        grid-template-columns: 1fr;
    }

    .traffic-chart-controls[b-1swm4r5s93] {
        align-items: flex-start;
        flex-direction: column;
    }
}

.chart-header[b-1swm4r5s93] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    margin-bottom: 0.75rem;
    gap: 0.5rem;
}

    .chart-header .admin-section-title[b-1swm4r5s93] {
        margin: 0;
    }

.chart-month-stats[b-1swm4r5s93] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    font-size: 1.1rem;
    color: #666;
}

    .chart-month-stats strong[b-1swm4r5s93] {
        color: var(--brand-navy);
    }

.chart-stat-bots[b-1swm4r5s93] {
    font-size: 0.85rem;
    color: #aaa;
}

.chart-scroll[b-1swm4r5s93] {
    overflow-x: auto;
    padding-bottom: 0.5rem;
}

.line-chart[b-1swm4r5s93] {
    width: 100%;
    min-width: 500px;
    height: 260px;
    display: block;
    overflow: visible;
}

.chart-legend[b-1swm4r5s93] {
    display: flex;
    gap: 1.5rem;
    font-size: 0.75rem;
    color: #666;
}

.legend-line[b-1swm4r5s93] {
    display: inline-block;
    width: 20px;
    height: 3px;
    border-radius: 2px;
    margin-right: 0.3rem;
    vertical-align: middle;
}

    .legend-line.visits[b-1swm4r5s93] {
        background: rgb(102, 126, 234);
    }

    .legend-line.unique[b-1swm4r5s93] {
        background: rgb(229, 62, 62);
    }

    .legend-line.bots[b-1swm4r5s93] {
        background: rgb(156, 163, 175);
    }

.sortable[b-1swm4r5s93] {
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

    .sortable:hover[b-1swm4r5s93] {
        background: #f5f5f5;
    }

.sort-icon[b-1swm4r5s93] {
    font-size: 0.65rem;
    opacity: 0.6;
    margin-left: 0.2rem;
}

.chart-controls[b-1swm4r5s93] {
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-self: end;
}

.chart-nav[b-1swm4r5s93] {
    display: flex;
    gap: 0.25rem;
}

.btn-chart-nav[b-1swm4r5s93] {
    background: none;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0.25rem 0.6rem;
    cursor: pointer;
    font-size: 1rem;
    color: #555;
    line-height: 1;
    transition: background 0.15s;
}

    .btn-chart-nav:hover:not(:disabled)[b-1swm4r5s93] {
        background: #f0f0f0;
    }

    .btn-chart-nav:disabled[b-1swm4r5s93] {
        opacity: 0.35;
        cursor: default;
    }

/* ─────────────────────────────────────────────────────────────────────────────
   Role Breakdown / Chips
   ───────────────────────────────────────────────────────────────────────────── */
.card-role-breakdown[b-1swm4r5s93] {
    align-items: flex-start;
    min-width: 160px;
    flex: 1;
}

.card-breakdown-title[b-1swm4r5s93] {
    font-weight: 700;
    color: var(--brand-navy);
    margin-bottom: 0.4rem;
}

.role-breakdown-list[b-1swm4r5s93] {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

    .role-breakdown-list li[b-1swm4r5s93] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 1rem;
        gap: 0.5rem;
    }

        .role-breakdown-list li span:last-child[b-1swm4r5s93] {
            font-weight: 600;
            color: var(--brand-navy);
            min-width: 2ch;
            text-align: right;
        }

/* ─────────────────────────────────────────────────────────────────────────────
   Browser & Device Section
   ───────────────────────────────────────────────────────────────────────────── */
.browser-device-section[b-1swm4r5s93] {
}

.browser-device-grids[b-1swm4r5s93] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

@media (max-width: 700px) {
    .browser-device-grids[b-1swm4r5s93] {
        grid-template-columns: 1fr;
    }
}

.admin-subsection-title[b-1swm4r5s93] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #666;
    margin: 0 0 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

/* browser chip */
.browser-chip[b-1swm4r5s93] {
    display: inline-block;
    padding: 1px 7px;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    background: #e8eaf6;
    color: #3949ab;
}

.bot-reason-chip[b-1swm4r5s93] {
    display: inline-block;
    padding: 1px 7px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 600;
    background: #fdecea;
    color: #c62828;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

/* device chips */
.device-chip[b-1swm4r5s93] {
    display: inline-block;
    padding: 1px 7px;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    background: #e8f5e9;
    color: #388e3c;
}

    .device-chip.device-mobile[b-1swm4r5s93] {
        background: #fff3e0;
        color: #e65100;
    }

    .device-chip.device-tablet[b-1swm4r5s93] {
        background: #e3f2fd;
        color: #1565c0;
    }

    .device-chip.device-desktop[b-1swm4r5s93] {
        background: #e8f5e9;
        color: #388e3c;
    }

    .device-chip.device-unknown[b-1swm4r5s93] {
        background: #f5f5f5;
        color: #9e9e9e;
    }

/* share bar */
.share-bar-wrap[b-1swm4r5s93] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    min-width: 80px;
}

.share-bar[b-1swm4r5s93] {
    height: 8px;
    border-radius: 4px;
    background: linear-gradient(90deg, rgb(102,126,234), rgb(118,75,162));
    transition: width 0.3s ease;
    min-width: 2px;
}

.share-label[b-1swm4r5s93] {
    font-size: 0.72rem;
    color: #888;
    white-space: nowrap;
}

/* ─────────────────────────────────────────────────────────────────────────────
   Team Activity + Browser/Device Row
   ───────────────────────────────────────────────────────────────────────────── */
.sm-browser-row[b-1swm4r5s93] {
    display: grid;
    grid-template-columns: 2fr 2fr;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

    .sm-browser-row .sm-section[b-1swm4r5s93] {
        min-width: 0;
    }

    .sm-browser-row .browser-device-section[b-1swm4r5s93] {
        min-width: 0;
    }

/* ─────────────────────────────────────────────────────────────────────────────
   Ratings + Feedback Row
   ───────────────────────────────────────────────────────────────────────────── */
.ratings-feedback-row[b-1swm4r5s93] {
    display: grid;
    grid-template-columns: 2fr minmax(200px, 1fr);
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

    .ratings-feedback-row .ratings-section[b-1swm4r5s93],
    .ratings-feedback-row .feedback-section[b-1swm4r5s93] {
        min-width: 0;
    }

/* ─────────────────────────────────────────────────────────────────────────────
   Empty States
   ───────────────────────────────────────────────────────────────────────────── */
.admin-empty-state[b-1swm4r5s93] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 2rem 1rem;
    text-align: center;
    color: #aaa;
}

.admin-empty-icon[b-1swm4r5s93] {
    font-size: 2rem;
    line-height: 1;
    opacity: 0.4;
}

.admin-empty-state p[b-1swm4r5s93] {
    margin: 0;
    font-size: 0.88rem;
}

.admin-empty-hint[b-1swm4r5s93] {
    font-size: 0.78rem !important;
    opacity: 0.7;
}

@media (max-width: 900px) {
    .sm-browser-row[b-1swm4r5s93],
    .ratings-feedback-row[b-1swm4r5s93] {
        grid-template-columns: 1fr;
    }
}

.referer-cell[b-1swm4r5s93] {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

tr.row-sm-highlight td[b-1swm4r5s93] {
    background-color: rgba(102, 126, 234, 0.15);
    outline: 1px solid rgba(102, 126, 234, 0.4);
}

tr.row-sm-selected td[b-1swm4r5s93] {
    background-color: rgba(102, 126, 234, 0.12);
}

.admin-table tbody tr[title][b-1swm4r5s93] {
    cursor: pointer;
}

/* ─────────────────────────────────────────────────────────────────────────────
   Team / Session / Participant Drill-down Grids
   ───────────────────────────────────────────────────────────────────────────── */

.sm-expand-cell[b-1swm4r5s93] {
    width: 28px;
    padding: 0 4px !important;
    text-align: center;
}

.btn-sm-expand[b-1swm4r5s93] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--brand-blue);
    font-size: 0.65rem;
    padding: 3px 5px;
    border-radius: 3px;
    transition: background 0.15s;
    line-height: 1;
}

    .btn-sm-expand:hover[b-1swm4r5s93] {
        background: rgba(102, 126, 234, 0.12);
    }

.sm-parent-row[b-1swm4r5s93] {
    cursor: pointer;
}

.sm-row-expanded td[b-1swm4r5s93] {
    background-color: rgba(102, 126, 234, 0.06);
    border-bottom: none;
}

/* Subgrid container row — no hover effect, no padding bleed */
.sm-subgrid-row td[b-1swm4r5s93] {
    padding: 0 !important;
    background: #f4f6fb;
    border-top: none;
    border-bottom: 2px solid rgba(102, 126, 234, 0.18);
}

.sm-subgrid-wrap[b-1swm4r5s93] {
    padding: 0.5rem 1rem 0.75rem 2.75rem;
}

.sm-subgrid[b-1swm4r5s93] {
    width: 100%;
    font-size: 0.78rem;
    border-collapse: collapse;
}

    .sm-subgrid thead th[b-1swm4r5s93] {
        background: rgba(102, 126, 234, 0.1);
        font-size: 0.72rem;
        font-weight: 600;
        color: var(--brand-navy);
        padding: 6px 20px;
        white-space: nowrap;
    }

    .sm-subgrid tbody td[b-1swm4r5s93] {
        padding: 5px 20px;
        border-bottom: 1px solid #e8eaf0;
        white-space: nowrap;
    }

    .sm-subgrid tbody tr:last-child td[b-1swm4r5s93] {
        border-bottom: none;
    }

.sm-session-name[b-1swm4r5s93] {
    font-weight: 500;
    color: var(--brand-navy);
    white-space: normal;
    min-width: 160px;
}

.sm-subgrid-loading[b-1swm4r5s93] {
    padding: 0.6rem 1rem 0.6rem 2.75rem;
    color: #888;
    font-size: 0.82rem;
    font-style: italic;
}

/* Center-align numeric columns in the SM subgrid (Sessions, Participants, etc.)
   These start at col 4 in the SM subgrid — leave col 1-3 left-aligned */
.sm-subgrid thead th:nth-child(n+4)[b-1swm4r5s93],
.sm-subgrid tbody td:nth-child(n+4)[b-1swm4r5s93] {
    text-align: center;
}

/* Extra left padding on "Last Hit" (col 5 in visitor subgrid) */
.sm-subgrid thead th:nth-child(5)[b-1swm4r5s93],
.sm-subgrid tbody td:nth-child(5)[b-1swm4r5s93] {
    padding-left: 36px;
}

/* ── Sessions subgrid (inside SM expand) — overrides for the two extra leading columns ── */
.sm-sessions-subgrid thead th:nth-child(-n+5)[b-1swm4r5s93],
.sm-sessions-subgrid tbody td:nth-child(-n+5)[b-1swm4r5s93] {
    text-align: left;
}

.sm-sessions-subgrid thead th:nth-child(n+6)[b-1swm4r5s93],
.sm-sessions-subgrid tbody td:nth-child(n+6)[b-1swm4r5s93] {
    text-align: center;
}

.sm-session-expand-cell[b-1swm4r5s93] {
    width: 28px;
    text-align: center !important;
    padding: 4px 6px !important;
}

/* ── Nested participant sub-subgrid ── */
.session-participants-row td[b-1swm4r5s93] {
    padding: 0 !important;
    background: #edf0fa;
    border-bottom: 1px solid rgba(102, 126, 234, 0.15);
}

.session-participants-wrap[b-1swm4r5s93] {
    padding: 0.35rem 1rem 0.45rem 3.5rem;
}

.session-participants-loading[b-1swm4r5s93] {
    padding: 0.35rem 1rem 0.35rem 3.5rem;
    color: #888;
    font-size: 0.78rem;
    font-style: italic;
}

.session-participants-table[b-1swm4r5s93] {
    font-size: 0.75rem;
    border-collapse: collapse;
    width: auto;
}

    .session-participants-table thead th[b-1swm4r5s93] {
        background: rgba(102, 126, 234, 0.12);
        font-size: 0.7rem;
        font-weight: 600;
        color: var(--brand-navy);
        padding: 3px 12px;
        white-space: nowrap;
    }

    .session-participants-table tbody td[b-1swm4r5s93] {
        padding: 3px 12px;
        border-bottom: 1px solid #dde2ee;
        white-space: nowrap;
    }

    .session-participants-table tbody tr:last-child td[b-1swm4r5s93] {
        border-bottom: none;
    }

/* ─────────────────────────────────────────────────────────────────────────────
   Visitor Detail Expandable Table
   ───────────────────────────────────────────────────────────────────────────── */

/* Table-layout fixed is required for resize: horizontal to work on <th> */
.visitor-table[b-1swm4r5s93] {
    table-layout: fixed;
    width: max-content;
    min-width: 100%;
}

/* Resizable header cells — default auto-stretch columns */
.vt-resizable[b-1swm4r5s93] {
    overflow: hidden;
    resize: horizontal;
    min-width: 60px;
    box-sizing: border-box;
    position: relative;
    padding: 0 !important; /* padding lives inside .sort-btn */
}

/* Compact columns — explicit width just wide enough for header + sort icon */
.vt-narrow[b-1swm4r5s93] {
    width: 80px;
    min-width: 70px;
    white-space: nowrap;
}

/* Narrow expand-toggle column */
.vt-expand-cell[b-1swm4r5s93] {
    width: 28px;
    min-width: 28px;
    padding: 0 4px !important;
    text-align: center;
    overflow: visible;
}

/* Sort button inside <th> — fills all clickable space, leaving right edge for resize grip */
.sort-btn[b-1swm4r5s93] {
    display: flex;
    align-items: center;
    gap: 0;
    width: calc(100% - 6px);
    background: none;
    border: none;
    cursor: pointer;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    color: #888;
    text-align: left;
    padding: 0.5rem 0.75rem;
    white-space: nowrap;
    user-select: none;
}

    .sort-btn:hover[b-1swm4r5s93] {
        background: #f5f5f5;
    }

/* Give the resize handle a visible drag affordance on hover */
.vt-resizable:hover[b-1swm4r5s93]::after {
    content: '';
    position: absolute;
    right: 0;
    top: 20%;
    height: 60%;
    width: 3px;
    background: rgba(102, 126, 234, 0.45);
    border-radius: 2px;
    pointer-events: none;
}

/* Visitor subgrid — outer indent wrapper */
.visitor-subgrid-wrap[b-1swm4r5s93] {
    padding: 0.5rem 1rem 0.75rem 2.5rem;
}

/* Visitor subgrid — horizontal scroll so long page paths never squeeze date columns */
.visitor-subgrid-scroll[b-1swm4r5s93] {
    overflow-x: auto;
}

    /* Allow the visitor subgrid table to size to its content — override the shared sm-subgrid rules */
    .visitor-subgrid-scroll .sm-subgrid[b-1swm4r5s93] {
        width: auto;
        min-width: 100%;
        table-layout: auto;
    }

        /* Give date columns a fixed minimum so they never compress */
        .visitor-subgrid-scroll .sm-subgrid td:nth-child(4)[b-1swm4r5s93],
        .visitor-subgrid-scroll .sm-subgrid th:nth-child(4)[b-1swm4r5s93],
        .visitor-subgrid-scroll .sm-subgrid td:nth-child(5)[b-1swm4r5s93],
        .visitor-subgrid-scroll .sm-subgrid th:nth-child(5)[b-1swm4r5s93] {
            min-width: 140px;
            white-space: nowrap;
        }

        /* Page column — allow it to grow freely, pushing scroll when long */
        .visitor-subgrid-scroll .sm-subgrid td:nth-child(3)[b-1swm4r5s93],
        .visitor-subgrid-scroll .sm-subgrid th:nth-child(3)[b-1swm4r5s93] {
            white-space: nowrap;
        }

/* ─────────────────────────────────────────────────────────────────────────────
   Visitor Detail Header / Bot Tinting / Feedback Styles
   ───────────────────────────────────────────────────────────────────────────── */
.visitor-detail-header[b-1swm4r5s93] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

    .visitor-detail-header .admin-section-title[b-1swm4r5s93] {
        margin: 0;
        flex-shrink: 0;
    }

.visitor-detail-stats[b-1swm4r5s93] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    font-size: 0.8rem;
    color: #666;
    flex: 1;
}

    .visitor-detail-stats strong[b-1swm4r5s93] {
        color: var(--brand-navy);
    }

.vd-stat-sep[b-1swm4r5s93] {
    color: #ccc;
}

.vd-stat-month[b-1swm4r5s93] {
    font-style: italic;
    color: #aaa;
}

/* Bot row tinting — parent and child rows */
.row-bot td[b-1swm4r5s93] {
    background-color: #fff5f5 !important;
    color: #b71c1c;
    opacity: 0.82;
}

.row-bot.sm-subgrid-row td[b-1swm4r5s93] {
    background-color: #fff0f0 !important;
}

.sm-subgrid .row-bot td[b-1swm4r5s93] {
    background-color: #fff0f0 !important;
    color: #b71c1c;
}

/* Template column — give it room for longer names */
.sm-subgrid-wrap .sm-subgrid td:nth-child(2)[b-1swm4r5s93],
.sm-subgrid-wrap .sm-subgrid th:nth-child(2)[b-1swm4r5s93] {
    min-width: 11rem;
    white-space: nowrap;
}

.feedback-row[b-1swm4r5s93] {
    cursor: pointer;
}

.row-reviewed td[b-1swm4r5s93] {
    background: #fafbfc;
}

.row-unreviewed td[b-1swm4r5s93] {
    background: #fffdf7;
}

.feedback-type-chip[b-1swm4r5s93] {
    display: inline-block;
    padding: 0.18rem 0.6rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
}

.feedback-type-general-feedback[b-1swm4r5s93] {
    background: #e8f0fb;
    color: #2d5d97;
}

.feedback-type-feature-request[b-1swm4r5s93] {
    background: #ecf7ef;
    color: #2a7a48;
}

.feedback-type-bug-report[b-1swm4r5s93] {
    background: #fdeceb;
    color: #c0392b;
}

.feedback-preview[b-1swm4r5s93] {
    max-width: 320px;
    color: #555;
}

.feedback-reviewed-badge[b-1swm4r5s93] {
    display: inline-block;
    padding: 0.18rem 0.55rem;
    border-radius: 999px;
    background: #e8f5e9;
    color: #2e7d32;
    font-size: 0.72rem;
    font-weight: 700;
}

.btn-mark-reviewed[b-1swm4r5s93] {
    border: none;
    border-radius: 6px;
    padding: 0.4rem 0.7rem;
    background: var(--brand-green);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    cursor: pointer;
}

    .btn-mark-reviewed:hover[b-1swm4r5s93] {
        background: #23663c;
    }

.feedback-full-comment[b-1swm4r5s93] {
    padding: 0.8rem 1rem 0.9rem 2.75rem;
}

    .feedback-full-comment p[b-1swm4r5s93] {
        margin: 0;
        color: #444;
        line-height: 1.55;
        white-space: pre-wrap;
    }

@media (max-width: 700px) {
    .feedback-preview[b-1swm4r5s93] {
        max-width: 180px;
    }
}
/* ── Launch Pulse: Today + Funnel + Recent Activity ─────────────────────── */
.admin-launch-pulse[b-1swm4r5s93] {
    display: grid;
    grid-template-columns: minmax(220px, 0.9fr) minmax(300px, 1.25fr) minmax(280px, 1.1fr);
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.pulse-panel[b-1swm4r5s93] {
    background: #fff;
    border-radius: 12px;
    padding: 1rem;
    box-shadow: 0 1px 4px rgba(0,0,0,0.07);
    min-width: 0;
}

.pulse-panel-header[b-1swm4r5s93] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.9rem;
}

    .pulse-panel-header h2[b-1swm4r5s93] {
        margin: 0;
        font-size: 0.95rem;
        font-weight: 800;
        color: var(--brand-navy);
    }

    .pulse-panel-header span[b-1swm4r5s93] {
        color: #999;
        font-size: 0.72rem;
        white-space: nowrap;
    }

.today-kpi-list[b-1swm4r5s93] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.today-kpi[b-1swm4r5s93] {
    background: #f8faff;
    border: 1px solid #e5ebf5;
    border-radius: 10px;
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.today-kpi-value[b-1swm4r5s93] {
    font-size: 1.55rem;
    line-height: 1;
    font-weight: 850;
    color: var(--brand-navy);
}

.today-kpi-label[b-1swm4r5s93] {
    font-size: 0.7rem;
    color: #777;
    line-height: 1.2;
}

.since-refresh-card[b-1swm4r5s93] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 0.75rem;
    align-items: center;
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid #edf0f6;
    font-size: 0.76rem;
    color: #777;
}

    .since-refresh-card strong[b-1swm4r5s93] {
        color: var(--brand-blue);
    }

.since-refresh-title[b-1swm4r5s93] {
    width: 100%;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 800;
    font-size: 0.66rem;
}

.funnel-list[b-1swm4r5s93] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.funnel-step-top[b-1swm4r5s93] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.25rem;
}

.funnel-step-label[b-1swm4r5s93] {
    color: #666;
    font-size: 0.78rem;
    font-weight: 700;
}

.funnel-step-value[b-1swm4r5s93] {
    color: var(--brand-navy);
    font-size: 0.85rem;
    font-weight: 850;
    font-variant-numeric: tabular-nums;
}

.funnel-bar-wrap[b-1swm4r5s93] {
    height: 8px;
    background: #eef1f7;
    border-radius: 999px;
    overflow: hidden;
}

.funnel-bar[b-1swm4r5s93] {
    height: 100%;
    min-width: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgb(102,126,234), rgb(118,75,162));
}

.funnel-step-sub[b-1swm4r5s93] {
    margin-top: 0.2rem;
    color: #999;
    font-size: 0.68rem;
}

.recent-activity-list[b-1swm4r5s93] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    max-height: 285px;
    overflow-y: auto;
}

.recent-activity-item[b-1swm4r5s93] {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr) auto;
    gap: 0.55rem;
    align-items: center;
    padding: 0.45rem 0;
    border-bottom: 1px solid #f1f2f5;
}

    .recent-activity-item:last-child[b-1swm4r5s93] {
        border-bottom: none;
    }

.recent-activity-icon[b-1swm4r5s93] {
    font-size: 0.95rem;
    text-align: center;
}

.recent-activity-copy[b-1swm4r5s93] {
    min-width: 0;
}

.recent-activity-title[b-1swm4r5s93] {
    color: var(--brand-navy);
    font-size: 0.78rem;
    font-weight: 750;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recent-activity-sub[b-1swm4r5s93] {
    color: #999;
    font-size: 0.68rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recent-activity-time[b-1swm4r5s93] {
    color: #aaa;
    font-size: 0.68rem;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.admin-empty-state--compact[b-1swm4r5s93] {
    padding: 1.25rem 0.5rem;
}

@media (max-width: 1100px) {
    .admin-launch-pulse[b-1swm4r5s93] {
        grid-template-columns: 1fr;
    }
}


/* ── Phase 3: Today + Funnel snapshot ───────────────────────────────────── */
.admin-pulse-grid[b-1swm4r5s93] {
    display: grid;
    grid-template-columns: 0.95fr 1.35fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

    .admin-pulse-grid .pulse-panel[b-1swm4r5s93] {
        margin-bottom: 0;
    }

/* ── Phase 3: Recent Activity Feed ──────────────────────────────────────── */
.recent-activity-section[b-1swm4r5s93] {
    padding: 1.35rem 1.5rem;
}

.recent-activity-header[b-1swm4r5s93] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

    .recent-activity-header .admin-section-title[b-1swm4r5s93] {
        margin: 0 0 0.2rem;
    }

    .recent-activity-header p[b-1swm4r5s93] {
        margin: 0;
        font-size: 0.82rem;
        color: #888;
    }

.recent-activity-count[b-1swm4r5s93] {
    flex: 0 0 auto;
    background: #f5f7fb;
    border: 1px solid #e5ebf5;
    border-radius: 999px;
    padding: 0.25rem 0.65rem;
    font-size: 0.75rem;
    color: #777;
    white-space: nowrap;
}

.recent-activity-timeline[b-1swm4r5s93] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem 1rem;
}

.recent-activity-event[b-1swm4r5s93] {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: 0.65rem;
    align-items: flex-start;
    background: #f8faff;
    border: 1px solid #e5ebf5;
    border-radius: 10px;
    padding: 0.75rem;
}

.recent-activity-dot[b-1swm4r5s93] {
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    background: #fff;
    border: 1px solid #dde6f3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

.recent-activity-body[b-1swm4r5s93] {
    min-width: 0;
}

.recent-activity-title-row[b-1swm4r5s93] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
}

.recent-activity-title[b-1swm4r5s93] {
    font-size: 0.84rem;
    font-weight: 750;
    color: var(--brand-navy);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recent-activity-time[b-1swm4r5s93] {
    flex: 0 0 auto;
    font-size: 0.72rem;
    color: #999;
    white-space: nowrap;
}

.recent-activity-sub[b-1swm4r5s93] {
    margin-top: 0.15rem;
    font-size: 0.76rem;
    color: #777;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1100px) {
    .admin-pulse-grid[b-1swm4r5s93],
    .recent-activity-timeline[b-1swm4r5s93] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .recent-activity-header[b-1swm4r5s93] {
        flex-direction: column;
        align-items: stretch;
    }

    .recent-activity-count[b-1swm4r5s93] {
        width: fit-content;
    }
}

/* ── Phase 4: Today Strip + Launch Funnel ───────────────────────────────── */
.admin-today-strip[b-1swm4r5s93] {
    margin-bottom: 1rem;
}

.today-strip-card[b-1swm4r5s93] {
    background: #fff;
    border-radius: 12px;
    padding: 1rem 1.25rem;
    box-shadow: 0 1px 4px rgba(0,0,0,0.07);
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 1.25rem;
}

.today-strip-heading[b-1swm4r5s93] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 90px;
}

.today-strip-title[b-1swm4r5s93] {
    font-size: 0.78rem;
    font-weight: 800;
    color: var(--brand-navy);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.today-strip-date[b-1swm4r5s93] {
    font-size: 0.78rem;
    color: #999;
}

.today-strip-metrics[b-1swm4r5s93] {
    display: grid;
    grid-template-columns: repeat(4, minmax(90px, 1fr));
    gap: 0.75rem;
}

.today-strip-metric[b-1swm4r5s93] {
    background: #f8faff;
    border: 1px solid #e5ebf5;
    border-radius: 10px;
    padding: 0.65rem 0.75rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.today-strip-value[b-1swm4r5s93] {
    font-size: 1.45rem;
    font-weight: 850;
    color: var(--brand-navy);
    line-height: 1;
}

.today-strip-label[b-1swm4r5s93] {
    margin-top: 0.25rem;
    font-size: 0.7rem;
    color: #888;
    text-align: center;
    white-space: nowrap;
}

.today-strip-refresh[b-1swm4r5s93] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    font-size: 0.74rem;
    color: #777;
    white-space: nowrap;
    border-left: 1px solid #e8e8e8;
    padding-left: 1rem;
}

    .today-strip-refresh span[b-1swm4r5s93] {
        font-size: 0.68rem;
        color: #aaa;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        font-weight: 700;
    }

    .today-strip-refresh strong[b-1swm4r5s93] {
        color: var(--brand-blue, #4a6fa5);
    }

.launch-funnel-section[b-1swm4r5s93] {
    padding: 1.4rem 1.5rem;
}

.launch-funnel-header[b-1swm4r5s93] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.1rem;
}

    .launch-funnel-header .admin-section-title[b-1swm4r5s93] {
        margin-bottom: 0.25rem;
    }

    .launch-funnel-header p[b-1swm4r5s93] {
        margin: 0;
        font-size: 0.82rem;
        color: #888;
    }

.launch-funnel-summary[b-1swm4r5s93] {
    display: flex;
    gap: 0.65rem;
    flex-wrap: wrap;
    justify-content: flex-end;
    font-size: 0.78rem;
    color: #777;
}

    .launch-funnel-summary span[b-1swm4r5s93] {
        background: #f8faff;
        border: 1px solid #e5ebf5;
        border-radius: 999px;
        padding: 0.35rem 0.65rem;
    }

    .launch-funnel-summary strong[b-1swm4r5s93] {
        color: var(--brand-navy);
    }

.launch-funnel-flow[b-1swm4r5s93] {
    display: grid;
    grid-template-columns: repeat(6, minmax(130px, 1fr));
    gap: 0.75rem;
}

.launch-funnel-step[b-1swm4r5s93] {
    background: #f8faff;
    border: 1px solid #e5ebf5;
    border-radius: 12px;
    padding: 0.9rem;
    min-width: 0;
}

.launch-funnel-step-top[b-1swm4r5s93] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 1.25rem;
}

.launch-funnel-icon[b-1swm4r5s93] {
    font-size: 1rem;
}

.launch-funnel-label[b-1swm4r5s93] {
    font-size: 0.74rem;
    color: #666;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.launch-funnel-value[b-1swm4r5s93] {
    margin-top: 0.55rem;
    font-size: 2rem;
    font-weight: 850;
    color: var(--brand-navy);
    line-height: 1;
}

.launch-funnel-bar-wrap[b-1swm4r5s93] {
    margin-top: 0.65rem;
    height: 8px;
    background: #e7ecf6;
    border-radius: 999px;
    overflow: hidden;
}

.launch-funnel-bar[b-1swm4r5s93] {
    height: 100%;
    min-width: 3px;
    max-width: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, rgb(102,126,234), rgb(118,75,162));
}

.launch-funnel-rate[b-1swm4r5s93] {
    margin-top: 0.45rem;
    font-size: 0.73rem;
    font-weight: 700;
    color: var(--brand-blue, #4a6fa5);
}

.launch-funnel-sub[b-1swm4r5s93] {
    margin-top: 0.15rem;
    font-size: 0.7rem;
    color: #999;
}

@media (max-width: 1200px) {
    .launch-funnel-flow[b-1swm4r5s93] {
        grid-template-columns: repeat(3, minmax(140px, 1fr));
    }
}

@media (max-width: 900px) {
    .today-strip-card[b-1swm4r5s93] {
        grid-template-columns: 1fr;
    }

    .today-strip-metrics[b-1swm4r5s93] {
        grid-template-columns: repeat(2, minmax(120px, 1fr));
    }

    .today-strip-refresh[b-1swm4r5s93] {
        border-left: none;
        border-top: 1px solid #e8e8e8;
        padding-left: 0;
        padding-top: 0.75rem;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .launch-funnel-header[b-1swm4r5s93] {
        flex-direction: column;
    }

    .launch-funnel-summary[b-1swm4r5s93] {
        justify-content: flex-start;
    }
}

@media (max-width: 640px) {
    .launch-funnel-flow[b-1swm4r5s93] {
        grid-template-columns: 1fr;
    }
}


/* ── Feedback Center ─────────────────────────────────────────────────────── */
.feedback-center-section[b-1swm4r5s93] {
    padding: 1.4rem 1.5rem;
}

.feedback-center-header[b-1swm4r5s93] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

    .feedback-center-header .admin-section-title[b-1swm4r5s93] {
        margin-bottom: 0.25rem;
    }

.feedback-center-subtitle[b-1swm4r5s93] {
    margin: 0;
    color: #888;
    font-size: 0.82rem;
}

.feedback-alert-pill[b-1swm4r5s93] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    background: #fff3e0;
    color: #c65f00;
    border: 1px solid #ffd8a8;
    font-size: 0.75rem;
    font-weight: 800;
    white-space: nowrap;
}

.feedback-center-grid[b-1swm4r5s93] {
    display: grid;
    grid-template-columns: minmax(230px, 0.85fr) minmax(420px, 1.65fr) minmax(220px, 0.9fr);
    gap: 1rem;
    align-items: flex-start;
}

.feedback-overview-panel[b-1swm4r5s93],
.feedback-table-panel[b-1swm4r5s93],
.ratings-panel[b-1swm4r5s93] {
    min-width: 0;
}

.feedback-overview-cards[b-1swm4r5s93] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.feedback-metric-card[b-1swm4r5s93] {
    background: #f8faff;
    border: 1px solid #e5ebf5;
    border-radius: 10px;
    padding: 0.85rem;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.feedback-metric-card-alert[b-1swm4r5s93] {
    background: #fffdf7;
    border-color: #ffe3a3;
}

.feedback-metric-label[b-1swm4r5s93] {
    font-size: 0.72rem;
    color: #777;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.feedback-metric-value[b-1swm4r5s93] {
    color: var(--brand-navy);
    font-size: 1.65rem;
    line-height: 1.1;
    font-weight: 850;
}

.feedback-metric-sub[b-1swm4r5s93] {
    color: #888;
    font-size: 0.75rem;
}

.feedback-type-panel[b-1swm4r5s93] {
    background: #fafbfc;
    border: 1px solid #edf0f5;
    border-radius: 10px;
    padding: 0.85rem;
}

.feedback-type-list[b-1swm4r5s93] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.feedback-type-row-main[b-1swm4r5s93] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
}

.feedback-type-count[b-1swm4r5s93] {
    color: var(--brand-navy);
    font-size: 0.8rem;
    font-weight: 800;
}

.feedback-type-bar-wrap[b-1swm4r5s93] {
    height: 7px;
    border-radius: 999px;
    background: #e8edf6;
    overflow: hidden;
}

.feedback-type-bar[b-1swm4r5s93] {
    height: 100%;
    min-width: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgb(102,126,234), rgb(118,75,162));
}

.feedback-type-note[b-1swm4r5s93] {
    margin-top: 0.2rem;
    color: #c65f00;
    font-size: 0.7rem;
    font-weight: 700;
}

.feedback-table-wrap[b-1swm4r5s93] {
    max-height: 420px;
    overflow-y: auto;
}

    .feedback-table-wrap .admin-table thead th[b-1swm4r5s93] {
        position: sticky;
        top: 0;
        z-index: 1;
        background: #f8f8f8;
    }

.feedback-empty-compact[b-1swm4r5s93] {
    padding: 1rem 0.5rem;
}

.ratings-list-compact[b-1swm4r5s93] {
    max-height: 420px;
    overflow-y: auto;
    padding-right: 0.25rem;
}

@media (max-width: 1200px) {
    .feedback-center-grid[b-1swm4r5s93] {
        grid-template-columns: 1fr;
    }

    .feedback-overview-cards[b-1swm4r5s93] {
        grid-template-columns: repeat(3, minmax(140px, 1fr));
    }
}

@media (max-width: 700px) {
    .feedback-center-header[b-1swm4r5s93] {
        flex-direction: column;
        align-items: stretch;
    }

    .feedback-overview-cards[b-1swm4r5s93] {
        grid-template-columns: 1fr;
    }
}


/* ── Visitor Analytics & Geography Accordion ─────────────────────────────── */
.visitor-analytics-section[b-1swm4r5s93] {
    padding: 0;
    overflow: hidden;
}

    .visitor-analytics-section .admin-table-wrap[b-1swm4r5s93] {
        max-height: 560px;
        overflow-y: auto;
        overflow-x: auto;
    }

    .visitor-analytics-section .admin-table thead th[b-1swm4r5s93] {
        position: sticky;
        top: 0;
        z-index: 1;
        background: #f8f8f8;
    }

.geography-section[b-1swm4r5s93] {
    padding: 0;
    overflow: hidden;
}

.accordion-header[b-1swm4r5s93] {
    width: 100%;
    min-height: 60px;
    border: none;
    background: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.1rem 1.5rem;
    text-align: left;
}

    .accordion-header:hover[b-1swm4r5s93] {
        background: #f8faff;
    }

.accordion-title[b-1swm4r5s93] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 1rem;
    font-weight: 800;
    color: var(--brand-navy);
}

.accordion-caret[b-1swm4r5s93] {
    color: var(--brand-blue);
    font-size: 0.75rem;
    width: 1rem;
    display: inline-flex;
    justify-content: center;
}

.accordion-summary[b-1swm4r5s93] {
    font-size: 0.78rem;
    color: #888;
    white-space: nowrap;
}

.geography-grid[b-1swm4r5s93] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    padding: 0 1.5rem 1.5rem;
}

.geography-table-card[b-1swm4r5s93] {
    border: 1px solid #edf0f5;
    border-radius: 10px;
    overflow: hidden;
    min-width: 0;
}

    .geography-table-card .admin-section-title[b-1swm4r5s93] {
        margin: 0;
        padding: 0.85rem 1rem;
        background: #f8faff;
        border-bottom: 1px solid #edf0f5;
    }

    .geography-table-card .admin-table-wrap[b-1swm4r5s93] {
        max-height: 360px;
        overflow-y: auto;
        overflow-x: auto;
    }

    .geography-table-card .admin-table thead th[b-1swm4r5s93] {
        position: sticky;
        top: 0;
        z-index: 1;
        background: #fff;
    }

@media (max-width: 900px) {
    .geography-grid[b-1swm4r5s93] {
        grid-template-columns: 1fr;
    }

    .accordion-header[b-1swm4r5s93] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.35rem;
    }
}


/* ── Visitor Details Accordion ───────────────────────────────────────────── */
.visitor-analytics-section .admin-table-wrap[b-1swm4r5s93] {
    margin: 0 1.5rem 1.5rem;
}

.visitor-accordion-header .accordion-summary[b-1swm4r5s93] {
    font-variant-numeric: tabular-nums;
}


/* ─────────────────────────────────────────────────────────────────────────────
   Phase 8: Admin Tabs
   ───────────────────────────────────────────────────────────────────────────── */
.admin-tab-nav[b-1swm4r5s93] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin: 0 0 1.25rem;
    padding: 0.45rem;
    background: #fff;
    border: 1px solid #e5ebf5;
    border-radius: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}

.admin-tab[b-1swm4r5s93] {
    border: 1px solid transparent;
    background: transparent;
    color: #667;
    border-radius: 999px;
    padding: 0.55rem 0.9rem;
    font-size: 0.85rem;
    font-weight: 800;
    cursor: pointer;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}

    .admin-tab:hover[b-1swm4r5s93] {
        background: #f5f7fb;
        color: var(--brand-navy);
    }

.admin-tab--active[b-1swm4r5s93] {
    background: linear-gradient(135deg, var(--brand-navy), var(--brand-blue));
    color: #fff;
    border-color: rgba(255,255,255,0.2);
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
}

    .admin-tab--active:hover[b-1swm4r5s93] {
        color: #fff;
        background: linear-gradient(135deg, var(--brand-navy), var(--brand-blue));
    }

/* ─────────────────────────────────────────────────────────────────────────────
   Phase 8: Team Retention / Team Insights
   ───────────────────────────────────────────────────────────────────────────── */
.team-retention-section[b-1swm4r5s93],
.team-insights-section[b-1swm4r5s93] {
    padding: 1.35rem 1.5rem;
}

.team-insights-header[b-1swm4r5s93] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

    .team-insights-header .admin-section-title[b-1swm4r5s93] {
        margin: 0 0 0.2rem;
    }

    .team-insights-header p[b-1swm4r5s93] {
        margin: 0;
        color: #888;
        font-size: 0.82rem;
    }

.team-insights-pill[b-1swm4r5s93] {
    flex: 0 0 auto;
    background: #f5f7fb;
    border: 1px solid #e5ebf5;
    border-radius: 999px;
    padding: 0.3rem 0.7rem;
    font-size: 0.75rem;
    font-weight: 800;
    color: #667;
    white-space: nowrap;
}

.team-retention-grid[b-1swm4r5s93] {
    display: grid;
    grid-template-columns: repeat(3, minmax(150px, 1fr));
    gap: 0.8rem;
}

.team-retention-card[b-1swm4r5s93] {
    background: #f8faff;
    border: 1px solid #e5ebf5;
    border-radius: 12px;
    padding: 1rem;
    min-height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.team-retention-card--primary[b-1swm4r5s93] {
    background: linear-gradient(135deg, #f8faff, #eef4ff);
    border-color: rgba(102,126,234,0.32);
}

.team-retention-label[b-1swm4r5s93] {
    color: #777;
    font-size: 0.76rem;
    font-weight: 800;
}

.team-retention-value[b-1swm4r5s93] {
    margin-top: 0.25rem;
    color: var(--brand-navy);
    font-size: 2rem;
    line-height: 1;
    font-weight: 900;
}

.team-retention-sub[b-1swm4r5s93] {
    margin-top: 0.4rem;
    color: #888;
    font-size: 0.73rem;
}

.team-insights-grid[b-1swm4r5s93] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.team-insight-card[b-1swm4r5s93] {
    min-width: 0;
    background: #f8faff;
    border: 1px solid #e5ebf5;
    border-radius: 12px;
    padding: 1rem;
}

.compact-insight-table[b-1swm4r5s93] {
    font-size: 0.78rem;
}

    .compact-insight-table th[b-1swm4r5s93],
    .compact-insight-table td[b-1swm4r5s93] {
        padding: 0.45rem 0.5rem;
    }

@media (max-width: 1150px) {
    .team-insights-grid[b-1swm4r5s93] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .admin-tab-nav[b-1swm4r5s93] {
        align-items: stretch;
    }

    .admin-tab[b-1swm4r5s93] {
        flex: 1 1 45%;
    }

    .team-retention-grid[b-1swm4r5s93] {
        grid-template-columns: 1fr;
    }

    .team-insights-header[b-1swm4r5s93] {
        flex-direction: column;
    }
}


/* ─────────────────────────────────────────────────────────────────────────────
   Phase 9: Follow-Up Analytics
   ───────────────────────────────────────────────────────────────────────────── */
.followup-analytics-section[b-1swm4r5s93],
.followup-insights-section[b-1swm4r5s93] {
    overflow: hidden;
}

.followup-analytics-header[b-1swm4r5s93] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

    .followup-analytics-header p[b-1swm4r5s93] {
        margin: 0.2rem 0 0;
        color: #888;
        font-size: 0.86rem;
    }

.followup-analytics-pill[b-1swm4r5s93] {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    border-radius: 999px;
    background: #f8faff;
    border: 1px solid #e5ebf5;
    color: var(--brand-navy);
    font-size: 0.78rem;
    font-weight: 800;
    padding: 0.35rem 0.65rem;
}

.followup-analytics-pill--warning[b-1swm4r5s93] {
    background: #fff8e1;
    border-color: #ffe0a3;
    color: #9a6700;
}

.followup-kpi-grid[b-1swm4r5s93] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.followup-kpi-card[b-1swm4r5s93] {
    background: #f8faff;
    border: 1px solid #e5ebf5;
    border-radius: 12px;
    padding: 1rem;
    min-height: 102px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.followup-kpi-card--primary[b-1swm4r5s93] {
    background: linear-gradient(135deg, #f8faff, #eef4ff);
    border-color: rgba(102,126,234,0.32);
}

.followup-kpi-label[b-1swm4r5s93] {
    color: #777;
    font-size: 0.76rem;
    font-weight: 800;
}

.followup-kpi-value[b-1swm4r5s93] {
    margin-top: 0.25rem;
    color: var(--brand-navy);
    font-size: 2rem;
    line-height: 1;
    font-weight: 900;
}

.followup-kpi-value--text[b-1swm4r5s93] {
    font-size: 1.1rem;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.followup-kpi-sub[b-1swm4r5s93] {
    margin-top: 0.4rem;
    color: #888;
    font-size: 0.73rem;
}

.followup-insights-grid[b-1swm4r5s93] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.followup-insight-card[b-1swm4r5s93] {
    min-width: 0;
    background: #f8faff;
    border: 1px solid #e5ebf5;
    border-radius: 12px;
    padding: 1rem;
}

@media (max-width: 1200px) {
    .followup-kpi-grid[b-1swm4r5s93],
    .followup-insights-grid[b-1swm4r5s93] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 760px) {
    .followup-analytics-header[b-1swm4r5s93] {
        flex-direction: column;
    }

    .followup-kpi-grid[b-1swm4r5s93],
    .followup-insights-grid[b-1swm4r5s93] {
        grid-template-columns: 1fr;
    }
}


/* ─────────────────────────────────────────────────────────────────────────────
   Phase 10: Traffic Attribution
   ───────────────────────────────────────────────────────────────────────────── */
.traffic-attribution-section[b-1swm4r5s93] {
    border-radius: 14px;
}

.traffic-attribution-header[b-1swm4r5s93] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

    .traffic-attribution-header .admin-section-title[b-1swm4r5s93] {
        margin-bottom: 0.25rem;
    }

    .traffic-attribution-header p[b-1swm4r5s93] {
        margin: 0;
        color: #888;
        font-size: 0.86rem;
    }

.traffic-attribution-summary[b-1swm4r5s93] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: flex-end;
    color: #777;
    font-size: 0.78rem;
}

    .traffic-attribution-summary span[b-1swm4r5s93] {
        background: #f8faff;
        border: 1px solid #e5ebf5;
        border-radius: 999px;
        padding: 0.35rem 0.65rem;
        white-space: nowrap;
    }

    .traffic-attribution-summary strong[b-1swm4r5s93] {
        color: var(--brand-navy);
    }

.traffic-attribution-grid[b-1swm4r5s93] {
    display: grid;
    grid-template-columns: minmax(360px, 1.2fr) minmax(320px, 1fr);
    gap: 1rem;
}

.traffic-source-card[b-1swm4r5s93] {
    min-width: 0;
    background: #f8faff;
    border: 1px solid #e5ebf5;
    border-radius: 12px;
    padding: 1rem;
}

    .traffic-source-card .admin-subsection-title[b-1swm4r5s93] {
        margin-bottom: 0.75rem;
    }

.traffic-source-list[b-1swm4r5s93] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.traffic-source-row[b-1swm4r5s93] {
    display: grid;
    grid-template-columns: minmax(140px, 0.8fr) minmax(120px, 1fr) minmax(150px, auto);
    align-items: center;
    gap: 0.75rem;
}

.traffic-source-main[b-1swm4r5s93] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
}

.traffic-source-icon[b-1swm4r5s93] {
    font-size: 1rem;
    line-height: 1;
}

.traffic-source-name[b-1swm4r5s93] {
    color: var(--brand-navy);
    font-weight: 800;
    font-size: 0.86rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.traffic-source-bar-wrap[b-1swm4r5s93] {
    height: 9px;
    border-radius: 999px;
    background: #e9edf5;
    overflow: hidden;
}

.traffic-source-bar[b-1swm4r5s93] {
    height: 100%;
    min-width: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgb(102,126,234), rgb(118,75,162));
}

.traffic-source-meta[b-1swm4r5s93] {
    color: #888;
    font-size: 0.76rem;
    white-space: nowrap;
    text-align: right;
}

    .traffic-source-meta strong[b-1swm4r5s93] {
        color: var(--brand-navy);
    }

.traffic-referrer-table th:nth-child(n+2)[b-1swm4r5s93],
.traffic-referrer-table td:nth-child(n+2)[b-1swm4r5s93] {
    text-align: center;
}

.traffic-referrer-host[b-1swm4r5s93] {
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--brand-navy);
    font-weight: 700;
}

@media (max-width: 1100px) {
    .traffic-attribution-grid[b-1swm4r5s93] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .traffic-attribution-header[b-1swm4r5s93] {
        flex-direction: column;
    }

    .traffic-attribution-summary[b-1swm4r5s93] {
        justify-content: flex-start;
    }

    .traffic-source-row[b-1swm4r5s93] {
        grid-template-columns: 1fr;
        gap: 0.35rem;
    }

    .traffic-source-meta[b-1swm4r5s93] {
        text-align: left;
    }
}


/* Visitor Details full-height grid layout */
.visitor-analytics-section[b-1swm4r5s93] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    height: calc(100vh - 205px);
    min-height: 32rem;
    padding: 1.1rem 1.25rem 1.25rem;
}

.visitor-details-header[b-1swm4r5s93] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0.15rem;
}

.visitor-details-subtitle[b-1swm4r5s93] {
    color: #667085;
    font-size: 0.92rem;
    margin: 0.35rem 0 0;
    padding-left: 0.15rem;
}

.visitor-details-count[b-1swm4r5s93] {
    background: rgba(102, 126, 234, 0.08);
    border: 1px solid rgba(102, 126, 234, 0.18);
    border-radius: 999px;
    color: #4b5fc0;
    display: inline-flex;
    font-size: 0.85rem;
    font-weight: 700;
    padding: 0.35rem 0.7rem;
    white-space: nowrap;
}

.visitor-table-scroll[b-1swm4r5s93] {
    flex: 1 1 auto;
    max-height: none;
    min-height: 0;
    overflow: auto;
    position: relative;
}

/* Sticky table header */
.visitor-table-scroll .visitor-table thead th[b-1swm4r5s93] {
    background: #ffffff;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
    position: sticky;
    top: 0;
    z-index: 6;
}

/* Freeze the first two visitor grid columns: expand + map. */
.visitor-table-scroll .visitor-table th:nth-child(1)[b-1swm4r5s93],
.visitor-table-scroll .visitor-table td:nth-child(1)[b-1swm4r5s93] {
    background: inherit;
    left: 0;
    min-width: 3.25rem;
    position: sticky;
    width: 3.25rem;
    z-index: 5;
}

.visitor-table-scroll .visitor-table th:nth-child(2)[b-1swm4r5s93],
.visitor-table-scroll .visitor-table td:nth-child(2)[b-1swm4r5s93] {
    background: inherit;
    left: 3.25rem;
    min-width: 3.25rem;
    position: sticky;
    width: 3.25rem;
    z-index: 5;
}

.visitor-table-scroll .visitor-table thead th:nth-child(1)[b-1swm4r5s93],
.visitor-table-scroll .visitor-table thead th:nth-child(2)[b-1swm4r5s93] {
    background: #ffffff;
    z-index: 8;
}

.visitor-table-scroll .visitor-table tbody tr:not(.row-bot) td:nth-child(1)[b-1swm4r5s93],
.visitor-table-scroll .visitor-table tbody tr:not(.row-bot) td:nth-child(2)[b-1swm4r5s93] {
    background: #ffffff;
}

.visitor-table-scroll .visitor-table tbody tr:not(.row-bot):hover td:nth-child(1)[b-1swm4r5s93],
.visitor-table-scroll .visitor-table tbody tr:not(.row-bot):hover td:nth-child(2)[b-1swm4r5s93] {
    background: #fafafa;
}

.visitor-table-scroll .visitor-table .row-bot td:nth-child(1)[b-1swm4r5s93],
.visitor-table-scroll .visitor-table .row-bot td:nth-child(2)[b-1swm4r5s93] {
    background: #fff5f5 !important;
}

.vt-map-cell[b-1swm4r5s93] {
    text-align: center;
    width: 3.25rem;
}

/* Nested visitor rows stay scrollable with their own sticky header. */
.visitor-table-scroll .sm-subgrid-wrap[b-1swm4r5s93],
.visitor-table-scroll .visitor-subgrid-scroll[b-1swm4r5s93] {
    max-height: 32vh;
    overflow: auto;
}

.visitor-table-scroll .sm-subgrid thead th[b-1swm4r5s93] {
    background: #fafafa;
    position: sticky;
    top: 0;
    z-index: 3;
}

/* Bot rows are very light red; normal visitor rows remain neutral. */
.row-bot td[b-1swm4r5s93] {
    background-color: #fff5f5 !important;
    color: #7f1d1d;
    opacity: 1;
}

.row-bot.sm-subgrid-row td[b-1swm4r5s93] {
    background-color: #fff7f7 !important;
}

.sm-subgrid .row-bot td[b-1swm4r5s93] {
    background-color: #fff7f7 !important;
    color: #7f1d1d;
}

@media (max-width: 800px) {
    .visitor-analytics-section[b-1swm4r5s93] {
        height: calc(100vh - 170px);
        min-height: 28rem;
        padding: 0.9rem;
    }

    .visitor-details-header[b-1swm4r5s93] {
        align-items: stretch;
        flex-direction: column;
    }

    .visitor-details-count[b-1swm4r5s93] {
        justify-content: center;
    }
}


.admin-internal-toggle[b-1swm4r5s93] {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #dbe4f0;
    border-radius: 999px;
    color: #334155;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.85rem;
    font-weight: 700;
    gap: 0.4rem;
    height: 2.25rem;
    padding: 0 0.85rem;
    white-space: nowrap;
}

.admin-internal-toggle input[b-1swm4r5s93] {
    cursor: pointer;
    margin: 0;
}

.internal-traffic-pill[b-1swm4r5s93] {
    background: #eef2ff;
    border: 1px solid #c7d2fe;
    border-radius: 999px;
    color: #3730a3;
    display: inline-flex;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    margin-left: 0.4rem;
    padding: 0.08rem 0.4rem;
    text-transform: uppercase;
    vertical-align: middle;
}


/* ─────────────────────────────────────────────────────────────────────────────
   Sticky Admin Shell & Unified Header Controls
   ───────────────────────────────────────────────────────────────────────────── */
.admin-sticky-shell[b-1swm4r5s93] {
    position: sticky;
    top: 0;
    z-index: 120;
    margin: -0.25rem -0.25rem 1.25rem;
    padding: 0.25rem 0.25rem 0.1rem;
    background: rgba(240, 242, 245, 0.97);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.admin-sticky-shell[b-1swm4r5s93]::after {
    content: "";
    position: absolute;
    right: 0.25rem;
    bottom: 0;
    left: 0.25rem;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(70, 91, 135, 0.16), transparent);
}

.admin-sticky-shell .admin-header[b-1swm4r5s93] {
    margin-bottom: 0.75rem;
    padding: 0.45rem 0.35rem 0;
}

.admin-sticky-shell .admin-tab-nav[b-1swm4r5s93] {
    margin-bottom: 0.65rem;
}

.admin-header-actions[b-1swm4r5s93] {
    gap: 0.55rem;
}

.refresh-countdown[b-1swm4r5s93],
.admin-internal-toggle[b-1swm4r5s93],
.btn-admin-action[b-1swm4r5s93],
.btn-admin-logout[b-1swm4r5s93] {
    min-height: 2.35rem;
    border-radius: 999px;
    box-sizing: border-box;
}

.refresh-countdown[b-1swm4r5s93] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    min-width: auto;
    padding: 0.42rem 0.7rem;
    color: #7a8498;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid #dfe6f2;
    text-align: center;
}

.admin-internal-toggle[b-1swm4r5s93] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.42rem 0.85rem;
    color: var(--brand-navy);
    background: #fff;
    border: 1px solid #d8e1ef;
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.admin-internal-toggle:hover[b-1swm4r5s93] {
    background: #f8faff;
    border-color: rgba(74, 111, 165, 0.45);
}

.admin-internal-toggle:focus-within[b-1swm4r5s93] {
    border-color: var(--brand-blue);
    box-shadow: 0 0 0 3px rgba(74, 111, 165, 0.14);
}

.admin-internal-toggle input[b-1swm4r5s93] {
    width: 0.95rem;
    height: 0.95rem;
    margin: 0;
    accent-color: var(--brand-blue);
}

.btn-admin-action[b-1swm4r5s93],
.btn-admin-logout[b-1swm4r5s93] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.42rem;
    padding: 0.42rem 0.85rem;
    border: 1px solid #d8e1ef;
    background: #fff;
    color: #4f5f78;
    font-size: 0.85rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    box-shadow: 0 1px 2px rgba(24, 39, 75, 0.04);
    transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease, color 0.15s ease;
}

.btn-admin-action:hover[b-1swm4r5s93] {
    transform: translateY(-1px);
    color: var(--brand-navy);
    background: #f8faff;
    border-color: rgba(74, 111, 165, 0.45);
    box-shadow: 0 4px 10px rgba(24, 39, 75, 0.08);
}

.btn-admin-logout[b-1swm4r5s93] {
    cursor: pointer;
}

.btn-admin-logout:hover[b-1swm4r5s93] {
    transform: translateY(-1px);
    color: #a33a45;
    background: #fff8f8;
    border-color: rgba(196, 76, 89, 0.42);
    box-shadow: 0 4px 10px rgba(123, 31, 43, 0.08);
}

.btn-admin-action:focus-visible[b-1swm4r5s93],
.btn-admin-logout:focus-visible[b-1swm4r5s93] {
    outline: none;
    border-color: var(--brand-blue);
    box-shadow: 0 0 0 3px rgba(74, 111, 165, 0.14);
}

@media (max-width: 900px) {
    .admin-sticky-shell[b-1swm4r5s93] {
        margin-right: -0.1rem;
        margin-left: -0.1rem;
        padding-right: 0.1rem;
        padding-left: 0.1rem;
    }

    .admin-sticky-shell .admin-header[b-1swm4r5s93] {
        padding-right: 0.15rem;
        padding-left: 0.15rem;
    }
}

@media (max-width: 640px) {
    .admin-sticky-shell[b-1swm4r5s93] {
        margin-top: -0.35rem;
        margin-right: -0.35rem;
        margin-left: -0.35rem;
        padding: 0.35rem 0.35rem 0.1rem;
    }

    .admin-header-actions[b-1swm4r5s93] {
        width: 100%;
        justify-content: flex-start;
    }

    .refresh-countdown[b-1swm4r5s93] {
        order: 5;
        min-height: auto;
        padding: 0.25rem 0.2rem;
        border-color: transparent;
        background: transparent;
    }

    .admin-sticky-shell .admin-tab-nav[b-1swm4r5s93] {
        flex-wrap: nowrap;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scrollbar-width: thin;
    }

    .admin-sticky-shell .admin-tab[b-1swm4r5s93] {
        flex: 0 0 auto;
        white-space: nowrap;
    }
}
/* /Components/Pages/Brand.razor.rz.scp.css */
.brand-page[b-gx4vkvdc5f] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    width: 100%;
}

.brand-logo[b-gx4vkvdc5f] {
    max-width: 90vw;
    max-height: 90vh;
    object-fit: contain;
}
/* /Components/Pages/Create.razor.rz.scp.css */
/* Create page shell/orchestration only.
   Form/session-ready styles are owned by CreateRetroPanel.
   Team access styles are owned by TeamAccessPanel.
   Welcome back internals are owned by WelcomeBackCard. */

.home-container[b-ma9i8lv7th] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    background: linear-gradient(135deg, var(--brand-navy-dark) 0%, var(--brand-navy) 100%);
    box-sizing: border-box;
}

.create-page-shell[b-ma9i8lv7th] {
    width: 100%;
    transition: max-width 0.18s ease;
}

.create-page-shell--single[b-ma9i8lv7th] {
    max-width: 440px;
}

.create-page-shell--with-sidebar[b-ma9i8lv7th] {
    max-width: 800px;
}

.create-home-link[b-ma9i8lv7th] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    margin-bottom: 0.75rem;
    color: #d7e3ff;
    font-size: 0.9rem;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.15s ease, text-decoration-color 0.15s ease;
}

.create-home-link:visited[b-ma9i8lv7th],
.create-home-link:active[b-ma9i8lv7th] {
    color: #d7e3ff;
}

.create-home-link:hover[b-ma9i8lv7th] {
    color: #ffffff;
    text-decoration: underline;
}

.home-card[b-ma9i8lv7th] {
    width: 100%;
    background: #fff;
    border-radius: 12px;
    padding: 2.9rem 2.6rem 2.5rem;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.28);
    box-sizing: border-box;
    transition: max-width 0.18s ease;
}

.home-card--single[b-ma9i8lv7th] {
    max-width: 440px;
}

.home-card--with-sidebar[b-ma9i8lv7th] {
    max-width: 800px;
}

.logo-banner[b-ma9i8lv7th] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.75rem;
    text-align: center;
}

    .logo-banner img[b-ma9i8lv7th] {
        display: block;
        width: 260px;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
    }

.logo-tagline[b-ma9i8lv7th] {
    margin: 0.65rem 0 0;
    color: #7c8796;
    font-size: 0.82rem;
    line-height: 1.35;
}

.create-body[b-ma9i8lv7th] {
    display: grid;
    gap: 1.25rem;
    width: 100%;
}

.create-body--single[b-ma9i8lv7th] {
    grid-template-columns: 1fr;
}

    .create-body--single .create-form-panel[b-ma9i8lv7th] {
        width: 360px;
        min-width: 0;
        max-width: 100%;
        margin: 0 auto;
    }

.create-body--with-sidebar[b-ma9i8lv7th] {
    grid-template-columns: 320px 1px 1fr;
    gap: 1.25rem;
    align-items: start;
}

    .create-body--with-sidebar[b-ma9i8lv7th]::before {
        content: "";
        grid-column: 2;
        grid-row: 1;
        width: 1px;
        height: 100%;
        background: #e0e6f0;
    }

    .create-body--with-sidebar > .welcome-back-card[b-ma9i8lv7th] {
        grid-column: 1;
    }

    .create-body--with-sidebar > .create-form-panel[b-ma9i8lv7th] {
        grid-column: 3;
        width: 100%;
        min-width: 0;
    }

.create-body--checking-welcome[b-ma9i8lv7th]::before {
    background: transparent;
}

.create-body--checking-welcome > .welcome-back-card[b-ma9i8lv7th] {
    visibility: hidden;
    pointer-events: none;
}

.create-form-panel[b-ma9i8lv7th] {
    min-width: 0;
}

.create-mode-switch[b-ma9i8lv7th] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 0.25rem;
    width: min(100%, 340px);
    margin: 0 auto 1.25rem;
    padding: 0.25rem;
    border: 1px solid #d7e3f3;
    border-radius: 999px;
    background: #eef4fb;
    box-shadow: inset 0 1px 2px rgba(15, 52, 96, 0.04);
}

.create-mode-link[b-ma9i8lv7th] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 36px;
    padding: 0.45rem 0.85rem;
    border: 1px solid transparent;
    border-radius: 999px;
    background: transparent;
    color: var(--brand-navy);
    font: inherit;
    font-size: 0.82rem;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

    .create-mode-link:hover[b-ma9i8lv7th] {
        color: var(--brand-blue);
        background: rgba(255, 255, 255, 0.58);
    }

    .create-mode-link.is-active[b-ma9i8lv7th] {
        color: #fff;
        background: linear-gradient(135deg, var(--brand-navy), var(--brand-blue));
        border-color: rgba(255, 255, 255, 0.58);
        box-shadow: 0 5px 14px rgba(15, 52, 96, 0.22);
    }

        .create-mode-link.is-active[b-ma9i8lv7th]::after {
            display: none;
        }

.create-mode-divider[b-ma9i8lv7th] {
    display: none;
}

.create-mode-content[b-ma9i8lv7th] {
    min-width: 0;
}

@media (max-width: 820px) {
    .home-container[b-ma9i8lv7th] {
        align-items: flex-start;
        padding: 1rem;
    }

    .create-page-shell[b-ma9i8lv7th],
    .create-page-shell--single[b-ma9i8lv7th],
    .create-page-shell--with-sidebar[b-ma9i8lv7th] {
        max-width: 440px;
    }

    .home-card[b-ma9i8lv7th],
    .home-card--single[b-ma9i8lv7th],
    .home-card--with-sidebar[b-ma9i8lv7th] {
        max-width: 440px;
        padding: 1.8rem 1.6rem;
    }

    .logo-banner img[b-ma9i8lv7th] {
        width: 240px;
    }

    .create-body--with-sidebar[b-ma9i8lv7th] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

        .create-body--with-sidebar[b-ma9i8lv7th]::before {
            display: none;
        }

        .create-body--with-sidebar > .welcome-back-card[b-ma9i8lv7th],
        .create-body--with-sidebar > .create-form-panel[b-ma9i8lv7th],
        .create-body--single .create-form-panel[b-ma9i8lv7th] {
            grid-column: auto;
            width: 100%;
        }
}

@media (max-width: 420px) {
    .home-container[b-ma9i8lv7th] {
        padding: 0.5rem;
    }

    .home-card[b-ma9i8lv7th] {
        padding: 1.55rem 1.35rem;
    }

    .create-mode-switch[b-ma9i8lv7th] {
        width: 100%;
    }

    .create-mode-link[b-ma9i8lv7th] {
        min-height: 34px;
        padding: 0.4rem 0.55rem;
        font-size: 0.78rem;
    }
}


/* ── Interactive Simulation Create Scene ──────────────────────────────── */
.simulation-create-banner[b-ma9i8lv7th] {
    margin: 0 auto 1rem;
    max-width: 520px;
    border: 1px solid rgba(32, 134, 188, 0.22);
    background: linear-gradient(135deg, rgba(32, 134, 188, 0.09), rgba(21, 35, 64, 0.05));
    border-radius: 14px;
    padding: 0.85rem 1rem;
    text-align: left;
    color: #334;
}

.simulation-create-eyebrow[b-ma9i8lv7th] {
    color: var(--brand-navy);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 0.25rem;
}

.simulation-create-banner p[b-ma9i8lv7th] {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.45;
}
/* /Components/Pages/CreateRetroPanel.razor.rz.scp.css */
/* ── Form ─────────────────────────────────────────────────────────────── */
.form-group[b-ewxucxw56d] {
    margin-bottom: 1.25rem;
}

    .form-group label[b-ewxucxw56d] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        font-size: 0.875rem;
        font-weight: 600;
        color: #555;
        margin-bottom: 0.4rem;
    }

.form-input[b-ewxucxw56d] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    font-size: 1rem;
    transition: border-color 0.2s;
    box-sizing: border-box;
}

    .form-input:focus[b-ewxucxw56d] {
        outline: none;
        border-color: var(--brand-blue);
    }

.error-msg[b-ewxucxw56d] {
    color: var(--brand-red);
    font-size: 0.875rem;
    margin-bottom: 0.75rem;
}

.success-banner[b-ewxucxw56d] {
    background: #eafaf1;
    border: 1px solid var(--brand-green);
    color: var(--brand-green-dark);
    border-radius: 8px;
    padding: 0.65rem 0.9rem;
    font-size: 0.875rem;
    margin-bottom: 0.75rem;
}

.role-badge[b-ewxucxw56d] {
    background: var(--brand-blue);
    color: #fff;
    font-size: 0.65rem;
    font-weight: 700;
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
    letter-spacing: 0.03em;
}

.optional-badge[b-ewxucxw56d],
.team-linked-badge[b-ewxucxw56d] {
    background: #eef2f7;
    color: #666;
    font-size: 0.65rem;
    font-weight: 700;
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
}

.team-linked-badge[b-ewxucxw56d] {
    background: #e9f6ef;
    color: var(--brand-green-dark);
}

.field-hint[b-ewxucxw56d] {
    margin: 0.35rem 0 0;
    font-size: 0.78rem;
    color: #888;
}

.template-select[b-ewxucxw56d] {
    appearance: auto;
    cursor: pointer;
    background-color: #fff;
}

/* ── Buttons / Links ──────────────────────────────────────────────────── */
.btn-primary[b-ewxucxw56d] {
    width: 100%;
    padding: 0.875rem;
    background: linear-gradient(135deg, var(--brand-navy), var(--brand-blue));
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    min-height: 48px;
    transition: opacity 0.2s, transform 0.1s;
}

    .btn-primary:hover:not(:disabled)[b-ewxucxw56d] {
        opacity: 0.9;
    }

    .btn-primary:active[b-ewxucxw56d] {
        transform: scale(0.98);
    }

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

.btn-secondary[b-ewxucxw56d] {
    width: 100%;
    padding: 0.875rem;
    background: transparent;
    color: var(--brand-navy);
    border: 2px solid var(--brand-navy);
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    min-height: 48px;
    margin-top: 0.5rem;
    transition: background 0.2s, color 0.2s;
}

    .btn-secondary:hover:not(:disabled)[b-ewxucxw56d] {
        background: var(--brand-navy);
        color: #fff;
    }

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


.share-before-meeting[b-ewxucxw56d] {
    margin-top: 0.9rem;
    text-align: center;
}

.share-before-meeting-text[b-ewxucxw56d] {
    margin: 0 0 0.15rem;
    color: #667;
    font-size: 0.8rem;
    line-height: 1.35;
}

.share-before-meeting-note[b-ewxucxw56d] {
    margin: 0 0 0.35rem;
    color: #8892a0;
    font-size: 0.74rem;
    line-height: 1.35;
}

.share-before-meeting-link[b-ewxucxw56d] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    padding: 0.25rem 0.35rem;
    border: none;
    background: transparent;
    color: var(--brand-navy);
    font-size: 0.86rem;
    font-weight: 750;
    cursor: pointer;
    text-decoration: none;
}

    .share-before-meeting-link:hover:not(:disabled)[b-ewxucxw56d] {
        color: var(--brand-blue);
        text-decoration: underline;
    }

    .share-before-meeting-link:disabled[b-ewxucxw56d] {
        opacity: 0.6;
        cursor: not-allowed;
    }

.join-link[b-ewxucxw56d] {
    display: block;
    text-align: center;
    margin-top: 1.25rem;
    color: var(--brand-navy);
    font-size: 0.875rem;
}

    .join-link:hover[b-ewxucxw56d] {
        text-decoration: underline;
    }

.go-home-link[b-ewxucxw56d] {
    display: block;
    text-align: center;
    font-size: 0.875rem;
    color: var(--brand-navy);
    padding-top: 0.25rem;
}

    .go-home-link:hover[b-ewxucxw56d] {
        text-decoration: underline;
    }

.team-code-toggle[b-ewxucxw56d] {
    margin-top: 0.35rem;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--brand-navy);
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
}

    .team-code-toggle:hover[b-ewxucxw56d] {
        text-decoration: underline;
    }

.toggle-option[b-ewxucxw56d] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: #555;
    margin-bottom: 1.25rem;
    cursor: pointer;
}

    .toggle-option input[type="checkbox"][b-ewxucxw56d] {
        width: 1rem;
        height: 1rem;
        cursor: pointer;
        accent-color: var(--brand-blue);
        flex-shrink: 0;
    }

/* ── Team fields ──────────────────────────────────────────────────────── */
.linked-team-input[b-ewxucxw56d] {
    background: #f4f8ff;
    border-color: #b8d4f5;
    color: #1f3d5a;
    font-weight: 600;
    cursor: not-allowed;
}

.team-linked-note[b-ewxucxw56d] {
    margin-top: 0.35rem;
    font-size: 0.78rem;
    color: #667;
}

/* ── Toast ────────────────────────────────────────────────────────────── */
.create-toast[b-ewxucxw56d] {
    position: fixed;
    top: 1.25rem;
    left: 50%;
    transform: translateX(-50%);
    background: #1a2b4a;
    color: #fff;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    font-size: 0.9rem;
    box-shadow: 0 4px 16px rgba(0,0,0,0.25);
    z-index: 9999;
    animation: toast-in-b-ewxucxw56d 0.3s ease, toast-out-b-ewxucxw56d 0.4s ease 3.6s forwards;
    white-space: nowrap;
}

@keyframes toast-in-b-ewxucxw56d {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(-12px);
    }

    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

@keyframes toast-out-b-ewxucxw56d {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

/* ── Session ready card ───────────────────────────────────────────────── */
.session-ready[b-ewxucxw56d] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.session-ready-title[b-ewxucxw56d] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--brand-green-dark);
    margin: 0;
}

.share-block[b-ewxucxw56d] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.share-label[b-ewxucxw56d] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #555;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.share-hint[b-ewxucxw56d] {
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    color: #999;
}

.share-row[b-ewxucxw56d] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: #f4f6f9;
    border: 1px solid #dde2ea;
    border-radius: 6px;
    padding: 0.5rem 0.75rem;
}

.share-value[b-ewxucxw56d] {
    flex: 1;
    font-family: monospace;
    font-size: 0.9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.code-value[b-ewxucxw56d] {
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    color: var(--brand-navy);
}

.btn-copy[b-ewxucxw56d] {
    flex-shrink: 0;
    padding: 0.3rem 0.75rem;
    background: var(--brand-navy);
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 0.8rem;
    cursor: pointer;
    white-space: nowrap;
}

    .btn-copy:hover[b-ewxucxw56d] {
        opacity: 0.85;
    }

.expiry-notice[b-ewxucxw56d] {
    font-size: 0.82rem;
    color: #b07d00;
    background: #fffbea;
    border: 1px solid #f0d070;
    border-radius: 6px;
    padding: 0.5rem 0.75rem;
    margin: 0;
}

.return-hint[b-ewxucxw56d] {
    font-size: 0.8rem;
    color: #888;
    margin: 0;
    text-align: center;
}

/* ── Sprint 4.3 Create page mode polish ─────────────────────────────── */
.form-group[b-ewxucxw56d] {
    margin-bottom: 1.05rem;
}

.form-input[b-ewxucxw56d] {
    min-height: 46px;
}

.btn-primary[b-ewxucxw56d],
.btn-secondary[b-ewxucxw56d] {
    min-height: 46px;
}


/* ── Interactive Simulation Create Scene ──────────────────────────────── */
.simulation-form-status[b-ewxucxw56d] {
    margin-bottom: 1rem;
    padding: 0.75rem 0.9rem;
    border-radius: 10px;
    background: #f4f8fb;
    border: 1px solid rgba(32, 134, 188, 0.18);
    color: var(--brand-navy);
    font-size: 0.86rem;
    font-weight: 700;
}
/* /Components/Pages/Faq.razor.rz.scp.css */
.faq[b-fu8hzmxplf] {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    color: #222;
}

/* ── Hero ──────────────────────────────────────────────────────────── */
.faq-hero[b-fu8hzmxplf] {
    background: linear-gradient(135deg, var(--brand-navy-dark) 0%, var(--brand-navy) 100%);
    padding: 5rem 1.5rem 4rem;
    text-align: center;
    color: #fff;
}

.hero-inner[b-fu8hzmxplf] {
    max-width: 640px;
    margin: 0 auto;
}

.hero-logo[b-fu8hzmxplf] {
    width: 280px;
    height: auto;
    margin-bottom: 1.5rem;
    background: #fff;
    border-radius: 12px;
    padding: 0.75rem 1.25rem;
}

.hero-title[b-fu8hzmxplf] {
    font-size: 2.4rem;
    font-weight: 800;
    margin: 0 0 1rem;
    line-height: 1.15;
}

.hero-tagline[b-fu8hzmxplf] {
    font-size: 1.15rem;
    font-weight: 400;
    opacity: 0.9;
    margin: 0;
}

/* ── Content section ───────────────────────────────────────────────── */
.faq-section[b-fu8hzmxplf] {
    padding: 3.5rem 1.5rem;
    background: #fff;
}

.section-inner[b-fu8hzmxplf] {
    max-width: 760px;
    margin: 0 auto;
}

/* ── Accordion ─────────────────────────────────────────────────────── */
.faq-accordion[b-fu8hzmxplf] {
    display: flex;
    flex-direction: column;
}

.accordion-item[b-fu8hzmxplf] {
    border-bottom: 1px solid #e8ecf0;
}

.accordion-item:first-child[b-fu8hzmxplf] {
    border-top: 1px solid #e8ecf0;
}

.accordion-trigger[b-fu8hzmxplf] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 0.25rem;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 600;
    color: var(--brand-navy);
    text-align: left;
    min-height: 52px;
    transition: color 0.15s;
}

.accordion-trigger:hover[b-fu8hzmxplf],
.accordion-trigger.is-open[b-fu8hzmxplf] {
    color: var(--brand-blue);
}

.accordion-chevron[b-fu8hzmxplf] {
    font-size: 1.2rem;
    line-height: 1;
    flex-shrink: 0;
    color: #aaa;
    transition: transform 0.2s ease;
}

.accordion-trigger.is-open .accordion-chevron[b-fu8hzmxplf] {
    transform: rotate(90deg);
    color: var(--brand-blue);
}

.accordion-body[b-fu8hzmxplf] {
    padding: 0 0.25rem 1.1rem;
    font-size: 0.95rem;
    color: #444;
    line-height: 1.7;
}

.accordion-body p[b-fu8hzmxplf] {
    margin: 0 0 0.6rem;
}

.accordion-body p:last-child[b-fu8hzmxplf] {
    margin-bottom: 0;
}

.accordion-body ul[b-fu8hzmxplf] {
    margin: 0.4rem 0 0.75rem 1.25rem;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.accordion-body ul li[b-fu8hzmxplf] {
    color: #333;
}

.accordion-body a[b-fu8hzmxplf] {
    color: var(--brand-blue);
    text-decoration: underline;
}

.accordion-body a:hover[b-fu8hzmxplf] {
    color: var(--brand-navy);
}

/* ── CTA ───────────────────────────────────────────────────────────── */
.faq-cta[b-fu8hzmxplf] {
    background: linear-gradient(135deg, var(--brand-navy-dark), var(--brand-navy));
    color: #fff;
    text-align: center;
    padding: 4rem 1.5rem;
}

.faq-cta h2[b-fu8hzmxplf] {
    font-size: 1.6rem;
    margin: 0 0 0.5rem;
}

.faq-cta p[b-fu8hzmxplf] {
    opacity: 0.8;
    margin: 0 0 2rem;
}

.btn-cta-primary[b-fu8hzmxplf] {
    background: var(--brand-blue);
    color: #fff;
    padding: 0.875rem 2rem;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;
    transition: opacity 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.btn-cta-primary:hover[b-fu8hzmxplf] {
    opacity: 0.88;
}

/* ── Footer ────────────────────────────────────────────────────────── */
.faq-footer[b-fu8hzmxplf] {
    background: var(--brand-navy-dark);
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
    padding: .25rem;
    font-size: 0.8rem;
}

.faq-footer a[b-fu8hzmxplf] {
    color: rgba(255, 255, 255, 0.7);
}

.faq-footer a:hover[b-fu8hzmxplf] {
    color: #fff;
}

/* ── Responsive ────────────────────────────────────────────────────── */
@media (max-width: 600px) {
    .hero-title[b-fu8hzmxplf] {
        font-size: 1.8rem;
    }

    .hero-tagline[b-fu8hzmxplf] {
        font-size: 1rem;
    }

    .accordion-trigger[b-fu8hzmxplf] {
        font-size: 0.9rem;
        padding: 0.875rem 0.25rem;
        min-height: 48px;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
body[b-6jhyf99j5o] {
}


.landing[b-6jhyf99j5o] {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    color: #222;
}

/* ── Hero ───────────────────────────────────────────────────────────── */
.landing-hero[b-6jhyf99j5o] {
    background: linear-gradient(135deg, var(--brand-navy-dark) 0%, var(--brand-navy) 100%);
    padding: 5rem 1.5rem 4rem;
    text-align: center;
    color: #fff;
}

.hero-inner[b-6jhyf99j5o] {
    max-width: 980px;
    margin: 0 auto;
}

.hero-logo[b-6jhyf99j5o] {
    width: 280px;
    height: auto;
    margin-bottom: 1.5rem;
    background: #fff;
    border-radius: 12px;
    padding: 0.75rem 1.25rem;
}

.hero-tagline[b-6jhyf99j5o] {
    font-size: 1.35rem;
    font-weight: 400;
    opacity: 0.9;
    margin: 0 0 0.75rem;
}

.hero-free[b-6jhyf99j5o] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #2ecc71;
    letter-spacing: 0.01em;
    margin: 0 0 2rem;
    opacity: 1;
}

.hero-actions[b-6jhyf99j5o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.hero-action-row[b-6jhyf99j5o] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: nowrap;
}

.hero-action-group[b-6jhyf99j5o] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    flex-wrap: nowrap;
}

.hero-action-group-explore[b-6jhyf99j5o] {
    padding-left: 0.5rem;
}

.btn-hero-primary[b-6jhyf99j5o] {
    background: var(--brand-blue);
    color: #fff;
    padding: 0.875rem 2rem;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;
    transition: opacity 0.2s;
}

    .btn-hero-primary:hover[b-6jhyf99j5o] {
        opacity: 0.88;
    }

.btn-hero-secondary[b-6jhyf99j5o] {
    background: rgba(255,255,255,0.12);
    color: #fff;
    padding: 0.875rem 2rem;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid rgba(255,255,255,0.3);
    transition: background 0.2s;
}

    .btn-hero-secondary:hover[b-6jhyf99j5o] {
        background: rgba(255,255,255,0.2);
    }

.btn-hero-simulation[b-6jhyf99j5o] {
    background: transparent;
    color: rgba(255,255,255,0.85);
    padding: 0.875rem 2rem;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    border: 1px solid rgba(255,255,255,0.3);
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    font-family: inherit;
}

    .btn-hero-simulation:hover[b-6jhyf99j5o] {
        background: rgba(255,255,255,0.12);
        color: #fff;
    }


.btn-hero-sandbox[b-6jhyf99j5o] {
    background: rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.85);
    padding: 0.875rem 2rem;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    border: 1px solid rgba(255,255,255,0.3);
    cursor: pointer;
    transition: background 0.2s, color 0.2s, opacity 0.2s;
    font-family: inherit;
}

    .btn-hero-sandbox:hover:not(:disabled)[b-6jhyf99j5o] {
        background: rgba(255,255,255,0.16);
        color: #fff;
    }

    .btn-hero-sandbox:disabled[b-6jhyf99j5o] {
        cursor: wait;
        opacity: 0.65;
    }

@media (max-width: 860px) {
    .hero-inner[b-6jhyf99j5o] {
        max-width: 760px;
    }

    .hero-action-row[b-6jhyf99j5o],
    .hero-action-group[b-6jhyf99j5o] {
        flex-wrap: nowrap;
    }

    .hero-action-row[b-6jhyf99j5o] {
        gap: 0.75rem;
    }

    .hero-action-group[b-6jhyf99j5o] {
        gap: 0.75rem;
    }

    .hero-action-group-explore[b-6jhyf99j5o] {
        padding-left: 0;
    }

    .btn-hero-primary[b-6jhyf99j5o],
    .btn-hero-secondary[b-6jhyf99j5o],
    .btn-hero-simulation[b-6jhyf99j5o],
    .btn-hero-sandbox[b-6jhyf99j5o] {
        padding-left: 1.15rem;
        padding-right: 1.15rem;
        font-size: 0.95rem;
        white-space: nowrap;
    }
}

@media (max-width: 620px) {
    .hero-action-row[b-6jhyf99j5o],
    .hero-action-group[b-6jhyf99j5o] {
        flex-wrap: wrap;
    }
}

/* ── Demo Video Modal ───────────────────────────────────────────────── */
.demo-video-backdrop[b-6jhyf99j5o] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.75);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.demo-video-modal[b-6jhyf99j5o] {
    position: relative;
    background: #000;
    border-radius: 10px;
    overflow: hidden;
    max-width: 1400px;
    width: 100%;
    box-shadow: 0 8px 40px rgba(0,0,0,0.6);
}

.demo-video-player[b-6jhyf99j5o] {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    max-height: 80vh;
}

.demo-video-close[b-6jhyf99j5o] {
    position: absolute;
    top: 0.5rem;
    right: 0.6rem;
    background: rgba(0,0,0,0.55);
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    font-size: 1.25rem;
    line-height: 1;
    cursor: pointer;
    z-index: 1;
    transition: background 0.15s;
}

    .demo-video-close:hover[b-6jhyf99j5o] {
        background: rgba(0,0,0,0.85);
    }


/* ── Sections ───────────────────────────────────────────────────────── */
.landing-section[b-6jhyf99j5o] {
    padding: 3.5rem 1.5rem;
    text-align: center;
    background: #fff;
}

.landing-section--alt[b-6jhyf99j5o] {
    background: #f4f6f9;
}

.section-title[b-6jhyf99j5o] {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--brand-navy);
    margin: 0 0 2.5rem;
}

/* ── Steps ──────────────────────────────────────────────────────────── */
.steps[b-6jhyf99j5o] {
    display: flex;
    gap: 2rem;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 900px;
    margin: 0 auto;
}

.step[b-6jhyf99j5o] {
    flex: 1;
    min-width: 200px;
    max-width: 260px;
}

.step-num[b-6jhyf99j5o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background: var(--brand-blue);
    color: #fff;
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
}

.step h3[b-6jhyf99j5o] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--brand-navy);
    margin: 0 0 0.4rem;
}

.step p[b-6jhyf99j5o] {
    font-size: 0.88rem;
    color: #666;
    margin: 0;
}

/* ── Solo tip ─────────────────────────────────────────────────────────────── */
.tip-wrap[b-6jhyf99j5o] {
    background: #fff;
    padding: 0 1.5rem 2.5rem;
    display: flex;
    justify-content: center;
}

.tip-box[b-6jhyf99j5o] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    max-width: 800px;
    width: 100%;
    background: #fffbea;
    border: 1px solid #f0e080;
    border-left: 3px solid #f5c400;
    border-radius: 10px;
    padding: 1rem 1.25rem;
    font-size: 0.88rem;
    color: #555;
    line-height: 1.5;
}

.tip-icon[b-6jhyf99j5o] {
    font-size: 1.2rem;
    flex-shrink: 0;
    margin-top: 0.05rem;
}

.tip-box strong[b-6jhyf99j5o] {
    display: block;
    font-size: 0.93rem;
    font-weight: 700;
    color: var(--brand-navy);
    margin-bottom: 0.2rem;
}

.tip-box p[b-6jhyf99j5o] {
    margin: 0;
}

/* ── Social proof ─────────────────────────────────────────────────────────── */
.social-proof-wrap[b-6jhyf99j5o] {
    background: #fff;
    padding: 0 1.5rem 2.5rem;
    display: flex;
    justify-content: center;
}

.social-proof-card[b-6jhyf99j5o] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    max-width: 800px;
    width: 100%;
    background: #f8faff;
    border: 1px solid #e0e6f0;
    border-left: 3px solid var(--brand-blue);
    border-radius: 10px;
    padding: 1rem 1.25rem;
    font-size: 0.88rem;
    color: #555;
    line-height: 1.5;
}

.social-proof-icon[b-6jhyf99j5o] {
    font-size: 1.2rem;
    flex-shrink: 0;
    margin-top: 0.05rem;
}

.social-proof-card strong[b-6jhyf99j5o] {
    display: block;
    font-size: 0.93rem;
    font-weight: 700;
    color: var(--brand-navy);
    margin-bottom: 0.2rem;
}

.social-proof-card p[b-6jhyf99j5o] {
    margin: 0;
}

/* ── Features ───────────────────────────────────────────────────────── */
.features[b-6jhyf99j5o] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1.25rem;
    max-width: 800px;
    margin: 0 auto;
    text-align: left;
}

.feature[b-6jhyf99j5o] {
    background: #fff;
    border-radius: 10px;
    padding: 1.1rem 1.25rem;
    font-size: 0.88rem;
    color: #444;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    line-height: 1.5;
}

    .feature a[b-6jhyf99j5o] {
        color: var(--brand-blue);
        text-decoration: underline;
    }

        .feature a:hover[b-6jhyf99j5o] {
            color: var(--brand-navy);
        }

/* ── Learn resource cards ────────────────────────────────────────── */
.learn-cards[b-6jhyf99j5o] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1.25rem;
    max-width: 900px;
    margin: 0 auto;
    text-align: left;
}

.learn-card[b-6jhyf99j5o] {
    background: #fff;
    border-radius: 10px;
    padding: 1.25rem 1.25rem 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
    border-top: 3px solid var(--brand-blue);
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    transition: box-shadow 0.15s, transform 0.15s;
}

    .learn-card:hover[b-6jhyf99j5o] {
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
        transform: translateY(-2px);
    }

.learn-card-icon[b-6jhyf99j5o] {
    font-size: 1.6rem;
    line-height: 1;
    margin-bottom: 0.1rem;
}

.learn-card h3[b-6jhyf99j5o] {
    font-size: 0.97rem;
    font-weight: 700;
    color: var(--brand-navy);
    margin: 0;
    line-height: 1.3;
}

.learn-card p[b-6jhyf99j5o] {
    font-size: 0.84rem;
    color: #666;
    margin: 0;
    line-height: 1.5;
}

/* ── CTA ────────────────────────────────────────────────────────────── */
.landing-cta[b-6jhyf99j5o] {
    background: linear-gradient(135deg, var(--brand-navy-dark), var(--brand-navy));
    color: #fff;
    text-align: center;
    padding: 4rem 1.5rem;
}

    .landing-cta h2[b-6jhyf99j5o] {
        font-size: 1.6rem;
        margin: 0 0 0.5rem;
    }

    .landing-cta p[b-6jhyf99j5o] {
        opacity: 0.8;
        margin: 0 0 2rem;
    }

    .landing-cta .cta-subtitle[b-6jhyf99j5o] {
        font-size: 0.9rem;
        opacity: 0.8;
        margin: 0 0 0.4rem;
    }

    .landing-cta .cta-subtitle_note[b-6jhyf99j5o] {
        margin-top: -2rem;
    }

/* ── Footer ─────────────────────────────────────────────────────────── */
.landing-footer[b-6jhyf99j5o] {
    background: var(--brand-navy-dark);
    color: rgba(255,255,255,0.5);
    text-align: center;
    padding: .25rem;
    font-size: 0.8rem;
}

    .landing-footer a[b-6jhyf99j5o] {
        color: rgba(255,255,255,0.7);
    }

        .landing-footer a:hover[b-6jhyf99j5o] {
            color: #fff;
        }

.footer-feedback-link[b-6jhyf99j5o] {
    display: inline;
    border: none;
    background: transparent;
    color: rgba(255,255,255,0.7);
    font: inherit;
    font-size: inherit;
    padding: 0;
    cursor: pointer;
    text-decoration: underline;
}

.footer-feedback-link:hover[b-6jhyf99j5o] {
    color: #fff;
}

.returning-shortcuts[b-6jhyf99j5o] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-top: 0.9rem;
}

.returning-shortcut-group[b-6jhyf99j5o] {
    min-width: 0;
}

.returning-shortcut-label[b-6jhyf99j5o] {
    display: block;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--brand-navy);
    margin-bottom: 0.35rem;
}

.returning-shortcut-pills[b-6jhyf99j5o] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.returning-team-pill[b-6jhyf99j5o] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    background: #fff;
    border: 1px solid #d8e0ec;
    border-radius: 999px;
    padding: 0.4rem 0.7rem;
    text-decoration: none;
    color: var(--brand-navy);
    font-size: 0.82rem;
    font-weight: 600;
}

    .returning-team-pill:hover[b-6jhyf99j5o] {
        background: #eef4ff;
        border-color: var(--brand-blue);
    }

@media (max-width: 700px) {
    .returning-shortcuts[b-6jhyf99j5o] {
        grid-template-columns: 1fr;
    }
}

/* ── What's New banner ───────────────────────────────────────────── */
.home-whats-new[b-6jhyf99j5o] {
    background: #fff;
    padding: 1.25rem 1.5rem 0;
}

.home-whats-new-content[b-6jhyf99j5o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    max-width: 900px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #e5eaf0;
    border-left: 4px solid var(--brand-blue);
    border-radius: 12px;
    padding: 1rem 1.1rem;
    box-shadow: 0 2px 12px rgba(15, 52, 96, 0.08);
    text-align: left;
}

.home-whats-new-kicker[b-6jhyf99j5o] {
    color: var(--brand-blue);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-bottom: 0.25rem;
}

.home-whats-new h2[b-6jhyf99j5o] {
    margin: 0;
    color: var(--brand-navy);
    font-size: 1.05rem;
}

.home-whats-new p[b-6jhyf99j5o] {
    margin: 0.3rem 0 0;
    color: #5f6b7a;
    font-size: 0.88rem;
    line-height: 1.45;
}

.home-whats-new-link[b-6jhyf99j5o] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0.55rem 0.9rem;
    border-radius: 8px;
    background: var(--brand-blue);
    color: #fff;
    text-decoration: none;
    font-weight: 800;
    font-size: 0.9rem;
    white-space: nowrap;
}

    .home-whats-new-link:hover[b-6jhyf99j5o] {
        opacity: 0.88;
    }

@media (max-width: 720px) {
    .home-whats-new-content[b-6jhyf99j5o] {
        flex-direction: column;
        align-items: flex-start;
    }

    .home-whats-new-link[b-6jhyf99j5o] {
        width: 100%;
    }
}

/* ── Interactive Demo Sandbox ───────────────────────────────────────────── */
.home-demo-sandbox[b-6jhyf99j5o] {
    background: #fff;
    padding: 1.25rem 1.5rem 0;
}

.home-demo-sandbox-card[b-6jhyf99j5o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    max-width: 900px;
    margin: 0 auto;
    background: linear-gradient(135deg, #f8faff 0%, #ffffff 100%);
    border: 1px solid #dfe7f3;
    border-left: 4px solid var(--brand-blue);
    border-radius: 14px;
    padding: 1.1rem 1.2rem;
    box-shadow: 0 2px 14px rgba(15, 52, 96, 0.10);
    text-align: left;
}

.home-demo-sandbox-copy[b-6jhyf99j5o] {
    min-width: 0;
}

.home-demo-sandbox-kicker[b-6jhyf99j5o] {
    color: var(--brand-blue);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-bottom: 0.25rem;
}

.home-demo-sandbox h2[b-6jhyf99j5o] {
    margin: 0;
    color: var(--brand-navy);
    font-size: 1.08rem;
}

.home-demo-sandbox p[b-6jhyf99j5o] {
    margin: 0.35rem 0 0;
    color: #5f6b7a;
    font-size: 0.9rem;
    line-height: 1.45;
}

.home-demo-sandbox-button[b-6jhyf99j5o] {
    flex-shrink: 0;
    min-height: 42px;
    padding: 0.65rem 1rem;
    border: none;
    border-radius: 9px;
    background: var(--brand-blue);
    color: #fff;
    font: inherit;
    font-size: 0.92rem;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap;
    transition: opacity 0.2s, transform 0.15s;
}

    .home-demo-sandbox-button:hover:not(:disabled)[b-6jhyf99j5o] {
        opacity: 0.9;
        transform: translateY(-1px);
    }

    .home-demo-sandbox-button:disabled[b-6jhyf99j5o] {
        cursor: wait;
        opacity: 0.7;
    }

.home-demo-sandbox-error[b-6jhyf99j5o] {
    margin-top: 0.7rem;
    color: #9b1c1c;
    background: #fff1f1;
    border: 1px solid #f2caca;
    border-radius: 8px;
    padding: 0.55rem 0.7rem;
    font-size: 0.84rem;
    font-weight: 700;
}

@media (max-width: 720px) {
    .home-demo-sandbox-card[b-6jhyf99j5o] {
        flex-direction: column;
        align-items: stretch;
    }

    .home-demo-sandbox-button[b-6jhyf99j5o] {
        width: 100%;
    }
}

/* ── Interactive Demo resume / launch states ─────────────────────────── */
.home-demo-sandbox-card[b-6jhyf99j5o] {
    align-items: stretch;
}

.home-demo-sandbox-actions[b-6jhyf99j5o] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    gap: 0.55rem;
    flex-shrink: 0;
    min-width: 210px;
}

.home-demo-sandbox-status[b-6jhyf99j5o] {
    display: grid;
    grid-template-columns: repeat(2, minmax(120px, 1fr));
    gap: 1rem;
    margin-top: 0.9rem;
    max-width: 440px;
}

.home-demo-sandbox-status-item[b-6jhyf99j5o] {
    min-width: 0;
}

.home-demo-sandbox-status-label[b-6jhyf99j5o] {
    color: #6f7b8a;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.25;
}

.home-demo-sandbox-status-value[b-6jhyf99j5o] {
    margin-top: 0.15rem;
    color: var(--brand-navy);
    font-size: 0.95rem;
    font-weight: 800;
    line-height: 1.25;
}

.home-demo-sandbox-fresh-button[b-6jhyf99j5o] {
    border: 1px solid #cfd9e8;
    background: #fff;
    color: var(--brand-navy);
    border-radius: 9px;
    padding: 0.55rem 0.85rem;
    font: inherit;
    font-size: 0.86rem;
    font-weight: 800;
    cursor: pointer;
    transition: background 0.2s, border-color 0.2s;
}

    .home-demo-sandbox-fresh-button:hover:not(:disabled)[b-6jhyf99j5o] {
        background: #eef4ff;
        border-color: var(--brand-blue);
    }

    .home-demo-sandbox-fresh-button:disabled[b-6jhyf99j5o] {
        cursor: not-allowed;
        opacity: 0.65;
    }

.home-demo-modal-backdrop[b-6jhyf99j5o] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(10, 24, 44, 0.58);
    z-index: 1200;
    padding: 1rem;
}

.home-demo-modal[b-6jhyf99j5o] {
    position: relative;
    width: min(440px, 100%);
    background: #fff;
    border-radius: 16px;
    padding: 1.4rem;
    box-shadow: 0 16px 50px rgba(0, 0, 0, 0.28);
    text-align: left;
}

.home-demo-modal-close[b-6jhyf99j5o] {
    position: absolute;
    top: 0.65rem;
    right: 0.75rem;
    border: none;
    background: transparent;
    color: #7a8492;
    font-size: 1.4rem;
    line-height: 1;
    cursor: pointer;
}

    .home-demo-modal-close:hover[b-6jhyf99j5o] {
        color: var(--brand-navy);
    }

.home-demo-modal-kicker[b-6jhyf99j5o] {
    color: var(--brand-blue);
    font-size: 0.78rem;
    font-weight: 850;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-bottom: 0.35rem;
}

.home-demo-modal h2[b-6jhyf99j5o] {
    color: var(--brand-navy);
    font-size: 1.12rem;
    margin: 0 1.6rem 1rem 0;
}

.home-demo-modal-input[b-6jhyf99j5o] {
    width: 100%;
    min-height: 46px;
    border: 2px solid #dce3ee;
    border-radius: 9px;
    padding: 0.75rem 0.9rem;
    font: inherit;
    font-size: 1rem;
    box-sizing: border-box;
}

    .home-demo-modal-input:focus[b-6jhyf99j5o] {
        outline: none;
        border-color: var(--brand-blue);
    }

.home-demo-modal-actions[b-6jhyf99j5o] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    margin-top: 1rem;
}

.home-demo-modal-actions .home-demo-sandbox-button[b-6jhyf99j5o] {
    flex: 1;
}

.home-demo-modal-cancel[b-6jhyf99j5o] {
    border: none;
    background: transparent;
    color: #667085;
    font: inherit;
    font-size: 0.9rem;
    font-weight: 750;
    cursor: pointer;
    padding: 0.55rem 0.25rem;
}

    .home-demo-modal-cancel:hover:not(:disabled)[b-6jhyf99j5o] {
        color: var(--brand-navy);
        text-decoration: underline;
    }

    .home-demo-modal-cancel:disabled[b-6jhyf99j5o] {
        cursor: not-allowed;
        opacity: 0.65;
    }

@media (max-width: 720px) {
    .home-demo-sandbox-actions[b-6jhyf99j5o] {
        width: 100%;
        min-width: 0;
    }

    .home-demo-sandbox-status[b-6jhyf99j5o] {
        grid-template-columns: 1fr;
        gap: 0.6rem;
    }

    .home-demo-modal-actions[b-6jhyf99j5o] {
        flex-direction: column;
        align-items: stretch;
    }
}

.home-demo-modal-field[b-6jhyf99j5o] {
    display: block;
    margin-top: 0.9rem;
}

.home-demo-modal-label[b-6jhyf99j5o] {
    display: block;
    color: var(--brand-navy);
    font-size: 0.82rem;
    font-weight: 800;
    margin-bottom: 0.35rem;
}

.home-demo-modal-select[b-6jhyf99j5o] {
    width: 100%;
    min-height: 46px;
    border: 2px solid #dce3ee;
    border-radius: 9px;
    padding: 0.7rem 0.85rem;
    font: inherit;
    font-size: 0.96rem;
    box-sizing: border-box;
    background: #fff;
    color: var(--brand-navy);
}

.home-demo-modal-select:focus[b-6jhyf99j5o] {
    outline: none;
    border-color: var(--brand-blue);
}

.home-demo-modal-select:disabled[b-6jhyf99j5o] {
    cursor: wait;
    opacity: 0.7;
}

.home-demo-modal-help[b-6jhyf99j5o] {
    margin: 0.6rem 0 0;
    color: #667085;
    font-size: 0.82rem;
    line-height: 1.4;
}


.btn-hero-dev-tools[b-6jhyf99j5o] {
    border: 1px dashed rgba(31, 41, 55, 0.38);
    background: rgba(255, 255, 255, 0.78);
    color: #374151;
    border-radius: 999px;
    padding: 0.72rem 1.05rem;
    font-weight: 700;
    cursor: pointer;
}

.btn-hero-dev-tools:hover[b-6jhyf99j5o],
.btn-hero-dev-tools:focus-visible[b-6jhyf99j5o] {
    background: #fff;
    border-color: rgba(31, 41, 55, 0.7);
    outline: none;
}

@media (max-width: 720px) {
    .hero-action-row[b-6jhyf99j5o],
    .hero-action-group[b-6jhyf99j5o] {
        width: 100%;
    }

    .hero-action-group-explore[b-6jhyf99j5o] {
        padding-left: 0;
    }

    .btn-hero-primary[b-6jhyf99j5o],
    .btn-hero-secondary[b-6jhyf99j5o],
    .btn-hero-simulation[b-6jhyf99j5o],
    .btn-hero-sandbox[b-6jhyf99j5o] {
        width: min(100%, 18rem);
        justify-content: center;
    }
}
.home-visually-hidden[b-6jhyf99j5o] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
/* /Components/Pages/Join.razor.rz.scp.css */
.join-container[b-z9jvbqfmxl] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    background: linear-gradient(135deg, var(--brand-navy-dark) 0%, var(--brand-navy) 100%);
    box-sizing: border-box;
}

.join-page-shell[b-z9jvbqfmxl] {
    width: 100%;
    padding: 2.9rem 2.6rem 2.5rem;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.28);
    box-sizing: border-box;
    transition: max-width 0.18s ease;
}

.join-page-shell--single[b-z9jvbqfmxl] {
    max-width: 440px;
}

.join-page-shell--with-history[b-z9jvbqfmxl] {
    max-width: 800px;
}

.logo-banner[b-z9jvbqfmxl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.75rem;
    text-align: center;
}

.logo-banner img[b-z9jvbqfmxl] {
    display: block;
    width: 260px;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.logo-tagline[b-z9jvbqfmxl] {
    margin: 0.65rem 0 0;
    color: #7c8796;
    font-size: 0.82rem;
    line-height: 1.35;
}

.join-body[b-z9jvbqfmxl] {
    display: grid;
    width: 100%;
}

.join-body--single[b-z9jvbqfmxl] {
    grid-template-columns: 1fr;
}

.join-body--single .join-form-panel[b-z9jvbqfmxl] {
    width: 360px;
    max-width: 100%;
    margin: 0 auto;
}

.join-body--with-history[b-z9jvbqfmxl] {
    grid-template-columns: 320px 1px 1fr;
    align-items: start;
    gap: 1.25rem;
}

.join-body--with-history[b-z9jvbqfmxl]::before {
    content: "";
    grid-column: 2;
    grid-row: 1;
    width: 1px;
    height: 100%;
    background: #e0e6f0;
}

.join-body--with-history > .welcome-back-card[b-z9jvbqfmxl] {
    grid-column: 1;
}

.join-body--with-history > .join-form-panel[b-z9jvbqfmxl] {
    grid-column: 3;
}

.join-form-panel[b-z9jvbqfmxl] {
    min-width: 0;
}

.join-title[b-z9jvbqfmxl] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    margin: 0 auto 1.25rem;
    padding: 0.25rem 0.85rem;
    border: 1px solid #d7e3f3;
    border-radius: 999px;
    background: #eef4fb;
    color: var(--brand-navy);
    font-size: 0.95rem;
    font-weight: 800;
    box-shadow: inset 0 1px 2px rgba(15, 52, 96, 0.04);
    box-sizing: border-box;
}

.session-hint[b-z9jvbqfmxl] {
    margin: -0.6rem 0 1rem;
    color: #555;
    font-size: 0.8rem;
    text-align: center;
}

.form-group[b-z9jvbqfmxl] {
    margin-bottom: 1.25rem;
}

.form-group label[b-z9jvbqfmxl] {
    display: block;
    margin-bottom: 0.4rem;
    color: #555;
    font-size: 0.875rem;
    font-weight: 600;
}

.form-input[b-z9jvbqfmxl] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    font-size: 1rem;
    transition: border-color 0.2s;
    box-sizing: border-box;
}

.form-input:focus[b-z9jvbqfmxl] {
    outline: none;
    border-color: var(--brand-blue);
}

.code-input[b-z9jvbqfmxl] {
    font-family: monospace;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.25em;
    text-transform: uppercase;
}

.error-msg[b-z9jvbqfmxl] {
    margin-bottom: 0.75rem;
    color: var(--brand-red);
    font-size: 0.875rem;
}

.btn-code-toggle[b-z9jvbqfmxl] {
    display: block;
    margin-bottom: 1.25rem;
    padding: 0;
    border: 0;
    background: none;
    color: var(--brand-navy);
    font-size: 0.8rem;
    text-decoration: underline;
    cursor: pointer;
}

.btn-code-toggle:hover[b-z9jvbqfmxl] {
    color: var(--brand-blue);
}

.btn-primary[b-z9jvbqfmxl] {
    width: 100%;
    min-height: 48px;
    padding: 0.875rem;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(135deg, var(--brand-navy), var(--brand-blue));
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    transition: opacity 0.2s, transform 0.1s;
}

.btn-primary:hover:not(:disabled)[b-z9jvbqfmxl] {
    opacity: 0.9;
}

.btn-primary:active[b-z9jvbqfmxl] {
    transform: scale(0.98);
}

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

.create-link[b-z9jvbqfmxl] {
    display: block;
    margin-top: 1.25rem;
    color: var(--brand-navy);
    font-size: 0.875rem;
    text-align: center;
}

.create-link:hover[b-z9jvbqfmxl] {
    text-decoration: underline;
}

.welcome-back-card[b-z9jvbqfmxl] {
    max-height: 620px;
    padding: 0.9rem;
    overflow-y: auto;
    border: 1px solid #dbe5f2;
    border-radius: 12px;
    background: #f8faff;
    font-size: 0.88rem;
}

.welcome-back-header[b-z9jvbqfmxl] {
    margin-bottom: 0.85rem;
}

.welcome-back-title[b-z9jvbqfmxl] {
    color: var(--brand-navy);
    font-size: 0.95rem;
    font-weight: 800;
    line-height: 1.35;
}

.welcome-back-subtitle[b-z9jvbqfmxl] {
    margin-top: 0.25rem;
    color: #667;
    font-size: 0.76rem;
    line-height: 1.35;
}

.welcome-back-section[b-z9jvbqfmxl] {
    padding: 0.75rem;
    border: 1px solid #dfe7f2;
    border-radius: 10px;
    background: #fff;
}

.welcome-back-section-header[b-z9jvbqfmxl] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.65rem;
}

.welcome-back-section-header h2[b-z9jvbqfmxl] {
    margin: 0;
    color: #4f5e70;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.welcome-back-section-header p[b-z9jvbqfmxl] {
    margin: 0.2rem 0 0;
    color: #7b8796;
    font-size: 0.72rem;
    line-height: 1.3;
}

.welcome-back-count[b-z9jvbqfmxl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.35rem;
    height: 1.35rem;
    padding: 0 0.35rem;
    border-radius: 999px;
    background: #eef6ff;
    color: var(--brand-blue);
    font-size: 0.72rem;
    font-weight: 800;
}

.recent-retros-list[b-z9jvbqfmxl] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.recent-retro-entry[b-z9jvbqfmxl] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.18rem;
    min-width: 0;
    padding: 0.5rem 0.65rem;
    border: 1px solid #d8e0ec;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.recent-retro-entry:focus-visible[b-z9jvbqfmxl] {
    outline: 2px solid var(--brand-blue);
    outline-offset: 2px;
}

.recent-retro-entry:hover[b-z9jvbqfmxl] {
    border-color: var(--brand-blue);
    background: #f8fbff;
    box-shadow: 0 5px 14px rgba(15, 52, 96, 0.1);
    transform: translateY(-1px);
}

.recent-retro-rejoin[b-z9jvbqfmxl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    grid-column: 1 / -1;
    min-width: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--brand-navy);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.recent-retro-rejoin:hover:not(:disabled) .recent-retro-name[b-z9jvbqfmxl] {
    color: var(--brand-blue);
}

.recent-team-name[b-z9jvbqfmxl] {
    overflow: hidden;
    color: var(--brand-navy);
    font-size: 0.84rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.join-team-hide[b-z9jvbqfmxl] {
    align-self: center;
    padding: 0;
    border: 0;
    background: transparent;
    color: #8a96a8;
    font: inherit;
    font-size: 0.7rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
}

.join-team-hide:hover:not(:disabled)[b-z9jvbqfmxl] {
    color: #5f7084;
    text-decoration: underline;
}

.recent-retro-name[b-z9jvbqfmxl] {
    overflow: hidden;
    color: #5f7084;
    font-size: 0.74rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recent-retro-date[b-z9jvbqfmxl] {
    flex-shrink: 0;
    color: #5f7084;
    font-size: 0.7rem;
    font-weight: 700;
    white-space: nowrap;
}

.history-remove-button[b-z9jvbqfmxl],
.history-clear-button[b-z9jvbqfmxl] {
    width: fit-content;
    padding: 0;
    border: 0;
    background: transparent;
    color: #8a96a8;
    font: inherit;
    font-size: 0.7rem;
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer;
}

.history-remove-button[b-z9jvbqfmxl] {
    justify-self: end;
}

.history-clear-button[b-z9jvbqfmxl] {
    display: block;
    margin: 0.7rem 0 0 auto;
}

.history-remove-button:hover:not(:disabled)[b-z9jvbqfmxl],
.history-clear-button:hover:not(:disabled)[b-z9jvbqfmxl] {
    color: var(--brand-red);
}

.history-remove-button:disabled[b-z9jvbqfmxl],
.history-clear-button:disabled[b-z9jvbqfmxl],
.recent-retro-rejoin:disabled[b-z9jvbqfmxl] {
    opacity: 0.6;
    cursor: not-allowed;
}

.join-history-backdrop[b-z9jvbqfmxl] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(9, 18, 33, 0.48);
}

.join-history-modal[b-z9jvbqfmxl] {
    display: flex;
    flex-direction: column;
    width: min(460px, 100%);
    max-height: min(620px, calc(100vh - 2rem));
    overflow: hidden;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.32);
}

.join-history-header[b-z9jvbqfmxl] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.05rem 0.85rem;
    border-bottom: 1px solid #e2e9f3;
    background: linear-gradient(180deg, #f8fbff 0%, #fff 100%);
}

.join-history-header h2[b-z9jvbqfmxl] {
    margin: 0;
    color: var(--brand-navy);
    font-size: 1.05rem;
    font-weight: 800;
}

.join-history-header p[b-z9jvbqfmxl] {
    margin: 0.25rem 0 0;
    color: #7b8796;
    font-size: 0.78rem;
}

.join-history-close[b-z9jvbqfmxl] {
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    border: 1px solid #d8e0ec;
    border-radius: 999px;
    background: #fff;
    color: #667;
    font-size: 1.25rem;
    cursor: pointer;
}

.join-history-close:hover[b-z9jvbqfmxl] {
    border-color: var(--brand-blue);
    background: #f2f7ff;
    color: var(--brand-navy);
}

.join-history-list[b-z9jvbqfmxl] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.85rem;
    overflow-y: auto;
}

.join-history-row[b-z9jvbqfmxl] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: 100%;
    min-width: 0;
    padding: 0.65rem 0.7rem;
    border: 1px solid #d8e0ec;
    border-radius: 9px;
    background: #fff;
    color: var(--brand-navy);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.join-history-row:hover:not(:disabled)[b-z9jvbqfmxl] {
    border-color: var(--brand-blue);
    background: #f2f7ff;
    box-shadow: 0 5px 14px rgba(15, 52, 96, 0.1);
    transform: translateY(-1px);
}

.join-history-row--active[b-z9jvbqfmxl] {
    border-color: #bde3ca;
    background: #f6fff9;
}

.join-history-row:disabled[b-z9jvbqfmxl] {
    opacity: 0.6;
    cursor: not-allowed;
}

.join-history-icon[b-z9jvbqfmxl] {
    flex-shrink: 0;
    width: 1.35rem;
    text-align: center;
}

.join-history-main[b-z9jvbqfmxl] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 0.08rem;
    min-width: 0;
}

.join-history-name[b-z9jvbqfmxl] {
    overflow: hidden;
    font-size: 0.84rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.join-history-status[b-z9jvbqfmxl],
.join-history-date[b-z9jvbqfmxl] {
    color: #7b8796;
    font-size: 0.7rem;
    font-weight: 700;
}

.join-history-status[b-z9jvbqfmxl] {
    color: var(--brand-green, #2a7a48);
    font-weight: 800;
}

.join-history-date[b-z9jvbqfmxl] {
    flex-shrink: 0;
    white-space: nowrap;
}

@media (max-width: 820px) {
    .join-container[b-z9jvbqfmxl] {
        align-items: flex-start;
        padding: 1rem;
    }

    .join-page-shell[b-z9jvbqfmxl],
    .join-page-shell--single[b-z9jvbqfmxl],
    .join-page-shell--with-history[b-z9jvbqfmxl] {
        max-width: 440px;
        padding: 1.8rem 1.6rem;
    }

    .logo-banner img[b-z9jvbqfmxl] {
        width: 240px;
    }

    .join-body--with-history[b-z9jvbqfmxl] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .join-body--with-history[b-z9jvbqfmxl]::before {
        display: none;
    }

    .join-body--with-history > .welcome-back-card[b-z9jvbqfmxl],
    .join-body--with-history > .join-form-panel[b-z9jvbqfmxl] {
        grid-column: auto;
    }

    .join-form-panel[b-z9jvbqfmxl] {
        grid-row: 1;
    }

    .welcome-back-card[b-z9jvbqfmxl] {
        grid-row: 2;
        max-height: none;
    }
}

@media (max-width: 420px) {
    .join-container[b-z9jvbqfmxl] {
        padding: 0.5rem;
    }

    .join-page-shell[b-z9jvbqfmxl] {
        padding: 1.55rem 1.35rem;
    }
}
/* /Components/Pages/NotFound.razor.rz.scp.css */
.not-found[b-xv9c5ett9l] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    background: linear-gradient(135deg, var(--brand-navy-dark) 0%, var(--brand-navy) 100%);
    padding: 2rem 1.5rem;
}

.not-found-inner[b-xv9c5ett9l] {
    text-align: center;
    color: #fff;
    max-width: 480px;
}

.not-found-icon[b-xv9c5ett9l] {
    font-size: 3.5rem;
    margin-bottom: 1rem;
    opacity: 0.85;
    line-height: 1;
}

.not-found h1[b-xv9c5ett9l] {
    font-size: 2rem;
    font-weight: 800;
    margin: 0 0 0.75rem;
    line-height: 1.2;
}

.not-found p[b-xv9c5ett9l] {
    font-size: 1rem;
    opacity: 0.8;
    margin: 0 0 2rem;
    line-height: 1.6;
}

.not-found-actions[b-xv9c5ett9l] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 1.75rem;
}

.not-found-btn-primary[b-xv9c5ett9l] {
    background: var(--brand-blue);
    color: #fff;
    padding: 0.75rem 1.75rem;
    border-radius: 8px;
    font-size: 0.95rem;
    font-weight: 700;
    text-decoration: none;
    transition: opacity 0.2s;
}

.not-found-btn-primary:hover[b-xv9c5ett9l] {
    opacity: 0.88;
}

.not-found-btn-secondary[b-xv9c5ett9l] {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    padding: 0.75rem 1.75rem;
    border-radius: 8px;
    font-size: 0.95rem;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, 0.3);
    transition: background 0.2s;
}

.not-found-btn-secondary:hover[b-xv9c5ett9l] {
    background: rgba(255, 255, 255, 0.2);
}

.not-found-links[b-xv9c5ett9l] {
    display: flex;
    gap: 0.6rem;
    justify-content: center;
    align-items: center;
    font-size: 0.85rem;
    opacity: 0.6;
}

.not-found-links a[b-xv9c5ett9l] {
    color: rgba(255, 255, 255, 0.85);
    text-decoration: underline;
}

.not-found-links a:hover[b-xv9c5ett9l] {
    opacity: 1;
}

.not-found-links span[b-xv9c5ett9l] {
    color: rgba(255, 255, 255, 0.4);
}
/* /Components/Pages/Privacy.razor.rz.scp.css */
.privacy[b-cf5f48ijfr] {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    color: #222;
}

/* ── Hero ──────────────────────────────────────────────────────────── */
.privacy-hero[b-cf5f48ijfr] {
    background: linear-gradient(135deg, var(--brand-navy-dark) 0%, var(--brand-navy) 100%);
    padding: 5rem 1.5rem 4rem;
    text-align: center;
    color: #fff;
}

.hero-inner[b-cf5f48ijfr] {
    max-width: 640px;
    margin: 0 auto;
}

.hero-logo[b-cf5f48ijfr] {
    width: 280px;
    height: auto;
    margin-bottom: 1.5rem;
    background: #fff;
    border-radius: 12px;
    padding: 0.75rem 1.25rem;
}

.hero-title[b-cf5f48ijfr] {
    font-size: 2.4rem;
    font-weight: 800;
    margin: 0 0 1rem;
    line-height: 1.15;
}

.hero-tagline[b-cf5f48ijfr] {
    font-size: 1.05rem;
    font-weight: 400;
    opacity: 0.9;
    margin: 0;
    line-height: 1.6;
}

/* ── Sections ──────────────────────────────────────────────────────── */
.privacy-section[b-cf5f48ijfr] {
    padding: 3rem 1.5rem;
    background: #fff;
}

.privacy-section--alt[b-cf5f48ijfr] {
    background: #f4f6f9;
}

.section-inner[b-cf5f48ijfr] {
    max-width: 760px;
    margin: 0 auto;
}

.section-title[b-cf5f48ijfr] {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--brand-navy);
    margin: 0 0 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #e8ecf0;
}

/* ── Body copy ─────────────────────────────────────────────────────── */
.privacy-body[b-cf5f48ijfr] {
    font-size: 0.97rem;
    line-height: 1.75;
    color: #444;
    margin: 0 0 0.85rem;
}

.privacy-body:last-child[b-cf5f48ijfr] {
    margin-bottom: 0;
}

/* ── Lists ─────────────────────────────────────────────────────────── */
.privacy-list[b-cf5f48ijfr] {
    list-style: none;
    padding: 0;
    margin: 0 0 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.privacy-list li[b-cf5f48ijfr] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    font-size: 0.97rem;
    color: #333;
    line-height: 1.55;
}

.privacy-list li[b-cf5f48ijfr]::before {
    content: '–';
    color: var(--brand-blue);
    font-weight: 700;
    flex-shrink: 0;
    margin-top: 0.05rem;
}

/* ── Footer ────────────────────────────────────────────────────────── */
.privacy-footer[b-cf5f48ijfr] {
    background: var(--brand-navy-dark);
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
    padding: .25rem;
    font-size: 0.8rem;
}

.privacy-footer a[b-cf5f48ijfr] {
    color: rgba(255, 255, 255, 0.7);
}

.privacy-footer a:hover[b-cf5f48ijfr] {
    color: #fff;
}

/* ── Responsive ────────────────────────────────────────────────────── */
@media (max-width: 600px) {
    .hero-title[b-cf5f48ijfr] {
        font-size: 1.8rem;
    }

    .hero-tagline[b-cf5f48ijfr] {
        font-size: 0.97rem;
    }

    .section-title[b-cf5f48ijfr] {
        font-size: 1.15rem;
    }
}
/* /Components/Pages/Session.razor.rz.scp.css */
.loading-state[b-ti5ue6t8t5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    gap: 1rem;
    color: #555;
    font-size: 1rem;
}

/* ── Icebreaker Wheel Modal ──────────────────────────────────────── */
.icebreaker-modal-backdrop[b-ti5ue6t8t5] {
    position: fixed;
    inset: 0;
    background: rgba(22, 45, 74, 0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    z-index: 1100;
    backdrop-filter: blur(2px);
}

.icebreaker-modal[b-ti5ue6t8t5] {
    width: 100%;
    max-width: 420px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
    max-height: 98vh;
    overflow-x: hidden;
    overflow-y: auto;
}

.icebreaker-modal-header[b-ti5ue6t8t5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.9rem 1.1rem 0.75rem;
    background: var(--brand-navy);
    border-radius: 16px 16px 0 0;
    flex-shrink: 0;
}

    .icebreaker-modal-header h2[b-ti5ue6t8t5] {
        margin: 0;
        font-size: 1rem;
        font-weight: 700;
        color: #fff;
    }

.btn-close-icebreaker[b-ti5ue6t8t5] {
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.75);
    font-size: 1rem;
    cursor: pointer;
    padding: 0.2rem 0.4rem;
    border-radius: 4px;
    line-height: 1;
    transition: background 0.15s, color 0.15s;
}

    .btn-close-icebreaker:hover[b-ti5ue6t8t5] {
        background: rgba(255, 255, 255, 0.15);
        color: #fff;
    }

.icebreaker-open[b-ti5ue6t8t5] {
    animation: icebreaker-backdrop-in-b-ti5ue6t8t5 220ms ease-out both;
}

    .icebreaker-open .icebreaker-modal[b-ti5ue6t8t5] {
        animation: icebreaker-modal-in-b-ti5ue6t8t5 220ms ease-out both;
    }

.icebreaker-closing[b-ti5ue6t8t5] {
    animation: icebreaker-backdrop-out-b-ti5ue6t8t5 220ms ease-in both;
}

    .icebreaker-closing .icebreaker-modal[b-ti5ue6t8t5] {
        animation: icebreaker-modal-out-b-ti5ue6t8t5 220ms ease-in both;
    }

@keyframes icebreaker-backdrop-in-b-ti5ue6t8t5 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes icebreaker-backdrop-out-b-ti5ue6t8t5 {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes icebreaker-modal-in-b-ti5ue6t8t5 {
    from {
        opacity: 0;
        transform: translateY(10px) scale(0.96);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes icebreaker-modal-out-b-ti5ue6t8t5 {
    from {
        opacity: 1;
        transform: translateY(0) scale(1);
    }

    to {
        opacity: 0;
        transform: translateY(10px) scale(0.96);
    }
}

.btn-go-home[b-ti5ue6t8t5] {
    padding: 0.75rem 1.5rem;
    background: var(--brand-navy);
    color: #fff;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.95rem;
}

/* ── Layout ─────────────────────────────────────────────────────────── */
.session-layout[b-ti5ue6t8t5] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
    background: #f0f2f5;
}

/* ── Header ──────────────────────────────────────────────────────────────── */
.session-header[b-ti5ue6t8t5] {
    display: grid;
    grid-template-columns: auto minmax(12rem, 1fr) auto;
    align-items: center;
    padding: 0.5rem 1.1rem;
    background: var(--brand-navy);
    border-bottom: 3px solid var(--brand-blue);
    color: #fff;
    flex-shrink: 0;
    column-gap: 0.75rem;
}

/* Logo in header — white pill so navy bug parts don't vanish into header */
.header-logo[b-ti5ue6t8t5] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    background: #fff;
    border-radius: 6px;
    padding: 3px 10px;
    text-decoration: none;
}

    .header-logo img[b-ti5ue6t8t5] {
        height: 32px;
        width: auto;
        display: block;
    }

/* Thin vertical rule between logo and session name */
.header-divider[b-ti5ue6t8t5] {
    width: 1px;
    height: 28px;
    background: rgba(255, 255, 255, 0.25);
    flex-shrink: 0;
}

.header-left[b-ti5ue6t8t5] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    justify-self: start;
    min-width: 0;
    flex-wrap: nowrap;
}

.header-info[b-ti5ue6t8t5] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.header-center[b-ti5ue6t8t5] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-template[b-ti5ue6t8t5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.1rem;
    text-align: center;
}

.template-pill[b-ti5ue6t8t5] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.3rem 0.75rem;
    background: #ffffff;
    border-radius: 999px;
    color: var(--brand-navy);
    font-size: 1.0rem;
    font-weight: 600;
    white-space: nowrap;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    line-height: 1.2;
}

.template-pill-icon[b-ti5ue6t8t5] {
    font-size: 1.2rem;
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

.template-pill-emoji[b-ti5ue6t8t5] {
    font-size: 1rem;
    line-height: 1;
}

.template-pill-name[b-ti5ue6t8t5] {
    color: var(--brand-navy);
}

.template-label[b-ti5ue6t8t5] {
    font-size: 0.6rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.55;
    line-height: 1;
}

.template-name[b-ti5ue6t8t5] {
    font-size: 1.2rem;
    font-weight: 600;
    white-space: nowrap;
    line-height: 1.2;
    opacity: 0.9;
}

.session-name[b-ti5ue6t8t5] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
}

.session-meta[b-ti5ue6t8t5] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.72rem;
    opacity: 0.7;
    min-width: 0;
}

.badge-closed[b-ti5ue6t8t5] {
    background: var(--brand-red);
    color: #fff;
    padding: 0.1rem 0.35rem;
    border-radius: 3px;
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.header-right[b-ti5ue6t8t5] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    justify-self: end;
}

.header-simulation-controls[b-ti5ue6t8t5] {
    display: inline-flex;
    align-items: center;
    justify-self: center;
    gap: 0.35rem;
    min-width: 0;
    max-width: 100%;
    padding: 0.18rem;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.10);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.16);
    backdrop-filter: blur(10px);
}

.header-simulation-controls-placeholder[b-ti5ue6t8t5] {
    min-width: 0;
}

.header-simulation-controls button[b-ti5ue6t8t5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 30px;
    height: 30px;
    border: 0;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    transition: transform 140ms ease, background 140ms ease, box-shadow 140ms ease;
}

.header-simulation-controls button:hover[b-ti5ue6t8t5],
.header-simulation-controls button:focus-visible[b-ti5ue6t8t5] {
    transform: translateY(-1px);
    outline: none;
}

.header-simulation-controls__primary[b-ti5ue6t8t5] {
    min-width: 5.2rem;
    padding: 0 0.62rem;
    background: #ffffff;
    color: var(--brand-navy);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.18);
}

.header-simulation-controls__narration[b-ti5ue6t8t5] {
    padding: 0 0.62rem;
    background: rgba(255, 255, 255, 0.14);
    color: rgba(255, 255, 255, 0.92);
}

.header-simulation-controls__narration:hover[b-ti5ue6t8t5],
.header-simulation-controls__narration:focus-visible[b-ti5ue6t8t5] {
    background: rgba(255, 255, 255, 0.22);
    color: #ffffff;
}

.header-simulation-controls__meta[b-ti5ue6t8t5] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0 0.42rem 0 0.08rem;
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.header-simulation-controls__meta span + span[b-ti5ue6t8t5]::before {
    content: "•";
    margin-right: 0.35rem;
    color: rgba(255, 255, 255, 0.38);
}

/* ── Header action buttons ──────────────────────────────────────── */
.btn-header[b-ti5ue6t8t5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.42rem;
    min-height: 32px;
    height: 32px;
    padding: 0.12rem 0.62rem;
    border: 1px solid rgba(255, 255, 255, 0.26);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.09);
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

    .btn-header:hover:not(:disabled)[b-ti5ue6t8t5],
    .btn-header.active[b-ti5ue6t8t5] {
        background: rgba(255, 255, 255, 0.18);
        border-color: rgba(255, 255, 255, 0.48);
        color: #fff;
        transform: translateY(-1px);
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
    }

    .btn-header:focus-visible[b-ti5ue6t8t5] {
        outline: 2px solid rgba(255, 255, 255, 0.85);
        outline-offset: 2px;
    }

    .btn-header:disabled[b-ti5ue6t8t5] {
        opacity: 0.45;
        cursor: not-allowed;
        transform: none;
        box-shadow: none;
    }

.btn-header-icon[b-ti5ue6t8t5] {
    min-width: 32px;
    height: 32px;
    padding: 0.12rem 0.62rem;
}

    .btn-header-icon .icon[b-ti5ue6t8t5],
    .timer-badge .icon[b-ti5ue6t8t5],
    .sm-menu-item .icon[b-ti5ue6t8t5] {
        width: 1.2rem;
        height: 1.2rem;
    }

.header-action-text[b-ti5ue6t8t5] {
    display: inline-flex;
    align-items: center;
}

.btn-timer-active[b-ti5ue6t8t5] {
    background: rgba(231, 76, 60, 0.22);
    border-color: rgba(231, 76, 60, 0.55);
    color: #fecaca;
}

/* ── Body ── */
.session-body[b-ti5ue6t8t5] {
    display: flex;
    flex: 1;
    overflow: hidden;
}

.board-area[b-ti5ue6t8t5] {
    flex: 8;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 1rem;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.board-area .retro-board[b-ti5ue6t8t5] {
    flex: 1;
    min-height: 0;
}

/* SM panel slides in/out while its column smoothly expands/collapses. */
.sm-aside[b-ti5ue6t8t5] {
    width: 410px;
    flex: 0 0 410px;
    min-width: 0;
    overflow: hidden;
    background: #fff;
    border-left: 2px solid #e8e8e8;
    will-change: flex-basis, width, opacity;
}

.sm-aside-inner[b-ti5ue6t8t5] {
    width: 410px;
    height: 100%;
    overflow-y: auto;
    will-change: transform, opacity;
}

.sm-aside-open[b-ti5ue6t8t5] {
    animation: sm-panel-column-in-b-ti5ue6t8t5 300ms ease-out both;
}

    .sm-aside-open .sm-aside-inner[b-ti5ue6t8t5] {
        animation: sm-panel-content-in-b-ti5ue6t8t5 300ms ease-out both;
    }

.sm-aside-closing[b-ti5ue6t8t5] {
    animation: sm-panel-column-out-b-ti5ue6t8t5 300ms ease-in both;
}

    .sm-aside-closing .sm-aside-inner[b-ti5ue6t8t5] {
        animation: sm-panel-content-out-b-ti5ue6t8t5 300ms ease-in both;
    }

@keyframes sm-panel-column-in-b-ti5ue6t8t5 {
    from {
        width: 0;
        flex-basis: 0;
        opacity: 0;
    }

    to {
        width: 410px;
        flex-basis: 410px;
        opacity: 1;
    }
}

@keyframes sm-panel-column-out-b-ti5ue6t8t5 {
    from {
        width: 410px;
        flex-basis: 410px;
        opacity: 1;
    }

    to {
        width: 0;
        flex-basis: 0;
        opacity: 0;
    }
}

@keyframes sm-panel-content-in-b-ti5ue6t8t5 {
    from {
        transform: translateX(100%);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes sm-panel-content-out-b-ti5ue6t8t5 {
    from {
        transform: translateX(0);
        opacity: 1;
    }

    to {
        transform: translateX(100%);
        opacity: 0;
    }
}

.chat-aside[b-ti5ue6t8t5] {
    width: 340px;
    flex: 0 0 340px;
    min-width: 0;
    max-width: 380px;
    background: #fff;
    border-left: 2px solid #e8e8e8;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
    will-change: flex-basis, width, opacity;
}

.chat-aside-inner[b-ti5ue6t8t5] {
    width: 340px;
    height: 100%;
    overflow: hidden;
    will-change: transform, opacity;
}

.chat-aside-open[b-ti5ue6t8t5] {
    animation: chat-panel-column-in-b-ti5ue6t8t5 300ms ease-out both;
}

    .chat-aside-open .chat-aside-inner[b-ti5ue6t8t5] {
        animation: chat-panel-content-in-b-ti5ue6t8t5 300ms ease-out both;
    }

.chat-aside-closing[b-ti5ue6t8t5] {
    animation: chat-panel-column-out-b-ti5ue6t8t5 300ms ease-in both;
}

    .chat-aside-closing .chat-aside-inner[b-ti5ue6t8t5] {
        animation: chat-panel-content-out-b-ti5ue6t8t5 300ms ease-in both;
    }

@keyframes chat-panel-column-in-b-ti5ue6t8t5 {
    from {
        width: 0;
        flex-basis: 0;
        opacity: 0;
    }

    to {
        width: 340px;
        flex-basis: 340px;
        opacity: 1;
    }
}

@keyframes chat-panel-column-out-b-ti5ue6t8t5 {
    from {
        width: 340px;
        flex-basis: 340px;
        opacity: 1;
    }

    to {
        width: 0;
        flex-basis: 0;
        opacity: 0;
    }
}

@keyframes chat-panel-content-in-b-ti5ue6t8t5 {
    from {
        transform: translateX(100%);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes chat-panel-content-out-b-ti5ue6t8t5 {
    from {
        transform: translateX(0);
        opacity: 1;
    }

    to {
        transform: translateX(100%);
        opacity: 0;
    }
}

/* ── Footer ─────────────────────────────────────────────────────────────────────────────────── */
.session-footer[b-ti5ue6t8t5] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding: 0.6rem 1.25rem;
    background: var(--brand-navy-dark);
    border-top: 1px solid rgba(74, 144, 217, 0.25);
    font-size: 0.82rem;
}

.footer-label[b-ti5ue6t8t5] {
    color: rgba(255, 255, 255, 0.55);
    white-space: nowrap;
    font-weight: 500;
}

.footer-participants[b-ti5ue6t8t5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.participant-chip[b-ti5ue6t8t5] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.07);
    color: rgba(255, 255, 255, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.15);
}

/* Scrum Master chip — brand blue tint */
.chip-sm[b-ti5ue6t8t5] {
    border-color: rgba(74, 144, 217, 0.5);
    background: rgba(74, 144, 217, 0.12);
    color: #93c8f0;
}

/* Current user chip — brand green tint */
.chip-you[b-ti5ue6t8t5] {
    border-color: rgba(42, 122, 72, 0.5);
    background: rgba(42, 122, 72, 0.12);
    color: #7ddfaa;
}

.chip-you-label[b-ti5ue6t8t5] {
    font-size: 0.72rem;
    opacity: 0.7;
}

.chip-icon[b-ti5ue6t8t5] {
    font-size: 0.75rem;
}

/* ── Removed overlay ── */
.removed-overlay[b-ti5ue6t8t5] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.removed-card[b-ti5ue6t8t5] {
    background: #fff;
    border-radius: 12px;
    padding: 2.5rem 3rem;
    text-align: center;
    max-width: 420px;
    width: 90%;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    border-top: 4px solid var(--brand-red);
}

.removed-icon[b-ti5ue6t8t5] {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.removed-card h2[b-ti5ue6t8t5] {
    margin: 0 0 0.75rem;
    font-size: 1.5rem;
    color: #222;
}

.removed-card p[b-ti5ue6t8t5] {
    color: #666;
    margin-bottom: 1.5rem;
    font-size: 0.95rem;
    line-height: 1.5;
}

/* ── Ready button — green tint when active ────────────────────────────────────────── */
.btn-ready-active[b-ti5ue6t8t5] {
    background: rgba(42, 122, 72, 0.35) !important;
    border-color: rgba(42, 122, 72, 0.8) !important;
    color: #a3e0bc !important;
}

/* Ready chip glow in the footer */
.chip-ready[b-ti5ue6t8t5] {
    border-color: #2a7a48 !important;
    background: #eafaf1 !important;
    color: #1a5c34 !important;
}

.chip-ready-icon[b-ti5ue6t8t5] {
    font-size: 0.7rem;
    margin-left: 0.2rem;
}

/* ── Timer badge in header ── */
.timer-badge[b-ti5ue6t8t5] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff;
    border-radius: 6px;
    padding: 0.35rem 0.7rem;
    font-size: 0.9rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    min-width: 72px;
    justify-content: center;
    min-height: 36px;
    transition: background 0.3s, border-color 0.3s, color 0.3s;
}

    .timer-badge.timer-warning[b-ti5ue6t8t5] {
        background: rgba(243, 156, 18, 0.35);
        border-color: rgba(243, 156, 18, 0.8);
        color: #fde68a;
    }

    .timer-badge.timer-expired[b-ti5ue6t8t5] {
        background: rgba(220, 53, 69, 0.35);
        border-color: rgba(220, 53, 69, 0.8);
        color: #fca5a5;
    }

    .timer-badge.timer-fading-out[b-ti5ue6t8t5] {
        animation: timer-fade-out-b-ti5ue6t8t5 1s ease forwards;
    }

@keyframes timer-fade-out-b-ti5ue6t8t5 {
    from {
        opacity: 1;
        transform: scale(1);
    }

    to {
        opacity: 0;
        transform: scale(0.96);
    }
}

/* ── SM Panel timer controls ── */
.timer-duration-row[b-ti5ue6t8t5] {
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
    margin-bottom: 0.75rem;
}

.btn-timer-preset[b-ti5ue6t8t5] {
    flex: 1;
    min-width: 60px;
    padding: 0.35rem 0.5rem;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #f5f5f5;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
}

    .btn-timer-preset:hover:not(:disabled)[b-ti5ue6t8t5] {
        background: #e8e8e8;
    }

    .btn-timer-preset.active[b-ti5ue6t8t5] {
        background: var(--brand-blue);
        border-color: var(--brand-blue);
        color: #fff;
    }

    .btn-timer-preset:disabled[b-ti5ue6t8t5] {
        opacity: 0.5;
        cursor: default;
    }

.timer-controls[b-ti5ue6t8t5] {
    display: flex;
    flex-direction: column;
}

/* ── Header medium-width layout ─────────────────────────────────────────────
   At intermediate widths, keep the identity area readable by moving the
   action buttons onto their own row before the true mobile layout kicks in. */
@media (max-width: 1120px) {
    .session-header[b-ti5ue6t8t5] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        row-gap: 0.45rem;
    }

    .header-left[b-ti5ue6t8t5] {
        flex: 1 1 100%;
        min-width: 0;
        justify-self: unset;
    }

    .header-simulation-controls[b-ti5ue6t8t5],
    .header-simulation-controls-placeholder[b-ti5ue6t8t5] {
        justify-self: unset;
    }

    .header-info[b-ti5ue6t8t5] {
        flex: 1 1 auto;
        min-width: 0;
    }

    .session-name[b-ti5ue6t8t5] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100%;
    }

    .session-team[b-ti5ue6t8t5] {
        flex-wrap: wrap;
        row-gap: 0.1rem;
        min-width: 0;
    }

    .header-right[b-ti5ue6t8t5] {
        width: 100%;
        flex-wrap: wrap;
        justify-content: flex-start;
        justify-self: unset;
        gap: 0.35rem;
    }
}

/* ── Responsive ─────────────────────────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .session-body[b-ti5ue6t8t5] {
        flex-direction: column;
    }

    .board-area[b-ti5ue6t8t5] {
        overflow: auto;
    }

    .sm-aside[b-ti5ue6t8t5] {
        width: 100%;
        flex: 0 0 auto;
        min-height: 0;
        overflow: hidden;
        border-left: none;
        border-top: 2px solid #e8e8e8;
        background: #fff;
    }

    .sm-aside-inner[b-ti5ue6t8t5] {
        width: 100% !important;
        min-width: 100%;
        max-width: 100%;
        height: auto;
        max-height: 50vh;
        overflow-y: auto;
        display: block;
    }

    /* ScrumMasterPanel is a child component, so scoped CSS must use ::deep.
       Force the child panel root to fill the mobile host instead of keeping
       its desktop 410px intrinsic width. */
    .sm-aside-inner[b-ti5ue6t8t5]  .sm-panel {
        width: 100% !important;
        max-width: 100% !important;
    }

    .sm-aside-inner > *[b-ti5ue6t8t5] {
        width: 100%;
        max-width: 100%;
    }

    .sm-aside-open[b-ti5ue6t8t5] {
        animation: sm-panel-mobile-column-in-b-ti5ue6t8t5 300ms ease-out both;
    }

        .sm-aside-open .sm-aside-inner[b-ti5ue6t8t5] {
            animation: sm-panel-mobile-content-in-b-ti5ue6t8t5 300ms ease-out both;
        }

    .sm-aside-closing[b-ti5ue6t8t5] {
        animation: sm-panel-mobile-column-out-b-ti5ue6t8t5 300ms ease-in both;
    }

        .sm-aside-closing .sm-aside-inner[b-ti5ue6t8t5] {
            animation: sm-panel-mobile-content-out-b-ti5ue6t8t5 300ms ease-in both;
        }

    @keyframes sm-panel-mobile-column-in-b-ti5ue6t8t5 {
        from {
            max-height: 0;
            opacity: 0;
        }

        to {
            max-height: 50vh;
            opacity: 1;
        }
    }

    @keyframes sm-panel-mobile-column-out-b-ti5ue6t8t5 {
        from {
            max-height: 50vh;
            opacity: 1;
        }

        to {
            max-height: 0;
            opacity: 0;
        }
    }

    @keyframes sm-panel-mobile-content-in-b-ti5ue6t8t5 {
        from {
            transform: translateY(-18px);
            opacity: 0;
        }

        to {
            transform: translateY(0);
            opacity: 1;
        }
    }

    @keyframes sm-panel-mobile-content-out-b-ti5ue6t8t5 {
        from {
            transform: translateY(0);
            opacity: 1;
        }

        to {
            transform: translateY(-18px);
            opacity: 0;
        }
    }

    .chat-aside[b-ti5ue6t8t5] {
        width: 100%;
        max-width: 100%;
        min-height: 0;
        height: auto;
        flex: 0 0 auto;
        border-left: none;
        border-top: 2px solid #e8e8e8;
        overflow: hidden;
    }

    .chat-aside-inner[b-ti5ue6t8t5] {
        width: 100%;
        height: 300px;
        min-height: 300px;
        overflow: hidden;
    }

    .chat-aside-open[b-ti5ue6t8t5] {
        animation: chat-panel-mobile-column-in-b-ti5ue6t8t5 300ms ease-out both;
    }

        .chat-aside-open .chat-aside-inner[b-ti5ue6t8t5] {
            animation: chat-panel-mobile-content-in-b-ti5ue6t8t5 300ms ease-out both;
        }

    .chat-aside-closing[b-ti5ue6t8t5] {
        animation: chat-panel-mobile-column-out-b-ti5ue6t8t5 300ms ease-in both;
    }

        .chat-aside-closing .chat-aside-inner[b-ti5ue6t8t5] {
            animation: chat-panel-mobile-content-out-b-ti5ue6t8t5 300ms ease-in both;
        }

    @keyframes chat-panel-mobile-column-in-b-ti5ue6t8t5 {
        from {
            max-height: 0;
            opacity: 0;
        }

        to {
            max-height: 300px;
            opacity: 1;
        }
    }

    @keyframes chat-panel-mobile-column-out-b-ti5ue6t8t5 {
        from {
            max-height: 300px;
            opacity: 1;
        }

        to {
            max-height: 0;
            opacity: 0;
        }
    }

    @keyframes chat-panel-mobile-content-in-b-ti5ue6t8t5 {
        from {
            transform: translateY(-18px);
            opacity: 0;
        }

        to {
            transform: translateY(0);
            opacity: 1;
        }
    }

    @keyframes chat-panel-mobile-content-out-b-ti5ue6t8t5 {
        from {
            transform: translateY(0);
            opacity: 1;
        }

        to {
            transform: translateY(-18px);
            opacity: 0;
        }
    }

    /* Switch header from 3-column grid to wrapping flex so the button row
       can drop below the logo/template row instead of stacking vertically
       in its grid cell on narrow screens. */
    .session-header[b-ti5ue6t8t5] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        row-gap: 0.4rem;
    }

    .header-left[b-ti5ue6t8t5] {
        min-width: 0;
        justify-self: unset;
    }

    /* Template row gets its own full line so it's never pushed off-screen */
    .header-center[b-ti5ue6t8t5] {
        width: 100%;
        justify-content: flex-start;
    }

    /* Button row always takes a full line so buttons wrap naturally */
    .header-right[b-ti5ue6t8t5] {
        width: 100%;
        flex-wrap: wrap;
        gap: 0.3rem;
        justify-self: unset;
    }

    .session-name[b-ti5ue6t8t5] {
        font-size: 0.9rem;
    }

    .header-logo img[b-ti5ue6t8t5] {
        height: 26px;
    }

    .header-divider[b-ti5ue6t8t5] {
        display: none;
    }

    /* Tighter buttons so they pack better on small screens */
    .btn-header[b-ti5ue6t8t5] {
        min-height: 34px;
        height: 34px;
        padding: 0.35rem 0.55rem;
        font-size: 0.75rem;
    }

    .btn-header-icon[b-ti5ue6t8t5] {
        min-width: 34px;
        height: 34px;
    }

    .btn-header-icon .icon[b-ti5ue6t8t5] {
        width: 1rem;
        height: 1rem;
    }
}

/* ── Footer expiry label ───────────────────────────────────────────────────────────────────── */
.footer-expiry[b-ti5ue6t8t5] {
    margin-left: auto;
    white-space: nowrap;
    color: rgba(255, 255, 255, 0.4);
    font-size: 0.78rem;
}

.footer-music[b-ti5ue6t8t5] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    pointer-events: none;
}

.footer-expiry.expiry-warning[b-ti5ue6t8t5] {
    color: #f5a623;
}

.footer-expiry.expiry-urgent[b-ti5ue6t8t5] {
    color: #e74c3c;
    font-weight: 600;
    animation: expiry-pulse-b-ti5ue6t8t5 1.5s ease-in-out infinite;
}

@keyframes expiry-pulse-b-ti5ue6t8t5 {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }
}

.template-name-row[b-ti5ue6t8t5] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.template-icon[b-ti5ue6t8t5] {
    font-size: 1.4rem;
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    /* no opacity — colour comes from the icon's Color param */
}

/* ── Template change UI ─────────────────────────────────────────────────── */
.template-pill-row[b-ti5ue6t8t5] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-template-change[b-ti5ue6t8t5] {
    padding: 0.2rem 0.55rem;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s, border-color 0.15s;
}

    .btn-template-change:hover[b-ti5ue6t8t5] {
        background: rgba(255, 255, 255, 0.2);
        border-color: rgba(255, 255, 255, 0.6);
    }

    .btn-template-change:disabled[b-ti5ue6t8t5] {
        opacity: 0.35;
        cursor: not-allowed;
    }

.template-edit-row[b-ti5ue6t8t5] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.template-select[b-ti5ue6t8t5] {
    padding: 0.3rem 0.5rem;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    outline: none;
}

    .template-select option[b-ti5ue6t8t5] {
        background: var(--brand-navy);
        color: #fff;
    }

.btn-template-action[b-ti5ue6t8t5] {
    padding: 0.3rem 0.65rem;
    border-radius: 5px;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    transition: background 0.15s, border-color 0.15s;
}

.btn-template-apply[b-ti5ue6t8t5] {
    background: var(--brand-green, #2a7a48);
    border-color: var(--brand-green, #2a7a48);
    color: #fff;
}

    .btn-template-apply:hover[b-ti5ue6t8t5] {
        background: #236640;
        border-color: #236640;
    }

.btn-template-cancel[b-ti5ue6t8t5] {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.8);
}

    .btn-template-cancel:hover[b-ti5ue6t8t5] {
        background: rgba(255, 255, 255, 0.2);
    }

.session-team[b-ti5ue6t8t5] {
    display: flex;
    align-items: center;
    gap: 0.15rem;
    font-size: 0.8rem;
    color: rgba(255,255,255,0.75);
    margin-top: 0.1rem;
    font-weight: 500;
}

.session-meta-label[b-ti5ue6t8t5] {
    opacity: 0.7;
    font-weight: 500;
}

.session-meta-separator[b-ti5ue6t8t5] {
    opacity: 0.6;
    padding: 0 0.4rem;
}

.team-code[b-ti5ue6t8t5] {
    opacity: 0.65;
    font-size: 0.75rem;
    margin-right: 10px;
}

/* ── Audio Volume Popup ───────────────────────────────────────────── */
.audio-control-wrap[b-ti5ue6t8t5] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.audio-control-button[b-ti5ue6t8t5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    min-height: 32px;
    padding: 0.12rem 0.62rem;
    line-height: 1;
}

    .audio-control-button .icon[b-ti5ue6t8t5] {
        width: 1.28rem;
        height: 1.28rem;
    }

.audio-popup-backdrop[b-ti5ue6t8t5] {
    position: fixed;
    inset: 0;
    z-index: 39;
    background: transparent;
}

.audio-popup[b-ti5ue6t8t5] {
    position: absolute;
    top: calc(100% + 0.45rem);
    right: 0;
    z-index: 1200;
    width: 205px;
    padding: 0.75rem;
    background: #fff;
    color: var(--brand-navy);
    border: 1px solid #d9e0ea;
    border-radius: 10px;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.24);
}

    .audio-popup[b-ti5ue6t8t5]::before {
        content: "";
        position: absolute;
        top: -6px;
        right: 14px;
        width: 10px;
        height: 10px;
        background: #fff;
        border-left: 1px solid #d9e0ea;
        border-top: 1px solid #d9e0ea;
        transform: rotate(45deg);
    }

.audio-popup-header[b-ti5ue6t8t5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.6rem;
}

.audio-popup-title[b-ti5ue6t8t5] {
    font-size: 0.8rem;
    font-weight: 800;
    color: var(--brand-navy);
    line-height: 1.1;
}

.audio-popup-subtitle[b-ti5ue6t8t5] {
    margin-top: 0.15rem;
    font-size: 0.68rem;
    font-weight: 600;
    color: #7a8494;
    line-height: 1.1;
}

.audio-toggle[b-ti5ue6t8t5] {
    min-width: 44px;
    padding: 0.22rem 0.45rem;
    border: 1px solid #cfd8e3;
    border-radius: 999px;
    background: #f2f5f8;
    color: #667;
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
}

    .audio-toggle:hover[b-ti5ue6t8t5] {
        background: #e8edf3;
    }

    .audio-toggle.audio-toggle-on[b-ti5ue6t8t5] {
        background: rgba(42, 122, 72, 0.12);
        border-color: rgba(42, 122, 72, 0.45);
        color: #1f6a3d;
    }

.audio-popup-label[b-ti5ue6t8t5] {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.72rem;
    font-weight: 700;
    color: #667;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.audio-popup input[type="range"][b-ti5ue6t8t5] {
    width: 100%;
    accent-color: var(--brand-blue);
}

    .audio-popup input[type="range"]:disabled[b-ti5ue6t8t5] {
        opacity: 0.45;
        cursor: not-allowed;
    }

.audio-popup-value[b-ti5ue6t8t5] {
    margin-top: 0.35rem;
    font-size: 0.75rem;
    font-weight: 700;
    color: #667;
    text-align: right;
}

@media (max-width: 768px) {
    .audio-control-button[b-ti5ue6t8t5] {
        height: 30px;
        min-height: 30px;
        min-width: 32px;
    }

    .audio-popup[b-ti5ue6t8t5] {
        left: 0;
        right: auto;
    }

        .audio-popup[b-ti5ue6t8t5]::before {
            left: 14px;
            right: auto;
        }
}

/* ── Scrum Master Condensed Menu ─────────────────────────────────── */
.sm-menu-wrap[b-ti5ue6t8t5] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.sm-menu-button[b-ti5ue6t8t5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    height: 32px;
}

.sm-menu-backdrop[b-ti5ue6t8t5] {
    position: fixed;
    inset: 0;
    z-index: 39;
    background: transparent;
}

.sm-menu[b-ti5ue6t8t5] {
    position: absolute;
    top: calc(100% + 0.45rem);
    right: 0;
    z-index: 1200;
    width: 235px;
    padding: 0.45rem;
    background: #fff;
    color: var(--brand-navy);
    border: 1px solid #d9e0ea;
    border-radius: 10px;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.24);
}

    .sm-menu[b-ti5ue6t8t5]::before {
        content: "";
        position: absolute;
        top: -6px;
        right: 18px;
        width: 10px;
        height: 10px;
        background: #fff;
        border-left: 1px solid #d9e0ea;
        border-top: 1px solid #d9e0ea;
        transform: rotate(45deg);
    }

.sm-menu-title[b-ti5ue6t8t5] {
    padding: 0.35rem 0.45rem 0.45rem;
    font-size: 0.72rem;
    font-weight: 800;
    color: #7a8494;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.sm-menu-item[b-ti5ue6t8t5] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    width: 100%;
    padding: 0.5rem 0.55rem;
    border: none;
    border-radius: 7px;
    background: transparent;
    color: var(--brand-navy);
    font-size: 0.84rem;
    font-weight: 650;
    text-align: left;
    cursor: pointer;
    line-height: 1.2;
}

    .sm-menu-item:hover[b-ti5ue6t8t5],
    .sm-menu-item.active[b-ti5ue6t8t5] {
        background: #f0f5fb;
    }

.sm-menu-separator[b-ti5ue6t8t5] {
    height: 1px;
    margin: 0.35rem 0.25rem;
    background: #e7edf4;
}

@media (max-width: 768px) {
    .sm-menu-button[b-ti5ue6t8t5] {
        height: 30px;
        min-height: 30px;
    }

    /* Keep the SM menu anchored to the right edge of the SM button on mobile.
       The header button is often near the viewport edge, so left-aligning the
       menu can push part of it off-screen. */
    .sm-menu[b-ti5ue6t8t5] {
        right: 0;
        left: auto;
        width: min(235px, calc(100vw - 1rem));
    }

        .sm-menu[b-ti5ue6t8t5]::before {
            right: 18px;
            left: auto;
        }
}


/* ── Mobile popup viewport correction ──────────────────────────────
   Keep dropdowns inside the visible browser width. */
@media (max-width: 768px) {
    .sm-menu-wrap[b-ti5ue6t8t5] {
        position: relative;
    }

    .sm-menu[b-ti5ue6t8t5] {
        left: auto !important;
        right: 0 !important;
        width: min(235px, calc(100vw - 1.5rem));
        max-width: calc(100vw - 1.5rem);
    }

        .sm-menu[b-ti5ue6t8t5]::before {
            left: auto !important;
            right: 18px !important;
        }
}

.sprint-continuity-body[b-ti5ue6t8t5] {
    max-height: calc(100vh - 220px);
    overflow-y: auto;
    padding-right: .5rem;
}

/* ── Header action control cleanup ─────────────────────────────────
   Single source of truth for compact session header controls.
   Keep this section consolidated; do not add additional stacked
   "final polish" overrides below it. */
.session-header .header-right .btn-header[b-ti5ue6t8t5],
.session-header .header-right .audio-control-button[b-ti5ue6t8t5],
.session-header .header-right .sm-menu-button[b-ti5ue6t8t5] {
    height: 32px;
    min-height: 32px;
    padding: 0.12rem 0.62rem;
    gap: 0.42rem;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1;
}

.session-header .header-right .btn-header-icon[b-ti5ue6t8t5],
.session-header .header-right .audio-control-button[b-ti5ue6t8t5],
.session-header .header-right .sm-menu-button[b-ti5ue6t8t5] {
    min-width: 32px;
}

/* Icon is a child component, so ::deep is required for scoped CSS. */
.session-header .header-right .btn-header[b-ti5ue6t8t5]  svg.icon,
.session-header .header-right .btn-header[b-ti5ue6t8t5]  .icon,
.session-header .timer-badge[b-ti5ue6t8t5]  svg.icon,
.session-header .timer-badge[b-ti5ue6t8t5]  .icon,
.session-header .header-right .sm-menu-button[b-ti5ue6t8t5]  svg.icon:not(.header-chevron-icon),
.session-header .header-right .sm-menu-button[b-ti5ue6t8t5]  .icon:not(.header-chevron-icon) {
    width: 1.2rem;
    height: 1.2rem;
}

.session-header .header-right .audio-control-button[b-ti5ue6t8t5]  svg.icon,
.session-header .header-right .audio-control-button[b-ti5ue6t8t5]  .icon {
    width: 1.28rem;
    height: 1.28rem;
}

.session-header .header-right .sm-menu-button[b-ti5ue6t8t5]  svg.header-chevron-icon,
.session-header .header-right .sm-menu-button[b-ti5ue6t8t5]  .header-chevron-icon {
    width: 0.68rem;
    height: 0.68rem;
    opacity: 0.72;
    margin-left: 0.02rem;
}

.sm-menu-item .icon[b-ti5ue6t8t5],
.sm-menu-item[b-ti5ue6t8t5]  .icon {
    color: #667085;
    flex-shrink: 0;
}

.sm-menu-item:hover .icon[b-ti5ue6t8t5],
.sm-menu-item.active .icon[b-ti5ue6t8t5],
.sm-menu-item:hover[b-ti5ue6t8t5]  .icon,
.sm-menu-item.active[b-ti5ue6t8t5]  .icon {
    color: var(--brand-blue);
}

.audio-popup[b-ti5ue6t8t5],
.sm-menu[b-ti5ue6t8t5] {
    animation: header-popup-in-b-ti5ue6t8t5 120ms ease-out both;
}

@keyframes header-popup-in-b-ti5ue6t8t5 {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Keep the embedded chat visually aligned with BugNBrag instead of the
   default BlazorChat blue theme. */
.chat-aside[b-ti5ue6t8t5]  .chat-header,
.chat-aside[b-ti5ue6t8t5]  .blazor-chat-header,
.chat-aside[b-ti5ue6t8t5]  .bc-chat-header,
.chat-aside[b-ti5ue6t8t5]  .card-header,
.chat-aside[b-ti5ue6t8t5]  [class*="chat-header"],
.chat-aside[b-ti5ue6t8t5]  [class*="ChatHeader"] {
    background: var(--brand-navy) !important;
    border-color: var(--brand-navy) !important;
    color: #fff !important;
}

.chat-aside[b-ti5ue6t8t5]  .chat-header *,
.chat-aside[b-ti5ue6t8t5]  .blazor-chat-header *,
.chat-aside[b-ti5ue6t8t5]  .bc-chat-header *,
.chat-aside[b-ti5ue6t8t5]  .card-header *,
.chat-aside[b-ti5ue6t8t5]  [class*="chat-header"] *,
.chat-aside[b-ti5ue6t8t5]  [class*="ChatHeader"] * {
    color: #fff !important;
}

/* Board card/column header corner polish. These use ::deep because the
   markup is owned by child board/card components. */
.board-area[b-ti5ue6t8t5]  .column-header,
.board-area[b-ti5ue6t8t5]  .retro-column-header,
.board-area[b-ti5ue6t8t5]  .card-column-header,
.board-area[b-ti5ue6t8t5]  [class*="column-header"],
.board-area[b-ti5ue6t8t5]  [class*="ColumnHeader"] {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    overflow: hidden;
}

@media (max-width: 768px) {
    .session-header .header-right .btn-header[b-ti5ue6t8t5],
    .session-header .header-right .audio-control-button[b-ti5ue6t8t5],
    .session-header .header-right .sm-menu-button[b-ti5ue6t8t5] {
        height: 30px;
        min-height: 30px;
        padding: 0.1rem 0.54rem;
        gap: 0.34rem;
        font-size: 0.74rem;
    }

    .session-header .header-right .btn-header-icon[b-ti5ue6t8t5],
    .session-header .header-right .audio-control-button[b-ti5ue6t8t5],
    .session-header .header-right .sm-menu-button[b-ti5ue6t8t5] {
        min-width: 30px;
    }

    .session-header .header-right .btn-header[b-ti5ue6t8t5]  svg.icon,
    .session-header .header-right .btn-header[b-ti5ue6t8t5]  .icon,
    .session-header .timer-badge[b-ti5ue6t8t5]  svg.icon,
    .session-header .timer-badge[b-ti5ue6t8t5]  .icon,
    .session-header .header-right .sm-menu-button[b-ti5ue6t8t5]  svg.icon:not(.header-chevron-icon),
    .session-header .header-right .sm-menu-button[b-ti5ue6t8t5]  .icon:not(.header-chevron-icon) {
        width: 1.08rem;
        height: 1.08rem;
    }

    .session-header .header-right .audio-control-button[b-ti5ue6t8t5]  svg.icon,
    .session-header .header-right .audio-control-button[b-ti5ue6t8t5]  .icon {
        width: 1.16rem;
        height: 1.16rem;
    }
}



/* Combined Scrum Master timer control: countdown + stop action in one button. */
.timer-button-with-countdown[b-ti5ue6t8t5] {
    gap: 0.45rem;
}

.timer-button-countdown[b-ti5ue6t8t5] {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}


/* ── Board-scoped Sprint Continuity layout ─────────────────────────────── */
.board-continuity-region[b-ti5ue6t8t5] {
    flex: 0 0 auto;
    min-height: 54px;
    overflow: hidden;
}

/* Expanded state is driven by the child panel rendering its body. This keeps
   the collapsed header visible on initial load without showing the splitter. */
.board-continuity-expanded[b-ti5ue6t8t5],
.board-continuity-region:has(.previous-followups-body)[b-ti5ue6t8t5] {
    height: 260px;
    flex-basis: 260px;
    max-height: min(52vh, 520px);
}

/* SprintContinuityPanel has its own isolated CSS. Use ::deep so the board
   column owns the outer alignment when the panel is hosted above the board. */
.board-area[b-ti5ue6t8t5]  .previous-followups-banner {
    margin: 0;
}

.board-continuity-region[b-ti5ue6t8t5]  .previous-followups-banner {
    height: auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.board-continuity-expanded[b-ti5ue6t8t5]  .previous-followups-banner,
.board-continuity-region:has(.previous-followups-body)[b-ti5ue6t8t5]  .previous-followups-banner {
    height: 100%;
}

/* One scrollbar only: the panel body scrolls; inner list wrappers do not. */
.board-continuity-region[b-ti5ue6t8t5]  .previous-followups-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: none;
}

.board-continuity-region[b-ti5ue6t8t5]  .sprint-continuity-body,
.board-continuity-region[b-ti5ue6t8t5]  .previous-followups-scroll {
    max-height: none;
    overflow: visible;
    padding-right: 0;
}

/* Thin splitter: visually reads as ──────────── • • • ──────────── */
.continuity-splitter[b-ti5ue6t8t5] {
    display: none;
    position: relative;
    flex: 0 0 10px;
    height: 10px;
    min-height: 10px;
    cursor: row-resize;
    user-select: none;
    touch-action: none;
    margin: -0.3rem 0 -0.15rem;
}


.board-continuity-expanded + .continuity-splitter[b-ti5ue6t8t5],
.board-continuity-region:has(.previous-followups-body) + .continuity-splitter[b-ti5ue6t8t5] {
    display: block;
}

.continuity-splitter[b-ti5ue6t8t5]::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    border-top: 1px solid #d8e0ea;
    transform: translateY(-50%);
}

.continuity-splitter-grip[b-ti5ue6t8t5] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.45rem;
    background: #eef2f7;
    color: #7b8798;
    font-size: 0.82rem;
    font-weight: 900;
    letter-spacing: 0.18rem;
    line-height: 1;
}

.continuity-splitter:hover[b-ti5ue6t8t5]::before,
.continuity-splitter.dragging[b-ti5ue6t8t5]::before {
    border-color: var(--brand-blue, #4a90d9);
}

.continuity-splitter:hover .continuity-splitter-grip[b-ti5ue6t8t5],
.continuity-splitter.dragging .continuity-splitter-grip[b-ti5ue6t8t5] {
    color: var(--brand-blue, #4a90d9);
}

/* ── Sprint Simulation ─────────────────────────────────────────────────── */
.interactive-simulation-narration-layer[b-ti5ue6t8t5] {
    position: fixed;
    left: 50%;
    bottom: clamp(1rem, 3vh, 2rem);
    z-index: 10050;
    width: min(520px, calc(100vw - 2rem));
    transform: translateX(-50%);
    pointer-events: none;
}

.interactive-simulation-toast[b-ti5ue6t8t5] {
    width: 100%;
    padding: 0.9rem 1rem 0.8rem;
    border: 1px solid rgba(124, 58, 237, 0.26);
    border-radius: 18px;
    background: rgba(15, 23, 42, 0.94);
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.34);
    color: #f8fafc;
    backdrop-filter: blur(14px);
    animation: interactiveSimulationToastIn-b-ti5ue6t8t5 180ms ease-out;
}

.interactive-simulation-toast.complete[b-ti5ue6t8t5] {
    border-color: rgba(34, 197, 94, 0.36);
}

.interactive-simulation-toast__header[b-ti5ue6t8t5] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.35rem;
}

.interactive-simulation-toast__avatar[b-ti5ue6t8t5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.65rem;
    height: 1.65rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    font-size: 0.98rem;
}

.interactive-simulation-toast__speaker[b-ti5ue6t8t5] {
    font-size: 0.95rem;
    font-weight: 800;
    letter-spacing: 0.01em;
}

.interactive-simulation-toast__role[b-ti5ue6t8t5] {
    padding: 0.14rem 0.45rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: rgba(248, 250, 252, 0.78);
    font-size: 0.7rem;
    font-weight: 750;
}

.interactive-simulation-toast__message[b-ti5ue6t8t5] {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 650;
    line-height: 1.38;
}

.interactive-simulation-toast__scene[b-ti5ue6t8t5] {
    margin-top: 0.45rem;
    color: rgba(226, 232, 240, 0.62);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

@keyframes interactiveSimulationToastIn-b-ti5ue6t8t5 {
    from {
        opacity: 0;
        transform: translateY(10px) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Interactive Sprint Simulation ------------------------------------------------ */
.interactive-simulation-timer-highlight[b-ti5ue6t8t5] {
    position: relative;
    z-index: 2;
    box-shadow: 0 0 0 4px rgba(74, 144, 217, 0.24), 0 0 0 8px rgba(74, 144, 217, 0.12);
    animation: interactive-simulation-timer-pulse-b-ti5ue6t8t5 850ms ease-in-out infinite alternate;
}

@keyframes interactive-simulation-timer-pulse-b-ti5ue6t8t5 {
    from {
        transform: translateY(0);
        filter: brightness(1);
    }

    to {
        transform: translateY(-1px);
        filter: brightness(1.08);
    }
}

/* ── Interactive Simulation: visible action highlight for opening Sprint Continuity ──
   The highlight lives on the Session wrapper because SprintContinuityPanel is a child
   component. Use ::deep so the pulse lands on the actual header/toggle/chevron the
   simulated Scrum Master is about to activate. */
.board-continuity-region.interactive-simulation-continuity-highlight[b-ti5ue6t8t5]  .previous-followups-banner {
    box-shadow: 0 0 0 3px rgba(74, 144, 217, 0.34), 0 14px 34px rgba(27, 87, 135, 0.22);
    border-color: rgba(74, 144, 217, 0.72);
    animation: interactive-simulation-continuity-control-pulse-b-ti5ue6t8t5 1.15s ease-in-out both;
}

.board-continuity-region.interactive-simulation-continuity-highlight[b-ti5ue6t8t5]  .previous-followups-header,
.board-continuity-region.interactive-simulation-continuity-highlight[b-ti5ue6t8t5]  .previous-followups-toggle {
    background: linear-gradient(90deg, rgba(74, 144, 217, 0.16), rgba(74, 144, 217, 0.05));
}

.board-continuity-region.interactive-simulation-continuity-highlight[b-ti5ue6t8t5]  .previous-followups-chevron {
    color: #1f66a6;
    transform: scale(1.18);
    filter: drop-shadow(0 0 7px rgba(74, 144, 217, 0.55));
}

@keyframes interactive-simulation-continuity-control-pulse-b-ti5ue6t8t5 {
    0% {
        transform: translateY(0);
        box-shadow: 0 0 0 0 rgba(74, 144, 217, 0), 0 8px 20px rgba(27, 87, 135, 0.12);
    }

    30% {
        transform: translateY(-1px);
        box-shadow: 0 0 0 4px rgba(74, 144, 217, 0.36), 0 16px 36px rgba(27, 87, 135, 0.24);
    }

    70% {
        transform: translateY(-1px);
        box-shadow: 0 0 0 4px rgba(74, 144, 217, 0.30), 0 16px 36px rgba(27, 87, 135, 0.22);
    }

    100% {
        transform: translateY(0);
        box-shadow: 0 0 0 0 rgba(74, 144, 217, 0), 0 8px 20px rgba(27, 87, 135, 0.12);
    }
}


.interactive-simulation-ready-badge-highlight[b-ti5ue6t8t5] {
    position: relative;
    z-index: 2;
    animation: interactive-simulation-ready-badge-pulse-b-ti5ue6t8t5 850ms ease-in-out both;
}

.interactive-simulation-ready-badge-highlight .chip-ready-icon[b-ti5ue6t8t5] {
    filter: drop-shadow(0 0 7px rgba(34, 197, 94, 0.55));
}

@keyframes interactive-simulation-ready-badge-pulse-b-ti5ue6t8t5 {
    0% {
        transform: translateY(0) scale(1);
        box-shadow: 0 0 0 0 rgba(34, 197, 94, 0), 0 4px 10px rgba(15, 23, 42, 0.10);
    }

    35% {
        transform: translateY(-1px) scale(1.04);
        box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.30), 0 10px 22px rgba(15, 23, 42, 0.16);
    }

    75% {
        transform: translateY(-1px) scale(1.03);
        box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.22), 0 10px 22px rgba(15, 23, 42, 0.14);
    }

    100% {
        transform: translateY(0) scale(1);
        box-shadow: 0 0 0 0 rgba(34, 197, 94, 0), 0 4px 10px rgba(15, 23, 42, 0.10);
    }
}

/* ── Interactive Simulation Developer Toolbar ───────────────────────────── */
.interactive-simulation-dev-toolbar[b-ti5ue6t8t5] {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: 1500;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid rgba(37, 99, 235, 0.22);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.18);
    backdrop-filter: blur(10px);
}

.interactive-simulation-dev-toolbar__meta[b-ti5ue6t8t5] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
    font-size: 0.78rem;
    color: #475569;
}

.interactive-simulation-dev-toolbar__label[b-ti5ue6t8t5] {
    font-weight: 800;
    color: #1d4ed8;
    text-transform: uppercase;
    letter-spacing: 0.055em;
}

.interactive-simulation-dev-toolbar__scene[b-ti5ue6t8t5] {
    max-width: 12rem;
    overflow: hidden;
    color: #0f172a;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.interactive-simulation-dev-toolbar__count[b-ti5ue6t8t5],
.interactive-simulation-dev-toolbar__status[b-ti5ue6t8t5] {
    padding: 0.12rem 0.45rem;
    border-radius: 999px;
    background: #eef2ff;
    color: #3730a3;
    font-weight: 700;
}

.interactive-simulation-dev-toolbar__buttons[b-ti5ue6t8t5] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.interactive-simulation-dev-toolbar__buttons button[b-ti5ue6t8t5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid rgba(37, 99, 235, 0.22);
    border-radius: 999px;
    background: #ffffff;
    color: #1d4ed8;
    font-size: 0.95rem;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    transition: transform 140ms ease, box-shadow 140ms ease, background 140ms ease;
}

.interactive-simulation-dev-toolbar__buttons button:hover:not(:disabled)[b-ti5ue6t8t5],
.interactive-simulation-dev-toolbar__buttons button:focus-visible:not(:disabled)[b-ti5ue6t8t5] {
    background: #eff6ff;
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.18);
    transform: translateY(-1px);
}

.interactive-simulation-dev-toolbar__buttons button:disabled[b-ti5ue6t8t5] {
    cursor: not-allowed;
    opacity: 0.42;
}

@media (max-width: 700px) {
    .interactive-simulation-dev-toolbar[b-ti5ue6t8t5] {
        right: 0.75rem;
        bottom: 0.75rem;
        left: 0.75rem;
        justify-content: space-between;
        border-radius: 1rem;
    }

    .interactive-simulation-dev-toolbar__scene[b-ti5ue6t8t5] {
        max-width: 8rem;
    }
}

/* ── Sprint Simulation layer order ------------------------------------------------
   Narration and replay controls must remain visible above feature overlays such as
   the branding end panel and DocumentViewer. Keep this as the owning layer contract
   for simulation UI rather than adjusting individual scene z-indexes. */
.interactive-simulation-narration-layer[b-ti5ue6t8t5] {
    z-index: 2147483645;
}

.interactive-simulation-replay[b-ti5ue6t8t5] {
    position: fixed;
    right: clamp(1rem, 2vw, 1.5rem);
    bottom: clamp(1rem, 2vw, 1.5rem);
    z-index: 2147483644;
}

.interactive-simulation-replay-panel[b-ti5ue6t8t5] {
    z-index: 2147483644;
}


/* ── Sprint Simulation Replay HUD visual contract -----------------------------
   The layer-order rules above should never strip visual styling from the replay
   HUD. This block restores/owns the actual Replay pill and panel presentation
   while keeping it above BrandingPanel and app modals. */
.interactive-simulation-replay[b-ti5ue6t8t5] {
    position: fixed;
    right: clamp(1rem, 2vw, 1.5rem);
    bottom: clamp(1rem, 2vw, 1.5rem);
    z-index: 2147483644;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.65rem;
    pointer-events: auto;
}

.interactive-simulation-replay__toggle[b-ti5ue6t8t5] {
    display: inline-grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 0.55rem;
    min-height: 0;
    max-width: min(18rem, calc(100vw - 2rem));
    padding: 0.55rem 0.7rem;
    border: 1px solid rgba(37, 99, 235, 0.24);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.96);
    color: #1d4ed8;
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.16);
    backdrop-filter: blur(10px);
    cursor: pointer;
    transition: transform 140ms ease, box-shadow 140ms ease, background 140ms ease;
}

.interactive-simulation-replay__toggle:hover[b-ti5ue6t8t5],
.interactive-simulation-replay__toggle:focus-visible[b-ti5ue6t8t5],
.interactive-simulation-replay__toggle.active[b-ti5ue6t8t5] {
    background: #eff6ff;
    box-shadow: 0 18px 42px rgba(37, 99, 235, 0.2);
    transform: translateY(-1px);
}

.interactive-simulation-replay__toggle-icon[b-ti5ue6t8t5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.55rem;
    height: 1.55rem;
    border-radius: 999px;
    background: #dbeafe;
    color: #1d4ed8;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1;
}

.interactive-simulation-replay__toggle-copy[b-ti5ue6t8t5] {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
    text-align: left;
}

.interactive-simulation-replay__toggle-line[b-ti5ue6t8t5] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.interactive-simulation-replay__toggle-position[b-ti5ue6t8t5] {
    color: #1d4ed8;
    font-size: 0.74rem;
    font-weight: 900;
}

.interactive-simulation-replay__toggle-scene[b-ti5ue6t8t5] {
    color: #0f172a;
    font-size: 0.82rem;
    font-weight: 900;
}

.interactive-simulation-replay__toggle-time[b-ti5ue6t8t5] {
    color: #475569;
    font-size: 0.7rem;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
}

.interactive-simulation-replay-panel[b-ti5ue6t8t5] {
    position: relative;
    z-index: 1;
    width: min(22rem, calc(100vw - 2rem));
    padding: 0.85rem;
    border: 1px solid rgba(37, 99, 235, 0.22);
    border-radius: 1.1rem;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 22px 54px rgba(15, 23, 42, 0.22);
    backdrop-filter: blur(12px);
}

.interactive-simulation-replay-panel__header[b-ti5ue6t8t5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.interactive-simulation-replay-panel__eyebrow[b-ti5ue6t8t5] {
    color: #1d4ed8;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}

.interactive-simulation-replay-panel__title[b-ti5ue6t8t5] {
    max-width: 16rem;
    overflow: hidden;
    color: #0f172a;
    font-size: 0.98rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.interactive-simulation-replay-panel__close[b-ti5ue6t8t5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.85rem;
    height: 1.85rem;
    border: 1px solid rgba(148, 163, 184, 0.35);
    border-radius: 999px;
    background: #ffffff;
    color: #475569;
    font-size: 1.15rem;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
}

.interactive-simulation-replay-panel__close:hover[b-ti5ue6t8t5],
.interactive-simulation-replay-panel__close:focus-visible[b-ti5ue6t8t5] {
    background: #f8fafc;
    color: #0f172a;
}

.interactive-simulation-replay-panel__meta[b-ti5ue6t8t5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.65rem;
}

.interactive-simulation-replay-panel__meta span[b-ti5ue6t8t5] {
    padding: 0.18rem 0.5rem;
    border-radius: 999px;
    background: #eef2ff;
    color: #3730a3;
    font-size: 0.75rem;
    font-weight: 800;
}


.interactive-simulation-replay-panel__narration-mode[b-ti5ue6t8t5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    width: 100%;
    min-height: 2.35rem;
    margin: 0.75rem 0 0.1rem;
    padding: 0.48rem 0.75rem;
    border: 1px solid rgba(37, 99, 235, 0.22);
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(239, 246, 255, 0.96), rgba(255, 255, 255, 0.98));
    color: #1d4ed8;
    font-size: 0.82rem;
    font-weight: 850;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.10);
    transition: transform 140ms ease, box-shadow 140ms ease, background 140ms ease, border-color 140ms ease;
}

.interactive-simulation-replay-panel__narration-mode span:first-child[b-ti5ue6t8t5] {
    font-size: 1rem;
    line-height: 1;
}

.interactive-simulation-replay-panel__narration-mode:hover[b-ti5ue6t8t5],
.interactive-simulation-replay-panel__narration-mode:focus-visible[b-ti5ue6t8t5] {
    transform: translateY(-1px);
    border-color: rgba(37, 99, 235, 0.38);
    background: #eff6ff;
    box-shadow: 0 12px 26px rgba(37, 99, 235, 0.16);
}

.interactive-simulation-replay-panel__progress[b-ti5ue6t8t5] {
    margin-top: 0.75rem;
}

.interactive-simulation-replay-panel__progress-label[b-ti5ue6t8t5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    color: #475569;
    font-size: 0.72rem;
    font-weight: 800;
}

.interactive-simulation-replay-panel__progress-label span:last-child[b-ti5ue6t8t5] {
    color: #1e293b;
    font-variant-numeric: tabular-nums;
}

.interactive-simulation-replay-panel__progress-track[b-ti5ue6t8t5] {
    width: 100%;
    height: 0.42rem;
    margin-top: 0.32rem;
    overflow: hidden;
    border-radius: 999px;
    background: #e2e8f0;
}

.interactive-simulation-replay-panel__progress-fill[b-ti5ue6t8t5] {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #2563eb, #7c3aed);
    transition: width 220ms ease;
}

.interactive-simulation-replay-panel__scene-list[b-ti5ue6t8t5] {
    display: grid;
    gap: 0.5rem;
    max-height: min(42vh, 21rem);
    overflow-y: auto;
    padding-right: 0.15rem;
    margin-top: 0.85rem;
}

.interactive-simulation-replay-panel__scene[b-ti5ue6t8t5] {
    width: 100%;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.65rem;
    align-items: flex-start;
    border: 1px solid #e2e8f0;
    border-radius: 0.8rem;
    background: #f8fafc;
    color: #0f172a;
    padding: 0.65rem 0.7rem;
    text-align: left;
    cursor: pointer;
    transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
}

.interactive-simulation-replay-panel__scene:hover[b-ti5ue6t8t5],
.interactive-simulation-replay-panel__scene:focus-visible[b-ti5ue6t8t5] {
    border-color: #c7d2fe;
    background: #eef2ff;
    box-shadow: 0 0.55rem 1rem rgba(15, 23, 42, 0.08);
    transform: translateY(-1px);
    outline: none;
}

.interactive-simulation-replay-panel__scene.active[b-ti5ue6t8t5] {
    border-color: #6366f1;
    background: #eef2ff;
    box-shadow: inset 0 0 0 1px rgba(99, 102, 241, 0.2);
}

.interactive-simulation-replay-panel__scene-number[b-ti5ue6t8t5] {
    width: 1.65rem;
    height: 1.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #e0e7ff;
    color: #3730a3;
    font-size: 0.78rem;
    font-weight: 900;
}

.interactive-simulation-replay-panel__scene-copy[b-ti5ue6t8t5] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.interactive-simulation-replay-panel__scene-name[b-ti5ue6t8t5] {
    color: #0f172a;
    font-size: 0.9rem;
    font-weight: 900;
    line-height: 1.15;
}

.interactive-simulation-replay-panel__scene-description[b-ti5ue6t8t5] {
    color: #64748b;
    font-size: 0.75rem;
    line-height: 1.28;
}

.interactive-simulation-replay-panel__buttons[b-ti5ue6t8t5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
    margin-top: 0.85rem;
}

.interactive-simulation-replay-panel__buttons button[b-ti5ue6t8t5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 2.35rem;
    padding: 0.45rem 0.65rem;
    border: 1px solid rgba(37, 99, 235, 0.22);
    border-radius: 0.8rem;
    background: #ffffff;
    color: #1d4ed8;
    font-size: 0.82rem;
    font-weight: 850;
    cursor: pointer;
    transition: transform 140ms ease, box-shadow 140ms ease, background 140ms ease;
}

.interactive-simulation-replay-panel__buttons button span[b-ti5ue6t8t5] {
    font-size: 0.98rem;
    line-height: 1;
}

.interactive-simulation-replay-panel__buttons button:hover:not(:disabled)[b-ti5ue6t8t5],
.interactive-simulation-replay-panel__buttons button:focus-visible:not(:disabled)[b-ti5ue6t8t5] {
    background: #eff6ff;
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.16);
    transform: translateY(-1px);
}

.interactive-simulation-replay-panel__buttons button:disabled[b-ti5ue6t8t5] {
    cursor: not-allowed;
    opacity: 0.42;
}

@media (max-width: 700px) {
    .interactive-simulation-replay[b-ti5ue6t8t5] {
        right: 0.75rem;
        bottom: 0.75rem;
        left: 0.75rem;
        align-items: stretch;
    }

    .interactive-simulation-replay__toggle[b-ti5ue6t8t5] {
        justify-content: start;
        max-width: none;
    }

    .interactive-simulation-replay-panel[b-ti5ue6t8t5] {
        width: auto;
    }

    .interactive-simulation-replay-panel__title[b-ti5ue6t8t5] {
        max-width: 13rem;
    }
}

/* ── Sprint Simulation Voice Startup Prompt ---------------------------------- */
.sprint-simulation-layer--voice-prompt[b-ti5ue6t8t5] {
    position: fixed;
    inset: 0;
    z-index: 2147483643;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    pointer-events: auto;
    background: rgba(15, 23, 42, 0.30);
    backdrop-filter: blur(2px);
}

.sprint-simulation-voice-prompt[b-ti5ue6t8t5] {
    width: min(28rem, calc(100vw - 2rem));
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 1.25rem;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.26);
    padding: 1.25rem;
    text-align: center;
    animation: sprint-simulation-voice-prompt-in-b-ti5ue6t8t5 180ms ease-out both;
}

.sprint-simulation-voice-prompt__icon[b-ti5ue6t8t5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    margin-bottom: 0.7rem;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.14), rgba(14, 165, 233, 0.18));
    font-size: 1.45rem;
}

.sprint-simulation-voice-prompt__copy h2[b-ti5ue6t8t5] {
    margin: 0;
    color: #0f172a;
    font-size: 1.18rem;
    font-weight: 850;
    letter-spacing: -0.015em;
}

.sprint-simulation-voice-prompt__copy p[b-ti5ue6t8t5] {
    margin: 0.45rem auto 0;
    max-width: 22rem;
    color: #475569;
    font-size: 0.94rem;
    line-height: 1.45;
}

.sprint-simulation-voice-prompt__actions[b-ti5ue6t8t5] {
    display: flex;
    justify-content: center;
    gap: 0.65rem;
    margin-top: 1.1rem;
    flex-wrap: wrap;
}

.sprint-simulation-voice-prompt__actions button[b-ti5ue6t8t5] {
    border-radius: 999px;
    padding: 0.62rem 1rem;
    font-weight: 800;
    font-size: 0.92rem;
    cursor: pointer;
    transition: transform 140ms ease, box-shadow 140ms ease, background 140ms ease, border-color 140ms ease;
}

.sprint-simulation-voice-prompt__actions button:hover[b-ti5ue6t8t5],
.sprint-simulation-voice-prompt__actions button:focus-visible[b-ti5ue6t8t5] {
    transform: translateY(-1px);
}

.sprint-simulation-voice-prompt__primary[b-ti5ue6t8t5] {
    border: 1px solid rgba(37, 99, 235, 0.92);
    background: #2563eb;
    color: #ffffff;
    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.28);
}

.sprint-simulation-voice-prompt__primary:hover[b-ti5ue6t8t5],
.sprint-simulation-voice-prompt__primary:focus-visible[b-ti5ue6t8t5] {
    background: #1d4ed8;
}

.sprint-simulation-voice-prompt__secondary[b-ti5ue6t8t5] {
    border: 1px solid rgba(148, 163, 184, 0.5);
    background: #ffffff;
    color: #334155;
}

.sprint-simulation-voice-prompt__secondary:hover[b-ti5ue6t8t5],
.sprint-simulation-voice-prompt__secondary:focus-visible[b-ti5ue6t8t5] {
    background: #f8fafc;
    border-color: rgba(100, 116, 139, 0.62);
}

@keyframes sprint-simulation-voice-prompt-in-b-ti5ue6t8t5 {
    from {
        opacity: 0;
        transform: translateY(0.4rem) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 520px) {
    .sprint-simulation-voice-prompt[b-ti5ue6t8t5] {
        padding: 1rem;
    }

    .sprint-simulation-voice-prompt__actions[b-ti5ue6t8t5] {
        flex-direction: column;
    }

    .sprint-simulation-voice-prompt__actions button[b-ti5ue6t8t5] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sprint-simulation-voice-prompt[b-ti5ue6t8t5] {
        animation: none;
    }
}


@media (max-width: 1180px) {
    .header-simulation-controls__meta[b-ti5ue6t8t5] {
        display: none;
    }
}

@media (max-width: 980px) {
    .session-header[b-ti5ue6t8t5] {
        grid-template-columns: 1fr;
        row-gap: 0.5rem;
    }

    .header-left[b-ti5ue6t8t5],
    .header-right[b-ti5ue6t8t5] {
        width: 100%;
    }

    .header-left[b-ti5ue6t8t5] {
        flex-wrap: wrap;
    }

    .header-right[b-ti5ue6t8t5] {
        justify-self: start;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .header-simulation-controls[b-ti5ue6t8t5] {
        margin-left: 0;
    }
}

@media (max-width: 640px) {
    .header-simulation-controls[b-ti5ue6t8t5] {
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
        border-radius: 0.9rem;
    }

    .header-simulation-controls__primary[b-ti5ue6t8t5],
    .header-simulation-controls__narration[b-ti5ue6t8t5] {
        flex: 1 1 8rem;
    }

    .header-simulation-controls__meta[b-ti5ue6t8t5] {
        width: 100%;
        justify-content: center;
        padding: 0.15rem 0.35rem;
    }
}
/* /Components/Pages/SmFeedbackPrompt.razor.rz.scp.css */
.sm-feedback-modal-backdrop[b-lhuwiy4420] {
    position: fixed;
    inset: 0;
    z-index: 2147482500;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.62);
    backdrop-filter: blur(2px);
}

.sm-feedback-card[b-lhuwiy4420] {
    position: relative;
    margin-bottom: 1.25rem;
    padding: 1.25rem 1.25rem 1rem;
    border-radius: 14px;
    border: 1px solid rgba(74, 144, 217, 0.2);
    background: linear-gradient(135deg, rgba(74, 144, 217, 0.08), rgba(255, 255, 255, 0.98));
    box-shadow: 0 10px 28px rgba(30, 58, 95, 0.08);
}

.sm-feedback-card--modal[b-lhuwiy4420] {
    width: min(520px, 100%);
    margin-bottom: 0;
    background: #fff;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.36);
}

.sm-feedback-dismiss[b-lhuwiy4420] {
    position: absolute;
    top: 0.8rem;
    right: 0.8rem;
    border: none;
    background: none;
    color: #7a8796;
    cursor: pointer;
    font-size: 0.95rem;
    line-height: 1;
}

.sm-feedback-eyebrow[b-lhuwiy4420] {
    margin: 0 0 0.35rem;
    color: var(--brand-blue);
    font-size: 0.88rem;
    font-weight: 700;
}

.sm-feedback-title[b-lhuwiy4420] {
    margin: 0 2rem 0.85rem 0;
    color: var(--brand-navy);
    font-size: 1.2rem;
}

.sm-feedback-stars[b-lhuwiy4420] {
    display: flex;
    gap: 0.35rem;
    margin-bottom: 0.9rem;
}

.sm-feedback-star[b-lhuwiy4420] {
    border: none;
    background: none;
    padding: 0;
    color: #d5dce6;
    cursor: pointer;
    font-size: 2rem;
    line-height: 1;
    transition: transform 0.12s ease, color 0.12s ease;
}

.sm-feedback-star:hover[b-lhuwiy4420] {
    transform: scale(1.08);
}

.sm-feedback-star--hover[b-lhuwiy4420],
.sm-feedback-star--selected[b-lhuwiy4420] {
    color: var(--brand-gold);
}

.sm-feedback-comment[b-lhuwiy4420] {
    width: 100%;
    box-sizing: border-box;
    min-height: 110px;
    padding: 0.7rem 0.85rem;
    border: 1.5px solid #d9e1ea;
    border-radius: 10px;
    resize: vertical;
    font: inherit;
    margin-bottom: 0.9rem;
    outline: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.sm-feedback-comment:focus[b-lhuwiy4420] {
    border-color: var(--brand-blue);
    box-shadow: 0 0 0 3px rgba(74, 144, 217, 0.12);
}

.sm-feedback-actions[b-lhuwiy4420] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.btn-sm-feedback-submit[b-lhuwiy4420],
.btn-sm-feedback-skip[b-lhuwiy4420] {
    border-radius: 10px;
    padding: 0.72rem 1.1rem;
    font: inherit;
    cursor: pointer;
}

.btn-sm-feedback-submit[b-lhuwiy4420] {
    border: none;
    background: linear-gradient(135deg, var(--brand-navy), var(--brand-blue));
    color: #fff;
    font-weight: 700;
}

.btn-sm-feedback-submit:disabled[b-lhuwiy4420] {
    opacity: 0.45;
    cursor: default;
}

.btn-sm-feedback-skip[b-lhuwiy4420] {
    border: 1.5px solid #d7dde5;
    background: #fff;
    color: #66707c;
}

.btn-sm-feedback-skip:hover[b-lhuwiy4420],
.sm-feedback-dismiss:hover[b-lhuwiy4420] {
    color: var(--brand-navy);
}

@media (max-width: 640px) {
    .sm-feedback-actions[b-lhuwiy4420] {
        flex-direction: column;
    }

    .btn-sm-feedback-submit[b-lhuwiy4420],
    .btn-sm-feedback-skip[b-lhuwiy4420] {
        width: 100%;
    }
}
/* /Components/Pages/TeamAccessPanel.razor.rz.scp.css */
.team-access-panel[b-4zcgyi9cqa] {
    margin-top: 0;
}

.team-access-card[b-4zcgyi9cqa] {
    padding: 0.9rem;
    border: 1px solid #dce6f2;
    border-radius: 10px;
    background: #f8fbff;
}

.team-access-copy[b-4zcgyi9cqa] {
    margin-bottom: 0.85rem;
}

.team-access-title[b-4zcgyi9cqa] {
    margin: 0 0 0.25rem;
    color: #263f63;
    font-size: 0.9rem;
    font-weight: 800;
}

.team-access-description[b-4zcgyi9cqa] {
    margin: 0;
    color: #667;
    font-size: 0.78rem;
    line-height: 1.35;
}

.team-access-field-group[b-4zcgyi9cqa] {
    margin-bottom: 0.75rem;
}

    .team-access-field-group label[b-4zcgyi9cqa] {
        display: block;
        margin-bottom: 0.35rem;
        color: #555;
        font-size: 0.78rem;
        font-weight: 700;
    }

.team-access-input[b-4zcgyi9cqa] {
    width: 100%;
    box-sizing: border-box;
    padding: 0.65rem 0.8rem;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    background: #fff;
    font-size: 0.92rem;
    transition: border-color 0.2s;
}

    .team-access-input:focus[b-4zcgyi9cqa] {
        outline: none;
        border-color: var(--brand-blue);
    }

.team-access-message[b-4zcgyi9cqa] {
    margin: 0 0 0.75rem;
    font-size: 0.8rem;
    line-height: 1.35;
}

.team-access-message--error[b-4zcgyi9cqa] {
    color: var(--brand-red);
}

.team-access-message--success[b-4zcgyi9cqa] {
    color: var(--brand-green-dark);
}

.team-access-button[b-4zcgyi9cqa] {
    width: 100%;
    min-height: 42px;
    padding: 0.7rem;
    border: 1px solid var(--brand-navy);
    border-radius: 8px;
    background: var(--brand-navy);
    color: #fff;
    font-size: 0.9rem;
    font-weight: 700;
    cursor: pointer;
    transition: opacity 0.2s, transform 0.1s;
}

    .team-access-button:hover:not(:disabled)[b-4zcgyi9cqa] {
        opacity: 0.9;
    }

    .team-access-button:active[b-4zcgyi9cqa] {
        transform: scale(0.98);
    }

    .team-access-button:disabled[b-4zcgyi9cqa] {
        opacity: 0.6;
        cursor: not-allowed;
    }
/* /Components/Pages/Terms.razor.rz.scp.css */
.terms[b-00xtiamm8j] {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    color: #222;
}

/* ── Hero ──────────────────────────────────────────────────────────── */
.terms-hero[b-00xtiamm8j] {
    background: linear-gradient(135deg, var(--brand-navy-dark) 0%, var(--brand-navy) 100%);
    padding: 5rem 1.5rem 4rem;
    text-align: center;
    color: #fff;
}

.hero-inner[b-00xtiamm8j] {
    max-width: 640px;
    margin: 0 auto;
}

.hero-logo[b-00xtiamm8j] {
    width: 280px;
    height: auto;
    margin-bottom: 1.5rem;
    background: #fff;
    border-radius: 12px;
    padding: 0.75rem 1.25rem;
}

.hero-title[b-00xtiamm8j] {
    font-size: 2.4rem;
    font-weight: 800;
    margin: 0 0 1rem;
    line-height: 1.15;
}

.hero-tagline[b-00xtiamm8j] {
    font-size: 1.05rem;
    font-weight: 400;
    opacity: 0.9;
    margin: 0;
    line-height: 1.6;
}

/* ── Sections ──────────────────────────────────────────────────────── */
.terms-section[b-00xtiamm8j] {
    padding: 3rem 1.5rem;
    background: #fff;
}

.terms-section--alt[b-00xtiamm8j] {
    background: #f4f6f9;
}

.section-inner[b-00xtiamm8j] {
    max-width: 760px;
    margin: 0 auto;
}

.section-title[b-00xtiamm8j] {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--brand-navy);
    margin: 0 0 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #e8ecf0;
}

/* ── Body copy ─────────────────────────────────────────────────────── */
.terms-body[b-00xtiamm8j] {
    font-size: 0.97rem;
    line-height: 1.75;
    color: #444;
    margin: 0 0 0.85rem;
}

.terms-body:last-child[b-00xtiamm8j] {
    margin-bottom: 0;
}

.terms-link[b-00xtiamm8j] {
    color: var(--brand-blue);
    text-decoration: underline;
}

.terms-link:hover[b-00xtiamm8j] {
    color: var(--brand-navy);
}

/* ── Lists ─────────────────────────────────────────────────────────── */
.terms-list[b-00xtiamm8j] {
    list-style: none;
    padding: 0;
    margin: 0 0 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.terms-list li[b-00xtiamm8j] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    font-size: 0.97rem;
    color: #333;
    line-height: 1.55;
}

.terms-list li[b-00xtiamm8j]::before {
    content: '–';
    color: var(--brand-blue);
    font-weight: 700;
    flex-shrink: 0;
    margin-top: 0.05rem;
}

/* ── Contact blocks ────────────────────────────────────────────────── */
.terms-contact-block[b-00xtiamm8j] {
    margin-bottom: 1.1rem;
}

.terms-contact-block:last-child[b-00xtiamm8j] {
    margin-bottom: 0;
}

.terms-contact-label[b-00xtiamm8j] {
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #999;
    margin: 0 0 0.2rem;
}

.terms-contact-link[b-00xtiamm8j] {
    font-size: 0.97rem;
    color: var(--brand-blue);
    text-decoration: underline;
}

.terms-contact-link:hover[b-00xtiamm8j] {
    color: var(--brand-navy);
}

/* ── Footer ────────────────────────────────────────────────────────── */
.terms-footer[b-00xtiamm8j] {
    background: var(--brand-navy-dark);
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
    padding: .25rem;
    font-size: 0.8rem;
}

.terms-footer a[b-00xtiamm8j] {
    color: rgba(255, 255, 255, 0.7);
}

.terms-footer a:hover[b-00xtiamm8j] {
    color: #fff;
}

/* ── Responsive ────────────────────────────────────────────────────── */
@media (max-width: 600px) {
    .hero-title[b-00xtiamm8j] {
        font-size: 1.8rem;
    }

    .hero-tagline[b-00xtiamm8j] {
        font-size: 0.97rem;
    }

    .section-title[b-00xtiamm8j] {
        font-size: 1.15rem;
    }
}
/* /Components/Pages/WhatsNew.razor.rz.scp.css */
/* ── What's New Page ─────────────────────────────────────────────── */

.whats-new-page[b-33210d5uki] {
    min-height: 100vh;
    background:
        radial-gradient(circle at top left, rgba(74, 144, 217, 0.22), transparent 34rem),
        linear-gradient(135deg, var(--brand-navy-dark) 0%, var(--brand-navy) 100%);
    padding: 2rem 1rem 3rem;
}

.whats-new-shell[b-33210d5uki],
.whats-new-hero[b-33210d5uki],
.whats-new-section[b-33210d5uki],
.whats-new-feedback[b-33210d5uki] {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
}



.whats-new-shell[b-33210d5uki] {
    margin-bottom: 0.75rem;
}

.whats-new-home-link[b-33210d5uki] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    color: #d7e3ff;
    font-size: 0.9rem;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.15s ease, text-decoration-color 0.15s ease;
}

.whats-new-home-link:visited[b-33210d5uki],
.whats-new-home-link:active[b-33210d5uki] {
    color: #d7e3ff;
}

.whats-new-home-link:hover[b-33210d5uki] {
    color: #ffffff;
    text-decoration: underline;
}

.whats-new-hero[b-33210d5uki] {
    background: #fff;
    border-radius: 16px;
    padding: 2.25rem 2rem 2rem;
    text-align: center;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.28);
}

    .whats-new-hero .logo-banner[b-33210d5uki] {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 1.1rem;
    }

        .whats-new-hero .logo-banner img[b-33210d5uki] {
            width: 260px;
            max-width: 100%;
            height: auto;
        }

    .whats-new-hero h1[b-33210d5uki] {
        margin: 0;
        font-size: 2.6rem;
        line-height: 1.05;
        color: var(--brand-navy);
        letter-spacing: -0.035em;
    }

    .whats-new-hero p[b-33210d5uki] {
        max-width: 690px;
        margin: 0.9rem auto 0;
        color: #4f5d72;
        font-size: 1rem;
        line-height: 1.55;
    }

.whats-new-updated[b-33210d5uki] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin-top: 1.15rem;
    padding: 0.38rem 0.85rem;
    border-radius: 999px;
    background: #eef6ff;
    border: 1px solid #c7ddf5;
    color: #145fb0;
    font-size: 0.82rem;
    font-weight: 700;
}

.whats-new-section[b-33210d5uki] {
    margin-top: 1.75rem;
    background: #fff;
    border-radius: 16px;
    padding: 1.75rem;
    box-shadow: 0 14px 38px rgba(0, 0, 0, 0.18);
}

    .whats-new-section h2[b-33210d5uki] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        margin: 0 0 1.15rem;
        padding-bottom: 0.75rem;
        border-bottom: 1px solid #dbe5f2;
        color: var(--brand-navy);
        font-size: 1.35rem;
    }

.release-grid[b-33210d5uki] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.85rem;
}

.release-card[b-33210d5uki] {
    position: relative;
    min-height: 225px;
    padding: 1.05rem 0.95rem 1rem;
    background: linear-gradient(180deg, #f9fcff 0%, #fff 100%);
    border: 1px solid #c9d8ea;
    border-radius: 12px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(31, 60, 136, 0.05);
}

.release-card-featured[b-33210d5uki] {
    background: linear-gradient(180deg, #f6fbff 0%, #fff 100%);
}

.release-badge[b-33210d5uki] {
    position: absolute;
    top: 0.6rem;
    left: 0.65rem;
    padding: 0.17rem 0.42rem;
    border-radius: 6px;
    background: #dff2df;
    border: 1px solid #bedfbe;
    color: #1d6b31;
    font-size: 0.68rem;
    line-height: 1;
    font-weight: 900;
    letter-spacing: 0.035em;
}

.release-icon[b-33210d5uki] {
    margin: 1.2rem auto 0.7rem;
    font-size: 2.65rem;
    line-height: 1;
}

.release-card h3[b-33210d5uki] {
    margin: 0 0 0.45rem;
    color: var(--brand-navy);
    font-size: 1rem;
    line-height: 1.2;
}

.release-card p[b-33210d5uki] {
    margin: 0;
    color: #253047;
    font-size: 0.86rem;
    line-height: 1.45;
}

.improvements-card[b-33210d5uki] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.9rem;
    margin-top: 0.85rem;
    padding: 0.9rem 1rem 1rem;
    border: 1px solid #bedfc7;
    border-radius: 12px;
    background: linear-gradient(180deg, #f7fff9 0%, #fff 100%);
}

.improvements-icon[b-33210d5uki] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    background: #4c9a5e;
    color: #fff;
    font-size: 1.15rem;
    font-weight: 900;
    box-shadow: 0 0 0 4px rgba(76, 154, 94, 0.12);
}

.improvements-content h3[b-33210d5uki] {
    margin: 0 0 0.65rem;
    color: var(--brand-navy);
    font-size: 1.06rem;
}

.improvements-list[b-33210d5uki] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem 1.15rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .improvements-list li[b-33210d5uki] {
        position: relative;
        padding-left: 1.45rem;
        color: #243047;
        font-size: 0.84rem;
        line-height: 1.35;
    }

        .improvements-list li[b-33210d5uki]::before {
            content: "✓";
            position: absolute;
            left: 0;
            top: 0.02rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 0.95rem;
            height: 0.95rem;
            border-radius: 999px;
            background: #4c9a5e;
            color: #fff;
            font-size: 0.64rem;
            font-weight: 900;
        }

.older-release-card[b-33210d5uki] {
    margin-top: 0.85rem;
    padding: 0.95rem 1rem;
    border: 1px solid #c9d8ea;
    border-radius: 12px;
    background: #fbfdff;
}

    .older-release-card h3[b-33210d5uki] {
        display: flex;
        align-items: center;
        gap: 0.45rem;
        margin: 0 0 0.75rem;
        color: var(--brand-navy);
        font-size: 1.05rem;
    }

.older-updates[b-33210d5uki] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

    .older-updates li[b-33210d5uki] {
        background: #fff;
        border: 1px solid #b9cef0;
        border-radius: 999px;
        padding: 0.4rem 0.85rem;
        color: #145fb0;
        font-size: 0.82rem;
        font-weight: 700;
    }

.whats-new-feedback[b-33210d5uki] {
    margin-top: 1.75rem;
    background: #fff;
    border-radius: 16px;
    padding: 1.75rem 2rem 2rem;
    text-align: center;
    box-shadow: 0 14px 38px rgba(0, 0, 0, 0.18);
}

.feedback-icon[b-33210d5uki] {
    margin-bottom: 0.55rem;
    font-size: 2rem;
    line-height: 1;
}

.whats-new-feedback h2[b-33210d5uki] {
    margin: 0;
    color: var(--brand-navy);
    font-size: 1.4rem;
}

.whats-new-feedback p[b-33210d5uki] {
    max-width: 660px;
    margin: 0.65rem auto 1.2rem;
    color: #4f5d72;
    line-height: 1.5;
}

.whats-new-actions[b-33210d5uki] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 1.2rem;
}

.whats-new-secondary-button[b-33210d5uki] {
    font: inherit;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 46px;
    min-width: 180px;
    padding: 0.8rem 1.45rem;
    border: 2px solid var(--brand-blue);
    border-radius: 8px;
    background: #fff;
    color: var(--brand-blue);
    font-weight: 800;
    text-decoration: none;
}

.whats-new-secondary-button:hover[b-33210d5uki] {
    background: #f4f8ff;
    color: var(--brand-navy);
    text-decoration: none;
}

.whats-new-cta-button[b-33210d5uki] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 46px;
    min-width: 180px;
    padding: 0.8rem 1.6rem;
    border-radius: 8px;
    border: 2px solid var(--brand-blue);
    background: linear-gradient(135deg, var(--brand-navy), var(--brand-blue));
    color: #fff;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 8px 18px rgba(74, 144, 217, 0.24);
}

.whats-new-cta-button:hover[b-33210d5uki] {
    color: #fff;
    opacity: 0.92;
    text-decoration: none;
}

@media (max-width: 980px) {
    .release-grid[b-33210d5uki] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .whats-new-page[b-33210d5uki] {
        padding: 1rem;
    }

    .whats-new-hero[b-33210d5uki],
    .whats-new-section[b-33210d5uki],
    .whats-new-feedback[b-33210d5uki] {
        padding: 1.35rem;
    }

    .whats-new-hero .logo-banner img[b-33210d5uki] {
        width: 220px;
    }

    .whats-new-hero h1[b-33210d5uki] {
        font-size: 2rem;
    }

    .release-grid[b-33210d5uki],
    .improvements-list[b-33210d5uki] {
        grid-template-columns: 1fr;
    }

    .release-card[b-33210d5uki] {
        min-height: auto;
    }

    .improvements-card[b-33210d5uki] {
        grid-template-columns: 1fr;
    }

    .improvements-icon[b-33210d5uki] {
        margin: 0 auto;
    }

    .improvements-content h3[b-33210d5uki] {
        text-align: center;
    }

    .whats-new-secondary-button[b-33210d5uki],
    .whats-new-cta-button[b-33210d5uki] {
        width: 100%;
    }
}
/* /Components/Pages/WorldMapModal.razor.rz.scp.css */
/* ── Overlay — full-screen backdrop only ── */
.map-overlay[b-qhmtvnsotw] {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    z-index: 1000;
}

.map-overlay--open[b-qhmtvnsotw] {
    display: block;
}

/* ── Panel — defaults to the full viewport client area ── */
.map-panel[b-qhmtvnsotw] {
    position: fixed;
    top:  0;
    left: 0;
    width:  100vw;
    height: 100vh;

    min-width:  420px;
    min-height: 360px;

    background: #fff;
    border-radius: 0;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    resize: both;
    z-index: 1001;
}

/* ── Header doubles as the drag handle ── */
.map-panel-header[b-qhmtvnsotw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.9rem 1.25rem;
    border-bottom: 1px solid #e8e8e8;
    flex-shrink: 0;
    cursor: move;
    user-select: none;
}

.map-panel-title[b-qhmtvnsotw] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #2d3748;
    pointer-events: none;
}

.map-panel-close[b-qhmtvnsotw] {
    background: none;
    border: none;
    font-size: 1.1rem;
    cursor: pointer;
    color: #888;
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
    line-height: 1;
    transition: background 0.15s, color 0.15s;
}

.map-panel-close:hover[b-qhmtvnsotw] {
    background: #f5f5f5;
    color: #333;
}

/* ── Legend ── */
.map-panel-legend[b-qhmtvnsotw] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.15rem;
    padding: 0.5rem 1.25rem;
    font-size: 0.78rem;
    color: #666;
    border-bottom: 1px solid #f0f0f0;
    flex-shrink: 0;
}

.legend-swatch[b-qhmtvnsotw] {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    vertical-align: middle;
    flex-shrink: 0;
    box-sizing: border-box;
}

/* ── Leaflet container fills remaining flex space ── */
.map-leaflet-container[b-qhmtvnsotw] {
    flex: 1 1 0;
    min-height: 0;
    width: 100%;
}

/* ── Empty / notice states ── */
.map-panel-empty[b-qhmtvnsotw] {
    padding: 2.5rem 1.25rem;
    text-align: center;
    color: #aaa;
    font-size: 0.95rem;
}

.map-geocoding-notice[b-qhmtvnsotw] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid #e8e8e8;
    border-radius: 20px;
    padding: 0.4rem 1.25rem;
    font-size: 0.95rem;
    color: #555;
    pointer-events: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    white-space: nowrap;
}

/* Hidden state — Blazor adds/removes this class via _geocoding flag */
.map-geocoding-notice--hidden[b-qhmtvnsotw] {
    display: none;
}
/* /Components/Retro/AddCardComponent.razor.rz.scp.css */
.add-card-wrapper[b-i9fmcjcq2g] {
    padding: 0.6rem;
    border-bottom: 1px solid #eee;
    flex-shrink: 0; /* prevent flex from collapsing the add-card area into the card list */
}

.btn-add-card[b-i9fmcjcq2g] {
    width: 100%;
    padding: 0.5rem;
    background: transparent;
    border: 2px dashed #ccc;
    border-radius: 6px;
    color: #999;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    min-height: 40px;
    transition: border-color 0.2s, color 0.2s;
}

.btn-add-card:hover[b-i9fmcjcq2g],
.btn-add-card:focus[b-i9fmcjcq2g] {
    border-color: #888;
    color: #555;
}

.add-card-form[b-i9fmcjcq2g] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    overflow: hidden;
    transform-origin: top;
    animation: bnbControlSlideOpen-b-i9fmcjcq2g 190ms ease-out both;
}

.card-textarea[b-i9fmcjcq2g] {
    width: 100%;
    padding: 0.5rem 0.6rem;
    border: 2px solid #ccc;
    border-radius: 6px;
    font-size: 0.875rem;
    font-family: inherit;
    resize: vertical;
    min-height: 60px;
    box-sizing: border-box;
    line-height: 1.5;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, min-height 0.18s ease;
}

.card-textarea:focus[b-i9fmcjcq2g] {
    outline: none;
    border-color: #0f3460;
    box-shadow: 0 0 0 3px rgba(15, 52, 96, 0.14);
}

.add-card-actions[b-i9fmcjcq2g] {
    display: flex;
    gap: 0.5rem;
}

.btn-submit[b-i9fmcjcq2g] {
    padding: 0.4rem 1rem;
    background: #0f3460;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    min-height: 36px;
}

.btn-submit:disabled[b-i9fmcjcq2g] {
    opacity: 0.45;
    cursor: not-allowed;
}

.btn-cancel[b-i9fmcjcq2g] {
    padding: 0.4rem 0.75rem;
    background: transparent;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 0.875rem;
    color: #666;
    cursor: pointer;
    min-height: 36px;
}

@keyframes bnbControlSlideOpen-b-i9fmcjcq2g {
    from {
        opacity: 0;
        max-height: 0;
        transform: translateY(-6px) scaleY(0.96);
    }

    to {
        opacity: 1;
        max-height: 220px;
        transform: translateY(0) scaleY(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .add-card-form[b-i9fmcjcq2g] {
        animation: none;
    }

    .card-textarea[b-i9fmcjcq2g] {
        transition: none;
    }
}
/* /Components/Retro/CommentSection.razor.rz.scp.css */
.comment-section[b-5pvy82l8kj] {
    border-top: 1px solid #f0f0f0;
    margin-top: 0.45rem;
    padding-top: 0.45rem;
}

.comments-list[b-5pvy82l8kj] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-bottom: 0.4rem;
}

.comment-item[b-5pvy82l8kj] {
    background: #f4f6f8;
    border-radius: 5px;
    padding: 0.35rem 0.55rem;
}

.comment-display[b-5pvy82l8kj] {
    display: block;
    width: 100%;
    background: transparent;
    border: none;
    resize: none;
    margin: 0;
    font-size: 0.8rem;
    line-height: 1.45;
    font-family: inherit;
    color: #444;
    cursor: default;
    box-sizing: border-box;
    padding: 0;
    overflow: hidden;
    white-space: pre-wrap;
    word-break: break-word;
}

/* ── Footer row: author left, edit/delete right ── */
.comment-footer[b-5pvy82l8kj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.2rem;
    gap: 0.25rem;
}

.comment-author[b-5pvy82l8kj] {
    font-size: 0.68rem;
    color: #bbb;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.comment-owner-actions[b-5pvy82l8kj] {
    display: flex;
    gap: 0.25rem;
    flex-shrink: 0;
}

/* ── Add comment toggle ── */
.btn-add-comment[b-5pvy82l8kj] {
    background: none;
    border: none;
    color: #999;
    font-size: 0.75rem;
    cursor: pointer;
    padding: 0.15rem 0;
    min-height: 28px;
}

.btn-add-comment:hover[b-5pvy82l8kj] {
    color: #555;
}

/* ── Comment form ── */
.comment-form[b-5pvy82l8kj] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    overflow: hidden;
    transform-origin: top;
    animation: bnbControlSlideOpen-b-5pvy82l8kj 170ms ease-out both;
}

.comment-input[b-5pvy82l8kj] {
    width: 100%;
    padding: 0.4rem 0.5rem;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 0.8rem;
    font-family: inherit;
    resize: vertical;
    min-height: 50px;
    box-sizing: border-box;
    transition: border-color 0.16s ease, box-shadow 0.16s ease;
}

.comment-input:focus[b-5pvy82l8kj] {
    outline: none;
    border-color: #0f3460;
    box-shadow: 0 0 0 3px rgba(15, 52, 96, 0.14);
}

.comment-error[b-5pvy82l8kj] {
    margin: 0;
    font-size: 0.75rem;
    color: #c0392b;
}

.comment-actions[b-5pvy82l8kj] {
    display: flex;
    gap: 0.4rem;
}

.btn-comment-submit[b-5pvy82l8kj] {
    padding: 0.28rem 0.75rem;
    background: #0f3460;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    min-height: 28px;
    transition: background 0.15s;
}

.btn-comment-submit:hover:not(:disabled)[b-5pvy82l8kj] {
    background: #1a4a80;
}

.btn-comment-submit:disabled[b-5pvy82l8kj] {
    opacity: 0.45;
    cursor: default;
}

.btn-comment-cancel[b-5pvy82l8kj] {
    padding: 0.28rem 0.5rem;
    background: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 0.75rem;
    color: #777;
    cursor: pointer;
    min-height: 28px;
    transition: background 0.15s, border-color 0.15s;
}

.btn-comment-cancel:hover[b-5pvy82l8kj] {
    background: #f0f0f0;
    border-color: #bbb;
    color: #444;
}

@keyframes bnbControlSlideOpen-b-5pvy82l8kj {
    from {
        opacity: 0;
        max-height: 0;
        transform: translateY(-5px) scaleY(0.96);
    }

    to {
        opacity: 1;
        max-height: 180px;
        transform: translateY(0) scaleY(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .comment-form[b-5pvy82l8kj] {
        animation: none;
    }

    .comment-input[b-5pvy82l8kj] {
        transition: none;
    }
}
/* /Components/Retro/ExportPanel.razor.rz.scp.css */
.export-panel[b-e6scun7zq6] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.export-options[b-e6scun7zq6] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.toggle-label[b-e6scun7zq6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-size: 0.875rem;
}

    .toggle-label input[type="checkbox"][b-e6scun7zq6] {
        width: 15px;
        height: 15px;
        cursor: pointer;
    }

.layout-row[b-e6scun7zq6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
}

.layout-select[b-e6scun7zq6] {
    flex: 1;
    padding: 0.3rem 0.4rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 0.8rem;
}

.export-actions[b-e6scun7zq6] {
    display: flex;
    gap: 0.5rem;
}

.btn-export[b-e6scun7zq6] {
    flex: 1;
    padding: 0.5rem 0.5rem;
    background: var(--brand-navy, #0f3460);
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    min-height: 36px;
}

    .btn-export:hover[b-e6scun7zq6] {
        opacity: 0.88;
    }
/* /Components/Retro/FocusMusicModal.razor.rz.scp.css */
.music-backdrop[b-l23pin9eih] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1100;
    backdrop-filter: blur(2px);
}

.music-modal[b-l23pin9eih] {
    background: #fff;
    border-radius: 12px;
    width: min(460px, 94vw);
    max-height: 88dvh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.25);
    animation: musicModalIn-b-l23pin9eih 0.15s ease-out;
}

@keyframes musicModalIn-b-l23pin9eih {
    from { opacity: 0; transform: translateY(-12px) scale(0.97); }
    to   { opacity: 1; transform: translateY(0)      scale(1);   }
}

/* ── Header ─────────────────────────────────────────────────────────────── */
.music-modal-header[b-l23pin9eih] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.1rem 0.8rem;
    border-bottom: 1px solid #eee;
    flex-shrink: 0;
}

.music-modal-header h2[b-l23pin9eih] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--brand-navy);
}

.btn-close-modal[b-l23pin9eih] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1rem;
    color: #999;
    min-height: 32px;
    min-width: 32px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-close-modal:hover[b-l23pin9eih] {
    background: #f5f5f5;
    color: #333;
}

/* ── Body ───────────────────────────────────────────────────────────────── */
.music-modal-body[b-l23pin9eih] {
    padding: 0.85rem 1.1rem 1.1rem;
    overflow-y: auto;
    flex: 1;
}

/* ── Enable toggle ──────────────────────────────────────────────────────── */
.music-enable-toggle[b-l23pin9eih] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: #333;
    padding-bottom: 0.85rem;
    margin-bottom: 0.85rem;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}

.music-enable-toggle input[type="checkbox"][b-l23pin9eih] {
    width: 15px;
    height: 15px;
    cursor: pointer;
    flex-shrink: 0;
}

/* ── Loading ────────────────────────────────────────────────────────────── */
.music-loading[b-l23pin9eih] {
    text-align: center;
    color: #999;
    padding: 1rem 0;
    font-size: 0.875rem;
}

/* ── Track list ─────────────────────────────────────────────────────────── */
.track-list[b-l23pin9eih] {
    list-style: none;
    padding: 0;
    margin: 0 0 0.9rem;
    display: flex;
    flex-direction: column;
}

.track-item[b-l23pin9eih] {
    border-radius: 6px;
}

.track-item:hover[b-l23pin9eih] {
    background: #f7f8fa;
}

.track-label[b-l23pin9eih] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.35rem 0.5rem;
    cursor: pointer;
    font-size: 0.875rem;
}

.track-label input[type="checkbox"][b-l23pin9eih] {
    width: 15px;
    height: 15px;
    cursor: pointer;
    flex-shrink: 0;
}

.track-name[b-l23pin9eih] {
    flex: 1;
    color: #222;
}

.track-duration[b-l23pin9eih] {
    font-size: 0.78rem;
    color: #999;
    flex-shrink: 0;
}

/* ── Summary ────────────────────────────────────────────────────────────── */
.track-summary[b-l23pin9eih] {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
    padding: 0.6rem 0.75rem;
    background: #f4f6f9;
    border-radius: 8px;
    font-size: 0.82rem;
    color: #555;
}

.track-summary strong[b-l23pin9eih] {
    color: var(--brand-navy);
}

/* ── Footer ─────────────────────────────────────────────────────────────── */
.music-modal-footer[b-l23pin9eih] {
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
    padding: 0.8rem 1.1rem;
    border-top: 1px solid #eee;
    flex-shrink: 0;
}

.music-modal-footer .btn-primary[b-l23pin9eih] {
    background: var(--brand-blue-light);
    color: var(--brand-navy);
    border: none;
    border-radius: 5px;
    padding: 0.45rem 1.1rem;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}

.music-modal-footer .btn-primary:hover[b-l23pin9eih] {
    background: var(--brand-blue);
    color: #fff;
}

.music-modal-footer .btn-cancel[b-l23pin9eih] {
    background: #f5f5f5;
    color: #555;
    border: none;
    border-radius: 5px;
    padding: 0.45rem 1.1rem;
    font-size: 0.875rem;
    cursor: pointer;
    transition: background 0.15s;
}

.music-modal-footer .btn-cancel:hover[b-l23pin9eih] {
    background: #e8e8e8;
}

.music-error[b-l23pin9eih] {
    margin: 0.6rem 0 0;
    padding: 0.5rem 0.75rem;
    background: #fff4f4;
    border: 1px solid #f5c6c6;
    border-radius: 6px;
    font-size: 0.82rem;
    color: #c0392b;
}
.music-simulation-highlight[b-l23pin9eih] {
    outline: 3px solid rgba(80, 143, 255, 0.85);
    outline-offset: 3px;
    border-radius: 8px;
    box-shadow: 0 0 0 6px rgba(80, 143, 255, 0.16);
    animation: musicSimulationPulse-b-l23pin9eih 0.9s ease-in-out infinite alternate;
}

@keyframes musicSimulationPulse-b-l23pin9eih {
    from {
        box-shadow: 0 0 0 5px rgba(80, 143, 255, 0.14);
    }
    to {
        box-shadow: 0 0 0 8px rgba(80, 143, 255, 0.28);
    }
}
/* /Components/Retro/IcebreakerWheel.razor.rz.scp.css */
.icebreaker-wheel-wrapper[b-5bc5o4yfvq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 0.5rem 1rem;
    overflow-x: hidden;
}

/* ── Wheel area (pointer + scene) ───────────────────────────── */
.wheel-area[b-5bc5o4yfvq] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Downward-pointing triangle indicator */
.wheel-pointer-tip[b-5bc5o4yfvq] {
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 20px solid var(--brand-navy);
    position: relative;
    z-index: 5;
    margin-bottom: -4px;
    filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.3));
    transform-origin: center top;
}

@keyframes pointer-bounce-b-5bc5o4yfvq {
    0%   { transform: translateY(0);    }
    30%  { transform: translateY(-7px); }
    65%  { transform: translateY(2px);  }
    100% { transform: translateY(0);    }
}

.wheel-pointer-tip.pointer-bounce[b-5bc5o4yfvq] {
    animation: pointer-bounce-b-5bc5o4yfvq 0.22s ease-out forwards;
}

.wheel-scene[b-5bc5o4yfvq] {
    position: relative;
    width: 380px;
    height: 380px;
    filter: drop-shadow(0 6px 18px rgba(0, 0, 0, 0.32)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.18));
    transform-origin: center center;
}

@keyframes wheel-thunk-b-5bc5o4yfvq {
    0%   { transform: scale(1.00); }
    40%  { transform: scale(1.05); }
    75%  { transform: scale(0.97); }
    100% { transform: scale(1.00); }
}

.wheel-scene.is-thunking[b-5bc5o4yfvq] {
    animation: wheel-thunk-b-5bc5o4yfvq 0.32s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

/* ── Spinning ring ───────────────────────────────────────────── */
.wheel-spin-ring[b-5bc5o4yfvq] {
    position: absolute;
    inset: 0;
    will-change: transform;
}

.wheel-svg[b-5bc5o4yfvq] {
    width: 100%;
    height: 100%;
    display: block;
}

/* ── Centre hub (stationary, above wheel) ────────────────────── */
.wheel-hub[b-5bc5o4yfvq] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid var(--brand-navy);
    box-shadow:
        0 4px 12px rgba(0, 0, 0, 0.28),
        0 1px 3px rgba(0, 0, 0, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.85);
    display: flex;
    align-items: center;
    justify-content: center;
}

.hub-img[b-5bc5o4yfvq] {
    width: 52px;
    height: 52px;
    object-fit: contain;
    pointer-events: none;
    user-select: none;
}

/* ── Spin button ─────────────────────────────────────────────── */
.btn-spin[b-5bc5o4yfvq] {
    margin-top: 0.5rem;
    padding: 0.6rem 1.6rem;
    background: linear-gradient(135deg, var(--brand-navy), var(--brand-blue));
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 0.92rem;
    font-weight: 700;
    cursor: pointer;
    min-height: 40px;
    min-width: 160px;
    transition: opacity 0.15s, transform 0.1s;
}

.btn-spin:hover:not(:disabled)[b-5bc5o4yfvq] {
    opacity: 0.9;
    transform: translateY(-1px);
}

.btn-spin:disabled[b-5bc5o4yfvq] {
    opacity: 0.55;
    cursor: default;
    transform: none;
}

/* ── Result card (always visible) ───────────────────────────── */
.icebreaker-result[b-5bc5o4yfvq] {
    width: 100%;
    min-height: 110px;
    background: #f8fafc;
    border: 1.5px solid #d8e4f0;
    border-top: 5px solid transparent; /* overridden by inline style on reveal */
    border-radius: 10px;
    padding: 0.85rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    position: relative;
    overflow: hidden;
    transition: border-top-color 0.3s ease, box-shadow 0.3s ease;
}

/* Shimmer overlay — shown while spinning */
.result-shimmer-overlay[b-5bc5o4yfvq] {
    position: absolute;
    inset: 0;
    padding: 0.85rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
    background: #f8fafc;
}

@keyframes shimmer-sweep-b-5bc5o4yfvq {
    0%   { background-position: -400px 0; }
    100% { background-position:  400px 0; }
}

.shimmer-bar[b-5bc5o4yfvq] {
    height: 14px;
    border-radius: 6px;
    background: linear-gradient(90deg, #e8edf2 25%, #d0d8e4 50%, #e8edf2 75%);
    background-size: 400px 100%;
    animation: shimmer-sweep-b-5bc5o4yfvq 1.4s ease-in-out infinite;
}

.shimmer-short[b-5bc5o4yfvq]  { width: 38%; margin-top: 0.5rem; }
.shimmer-long[b-5bc5o4yfvq]   { width: 92%; margin-top: 0.9rem; }
.shimmer-medium[b-5bc5o4yfvq] { width: 70%; }

/* Content layer */
.result-content-layer[b-5bc5o4yfvq] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

/* Idle — placeholder text, subtle */
.icebreaker-result.state-idle .result-shimmer-overlay[b-5bc5o4yfvq] { opacity: 0; }
.icebreaker-result.state-idle .result-content-layer[b-5bc5o4yfvq]   { opacity: 0.45; }

/* Spinning — shimmer on top, content hidden */
.icebreaker-result.state-spinning .result-shimmer-overlay[b-5bc5o4yfvq] { opacity: 1; }
.icebreaker-result.state-spinning .result-content-layer[b-5bc5o4yfvq]   { opacity: 0; }

/* Category visible — shimmer gone, category pops in */
.icebreaker-result.state-category-visible .result-shimmer-overlay[b-5bc5o4yfvq] { opacity: 0; }
.icebreaker-result.state-category-visible .result-content-layer[b-5bc5o4yfvq]   { opacity: 1; }

/* Revealed — everything visible */
.icebreaker-result.state-revealed .result-shimmer-overlay[b-5bc5o4yfvq] { opacity: 0; }
.icebreaker-result.state-revealed .result-content-layer[b-5bc5o4yfvq]   { opacity: 1; }

/* ── Category name pop-in ─────────────────────────────────────── */
@keyframes category-pop-b-5bc5o4yfvq {
    0%   { opacity: 0; transform: scale(0.88); }
    60%  { opacity: 1; transform: scale(1.08); }
    100% { opacity: 1; transform: scale(1.00); }
}

.state-category-visible .result-category-name[b-5bc5o4yfvq],
.state-revealed .result-category-name[b-5bc5o4yfvq] {
    animation: category-pop-b-5bc5o4yfvq 0.32s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

.category-reveal-badge[b-5bc5o4yfvq] {
    margin-right: 0.3rem;
}

/* ── Question slide-in ────────────────────────────────────────── */
@keyframes question-slide-in-b-5bc5o4yfvq {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0);   }
}

.state-revealed .result-question-text[b-5bc5o4yfvq] {
    animation: question-slide-in-b-5bc5o4yfvq 0.28s ease-out both;
}

.result-row[b-5bc5o4yfvq] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.result-label[b-5bc5o4yfvq] {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: #8090a2;
}

.result-category-name[b-5bc5o4yfvq] {
    font-size: 1.05rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    color: var(--brand-navy);
    letter-spacing: -0.01em;
}

.result-question-text[b-5bc5o4yfvq] {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.5;
    color: #333;
}

/* ── Post-to-chat button ─────────────────────────────────────── */
.btn-post-chat[b-5bc5o4yfvq] {
    align-self: flex-start;
    padding: 0.4rem 0.9rem;
    background: transparent;
    border: 1.5px solid var(--brand-blue);
    border-radius: 6px;
    color: var(--brand-blue);
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    min-height: 32px;
    transition: background 0.15s, color 0.15s;
}

.btn-post-chat:hover[b-5bc5o4yfvq] {
    background: var(--brand-blue);
    color: #fff;
}

/* ── Responsive ──────────────────────────────────────────────── */
@media (max-width: 380px) {
    .wheel-scene[b-5bc5o4yfvq] {
        width: 290px;
        height: 290px;
    }

    .wheel-hub[b-5bc5o4yfvq] {
        width: 62px;
        height: 62px;
    }

    .hub-img[b-5bc5o4yfvq] {
        width: 40px;
        height: 40px;
    }
}
/* /Components/Retro/ParticipantList.razor.rz.scp.css */
.participant-list[b-d8j5zu4bzj] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.participant-item[b-d8j5zu4bzj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.5rem;
    background: #f4f6f8;
    border-radius: 6px;
}

.participant-avatar[b-d8j5zu4bzj] {
    width: 27px;
    height: 27px;
    background: #0f3460;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.72rem;
    font-weight: 700;
    flex-shrink: 0;
}

.participant-name[b-d8j5zu4bzj] {
    flex: 1;
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.badge-sm[b-d8j5zu4bzj] {
    background: #f39c12;
    color: #fff;
    font-size: 0.6rem;
    font-weight: 700;
    padding: 0.1rem 0.3rem;
    border-radius: 3px;
}

.btn-kick[b-d8j5zu4bzj] {
    background: none;
    border: none;
    color: #c0392b;
    cursor: pointer;
    font-size: 0.78rem;
    padding: 0.2rem 0.4rem;
    border-radius: 4px;
    min-height: 26px;
    min-width: 26px;
}

.btn-kick:hover[b-d8j5zu4bzj] {
    background: #fdecea;
}
/* /Components/Retro/RatingPrompt.razor.rz.scp.css */
.rating-backdrop[b-b9aq05fczm] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.rating-modal[b-b9aq05fczm] {
    background: #fff;
    border-radius: 14px;
    padding: 2rem;
    width: 100%;
    max-width: 420px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.rating-title[b-b9aq05fczm] {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--brand-navy);
    margin: 0;
    text-align: center;
}

.rating-subtitle[b-b9aq05fczm] {
    font-size: 0.9rem;
    color: #666;
    margin: 0;
    text-align: center;
}

.star-row[b-b9aq05fczm] {
    display: flex;
    gap: 0.5rem;
}

.star-btn[b-b9aq05fczm] {
    background: none;
    border: none;
    font-size: 2.5rem;
    cursor: pointer;
    color: #ddd;
    transition: color 0.15s, transform 0.1s;
    line-height: 1;
    padding: 0;
}

.star-btn.star-hover[b-b9aq05fczm],
.star-btn.star-selected[b-b9aq05fczm] {
    color: #f39c12;
}

.star-btn:hover[b-b9aq05fczm] {
    transform: scale(1.15);
}

.rating-comment[b-b9aq05fczm] {
    width: 100%;
    box-sizing: border-box;
    padding: 0.6rem 0.75rem;
    border: 1.5px solid #e0e0e0;
    border-radius: 8px;
    font-size: 0.9rem;
    font-family: inherit;
    resize: vertical;
    min-height: 80px;
    outline: none;
    transition: border-color 0.15s;
}

.rating-comment:focus[b-b9aq05fczm] {
    border-color: var(--brand-blue);
}

.rating-actions[b-b9aq05fczm] {
    display: flex;
    gap: 0.75rem;
    width: 100%;
}

.btn-rating-submit[b-b9aq05fczm] {
    flex: 1;
    padding: 0.75rem;
    background: linear-gradient(135deg, var(--brand-navy), var(--brand-blue));
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    transition: opacity 0.2s;
}

.btn-rating-submit:disabled[b-b9aq05fczm] {
    opacity: 0.4;
    cursor: default;
}

.btn-rating-submit:hover:not(:disabled)[b-b9aq05fczm] {
    opacity: 0.88;
}

.btn-rating-skip[b-b9aq05fczm] {
    padding: 0.75rem 1.25rem;
    background: none;
    border: 1.5px solid #ddd;
    border-radius: 8px;
    color: #888;
    font-size: 0.9rem;
    cursor: pointer;
    transition: background 0.15s;
}

.btn-rating-skip:hover[b-b9aq05fczm] {
    background: #f5f5f5;
}
/* /Components/Retro/ReadOnlySessionBanner.razor.rz.scp.css */
.readonly-session-banner[b-k9bn5iukv3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 0.75rem 1rem 0;
    padding: 0.7rem 0.85rem;
    border: 1px solid #f1d99b;
    border-radius: 12px;
    background: #fff8e6;
    color: #5d4708;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.readonly-session-content[b-k9bn5iukv3] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    min-width: 0;
}

.readonly-session-icon[b-k9bn5iukv3] {
    font-size: 1.15rem;
    line-height: 1.2;
    flex-shrink: 0;
}

.readonly-session-text[b-k9bn5iukv3] {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
    font-size: 0.86rem;
    line-height: 1.35;
}

.readonly-session-text strong[b-k9bn5iukv3] {
    font-size: 0.9rem;
    font-weight: 800;
}

.readonly-session-text span[b-k9bn5iukv3] {
    color: rgba(93, 71, 8, 0.78);
}

.readonly-session-action[b-k9bn5iukv3] {
    flex-shrink: 0;
    border: 1px solid #d9a72e;
    border-radius: 8px;
    background: #fff;
    color: #6a4f00;
    padding: 0.42rem 0.75rem;
    font-size: 0.82rem;
    font-weight: 800;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.readonly-session-action:hover[b-k9bn5iukv3] {
    background: #fff2c2;
    border-color: #bd8b13;
    transform: translateY(-1px);
}

.readonly-session-action:focus-visible[b-k9bn5iukv3] {
    outline: 2px solid rgba(189, 139, 19, 0.45);
    outline-offset: 2px;
}

@media (max-width: 768px) {
    .readonly-session-banner[b-k9bn5iukv3] {
        align-items: stretch;
        flex-direction: column;
        margin: 0.6rem 0.75rem 0;
    }

    .readonly-session-action[b-k9bn5iukv3] {
        align-self: flex-start;
    }
}
/* /Components/Retro/RetroBoard.razor.rz.scp.css */
.retro-board[b-477tso5bct] {
    display: flex;
    flex-direction: row;
    gap: 0.9rem;
    align-items: stretch;
    height: 100%;
}

@media (max-width: 768px) {
    .retro-board[b-477tso5bct] {
        flex-direction: column;
        height: auto;
        align-items: stretch;
    }
}
/* /Components/Retro/RetroCardItem.razor.rz.scp.css */
.retro-card[b-iy56hdrl9t] {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    padding: 0.7rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.card-hidden[b-iy56hdrl9t] {
    background: #f5f5f5;
    border-color: #ddd;
    box-shadow: none;
    opacity: 0.7;
}

/* ── Flip container ── */
.card-flip[b-iy56hdrl9t] {
    perspective: 900px;
    width: 100%;
}

.card-inner[b-iy56hdrl9t] {
    position: relative;
    width: 100%;
    transform-style: preserve-3d;
    transition: transform 0.55s cubic-bezier(0.4, 0.2, 0.2, 1);
    min-height: 80px;
}

/* hidden state → back face visible */
.card-flip.is-hidden .card-inner[b-iy56hdrl9t] {
    transform: rotateY(180deg);
}

.card-flip.card-jump-highlight .card-face-front[b-iy56hdrl9t] {
    animation: cardJumpPulse-b-iy56hdrl9t 1.0s ease-in-out 3;
}

@keyframes cardJumpPulse-b-iy56hdrl9t {

    0%, 100% {
        box-shadow: 0 0 0 0 rgba(243,156,18,0);
        border-left-width: 4px;
    }

    50% {
        box-shadow: 0 0 0 8px rgba(243,156,18,0.35);
        border-left-width: 10px;
    }
}

/* ── Shared face styles ── */
.card-face[b-iy56hdrl9t] {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    padding: 0.7rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
 
.card-flip.is-followup .card-face-front[b-iy56hdrl9t] {
    border-left: 4px solid #f39c12;
}

.card-flip.is-followup .card-face-front[b-iy56hdrl9t] {
    animation: followUpCardPinnedPulse-b-iy56hdrl9t 520ms ease-out 1;
}

.card-flip.is-followup .card-face-front[b-iy56hdrl9t]::before {
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    bottom: -1px;
    width: 4px;
    border-radius: 8px 0 0 8px;
    background: #f39c12;
    transform-origin: top;
    animation: followUpBorderGrow-b-iy56hdrl9t 320ms ease-out 1;
}

.card-flip.is-followup .card-face-front[b-iy56hdrl9t] {
    position: relative;
    overflow: hidden;
}

.card-followup-toggle.is-pinned .followup-pin-icon[b-iy56hdrl9t],
.card-followup-pin.is-pinned .followup-pin-icon[b-iy56hdrl9t] {
    animation: followUpPinSettle-b-iy56hdrl9t 320ms cubic-bezier(0.34, 1.56, 0.64, 1) 1;
}

.card-followup-toggle:not(.is-pinned) .followup-pin-icon[b-iy56hdrl9t] {
    transition: transform 160ms ease, opacity 160ms ease;
}

.card-followup-toggle:hover .followup-pin-icon[b-iy56hdrl9t] {
    transform: rotate(-12deg) scale(1.08);
}

@keyframes followUpCardPinnedPulse-b-iy56hdrl9t {
    0% { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); }
    42% { box-shadow: 0 0 0 7px rgba(243, 156, 18, 0.24), 0 10px 24px rgba(15, 23, 42, 0.12); }
    100% { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); }
}

@keyframes followUpBorderGrow-b-iy56hdrl9t {
    from { transform: scaleY(0); }
    to { transform: scaleY(1); }
}

@keyframes followUpPinSettle-b-iy56hdrl9t {
    0% { transform: rotate(-28deg) scale(0.82); opacity: 0.65; }
    60% { transform: rotate(6deg) scale(1.14); opacity: 1; }
    100% { transform: rotate(0deg) scale(1); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .card-flip.is-followup .card-face-front[b-iy56hdrl9t],
    .card-flip.is-followup .card-face-front[b-iy56hdrl9t]::before,
    .card-followup-toggle.is-pinned .followup-pin-icon[b-iy56hdrl9t],
    .card-followup-pin.is-pinned .followup-pin-icon[b-iy56hdrl9t] {
        animation-duration: 1ms;
        animation-iteration-count: 1;
    }
}
.card-face-front[b-iy56hdrl9t] {
    /* takes normal document flow */
}

.card-face-back[b-iy56hdrl9t] {
    position: absolute;
    inset: 0;
    transform: rotateY(180deg);
    background: #f5f5f5;
    border-color: #ddd;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ── Card content ── */
.card-body[b-iy56hdrl9t] {
    margin-bottom: 0.3rem;
}

.card-text[b-iy56hdrl9t] {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.55;
    white-space: pre-wrap;
    word-break: break-word;
}
.card-text-row[b-iy56hdrl9t] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: flex-start;
    gap: 0.45rem;
}

    .card-text-row .card-text[b-iy56hdrl9t] {
        min-width: 0;
    }

.card-followup-pin[b-iy56hdrl9t] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.45rem;
    height: 1.45rem;
    flex-shrink: 0;
    font-size: 1rem;
    line-height: 1;
    border-radius: 999px;
}

.card-followup-toggle[b-iy56hdrl9t] {
    border: none;
    background: transparent;
    cursor: pointer;
    opacity: 0.45;
    transition: opacity 0.15s, background 0.15s;
}

    .card-followup-toggle:hover[b-iy56hdrl9t] {
        opacity: 1;
        background: rgba(0, 0, 0, 0.06);
    }

    .card-followup-toggle.is-pinned[b-iy56hdrl9t],
    .card-followup-pin.is-pinned[b-iy56hdrl9t] {
        opacity: 1;
    }

        .card-followup-toggle.is-pinned:hover[b-iy56hdrl9t] {
            background: rgba(243, 156, 18, 0.12);
        }

 

.card-text-hidden[b-iy56hdrl9t] {
    color: #aaa;
    font-style: italic;
    font-size: 0.85rem;
    margin: 0;
}

/* ── Action bar: author left, controls right ── */
.card-action-bar[b-iy56hdrl9t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.35rem;
    margin-top: 0.3rem;
}

.card-author[b-iy56hdrl9t] {
    font-size: 0.72rem;
    color: #aaa;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.card-actions-right[b-iy56hdrl9t] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-shrink: 0;
}

/* ── Reaction pill ── */
.btn-reaction[b-iy56hdrl9t] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    background: #f5f5f5;
    border: 1px solid #e0e0e0;
    border-radius: 14px;
    padding: 0.28rem 0.6rem;
    cursor: pointer;
    font-size: 0.82rem;
    min-height: 28px;
    transition: background 0.15s, border-color 0.15s;
}

.btn-reaction.reacted[b-iy56hdrl9t] {
    background: #fff3cd;
    border-color: #f39c12;
}

.btn-reaction.has-votes[b-iy56hdrl9t] {
    background: #e6f6ec;
    border-color: #6dbf8a;
    color: #236b3d;
    font-weight: 600;
}

.btn-reaction:disabled[b-iy56hdrl9t] {
    opacity: 0.45;
    cursor: default;
}

.reaction-count[b-iy56hdrl9t] {
    font-weight: 700;
    font-size: 0.78rem;
}

/* ── Comments toggle pill ── */
.btn-comments-toggle[b-iy56hdrl9t] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    background: #f5f5f5;
    border: 1px solid #e0e0e0;
    border-radius: 14px;
    padding: 0.28rem 0.6rem;
    cursor: pointer;
    font-size: 0.82rem;
    min-height: 28px;
    color: #888;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.btn-comments-toggle:hover[b-iy56hdrl9t] {
    background: #eaf0fb;
    border-color: #b0c8f0;
    color: #4a90d9;
}

.btn-comments-toggle.open[b-iy56hdrl9t] {
    background: #e8f0fe;
    border-color: #4a90d9;
    color: #4a90d9;
}

.btn-comments-toggle.has-comments[b-iy56hdrl9t] {
    background: #ddeeff;
    border-color: #7ab8f5;
    color: #2c6fad;
    font-weight: 600;
}

.comments-count[b-iy56hdrl9t] {
    font-weight: 700;
    font-size: 0.78rem;
}

/* ── Small icon buttons ── */
.btn-icon-sm[b-iy56hdrl9t] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 0.85rem;
    padding: 0.2rem 0.25rem;
    border-radius: 4px;
    line-height: 1;
    opacity: 0.55;
    transition: opacity 0.15s, background 0.15s;
}

.btn-icon-sm:hover[b-iy56hdrl9t] {
    opacity: 1;
    background: rgba(0, 0, 0, 0.06);
}

.btn-danger-sm:hover[b-iy56hdrl9t] {
    background: rgba(220, 53, 69, 0.1);
}

/* ── Inline card editing ── */
.card-edit-input[b-iy56hdrl9t] {
    width: 100%;
    box-sizing: border-box;
    padding: 0.45rem 0.55rem;
    font-size: 0.9rem;
    line-height: 1.55;
    border: 1px solid #b0c4de;
    border-radius: 6px;
    resize: vertical;
    outline: none;
    transition: border-color 0.15s, box-shadow 0.15s;
    font-family: inherit;
    color: inherit;
}

.card-edit-input:focus[b-iy56hdrl9t] {
    border-color: #4a90d9;
    box-shadow: 0 0 0 3px rgba(74, 144, 217, 0.18);
}

.card-edit-actions[b-iy56hdrl9t] {
    display: flex;
    gap: 0.4rem;
    margin-top: 0.4rem;
    justify-content: flex-end;
}

.btn-save[b-iy56hdrl9t],
.btn-cancel[b-iy56hdrl9t] {
    padding: 0.28rem 0.7rem;
    border-radius: 5px;
    border: 1px solid transparent;
    cursor: pointer;
    font-size: 0.82rem;
    font-family: inherit;
    transition: background 0.15s, border-color 0.15s;
}

.btn-save[b-iy56hdrl9t] {
    background: #e6f4ea;
    border-color: #81c784;
    color: #2e7d32;
}

.btn-save:hover[b-iy56hdrl9t] {
    background: #c8e6c9;
}

.btn-cancel[b-iy56hdrl9t] {
    background: #fafafa;
    border-color: #ccc;
    color: #555;
}

.btn-cancel:hover[b-iy56hdrl9t] {
    background: #f0f0f0;
}

/* ── Simulation-guided comment expansion ─────────────────────────────────── */
.btn-comments-toggle.simulation-control-highlight[b-iy56hdrl9t],
.card-followup-toggle.simulation-control-highlight[b-iy56hdrl9t] {
    animation: bnbSimulationControlPulse-b-iy56hdrl9t 1.05s ease-in-out infinite;
    border-color: #f39c12;
    box-shadow: 0 0 0 4px rgba(243, 156, 18, 0.16);
}

.card-flip.simulation-comment-target .card-face-front[b-iy56hdrl9t] {
    border-color: rgba(243, 156, 18, 0.65);
}

.card-comments-panel[b-iy56hdrl9t] {
    overflow: hidden;
    transform-origin: top;
    animation: bnbSlideOpen-b-iy56hdrl9t 180ms ease-out both;
}

.card-comments-panel.simulation-expanded-panel[b-iy56hdrl9t] {
    animation-duration: 240ms;
}

@keyframes bnbSimulationControlPulse-b-iy56hdrl9t {
    0%, 100% {
        box-shadow: 0 0 0 3px rgba(243, 156, 18, 0.12);
    }

    50% {
        box-shadow: 0 0 0 8px rgba(243, 156, 18, 0.28);
    }
}

@keyframes bnbSlideOpen-b-iy56hdrl9t {
    from {
        opacity: 0;
        max-height: 0;
        transform: translateY(-5px) scaleY(0.96);
    }

    to {
        opacity: 1;
        max-height: 260px;
        transform: translateY(0) scaleY(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .btn-comments-toggle.simulation-control-highlight[b-iy56hdrl9t],
.card-followup-toggle.simulation-control-highlight[b-iy56hdrl9t] {
        animation: none;
    }

    .card-comments-panel[b-iy56hdrl9t],
    .card-comments-panel.simulation-expanded-panel[b-iy56hdrl9t] {
        animation: none;
    }
}
/* /Components/Retro/RetroColumn.razor.rz.scp.css */
.retro-column[b-kaj9se3im5] {
    flex: 1;
    min-width: 240px;
    background: #f8f9fa;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
}

.column-header[b-kaj9se3im5] {
    padding: 0.8rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    flex-shrink: 0;
}

.column-header-left[b-kaj9se3im5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.column-icon[b-kaj9se3im5] {
    font-size: 1.2rem;
    line-height: 1;
}

.column-title[b-kaj9se3im5] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
}

.column-count[b-kaj9se3im5] {
    background: rgba(255, 255, 255, 0.25);
    border-radius: 12px;
    padding: 0.1rem 0.5rem;
    font-size: 0.78rem;
    font-weight: 700;
}

.column-caption[b-kaj9se3im5] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 1rem;
    margin: 0;
    background: #fff;
    border-bottom: 1px solid #eee;
    flex-shrink: 0;
}

.caption-icon[b-kaj9se3im5] {
    font-size: 0.85rem;
    line-height: 1;
    flex-shrink: 0;
}

.caption-text[b-kaj9se3im5] {
    font-size: 0.78rem;
    color: #777;
}

/* Scrollable cards area — sits below the sticky header/caption */
.column-scroll[b-kaj9se3im5] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.column-cards[b-kaj9se3im5] {
    padding: 0.6rem;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    flex: 1 0 auto; /* grow to fill space, but never shrink below content height */
}

@media (max-width: 768px) {
    .retro-column[b-kaj9se3im5] {
        width: 100%;
        min-width: unset;
    }

    .column-scroll[b-kaj9se3im5] {
        overflow-y: visible;
    }
}
/* /Components/Retro/RetroHistoryModal.razor.rz.scp.css */
.retro-history-backdrop[b-tkrmw1pfvu] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(9, 30, 66, 0.42);
}

.retro-history-modal[b-tkrmw1pfvu] {
    width: min(505px, 100%);
    max-height: min(680px, calc(100vh - 2rem));
    overflow: hidden;
    background: #fff;
    border: 1px solid #dfe7f2;
    border-radius: 14px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.26);
}

.retro-history-header[b-tkrmw1pfvu] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1rem 0.75rem;
    border-bottom: 1px solid #e5eaf2;
}

    .retro-history-header h2[b-tkrmw1pfvu] {
        margin: 0;
        color: var(--brand-navy);
        font-size: 1.05rem;
        line-height: 1.25;
    }

    .retro-history-header p[b-tkrmw1pfvu] {
        margin: 0.25rem 0 0;
        color: #7b8796;
        font-size: 0.8rem;
        line-height: 1.35;
    }

.retro-history-close[b-tkrmw1pfvu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid #d8e0ec;
    border-radius: 999px;
    background: #fff;
    color: #4f5e70;
    font-size: 1.35rem;
    line-height: 1;
    cursor: pointer;
}

    .retro-history-close:hover[b-tkrmw1pfvu] {
        background: #f2f7ff;
        border-color: var(--brand-blue);
        color: var(--brand-blue);
    }

.retro-history-list[b-tkrmw1pfvu] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    max-height: calc(100vh - 10rem);
    overflow-y: auto;
    padding: 0.85rem 1rem 1rem;
}

.retro-history-item[b-tkrmw1pfvu] {
    display: grid;
    grid-template-columns: 1.35rem minmax(0, 1fr) 2.75rem;
    align-items: center;
    column-gap: 0.6rem;
    width: 100%;
    min-width: 0;
    border: 1px solid #d8e0ec;
    border-radius: 10px;
    background: #fff;
    padding: 0.65rem 0.7rem;
    color: var(--brand-navy);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

    .retro-history-item:hover[b-tkrmw1pfvu] {
        background: #f2f7ff;
        border-color: var(--brand-blue);
    }

.history-item-icon[b-tkrmw1pfvu] {
    grid-column: 1;
    align-self: center;
    width: 1.35rem;
    text-align: center;
}

.history-item-main[b-tkrmw1pfvu] {
    grid-column: 2;
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 0.05rem;
    padding-right: 3rem; /* moves date left away from Open */
}

.history-item-title[b-tkrmw1pfvu],
.history-item-meta[b-tkrmw1pfvu] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.history-item-title[b-tkrmw1pfvu] {
    color: var(--brand-navy);
    font-size: 0.84rem;
    font-weight: 800;
}

.history-item-meta-row[b-tkrmw1pfvu] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 0.75rem;
    width: 100%;
}

.history-item-meta[b-tkrmw1pfvu] {
    min-width: 0;
}

.history-item-date[b-tkrmw1pfvu] {
    justify-self: end;
    color: #7b8796;
    font-size: 0.72rem;
    font-weight: 700;
    white-space: nowrap;
}

.history-item-action[b-tkrmw1pfvu] {
    grid-column: 3;
    justify-self: end;
    color: var(--brand-blue);
    font-size: 0.76rem;
    font-weight: 800;
    white-space: nowrap;
}

.retro-history-empty-note[b-tkrmw1pfvu] {
    margin: 0.85rem 1rem 1rem;
    background: #f7f9fc;
    border: 1px dashed #ccd7e6;
    border-radius: 8px;
    color: #7b8796;
    font-size: 0.8rem;
    line-height: 1.35;
    padding: 0.75rem;
}

@media (max-width: 520px) {
    .retro-history-backdrop[b-tkrmw1pfvu] {
        align-items: stretch;
        padding: 0.75rem;
    }

    .retro-history-modal[b-tkrmw1pfvu] {
        max-height: none;
    }

    .retro-history-item[b-tkrmw1pfvu] {
        grid-template-columns: 1.35rem minmax(0, 1fr) 2.75rem;
    }

    .history-item-meta-row[b-tkrmw1pfvu] {
        grid-template-columns: minmax(0, 1fr) auto;
    }
}
/* /Components/Retro/ScrumMasterPanel.razor.rz.scp.css */
/* ── Panel shell ────────────────────────────────────────────────────────────── */
.sm-panel[b-ghaeztlh2g] {
    display: flex;
    flex-direction: column;
    width: min(410px, 100vw);
    max-width: 100%;
    height: 100%;
    overflow: hidden;
    font-size: 0.875rem;
    background: #fff;
}

.sm-panel-header[b-ghaeztlh2g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.46rem 0.85rem;
    background: var(--brand-navy);
    border-bottom: 3px solid var(--brand-blue);
    color: #fff;
    flex-shrink: 0;
}

    .sm-panel-header h2[b-ghaeztlh2g] {
        display: inline-flex;
        align-items: center;
        gap: 0.45rem;
        margin: 0;
        font-size: 0.92rem;
        font-weight: 700;
        color: #fff;
        line-height: 1;
    }

    .sm-panel-header h2[b-ghaeztlh2g]  .sm-panel-title-icon {
        width: 1.15rem;
        height: 1.15rem;
    }


.sm-panel-header-actions[b-ghaeztlh2g] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.btn-pin-panel[b-ghaeztlh2g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    background: none;
    border: 1px solid transparent;
    border-radius: 6px;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.86rem;
    line-height: 1;
    opacity: 0.78;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}

.btn-pin-panel:hover[b-ghaeztlh2g],
.btn-pin-panel.is-pinned[b-ghaeztlh2g] {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    opacity: 1;
}

.btn-pin-panel.is-pinned[b-ghaeztlh2g] {
    border-color: rgba(255, 255, 255, 0.22);
}

.btn-close-panel[b-ghaeztlh2g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    background: none;
    border: 1px solid transparent;
    border-radius: 6px;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.78);
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

    .btn-close-panel:hover[b-ghaeztlh2g] {
        background: rgba(255, 255, 255, 0.12);
        color: #fff;
    }

/* ── Accordion ──────────────────────────────────────────────────── */
.sm-accordion[b-ghaeztlh2g] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0;
    padding: 0 0.85rem 1rem;
}

.accordion-item[b-ghaeztlh2g] {
    border-bottom: 1px solid #edf0f3;
}

    .accordion-item:last-child[b-ghaeztlh2g] {
        border-bottom: none;
    }

.accordion-trigger[b-ghaeztlh2g] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.72rem 0.1rem;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.065em;
    color: #8a8f98;
    text-align: left;
    min-height: 40px;
    transition: color 0.15s;
}

    .accordion-trigger:hover[b-ghaeztlh2g],
    .accordion-trigger.is-open[b-ghaeztlh2g] {
        color: var(--brand-navy);
    }

.accordion-title[b-ghaeztlh2g] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.accordion-title-icon[b-ghaeztlh2g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.1rem;
    font-size: 0.95rem;
    line-height: 1;
}


.accordion-meta[b-ghaeztlh2g] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.45rem;
    margin-left: auto;
    flex-shrink: 0;
}

.accordion-status-badge[b-ghaeztlh2g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.2rem;
    min-height: 1.18rem;
    padding: 0.1rem 0.44rem;
    border-radius: 999px;
    border: 1px solid #d0d5dd;
    background: #f2f4f7;
    color: #667085;
    font-size: 0.62rem;
    font-weight: 650;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
}

.accordion-status-badge-icon[b-ghaeztlh2g] {
    font-size: 0.65rem;
    line-height: 1;
}

.accordion-status-badge.is-info[b-ghaeztlh2g] {
    border-color: #d7e3ff;
    background: #eef4ff;
    color: var(--brand-navy);
}

.accordion-status-badge.is-success[b-ghaeztlh2g] {
    border-color: #abefc6;
    background: #ecfdf3;
    color: #067647;
}

.accordion-status-badge.is-warning[b-ghaeztlh2g] {
    border-color: #f7d08a;
    background: #fff7e6;
    color: #7a4b00;
}

.accordion-status-badge.is-new[b-ghaeztlh2g] {
    border-color: #d7e3ff;
    background: #eef4ff;
    color: var(--brand-blue);
}

.accordion-chevron[b-ghaeztlh2g] {
    font-size: 1rem;
    line-height: 1;
    transition: transform 0.2s ease;
    flex-shrink: 0;
}

.accordion-trigger.is-open .accordion-chevron[b-ghaeztlh2g] {
    transform: rotate(90deg);
}

.accordion-body[b-ghaeztlh2g] {
    padding: 0 0 0.95rem;
}

.panel-section-intro[b-ghaeztlh2g] {
    margin: -0.1rem 0 0.7rem;
    color: #667085;
    font-size: 0.78rem;
    line-height: 1.4;
}

/* ── Shared card and form patterns ─────────────────────────────── */
.form-stack[b-ghaeztlh2g],
.control-stack[b-ghaeztlh2g],
.followup-stack[b-ghaeztlh2g] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.sm-card[b-ghaeztlh2g] {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 0.85rem;
}

.empty-card[b-ghaeztlh2g] {
    background: #f8fafc;
    border: 1px dashed #d0d5dd;
    border-radius: 10px;
    padding: 0.9rem;
    color: #8a8f98;
    font-size: 0.82rem;
    font-style: italic;
}

.field-label[b-ghaeztlh2g] {
    font-size: 0.7rem;
    font-weight: 800;
    color: #777;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.35rem;
}

.field-help[b-ghaeztlh2g] {
    margin-top: 0.45rem;
    font-size: 0.76rem;
    color: #777;
    line-height: 1.35;
}

.field-error[b-ghaeztlh2g] {
    color: #c0392b;
    font-size: 0.78rem;
    margin: 0.15rem 0 0.35rem;
}

.section-subheading[b-ghaeztlh2g] {
    font-size: 0.72rem;
    font-weight: 800;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin: 0.75rem 0 0.4rem;
}

.setting-display-row[b-ghaeztlh2g],
.setting-input-row[b-ghaeztlh2g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
}

.setting-display-value[b-ghaeztlh2g] {
    flex: 1;
    min-width: 0;
    font-size: 1rem;
    font-weight: 800;
    color: var(--brand-navy);
    overflow-wrap: anywhere;
}

.setting-input-row[b-ghaeztlh2g] {
    font-size: 0.84rem;
    font-weight: 650;
    color: #344054;
}

    .setting-input-row > span:first-child[b-ghaeztlh2g] {
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        flex: 1;
        min-width: 0;
    }

.setting-input-suffix[b-ghaeztlh2g] {
    color: #667085;
    font-size: 0.78rem;
}

.muted-value[b-ghaeztlh2g] {
    color: #999;
    font-style: italic;
    font-weight: 500;
}

/* ── Buttons ────────────────────────────────────────────────────── */
.btn-full[b-ghaeztlh2g],
.btn-secondary-full[b-ghaeztlh2g] {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    padding: 0.58rem 1rem;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 800;
    cursor: pointer;
    min-height: 40px;
    transition: background 0.15s, color 0.15s, transform 0.15s, border-color 0.15s;
}

.btn-full[b-ghaeztlh2g] {
    border: none;
}

.btn-secondary-full[b-ghaeztlh2g] {
    background: #fff;
    border: 1.5px solid #d0d5dd;
    color: var(--brand-navy);
}

    .btn-secondary-full:hover[b-ghaeztlh2g] {
        border-color: var(--brand-blue);
        color: var(--brand-blue);
        transform: translateY(-1px);
    }

.btn-danger[b-ghaeztlh2g] {
    background: #c0392b;
    color: #fff;
}

    .btn-danger:hover[b-ghaeztlh2g] {
        background: #a93226;
        transform: translateY(-1px);
    }

.btn-success[b-ghaeztlh2g] {
    background: #27ae60;
    color: #fff;
}

    .btn-success:hover[b-ghaeztlh2g] {
        background: #208d4f;
        transform: translateY(-1px);
    }

.btn-music[b-ghaeztlh2g] {
    width: 100%;
    padding: 0.5rem 1rem;
    background: #fff;
    border: 1.5px solid var(--brand-blue);
    border-radius: 8px;
    color: var(--brand-blue);
    font-size: 0.82rem;
    font-weight: 800;
    cursor: pointer;
    min-height: 38px;
    transition: background 0.15s, color 0.15s, transform 0.15s;
}

    .btn-music:hover[b-ghaeztlh2g] {
        background: var(--brand-blue);
        color: #fff;
        transform: translateY(-1px);
    }

.btn-sm[b-ghaeztlh2g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    padding: 0.35rem 0.75rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 800;
    cursor: pointer;
    border: none;
    min-height: 30px;
    white-space: nowrap;
}

.btn-primary-sm[b-ghaeztlh2g] {
    background: #0f3460;
    color: #fff;
}

.btn-secondary-sm[b-ghaeztlh2g] {
    background: #fff;
    border: 1px solid #d0d5dd;
    color: #555;
}

    .btn-secondary-sm:hover:not(:disabled)[b-ghaeztlh2g] {
        background: #eef4ff;
        color: var(--brand-navy);
        border-color: #b9c7df;
    }

    .btn-secondary-sm:disabled[b-ghaeztlh2g] {
        opacity: 0.55;
        cursor: not-allowed;
    }

.btn-icon[b-ghaeztlh2g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 0.85rem;
    padding: 0.15rem 0.25rem;
    border-radius: 5px;
    min-height: 28px;
    min-width: 28px;
}

    .btn-icon:hover[b-ghaeztlh2g] {
        background: #e8edf3;
    }

/* ── Inputs and toggles ─────────────────────────────────────────── */
.edit-input[b-ghaeztlh2g] {
    width: 100%;
    padding: 0.45rem 0.55rem;
    border: 1px solid #cfd5dd;
    border-radius: 6px;
    font-size: 0.82rem;
    margin-bottom: 0.35rem;
    box-sizing: border-box;
    background: #fff;
}

.form-input-sm[b-ghaeztlh2g] {
    width: 4.2rem;
    padding: 0.35rem 0.4rem;
    border: 1px solid #cfd5dd;
    border-radius: 6px;
    font-size: 0.8rem;
    background: #fff;
}

.toggle-label[b-ghaeztlh2g] {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    cursor: pointer;
    font-size: 0.84rem;
    line-height: 1.35;
    color: #344054;
}

    .toggle-label input[type="checkbox"][b-ghaeztlh2g] {
        width: 15px;
        height: 15px;
        cursor: pointer;
        margin-top: 0.1rem;
        flex-shrink: 0;
    }

    .toggle-label span[b-ghaeztlh2g] {
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
    }

.toggle-hint[b-ghaeztlh2g] {
    font-size: 0.72rem;
    color: #c0392b;
    margin: 0.2rem 0 0 1.4rem;
}

.edit-actions[b-ghaeztlh2g] {
    display: flex;
    gap: 0.4rem;
    margin-top: 0.35rem;
}

/* ── Team ──────────────────────────────────────────────────────── */
.team-card[b-ghaeztlh2g] {
    padding: 0.9rem;
}

.team-name[b-ghaeztlh2g] {
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--brand-navy);
    margin-bottom: 0.85rem;
    overflow-wrap: anywhere;
}

.team-code-row[b-ghaeztlh2g] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.team-code[b-ghaeztlh2g] {
    flex: 1;
    min-width: 0;
    font-family: Consolas, monospace;
    font-size: 0.95rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    background: #eef4ff;
    border: 1px solid #d7e3ff;
    border-radius: 7px;
    padding: 0.4rem 0.65rem;
    overflow-wrap: anywhere;
}

/* ── Column editor ─────────────────────────────────────────────── */
.column-editor[b-ghaeztlh2g] {
    padding: 0.6rem 0.65rem;
}

.column-row[b-ghaeztlh2g] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.col-dot[b-ghaeztlh2g] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    flex-shrink: 0;
}

.col-name[b-ghaeztlh2g] {
    flex: 1;
    font-size: 0.86rem;
    font-weight: 650;
    color: #344054;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.col-actions[b-ghaeztlh2g] {
    display: flex;
    gap: 0.15rem;
}

.color-row[b-ghaeztlh2g] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.35rem;
}

.color-label[b-ghaeztlh2g] {
    font-size: 0.78rem;
    color: #666;
    flex-shrink: 0;
}

.color-picker[b-ghaeztlh2g] {
    flex: 1;
    height: 36px;
    border: 1px solid #cfd5dd;
    border-radius: 6px;
    padding: 0.1rem;
    cursor: pointer;
    background: #fff;
}

.btn-add-col[b-ghaeztlh2g] {
    width: 100%;
    padding: 0.55rem;
    background: #fff;
    border: 2px dashed #cfd5dd;
    border-radius: 9px;
    color: #8a8f98;
    font-size: 0.82rem;
    font-weight: 800;
    cursor: pointer;
    min-height: 38px;
}

    .btn-add-col:hover[b-ghaeztlh2g] {
        border-color: var(--brand-blue);
        color: var(--brand-blue);
        background: #f8fbff;
    }

/* ── Participants ────────────────────────────────────────────────── */
.banned-name[b-ghaeztlh2g] {
    color: #999;
    text-decoration: line-through;
    flex: 1;
    font-size: 0.85rem;
}

.btn-unban[b-ghaeztlh2g] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1rem;
    padding: 0.1rem 0.3rem;
    border-radius: 4px;
    opacity: 0.7;
    transition: opacity 0.15s, background 0.15s;
}

    .btn-unban:hover[b-ghaeztlh2g] {
        opacity: 1;
        background: #e8edf3;
    }

.sm-panel .participant-list[b-ghaeztlh2g] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.sm-panel .participant-item[b-ghaeztlh2g] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.45rem 0.55rem;
    background: #f4f6f8;
    border-radius: 8px;
}

.sm-panel .participant-avatar[b-ghaeztlh2g] {
    width: 28px;
    height: 28px;
    background: #888;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.72rem;
    font-weight: 800;
    flex-shrink: 0;
}

/* ── Follow-Up Items ─────────────────────────────────────────────── */
.followup-count[b-ghaeztlh2g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.15rem;
    height: 1.15rem;
    padding: 0 0.35rem;
    border-radius: 999px;
    background: #f39c12;
    color: #fff;
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1;
}

.followup-group[b-ghaeztlh2g] {
    padding: 0.7rem;
}

.followup-group-title[b-ghaeztlh2g] {
    font-size: 0.7rem;
    font-weight: 800;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0 0 0.4rem;
}

.followup-list[b-ghaeztlh2g] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.followup-item[b-ghaeztlh2g] {
    display: flex;
    align-items: flex-start;
    gap: 0.45rem;
    padding: 0.5rem 0.55rem;
    border-left: 4px solid #f39c12;
    background: #fff;
    border-radius: 7px;
    cursor: pointer;
    transition: background 0.15s, transform 0.15s;
}

    .followup-item:hover[b-ghaeztlh2g] {
        background: #fff7e6;
        transform: translateY(-1px);
    }

.followup-votes[b-ghaeztlh2g] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    flex-shrink: 0;
    color: #666;
    font-size: 0.72rem;
    font-weight: 800;
    min-width: 2rem;
}

.followup-text[b-ghaeztlh2g] {
    flex: 1;
    min-width: 0;
    display: block;
    font-size: 0.82rem;
    line-height: 1.35;
    color: #344054;
}

.followup-empty[b-ghaeztlh2g] {
    color: #999;
    font-style: italic;
    font-size: 0.82rem;
}

/* ── AI accordion ───────────────────────────────────────────────── */
.accordion-item-ai .accordion-trigger.is-open[b-ghaeztlh2g] {
    color: var(--brand-navy);
}

.ai-accordion-body[b-ghaeztlh2g] {
    padding-bottom: 0.95rem;
}

.ai-summary-card[b-ghaeztlh2g] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.ai-summary-card-header[b-ghaeztlh2g] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.7rem;
}

.ai-action-title[b-ghaeztlh2g] {
    font-size: 0.92rem;
    font-weight: 850;
    color: var(--brand-navy);
    margin-bottom: 0.22rem;
}

.ai-action-description[b-ghaeztlh2g] {
    font-size: 0.78rem;
    color: #667085;
    line-height: 1.4;
}

.ai-summary-badge[b-ghaeztlh2g] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 0.22rem 0.55rem;
    border-radius: 999px;
    background: #f2f4f7;
    color: #667085;
    font-size: 0.68rem;
    font-weight: 850;
    white-space: nowrap;
}

    .ai-summary-badge.is-current[b-ghaeztlh2g] {
        background: #ecfdf3;
        color: #067647;
    }

    .ai-summary-badge.is-warning[b-ghaeztlh2g] {
        background: #fff7e6;
        color: #7a4b00;
    }

    .ai-summary-badge.is-working[b-ghaeztlh2g] {
        background: #eef4ff;
        color: var(--brand-navy);
    }

.ai-summary-meta-grid[b-ghaeztlh2g] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.45rem;
    padding: 0.65rem;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #e5e7eb;
}

.ai-summary-meta-item[b-ghaeztlh2g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    min-width: 0;
}

.ai-summary-meta-label[b-ghaeztlh2g] {
    color: #667085;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.ai-summary-meta-value[b-ghaeztlh2g] {
    min-width: 0;
    color: #344054;
    font-size: 0.78rem;
    font-weight: 750;
    text-align: right;
    overflow-wrap: anywhere;
}

.ai-summary-meta-value-current[b-ghaeztlh2g] {
    color: #067647;
}

.ai-summary-meta-value-warning[b-ghaeztlh2g] {
    color: #7a4b00;
}

.ai-summary-meta-value-info[b-ghaeztlh2g] {
    color: var(--brand-navy);
}

.ai-action-buttons[b-ghaeztlh2g] {
    display: flex;
    align-items: stretch;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.ai-action-buttons-stacked[b-ghaeztlh2g] {
    flex-direction: column;
}

.btn-ai-action[b-ghaeztlh2g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    width: 100%;
    min-height: 38px;
    padding: 0.5rem 0.75rem;
    border: 1.5px solid var(--brand-blue);
    border-radius: 8px;
    background: #fff;
    color: var(--brand-blue);
    font-size: 0.8rem;
    font-weight: 850;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.15s, color 0.15s, transform 0.15s, border-color 0.15s;
    white-space: nowrap;
}

    .btn-ai-action:hover:not(:disabled)[b-ghaeztlh2g] {
        background: var(--brand-blue);
        color: #fff;
        transform: translateY(-1px);
    }

.btn-ai-action-primary[b-ghaeztlh2g] {
    background: var(--brand-navy);
    border-color: var(--brand-navy);
    color: #fff;
}

    .btn-ai-action-primary:hover:not(:disabled)[b-ghaeztlh2g] {
        background: var(--brand-blue);
        border-color: var(--brand-blue);
    }

.btn-ai-action-disabled[b-ghaeztlh2g],
.btn-ai-action:disabled[b-ghaeztlh2g] {
    border-color: #d0d5dd;
    background: #f2f4f7;
    color: #98a2b3;
    cursor: not-allowed;
    transform: none;
}

/* ── AI summary status and animation ───────────────────────────── */
.ai-summary-status[b-ghaeztlh2g],
.ai-summary-error[b-ghaeztlh2g],
.ai-summary-result[b-ghaeztlh2g] {
    margin-top: 0.75rem;
    border-radius: 8px;
    padding: 0.75rem 0.85rem;
    font-size: 0.8rem;
}

.ai-summary-status[b-ghaeztlh2g] {
    background: #eef4ff;
    border: 1px solid #d7e3ff;
    color: var(--brand-navy);
    font-weight: 800;
}

.ai-summary-error[b-ghaeztlh2g] {
    background: #fff1f0;
    border: 1px solid #ffd1cc;
    color: #b42318;
    line-height: 1.4;
}

.ai-summary-result[b-ghaeztlh2g] {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
}

.ai-summary-result-header[b-ghaeztlh2g] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.6rem;
}

.ai-summary-result-title[b-ghaeztlh2g] {
    color: var(--brand-navy);
    font-size: 0.88rem;
    font-weight: 800;
}

.ai-summary-result-meta[b-ghaeztlh2g] {
    color: #667085;
    font-size: 0.72rem;
    margin-top: 0.1rem;
}

.ai-summary-markdown[b-ghaeztlh2g] {
    max-height: 320px;
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-word;
    margin: 0;
    padding: 0.75rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    color: #1f2937;
    font-family: Consolas, Monaco, 'Courier New', monospace;
    font-size: 0.75rem;
    line-height: 1.45;
}

.ai-summary-result-actions[b-ghaeztlh2g] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-shrink: 0;
}

.ai-summary-status-warning[b-ghaeztlh2g] {
    background: #fff7e6;
    border-color: #f7d08a;
    color: #7a4b00;
}

.ai-summary-status-generating[b-ghaeztlh2g] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.ai-summary-status-success[b-ghaeztlh2g] {
    background: #ecfdf3;
    border-color: #abefc6;
    color: #067647;
}

.ai-summary-generating-line[b-ghaeztlh2g] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-weight: 850;
}

.ai-summary-sparkle[b-ghaeztlh2g] {
    display: inline-block;
    animation: aiSparklePulse-b-ghaeztlh2g 1.15s ease-in-out infinite;
    transform-origin: center;
}

.ai-summary-generating-subtext[b-ghaeztlh2g] {
    position: relative;
    min-height: 1.1rem;
    color: #667085;
    font-size: 0.76rem;
    font-weight: 650;
    line-height: 1.35;
}

.ai-summary-message[b-ghaeztlh2g] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    animation: aiSummaryMessageCycle-b-ghaeztlh2g 10s linear infinite;
}

.ai-summary-message-1[b-ghaeztlh2g] {
    animation-delay: 0s;
}

.ai-summary-message-2[b-ghaeztlh2g] {
    animation-delay: 2.5s;
}

.ai-summary-message-3[b-ghaeztlh2g] {
    animation-delay: 5s;
}

.ai-summary-message-4[b-ghaeztlh2g] {
    animation-delay: 7.5s;
}

.ai-summary-ellipsis[b-ghaeztlh2g]::after {
    content: "";
    animation: aiSummaryEllipsis-b-ghaeztlh2g 1.2s steps(4, end) infinite;
}

@keyframes aiSparklePulse-b-ghaeztlh2g {
    0%, 100% {
        transform: scale(1) rotate(0deg);
        opacity: 0.72;
    }

    50% {
        transform: scale(1.28) rotate(12deg);
        opacity: 1;
    }
}

@keyframes aiSummaryMessageCycle-b-ghaeztlh2g {
    0%, 20% {
        opacity: 1;
        transform: translateY(0);
    }

    25%, 100% {
        opacity: 0;
        transform: translateY(-2px);
    }
}

@keyframes aiSummaryEllipsis-b-ghaeztlh2g {
    0% {
        content: "";
    }

    25% {
        content: ".";
    }

    50% {
        content: "..";
    }

    75%, 100% {
        content: "...";
    }
}

/* ── Export shell ───────────────────────────────────────────────── */
.export-card-shell[b-ghaeztlh2g] {
    padding: 0.75rem;
}

.export-card-shell :deep(button)[b-ghaeztlh2g],
.export-card-shell :deep(a)[b-ghaeztlh2g] {
    border-radius: 8px;
}

/* ── Confirm dialog ─────────────────────────────────────────────── */
.sm-confirm-backdrop[b-ghaeztlh2g] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    backdrop-filter: blur(2px);
}

.sm-confirm-box[b-ghaeztlh2g] {
    background: #fff;
    border-radius: 12px;
    padding: 1.75rem 2rem;
    max-width: 380px;
    width: 90%;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
    border-top: 4px solid var(--brand-red);
    animation: confirmSlideIn-b-ghaeztlh2g 0.15s ease-out;
}

@keyframes confirmSlideIn-b-ghaeztlh2g {
    from {
        opacity: 0;
        transform: translateY(-12px) scale(0.97);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.sm-confirm-message[b-ghaeztlh2g] {
    margin: 0 0 1.5rem;
    font-size: 0.95rem;
    line-height: 1.55;
    color: #222;
    font-weight: 500;
}

.sm-confirm-actions[b-ghaeztlh2g] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}



/* ── Panel feedback footer ─────────────────────────────────────── */
.sm-panel-feedback-footer[b-ghaeztlh2g] {
    flex-shrink: 0;
    margin: 0 0.85rem 0.85rem;
    padding-top: 0.75rem;
    border-top: 1px solid #edf0f3;
    text-align: center;
}

.sm-panel-feedback-text[b-ghaeztlh2g] {
    margin-bottom: 0.15rem;
    color: #8a8f98;
    font-size: 0.76rem;
    line-height: 1.3;
}

.sm-panel-feedback-link[b-ghaeztlh2g] {
    border: none;
    background: transparent;
    color: var(--brand-blue);
    cursor: pointer;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1.3;
    padding: 0.25rem 0.35rem;
    border-radius: 6px;
}

.sm-panel-feedback-link:hover[b-ghaeztlh2g] {
    background: #eef4ff;
    color: var(--brand-navy);
    text-decoration: underline;
}

@media (max-width: 420px) {
    .sm-panel[b-ghaeztlh2g] {
        width: 100vw;
    }

    .sm-accordion[b-ghaeztlh2g] {
        padding: 0 0.75rem 1rem;
    }

    .setting-display-row[b-ghaeztlh2g],
    .team-code-row[b-ghaeztlh2g],
    .ai-summary-card-header[b-ghaeztlh2g] {
        align-items: stretch;
        flex-direction: column;
    }

    .setting-display-row .btn-sm[b-ghaeztlh2g],
    .team-code-row .btn-sm[b-ghaeztlh2g] {
        width: 100%;
    }

    .ai-summary-badge[b-ghaeztlh2g] {
        align-self: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ai-summary-sparkle[b-ghaeztlh2g],
    .ai-summary-message[b-ghaeztlh2g],
    .ai-summary-ellipsis[b-ghaeztlh2g]::after {
        animation: none;
    }

    .ai-summary-message[b-ghaeztlh2g] {
        position: static;
        opacity: 1;
        transform: none;
    }

    .ai-summary-message:not(.ai-summary-message-1)[b-ghaeztlh2g] {
        display: none;
    }

    .btn-full[b-ghaeztlh2g],
    .btn-secondary-full[b-ghaeztlh2g],
    .btn-music[b-ghaeztlh2g],
    .btn-ai-action[b-ghaeztlh2g],
    .followup-item[b-ghaeztlh2g] {
        transition: none;
    }
}

/* ── Export action layout ────────────────────────────────────────── */
.export-card-shell[b-ghaeztlh2g]  .export-actions,
.export-card-shell[b-ghaeztlh2g]  .export-action-row,
.export-card-shell[b-ghaeztlh2g]  .export-buttons,
.export-card-shell[b-ghaeztlh2g]  .export-button-row,
.export-card-shell[b-ghaeztlh2g]  .export-download-actions,
.export-card-shell[b-ghaeztlh2g]  .export-format-actions,
.export-card-shell[b-ghaeztlh2g]  div:has(> button),
.export-card-shell[b-ghaeztlh2g]  div:has(> a) {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.5rem !important;
}

.export-card-shell[b-ghaeztlh2g]  button,
.export-card-shell[b-ghaeztlh2g]  a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.3rem !important;
    width: 100% !important;
    min-height: 38px !important;
    padding: 0.5rem 0.75rem !important;
    border-radius: 8px !important;
    font-size: 0.8rem !important;
    font-weight: 850 !important;
    text-decoration: none !important;
    cursor: pointer;
    transition: background 0.15s, color 0.15s, transform 0.15s, border-color 0.15s !important;
    white-space: nowrap !important;
}

.export-card-shell[b-ghaeztlh2g]  button:hover:not(:disabled),
.export-card-shell[b-ghaeztlh2g]  a:hover {
    background: var(--brand-blue) !important;
    border-color: var(--brand-blue) !important;
    color: #fff !important;
    transform: translateY(-1px);
}

.export-card-shell[b-ghaeztlh2g]  button:disabled {
    border-color: #d0d5dd !important;
    background: #f2f4f7 !important;
    color: #98a2b3 !important;
    cursor: not-allowed !important;
    transform: none !important;
}


/* ── Phase 4.2 UI button standardization ──────────────────────────
   Keep all Scrum Master Panel buttons on the same visual system.
   Variants should differ by intent, not by one-off hover behavior. */
.sm-panel button[b-ghaeztlh2g],
.sm-confirm-box button[b-ghaeztlh2g],
.sm-panel :deep(button)[b-ghaeztlh2g],
.sm-panel :deep(a)[b-ghaeztlh2g],
.sm-panel[b-ghaeztlh2g] (button),
.sm-panel[b-ghaeztlh2g] (a) {
    font-family: inherit;
}

.btn-full[b-ghaeztlh2g],
.btn-secondary-full[b-ghaeztlh2g],
.btn-music[b-ghaeztlh2g],
.btn-sm[b-ghaeztlh2g],
.btn-ai-action[b-ghaeztlh2g],
.btn-add-col[b-ghaeztlh2g],
.btn-icon[b-ghaeztlh2g],
.btn-unban[b-ghaeztlh2g],
.sm-confirm-box .btn-confirm-delete[b-ghaeztlh2g],
.sm-confirm-box .btn-cancel[b-ghaeztlh2g],
.export-card-shell :deep(button)[b-ghaeztlh2g],
.export-card-shell :deep(a)[b-ghaeztlh2g],
.export-card-shell[b-ghaeztlh2g] (button),
.export-card-shell[b-ghaeztlh2g] (a) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    border-radius: 8px;
    font-weight: 800;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}

.btn-full[b-ghaeztlh2g],
.btn-secondary-full[b-ghaeztlh2g],
.btn-music[b-ghaeztlh2g],
.btn-ai-action[b-ghaeztlh2g],
.export-card-shell :deep(button)[b-ghaeztlh2g],
.export-card-shell :deep(a)[b-ghaeztlh2g],
.export-card-shell[b-ghaeztlh2g] (button),
.export-card-shell[b-ghaeztlh2g] (a) {
    width: 100%;
    min-height: 40px;
    padding: 0.55rem 0.85rem;
    font-size: 0.82rem;
    white-space: nowrap;
}

.btn-sm[b-ghaeztlh2g],
.sm-confirm-box .btn-confirm-delete[b-ghaeztlh2g],
.sm-confirm-box .btn-cancel[b-ghaeztlh2g] {
    min-height: 32px;
    padding: 0.38rem 0.75rem;
    font-size: 0.76rem;
    white-space: nowrap;
}

.btn-icon[b-ghaeztlh2g],
.btn-unban[b-ghaeztlh2g] {
    min-width: 32px;
    min-height: 32px;
    padding: 0.25rem;
    border: 1px solid transparent;
    background: transparent;
    color: var(--brand-navy);
}


.btn-full[b-ghaeztlh2g],
.btn-ai-action-primary[b-ghaeztlh2g],
.sm-confirm-box .btn-confirm-delete[b-ghaeztlh2g] {
    border: 1.5px solid var(--brand-navy);
    background: var(--brand-navy);
    color: #fff;
}

.btn-full:hover:not(:disabled)[b-ghaeztlh2g],
.btn-ai-action-primary:hover:not(:disabled)[b-ghaeztlh2g],
.sm-confirm-box .btn-confirm-delete:hover:not(:disabled)[b-ghaeztlh2g] {
    background: var(--brand-blue);
    border-color: var(--brand-blue);
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(15, 52, 96, 0.14);
}

.btn-secondary-full[b-ghaeztlh2g],
.btn-music[b-ghaeztlh2g],
.btn-ai-action[b-ghaeztlh2g],
.btn-secondary-sm[b-ghaeztlh2g],
.sm-confirm-box .btn-cancel[b-ghaeztlh2g],
.export-card-shell :deep(button)[b-ghaeztlh2g],
.export-card-shell :deep(a)[b-ghaeztlh2g],
.export-card-shell[b-ghaeztlh2g] (button),
.export-card-shell[b-ghaeztlh2g] (a) {
    border: 1.5px solid var(--brand-blue);
    background: #fff;
    color: var(--brand-blue);
}

.btn-secondary-full:hover:not(:disabled)[b-ghaeztlh2g],
.btn-music:hover:not(:disabled)[b-ghaeztlh2g],
.btn-ai-action:hover:not(:disabled)[b-ghaeztlh2g],
.btn-secondary-sm:hover:not(:disabled)[b-ghaeztlh2g],
.sm-confirm-box .btn-cancel:hover:not(:disabled)[b-ghaeztlh2g],
.export-card-shell :deep(button:hover:not(:disabled))[b-ghaeztlh2g],
.export-card-shell :deep(a:hover)[b-ghaeztlh2g],
.export-card-shell[b-ghaeztlh2g] (button:hover:not(:disabled)),
.export-card-shell[b-ghaeztlh2g] (a:hover) {
    background: var(--brand-blue);
    border-color: var(--brand-blue);
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(15, 52, 96, 0.14);
}

.btn-primary-sm[b-ghaeztlh2g] {
    border: 1.5px solid var(--brand-navy);
    background: var(--brand-navy);
    color: #fff;
}

.btn-primary-sm:hover:not(:disabled)[b-ghaeztlh2g] {
    background: var(--brand-blue);
    border-color: var(--brand-blue);
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(15, 52, 96, 0.14);
}

.btn-danger[b-ghaeztlh2g] {
    border-color: #c0392b;
    background: #c0392b;
    color: #fff;
}

.btn-danger:hover:not(:disabled)[b-ghaeztlh2g] {
    background: #a93226;
    border-color: #a93226;
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(192, 57, 43, 0.16);
}

.btn-success[b-ghaeztlh2g] {
    border-color: #27ae60;
    background: #27ae60;
    color: #fff;
}

.btn-success:hover:not(:disabled)[b-ghaeztlh2g] {
    background: #208d4f;
    border-color: #208d4f;
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(39, 174, 96, 0.16);
}

.btn-add-col[b-ghaeztlh2g] {
    width: 100%;
    min-height: 38px;
    border: 2px dashed #cfd5dd;
    background: #fff;
    color: #667085;
}

.btn-add-col:hover:not(:disabled)[b-ghaeztlh2g] {
    border-color: var(--brand-blue);
    background: #eef4ff;
    color: var(--brand-blue);
    transform: translateY(-1px);
}

.btn-icon:hover:not(:disabled)[b-ghaeztlh2g],
.btn-unban:hover:not(:disabled)[b-ghaeztlh2g] {
    border-color: #d7e3ff;
    background: #eef4ff;
    color: var(--brand-blue);
    transform: translateY(-1px);
}

.btn-pin-panel:hover:not(:disabled)[b-ghaeztlh2g],
.btn-close-panel:hover:not(:disabled)[b-ghaeztlh2g] {
    border-color: rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    transform: translateY(-1px);
}

.btn-full:focus-visible[b-ghaeztlh2g],
.btn-secondary-full:focus-visible[b-ghaeztlh2g],
.btn-music:focus-visible[b-ghaeztlh2g],
.btn-sm:focus-visible[b-ghaeztlh2g],
.btn-ai-action:focus-visible[b-ghaeztlh2g],
.btn-add-col:focus-visible[b-ghaeztlh2g],
.btn-icon:focus-visible[b-ghaeztlh2g],
.btn-pin-panel:focus-visible[b-ghaeztlh2g],
.btn-close-panel:focus-visible[b-ghaeztlh2g],
.btn-unban:focus-visible[b-ghaeztlh2g],
.sm-confirm-box .btn-confirm-delete:focus-visible[b-ghaeztlh2g],
.sm-confirm-box .btn-cancel:focus-visible[b-ghaeztlh2g],
.export-card-shell :deep(button:focus-visible)[b-ghaeztlh2g],
.export-card-shell :deep(a:focus-visible)[b-ghaeztlh2g],
.export-card-shell[b-ghaeztlh2g] (button:focus-visible),
.export-card-shell[b-ghaeztlh2g] (a:focus-visible) {
    outline: 3px solid rgba(45, 140, 240, 0.28);
    outline-offset: 2px;
}

.btn-full:disabled[b-ghaeztlh2g],
.btn-secondary-full:disabled[b-ghaeztlh2g],
.btn-music:disabled[b-ghaeztlh2g],
.btn-sm:disabled[b-ghaeztlh2g],
.btn-ai-action:disabled[b-ghaeztlh2g],
.btn-add-col:disabled[b-ghaeztlh2g],
.btn-icon:disabled[b-ghaeztlh2g],
.btn-unban:disabled[b-ghaeztlh2g],
.export-card-shell :deep(button:disabled)[b-ghaeztlh2g],
.export-card-shell[b-ghaeztlh2g] (button:disabled) {
    border-color: #d0d5dd !important;
    background: #f2f4f7 !important;
    color: #98a2b3 !important;
    cursor: not-allowed !important;
    transform: none !important;
    box-shadow: none !important;
    opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
    .btn-full[b-ghaeztlh2g],
    .btn-secondary-full[b-ghaeztlh2g],
    .btn-music[b-ghaeztlh2g],
    .btn-sm[b-ghaeztlh2g],
    .btn-ai-action[b-ghaeztlh2g],
    .btn-add-col[b-ghaeztlh2g],
    .btn-icon[b-ghaeztlh2g],
    .btn-close-panel[b-ghaeztlh2g],
    .btn-unban[b-ghaeztlh2g],
    .sm-confirm-box .btn-confirm-delete[b-ghaeztlh2g],
    .sm-confirm-box .btn-cancel[b-ghaeztlh2g],
    .export-card-shell :deep(button)[b-ghaeztlh2g],
    .export-card-shell :deep(a)[b-ghaeztlh2g],
    .export-card-shell[b-ghaeztlh2g] (button),
    .export-card-shell[b-ghaeztlh2g] (a) {
        transition: none;
    }

    .btn-full:hover:not(:disabled)[b-ghaeztlh2g],
    .btn-secondary-full:hover:not(:disabled)[b-ghaeztlh2g],
    .btn-music:hover:not(:disabled)[b-ghaeztlh2g],
    .btn-sm:hover:not(:disabled)[b-ghaeztlh2g],
    .btn-ai-action:hover:not(:disabled)[b-ghaeztlh2g],
    .btn-add-col:hover:not(:disabled)[b-ghaeztlh2g],
    .btn-icon:hover:not(:disabled)[b-ghaeztlh2g],
    .btn-close-panel:hover:not(:disabled)[b-ghaeztlh2g],
    .btn-unban:hover:not(:disabled)[b-ghaeztlh2g],
    .sm-confirm-box .btn-confirm-delete:hover:not(:disabled)[b-ghaeztlh2g],
    .sm-confirm-box .btn-cancel:hover:not(:disabled)[b-ghaeztlh2g],
    .export-card-shell :deep(button:hover:not(:disabled))[b-ghaeztlh2g],
    .export-card-shell :deep(a:hover)[b-ghaeztlh2g],
    .export-card-shell[b-ghaeztlh2g] (button:hover:not(:disabled)),
    .export-card-shell[b-ghaeztlh2g] (a:hover) {
        transform: none;
    }
}

/* ── Phase 4.2 Design System normalization ───────────────────────
   Keep shared UI behavior consistent across every SM Panel section.
   These rules intentionally sit at the end so older section-specific
   styles inherit a single visual language without changing behavior. */
.sm-panel[b-ghaeztlh2g] {
    --sm-surface: #fff;
    --sm-surface-muted: #f8fafc;
    --sm-border: #e5e7eb;
    --sm-border-strong: #d0d5dd;
    --sm-text: #344054;
    --sm-text-muted: #667085;
    --sm-text-soft: #8a8f98;
    --sm-info-bg: #eef4ff;
    --sm-info-border: #d7e3ff;
    --sm-info-text: var(--brand-navy);
    --sm-success-bg: #ecfdf3;
    --sm-success-border: #abefc6;
    --sm-success-text: #067647;
    --sm-warning-bg: #fff7e6;
    --sm-warning-border: #f7d08a;
    --sm-warning-text: #7a4b00;
    --sm-error-bg: #fff1f0;
    --sm-error-border: #ffd1cc;
    --sm-error-text: #b42318;
    --sm-radius-sm: 6px;
    --sm-radius-md: 8px;
    --sm-radius-lg: 10px;
    --sm-focus-ring: 0 0 0 3px rgba(74, 144, 217, 0.22);
    --sm-hover-lift: translateY(-1px);
    --sm-transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.sm-card[b-ghaeztlh2g],
.empty-card[b-ghaeztlh2g],
.ai-summary-result[b-ghaeztlh2g],
.ai-summary-meta-grid[b-ghaeztlh2g],
.export-card-shell[b-ghaeztlh2g],
.session-name-editor[b-ghaeztlh2g],
.template-editor[b-ghaeztlh2g],
.team-card[b-ghaeztlh2g],
.column-editor[b-ghaeztlh2g],
.followup-group[b-ghaeztlh2g] {
    border-radius: var(--sm-radius-lg);
    border-color: var(--sm-border);
}

.sm-card[b-ghaeztlh2g],
.ai-summary-result[b-ghaeztlh2g],
.export-card-shell[b-ghaeztlh2g],
.session-name-editor[b-ghaeztlh2g],
.template-editor[b-ghaeztlh2g],
.team-card[b-ghaeztlh2g],
.column-editor[b-ghaeztlh2g],
.followup-group[b-ghaeztlh2g] {
    background: var(--sm-surface-muted);
    border: 1px solid var(--sm-border);
    padding: 0.85rem;
}

.empty-card[b-ghaeztlh2g] {
    background: var(--sm-surface-muted);
    border: 1px dashed var(--sm-border-strong);
    padding: 0.9rem;
    color: var(--sm-text-soft);
}

.field-label[b-ghaeztlh2g],
.section-subheading[b-ghaeztlh2g],
.followup-group-title[b-ghaeztlh2g],
.ai-summary-meta-label[b-ghaeztlh2g] {
    color: #777;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.panel-section-intro[b-ghaeztlh2g],
.field-help[b-ghaeztlh2g],
.ai-action-description[b-ghaeztlh2g],
.ai-summary-result-meta[b-ghaeztlh2g],
.ai-summary-generating-subtext[b-ghaeztlh2g] {
    color: var(--sm-text-muted);
}

.field-error[b-ghaeztlh2g],
.ai-summary-error[b-ghaeztlh2g] {
    color: var(--sm-error-text);
}

.edit-input[b-ghaeztlh2g],
.form-input-sm[b-ghaeztlh2g],
.color-picker[b-ghaeztlh2g] {
    border-color: var(--sm-border-strong);
    border-radius: var(--sm-radius-sm);
    color: var(--sm-text);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.edit-input:focus[b-ghaeztlh2g],
.form-input-sm:focus[b-ghaeztlh2g],
.color-picker:focus[b-ghaeztlh2g] {
    border-color: var(--brand-blue);
    box-shadow: var(--sm-focus-ring);
    outline: none;
}

/* One button language for every action inside the SM Panel. */
.btn-full[b-ghaeztlh2g],
.btn-secondary-full[b-ghaeztlh2g],
.btn-music[b-ghaeztlh2g],
.btn-sm[b-ghaeztlh2g],
.btn-ai-action[b-ghaeztlh2g],
.btn-add-col[b-ghaeztlh2g],
.btn-confirm-delete[b-ghaeztlh2g],
.btn-cancel[b-ghaeztlh2g],
.sm-panel :deep(button)[b-ghaeztlh2g],
.sm-panel :deep(a)[b-ghaeztlh2g] {
    transition: var(--sm-transition);
}

.btn-full[b-ghaeztlh2g],
.btn-secondary-full[b-ghaeztlh2g],
.btn-music[b-ghaeztlh2g],
.btn-ai-action[b-ghaeztlh2g],
.export-card-shell :deep(button)[b-ghaeztlh2g],
.export-card-shell :deep(a)[b-ghaeztlh2g] {
    width: 100%;
    min-height: 40px;
    border-radius: var(--sm-radius-md);
    font-weight: 850;
}

.btn-secondary-full[b-ghaeztlh2g],
.btn-music[b-ghaeztlh2g],
.btn-ai-action[b-ghaeztlh2g],
.export-card-shell :deep(button)[b-ghaeztlh2g],
.export-card-shell :deep(a)[b-ghaeztlh2g] {
    background: var(--sm-surface);
    border: 1.5px solid var(--brand-blue);
    color: var(--brand-blue);
}

.btn-secondary-full:hover:not(:disabled)[b-ghaeztlh2g],
.btn-music:hover:not(:disabled)[b-ghaeztlh2g],
.btn-ai-action:hover:not(:disabled)[b-ghaeztlh2g],
.export-card-shell :deep(button:hover:not(:disabled))[b-ghaeztlh2g],
.export-card-shell :deep(a:hover)[b-ghaeztlh2g] {
    background: var(--brand-blue);
    border-color: var(--brand-blue);
    color: #fff;
    transform: var(--sm-hover-lift);
}

.btn-full:hover:not(:disabled)[b-ghaeztlh2g],
.btn-primary-sm:hover:not(:disabled)[b-ghaeztlh2g],
.btn-confirm-delete:hover:not(:disabled)[b-ghaeztlh2g] {
    transform: var(--sm-hover-lift);
}

.btn-primary-sm[b-ghaeztlh2g],
.btn-ai-action-primary[b-ghaeztlh2g] {
    background: var(--brand-navy);
    border-color: var(--brand-navy);
    color: #fff;
}

.btn-primary-sm:hover:not(:disabled)[b-ghaeztlh2g],
.btn-ai-action-primary:hover:not(:disabled)[b-ghaeztlh2g] {
    background: var(--brand-blue);
    border-color: var(--brand-blue);
    color: #fff;
}

.btn-secondary-sm[b-ghaeztlh2g],
.btn-cancel[b-ghaeztlh2g] {
    background: var(--sm-surface);
    border: 1px solid var(--sm-border-strong);
    color: var(--sm-text);
}

.btn-secondary-sm:hover:not(:disabled)[b-ghaeztlh2g],
.btn-cancel:hover:not(:disabled)[b-ghaeztlh2g] {
    background: var(--sm-info-bg);
    border-color: var(--sm-info-border);
    color: var(--brand-navy);
    transform: var(--sm-hover-lift);
}

.btn-danger[b-ghaeztlh2g],
.btn-confirm-delete[b-ghaeztlh2g] {
    background: #c0392b;
    border-color: #c0392b;
    color: #fff;
}

.btn-danger:hover:not(:disabled)[b-ghaeztlh2g],
.btn-confirm-delete:hover:not(:disabled)[b-ghaeztlh2g] {
    background: #a93226;
    border-color: #a93226;
    color: #fff;
}

.btn-success[b-ghaeztlh2g] {
    background: #27ae60;
    border-color: #27ae60;
    color: #fff;
}

.btn-success:hover:not(:disabled)[b-ghaeztlh2g] {
    background: #208d4f;
    border-color: #208d4f;
    color: #fff;
}

.btn-icon[b-ghaeztlh2g],
.btn-unban[b-ghaeztlh2g],
.btn-close-panel[b-ghaeztlh2g] {
    transition: var(--sm-transition);
}

.btn-icon:hover:not(:disabled)[b-ghaeztlh2g],
.btn-unban:hover:not(:disabled)[b-ghaeztlh2g] {
    background: #e8edf3;
    transform: var(--sm-hover-lift);
}

.btn-full:focus-visible[b-ghaeztlh2g],
.btn-secondary-full:focus-visible[b-ghaeztlh2g],
.btn-music:focus-visible[b-ghaeztlh2g],
.btn-sm:focus-visible[b-ghaeztlh2g],
.btn-icon:focus-visible[b-ghaeztlh2g],
.btn-unban:focus-visible[b-ghaeztlh2g],
.btn-pin-panel:focus-visible[b-ghaeztlh2g],
.btn-close-panel:focus-visible[b-ghaeztlh2g],
.btn-ai-action:focus-visible[b-ghaeztlh2g],
.btn-add-col:focus-visible[b-ghaeztlh2g],
.btn-confirm-delete:focus-visible[b-ghaeztlh2g],
.btn-cancel:focus-visible[b-ghaeztlh2g],
.export-card-shell :deep(button:focus-visible)[b-ghaeztlh2g],
.export-card-shell :deep(a:focus-visible)[b-ghaeztlh2g] {
    box-shadow: var(--sm-focus-ring);
    outline: none;
}

.btn-full:disabled[b-ghaeztlh2g],
.btn-secondary-full:disabled[b-ghaeztlh2g],
.btn-music:disabled[b-ghaeztlh2g],
.btn-sm:disabled[b-ghaeztlh2g],
.btn-ai-action:disabled[b-ghaeztlh2g],
.btn-add-col:disabled[b-ghaeztlh2g],
.export-card-shell :deep(button:disabled)[b-ghaeztlh2g] {
    border-color: var(--sm-border-strong);
    background: #f2f4f7;
    color: #98a2b3;
    cursor: not-allowed;
    opacity: 1;
    transform: none;
}

/* Shared status language. */
.ai-summary-status[b-ghaeztlh2g],
.ai-summary-badge.is-working[b-ghaeztlh2g] {
    background: var(--sm-info-bg);
    border-color: var(--sm-info-border);
    color: var(--sm-info-text);
}

.ai-summary-status-success[b-ghaeztlh2g],
.ai-summary-badge.is-current[b-ghaeztlh2g],
.ai-summary-meta-value-current[b-ghaeztlh2g] {
    background: var(--sm-success-bg);
    border-color: var(--sm-success-border);
    color: var(--sm-success-text);
}

.ai-summary-status-warning[b-ghaeztlh2g],
.ai-summary-badge.is-warning[b-ghaeztlh2g],
.ai-summary-meta-value-warning[b-ghaeztlh2g] {
    background: var(--sm-warning-bg);
    border-color: var(--sm-warning-border);
    color: var(--sm-warning-text);
}

.ai-summary-error[b-ghaeztlh2g],
.field-error[b-ghaeztlh2g] {
    background: var(--sm-error-bg);
    border-color: var(--sm-error-border);
    color: var(--sm-error-text);
}

.field-error[b-ghaeztlh2g] {
    background: transparent;
    border: none;
}

.ai-summary-meta-value-info[b-ghaeztlh2g] {
    color: var(--sm-info-text);
}

.ai-summary-badge[b-ghaeztlh2g] {
    border: 1px solid transparent;
}

/* ExportPanel is a child component; normalize its buttons/actions from here. */
.export-card-shell :deep(.export-actions)[b-ghaeztlh2g],
.export-card-shell :deep(.export-button-row)[b-ghaeztlh2g],
.export-card-shell :deep(.export-download-actions)[b-ghaeztlh2g],
.export-card-shell :deep(.button-row)[b-ghaeztlh2g],
.export-card-shell :deep(.actions)[b-ghaeztlh2g] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.export-card-shell :deep(button)[b-ghaeztlh2g],
.export-card-shell :deep(a)[b-ghaeztlh2g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    text-decoration: none;
    cursor: pointer;
}


/* ── AI summary simplified state layout ───────────────────────────── */
.ai-summary-state[b-ghaeztlh2g] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    margin-top: 0.85rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid var(--sm-border);
    border-radius: 10px;
    background: #f8fafc;
}

.ai-summary-state-icon[b-ghaeztlh2g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.35rem;
    height: 1.35rem;
    border-radius: 999px;
    flex-shrink: 0;
    font-size: 0.8rem;
    font-weight: 900;
    line-height: 1;
}

.ai-summary-state-copy[b-ghaeztlh2g] {
    min-width: 0;
}

.ai-summary-state-title[b-ghaeztlh2g] {
    color: var(--brand-navy);
    font-size: 0.88rem;
    font-weight: 900;
    line-height: 1.2;
}

.ai-summary-state-description[b-ghaeztlh2g] {
    margin-top: 0.25rem;
    color: var(--sm-text-muted);
    font-size: 0.78rem;
    line-height: 1.35;
}

.ai-summary-state.is-muted .ai-summary-state-icon[b-ghaeztlh2g] {
    background: #eef2f6;
    color: #667085;
}

.ai-summary-state.is-info[b-ghaeztlh2g] {
    background: #eef4ff;
    border-color: #d7e3ff;
}

.ai-summary-state.is-info .ai-summary-state-icon[b-ghaeztlh2g] {
    background: #d7e3ff;
    color: var(--brand-blue);
}

.ai-summary-state.is-current[b-ghaeztlh2g] {
    background: #ecfdf3;
    border-color: #abefc6;
}

.ai-summary-state.is-current .ai-summary-state-icon[b-ghaeztlh2g] {
    background: #17a867;
    color: #fff;
}

.ai-summary-state.is-current .ai-summary-state-title[b-ghaeztlh2g] {
    color: #067647;
}

.ai-summary-state.is-warning[b-ghaeztlh2g] {
    background: #fff7e6;
    border-color: #f7d08a;
}

.ai-summary-state.is-warning .ai-summary-state-icon[b-ghaeztlh2g] {
    background: #f39c12;
    color: #fff;
}

.ai-summary-state.is-warning .ai-summary-state-title[b-ghaeztlh2g] {
    color: #7a4b00;
}

.ai-summary-generated-card[b-ghaeztlh2g] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.75rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid var(--sm-border);
    border-radius: 9px;
    background: #fff;
    color: var(--brand-navy);
    font-size: 0.8rem;
    font-weight: 700;
}

.ai-summary-generated-icon[b-ghaeztlh2g] {
    flex-shrink: 0;
}

/* ── Previous Sessions (Interactive Demo) ───────────────────────── */
.accordion-item-previous-sessions .accordion-trigger.is-open[b-ghaeztlh2g] {
    color: var(--brand-navy);
}

.previous-sessions-body[b-ghaeztlh2g] {
    padding-bottom: 0.95rem;
}

.previous-sessions-list[b-ghaeztlh2g] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 0.65rem;
}

.previous-session-item[b-ghaeztlh2g] {
    width: 100%;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 0.5rem;
    min-height: 36px;
    padding: 0.48rem 0.55rem;
    border-radius: 8px;
    border: 1px solid transparent;
    background: #fff;
    color: #344054;
    font: inherit;
    text-align: left;
    box-sizing: border-box;
}

.previous-session-button[b-ghaeztlh2g] {
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

.previous-session-button:hover:not(:disabled)[b-ghaeztlh2g] {
    background: #eef4ff;
    border-color: #d7e3ff;
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(15, 52, 96, 0.08);
}

.previous-session-item.is-current[b-ghaeztlh2g] {
    background: #ecfdf3;
    border-color: #abefc6;
    color: #067647;
    cursor: default;
}

.previous-session-marker[b-ghaeztlh2g] {
    color: var(--brand-blue);
    font-size: 0.75rem;
    line-height: 1;
}

.previous-session-item.is-current .previous-session-marker[b-ghaeztlh2g] {
    color: #067647;
}

.previous-session-name[b-ghaeztlh2g] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.82rem;
    font-weight: 800;
}

.previous-session-open[b-ghaeztlh2g] {
    color: var(--brand-blue);
    font-size: 0.72rem;
    font-weight: 850;
}

.previous-session-current-badge[b-ghaeztlh2g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.1rem;
    padding: 0.1rem 0.42rem;
    border-radius: 999px;
    background: #d1fadf;
    color: #067647;
    font-size: 0.62rem;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

@media (prefers-reduced-motion: reduce) {
    .previous-session-button[b-ghaeztlh2g] {
        transition: none;
    }

    .previous-session-button:hover:not(:disabled)[b-ghaeztlh2g] {
        transform: none;
    }
}


/* ── SM Panel header pin action ─────────────────────────────────── */
.sm-panel-header-actions[b-ghaeztlh2g] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.btn-pin-panel[b-ghaeztlh2g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    background: none;
    border: 1px solid transparent;
    border-radius: 6px;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.78);
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

.btn-pin-panel:hover:not(:disabled)[b-ghaeztlh2g],
.btn-pin-panel.is-pinned[b-ghaeztlh2g] {
    border-color: rgba(255, 255, 255, 0.18);
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    transform: translateY(-1px);
}

.btn-pin-panel[b-ghaeztlh2g]  .sm-panel-pin-icon,
.btn-pin-panel .sm-panel-pin-icon[b-ghaeztlh2g] {
    width: 1.08rem;
    height: 1.08rem;
    transform: rotate(45deg);
    transform-origin: 50% 50%;
    transition: transform 0.15s ease;
}

.btn-pin-panel.is-pinned[b-ghaeztlh2g]  .sm-panel-pin-icon,
.btn-pin-panel.is-pinned .sm-panel-pin-icon[b-ghaeztlh2g] {
    transform: rotate(0deg);
}

.btn-pin-panel:focus-visible[b-ghaeztlh2g] {
    outline: 3px solid rgba(45, 140, 240, 0.28);
    outline-offset: 2px;
}

.sm-readonly-note[b-ghaeztlh2g] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    width: 100%;
    box-sizing: border-box;
    padding: 0.65rem 0.75rem;
    border: 1px solid #ead28f;
    border-radius: 8px;
    background: #fff8e6;
    color: #6a4f00;
    font-size: 0.85rem;
    font-weight: 700;
}

.sm-readonly-note .icon[b-ghaeztlh2g] {
    width: 1rem;
    height: 1rem;
}

.interactive-simulation-control-highlight[b-ghaeztlh2g] {
    position: relative;
    z-index: 2;
    outline: 3px solid rgba(255, 193, 7, 0.95) !important;
    outline-offset: 3px;
    box-shadow: 0 0 0 7px rgba(255, 193, 7, 0.28), 0 0 22px rgba(255, 193, 7, 0.55) !important;
    animation: interactiveSimulationControlPulse-b-ghaeztlh2g 1.05s ease-in-out infinite;
}

@keyframes interactiveSimulationControlPulse-b-ghaeztlh2g {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-1px);
    }
}
/* /Components/Retro/SprintContinuityPanel.razor.rz.scp.css */
/* ── Sprint Continuity Banner ───────────────────────────── */

.previous-followups-banner[b-l8gqevrm0i] {
    margin: 0.75rem 1rem 0.65rem;
    background: #fff;
    border-left: 4px solid #f39c12;
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.07);
    overflow: hidden;
}

.previous-followups-header[b-l8gqevrm0i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    padding: 0.6rem 0.8rem 0.6rem 0.9rem;
}

.previous-followups-toggle[b-l8gqevrm0i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
    border: none;
    background: transparent;
    cursor: pointer;
    color: var(--brand-navy, #1f3c88);
    text-align: left;
    padding: 0;
}

.previous-followups-toggle:hover[b-l8gqevrm0i] {
    opacity: 0.88;
}

.previous-followups-heading[b-l8gqevrm0i] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-width: 0;
    font-size: 0.95rem;
    font-weight: 800;
    line-height: 1.2;
}

.previous-followups-heading-icon[b-l8gqevrm0i] {
    flex-shrink: 0;
}

.previous-followups-count[b-l8gqevrm0i] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.35rem;
    height: 1.35rem;
    padding: 0 0.4rem;
    border-radius: 999px;
    background: #fff4df;
    border: 1px solid #efd29b;
    color: #8a5a00;
    font-size: 0.72rem;
    font-weight: 900;
}

.previous-followups-chevron[b-l8gqevrm0i] {
    color: #777;
    font-size: 0.78rem;
    flex-shrink: 0;
}

.previous-followups-dismiss[b-l8gqevrm0i] {
    border: none;
    background: transparent;
    color: #999;
    cursor: pointer;
    font-size: 0.95rem;
    padding: 0.18rem 0.4rem;
    border-radius: 5px;
    line-height: 1.2;
}

.previous-followups-dismiss:hover[b-l8gqevrm0i] {
    background: rgba(0,0,0,0.06);
    color: #555;
}

.previous-followups-body[b-l8gqevrm0i] {
    border-top: 1px solid #eee;
    padding: 0.75rem 0.9rem 0.85rem;
    transform-origin: top center;
    animation: previous-followups-banner-body-open-b-l8gqevrm0i 220ms ease-out both;
}

.previous-followups-body .previous-followups-message[b-l8gqevrm0i],
.previous-followups-body .previous-followups-group[b-l8gqevrm0i] {
    animation: previous-followups-banner-content-in-b-l8gqevrm0i 180ms ease-out both;
}

.previous-followups-body .previous-followups-group:nth-of-type(2)[b-l8gqevrm0i] {
    animation-delay: 35ms;
}

.previous-followups-body .previous-followups-group:nth-of-type(3)[b-l8gqevrm0i] {
    animation-delay: 70ms;
}

.previous-followups-body .previous-followups-group:nth-of-type(n+4)[b-l8gqevrm0i] {
    animation-delay: 105ms;
}

@keyframes previous-followups-banner-body-open-b-l8gqevrm0i {
    from {
        opacity: 0;
        max-height: 0;
        padding-top: 0;
        padding-bottom: 0;
        transform: translateY(-8px);
    }

    to {
        opacity: 1;
        max-height: 1200px;
        padding-top: 0.75rem;
        padding-bottom: 0.85rem;
        transform: translateY(0);
    }
}

@keyframes previous-followups-banner-content-in-b-l8gqevrm0i {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.previous-followups-message[b-l8gqevrm0i] {
    margin: 0 0 0.7rem;
    font-size: 0.82rem;
    line-height: 1.35;
    color: #606b7c;
}

.previous-followups-group + .previous-followups-group[b-l8gqevrm0i] {
    margin-top: 0.8rem;
}

.previous-followups-column[b-l8gqevrm0i] {
    font-size: 0.7rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.055em;
    color: #7c8797;
    margin-bottom: 0.35rem;
}

.previous-followups-item[b-l8gqevrm0i] {
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
    padding: 0.52rem 0.6rem;
    margin-bottom: 0.45rem;
    background: #fffaf0;
    border: 1px solid #f1dfb8;
    border-radius: 9px;
    font-size: 0.88rem;
    line-height: 1.35;
}

.previous-followups-item-reviewed[b-l8gqevrm0i] {
    background: #f7fbf8;
    border-color: #d7eadc;
}


.previous-followups-item-simulation-highlight[b-l8gqevrm0i] {
    border-color: rgba(74, 144, 217, 0.85);
    box-shadow: 0 0 0 3px rgba(74, 144, 217, 0.18), 0 8px 24px rgba(31, 60, 136, 0.12);
    animation: previous-followups-simulation-highlight-b-l8gqevrm0i 1.4s ease-in-out infinite;
}

@keyframes previous-followups-simulation-highlight-b-l8gqevrm0i {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-2px);
    }
}

.previous-followups-progress-input.previous-followups-progress-input-simulation[b-l8gqevrm0i] {
    border-color: var(--brand-blue, #4a90d9);
    box-shadow: 0 0 0 2px rgba(74, 144, 217, 0.14);
}

.previous-followups-main[b-l8gqevrm0i] {
    display: flex;
    flex-direction: column;
    gap: 0.42rem;
    width: 100%;
    min-width: 0;
}

.previous-followups-title-row[b-l8gqevrm0i] {
    display: flex;
    align-items: flex-start;
    gap: 0.45rem;
    min-width: 0;
}

.previous-followups-votes[b-l8gqevrm0i] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.6rem;
    padding: 0.1rem 0.35rem;
    border-radius: 999px;
    background: rgba(255,255,255,0.72);
    border: 1px solid rgba(0,0,0,0.06);
    font-size: 0.76rem;
    font-weight: 800;
    color: #606b7c;
}

.previous-followups-text[b-l8gqevrm0i] {
    font-weight: 800;
    color: #283447;
    word-break: break-word;
}

.previous-followups-footer-row[b-l8gqevrm0i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-top: 0.15rem;
}

.previous-followups-history-row[b-l8gqevrm0i] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    min-width: 0;
}

.previous-followups-history-pill[b-l8gqevrm0i] {
    appearance: none;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.34rem 0.72rem;
    border-radius: 999px;
    font-size: 0.8rem;
    line-height: 1.15;
    font-weight: 900;
    white-space: nowrap;
    border: 1px solid transparent;
    font-family: inherit;
}

.previous-followups-history-icon[b-l8gqevrm0i] {
    font-size: 0.95rem;
    line-height: 1;
}

.previous-followups-history-created[b-l8gqevrm0i] {
    background: #eef6ff;
    border-color: #b8d8f8;
    color: #155aa8;
}

.previous-followups-history-open-green[b-l8gqevrm0i] {
    background: #edf8ef;
    border-color: #b7ddbf;
    color: #1f7a3c;
}

.previous-followups-history-open-amber[b-l8gqevrm0i] {
    background: #fff7e6;
    border-color: #f2cf82;
    color: #9a6400;
}

.previous-followups-history-open-red[b-l8gqevrm0i] {
    background: #fdeeee;
    border-color: #e58a8a;
    color: #b3261e;
}

.previous-followups-history-last[b-l8gqevrm0i] {
    background: #edf8ef;
    border-color: #b7ddbf;
    color: #1f7a3c;
}

.previous-followups-history-history[b-l8gqevrm0i] {
    background: #f8f0ff;
    border-color: #d8c1e8;
    color: #6e2c8f;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, transform 0.1s;
}

.previous-followups-history-history:hover[b-l8gqevrm0i],
.previous-followups-history-history.active[b-l8gqevrm0i] {
    background: #f3e7ff;
    border-color: #bf9ed8;
    transform: translateY(-1px);
}

.previous-followups-history-caret[b-l8gqevrm0i] {
    margin-left: 0.1rem;
    font-size: 0.68rem;
    line-height: 1;
}

.previous-followups-history-panel[b-l8gqevrm0i] {
    margin-top: 0.45rem;
    padding: 0.55rem 0.65rem 0.6rem;
    border: 1px solid #eadff4;
    border-radius: 9px;
    background: linear-gradient(180deg, #fcf8ff 0%, #fff 100%);
    overflow: hidden;
    transform-origin: top center;
    will-change: opacity, transform, max-height;
}

.previous-followups-history-panel-open[b-l8gqevrm0i] {
    animation: previous-followups-history-open-b-l8gqevrm0i 220ms ease-out both;
}

.previous-followups-history-panel-closing[b-l8gqevrm0i] {
    animation: previous-followups-history-close-b-l8gqevrm0i 190ms ease-in both;
}

.previous-followups-history-panel-open .previous-followups-history-entry[b-l8gqevrm0i] {
    animation: previous-followups-history-entry-in-b-l8gqevrm0i 180ms ease-out both;
}

.previous-followups-history-panel-open .previous-followups-history-entry:nth-child(2)[b-l8gqevrm0i] {
    animation-delay: 35ms;
}

.previous-followups-history-panel-open .previous-followups-history-entry:nth-child(3)[b-l8gqevrm0i] {
    animation-delay: 70ms;
}

.previous-followups-history-panel-open .previous-followups-history-entry:nth-child(n+4)[b-l8gqevrm0i] {
    animation-delay: 105ms;
}

@keyframes previous-followups-history-open-b-l8gqevrm0i {
    from {
        opacity: 0;
        max-height: 0;
        padding-top: 0;
        padding-bottom: 0;
        transform: translateY(-6px);
    }

    to {
        opacity: 1;
        max-height: 600px;
        padding-top: 0.55rem;
        padding-bottom: 0.6rem;
        transform: translateY(0);
    }
}

@keyframes previous-followups-history-close-b-l8gqevrm0i {
    from {
        opacity: 1;
        max-height: 600px;
        padding-top: 0.55rem;
        padding-bottom: 0.6rem;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        max-height: 0;
        padding-top: 0;
        padding-bottom: 0;
        transform: translateY(-6px);
    }
}

@keyframes previous-followups-history-entry-in-b-l8gqevrm0i {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.previous-followups-history-panel-title[b-l8gqevrm0i] {
    margin-bottom: 0.45rem;
    font-size: 0.7rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.055em;
    color: #5f3278;
}

.previous-followups-history-timeline[b-l8gqevrm0i] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.previous-followups-history-entry[b-l8gqevrm0i] {
    display: grid;
    grid-template-columns: 1rem minmax(0, 1fr);
    gap: 0.45rem;
    align-items: flex-start;
    position: relative;
}

.previous-followups-history-entry:not(:last-child)[b-l8gqevrm0i]::before {
    content: "";
    position: absolute;
    left: 0.42rem;
    top: 1rem;
    bottom: -0.45rem;
    width: 1px;
    background: #d8c1e8;
}

.previous-followups-history-entry-dot[b-l8gqevrm0i] {
    width: 0.55rem;
    height: 0.55rem;
    margin-top: 0.22rem;
    border-radius: 999px;
    background: #7a3aa0;
    box-shadow: 0 0 0 3px rgba(122, 58, 160, 0.12);
    z-index: 1;
}

.previous-followups-history-entry-body[b-l8gqevrm0i] {
    min-width: 0;
}

.previous-followups-history-entry-sprint[b-l8gqevrm0i] {
    font-size: 0.76rem;
    font-weight: 900;
    color: var(--brand-navy, #1f3c88);
    line-height: 1.2;
}

.previous-followups-history-entry-text[b-l8gqevrm0i] {
    margin-top: 0.12rem;
    font-size: 0.8rem;
    color: #3f4a5d;
    line-height: 1.35;
    word-break: break-word;
}

.previous-followups-progress-card[b-l8gqevrm0i] {
    padding: 0.38rem 0.5rem;
    background: #f7f8fb;
    border-left: 3px solid #d8dee8;
    border-radius: 6px;
}

.previous-followups-progress-label[b-l8gqevrm0i] {
    margin-bottom: 0.12rem;
    font-size: 0.66rem;
    line-height: 1.2;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.055em;
    color: #687386;
}

.previous-followups-progress-text[b-l8gqevrm0i] {
    font-size: 0.82rem;
    line-height: 1.35;
    color: #3f4a5d;
    word-break: break-word;
}

.previous-followups-progress-row[b-l8gqevrm0i] {
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr);
    align-items: center;
    gap: 0.45rem;
}

.previous-followups-progress-input-label[b-l8gqevrm0i] {
    flex-shrink: 0;
    font-size: 0.72rem;
    font-weight: 900;
    color: #687386;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.previous-followups-progress-input[b-l8gqevrm0i] {
    width: 100%;
    min-width: 0;
    padding: 0.4rem 0.52rem;
    border: 1px solid #d8dee8;
    border-radius: 7px;
    font-size: 0.84rem;
    color: #283447;
    background: #fff;
}

.previous-followups-progress-input:focus[b-l8gqevrm0i] {
    outline: none;
    border-color: var(--brand-blue, #4a90d9);
    box-shadow: 0 0 0 2px rgba(74, 144, 217, 0.14);
}

.previous-followups-actions[b-l8gqevrm0i] {
    display: flex;
    justify-content: flex-end;
    gap: 0.42rem;
    flex-wrap: wrap;
    margin-left: auto;
}

.btn-followup-action[b-l8gqevrm0i] {
    border: 1px solid transparent;
    border-radius: 7px;
    padding: 0.33rem 0.62rem;
    font-size: 0.76rem;
    font-weight: 900;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, transform 0.1s;
}

.btn-followup-action:hover[b-l8gqevrm0i] {
    transform: translateY(-1px);
}

.btn-followup-complete[b-l8gqevrm0i] {
    background: rgba(42, 122, 72, 0.12);
    border-color: rgba(42, 122, 72, 0.35);
    color: #1f6a3d;
}

.btn-followup-complete:hover[b-l8gqevrm0i] {
    background: rgba(42, 122, 72, 0.18);
    border-color: rgba(42, 122, 72, 0.5);
}

.btn-followup-carry[b-l8gqevrm0i] {
    background: rgba(74, 144, 217, 0.12);
    border-color: rgba(74, 144, 217, 0.35);
    color: var(--brand-navy, #1f3c88);
}

.btn-followup-carry:hover[b-l8gqevrm0i] {
    background: rgba(74, 144, 217, 0.18);
    border-color: rgba(74, 144, 217, 0.5);
}

.previous-followups-reviewed-row[b-l8gqevrm0i] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.previous-followups-status-pill[b-l8gqevrm0i] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.22rem 0.55rem;
    font-size: 0.76rem;
    font-weight: 900;
    line-height: 1.2;
}

.previous-followups-status-complete[b-l8gqevrm0i] {
    background: rgba(42, 122, 72, 0.13);
    border: 1px solid rgba(42, 122, 72, 0.28);
    color: #1f6a3d;
}

.previous-followups-status-carry[b-l8gqevrm0i] {
    background: rgba(74, 144, 217, 0.13);
    border: 1px solid rgba(74, 144, 217, 0.28);
    color: var(--brand-navy, #1f3c88);
}

.previous-followups-status-later-complete[b-l8gqevrm0i] {
    background: rgba(42, 122, 72, 0.09);
    border: 1px solid rgba(42, 122, 72, 0.22);
    color: #246a3f;
}

.previous-followups-confirmation[b-l8gqevrm0i] {
    font-size: 0.78rem;
    font-weight: 700;
    color: #687386;
}

.previous-followups-complete-note[b-l8gqevrm0i] {
    font-size: 0.78rem;
    font-weight: 700;
    color: #687386;
}

.btn-followup-undo-complete[b-l8gqevrm0i] {
    background: rgba(255, 255, 255, 0.85);
    border-color: rgba(42, 122, 72, 0.35);
    color: #1f6a3d;
}

.btn-followup-undo-complete:hover[b-l8gqevrm0i] {
    background: rgba(42, 122, 72, 0.10);
    border-color: rgba(42, 122, 72, 0.50);
}

.btn-followup-undo-carry[b-l8gqevrm0i] {
    background: rgba(255, 255, 255, 0.85);
    border-color: rgba(74, 144, 217, 0.35);
    color: var(--brand-navy, #1f3c88);
}

.btn-followup-undo-carry:hover[b-l8gqevrm0i] {
    background: rgba(74, 144, 217, 0.10);
    border-color: rgba(74, 144, 217, 0.50);
}

@media (max-width: 768px) {
    .previous-followups-banner[b-l8gqevrm0i] {
        margin: 0.65rem 0.75rem 0.55rem;
    }

    .previous-followups-header[b-l8gqevrm0i] {
        padding: 0.55rem 0.7rem;
    }

    .previous-followups-body[b-l8gqevrm0i] {
        padding: 0.7rem;
    }

    .previous-followups-heading[b-l8gqevrm0i] {
        font-size: 0.88rem;
    }

    .previous-followups-progress-row[b-l8gqevrm0i] {
        grid-template-columns: 1fr;
        gap: 0.25rem;
    }

    .previous-followups-footer-row[b-l8gqevrm0i] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.55rem;
    }

    .previous-followups-history-row[b-l8gqevrm0i] {
        gap: 0.35rem;
    }

    .previous-followups-history-pill[b-l8gqevrm0i] {
        padding: 0.28rem 0.55rem;
        font-size: 0.74rem;
    }

    .previous-followups-actions[b-l8gqevrm0i] {
        justify-content: flex-start;
        margin-left: 0;
    }
}

.previous-followups-progress-validation[b-l8gqevrm0i] {
    margin: -0.1rem 0 0.1rem 82px;
    color: #b42318;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.25;
}



.previous-followups-scroll[b-l8gqevrm0i] {
    max-height: min(430px, calc(100vh - 340px));
    overflow-y: auto;
    padding-right: .35rem;
}

@media (max-width: 768px) {
    .previous-followups-scroll[b-l8gqevrm0i] {
        max-height: 320px;
    }
}


.btn-followup-action-simulation-click[b-l8gqevrm0i] {
    position: relative;
    z-index: 1;
    box-shadow: 0 0 0 4px rgba(74, 144, 217, 0.24), 0 10px 24px rgba(42, 122, 72, 0.18);
    transform: translateY(-1px) scale(1.035);
    animation: followup-action-simulation-click-b-l8gqevrm0i 0.95s ease-in-out;
}

.btn-followup-action-simulation-click[b-l8gqevrm0i]::after {
    content: "";
    position: absolute;
    inset: -7px;
    border: 2px solid rgba(74, 144, 217, 0.42);
    border-radius: 999px;
    pointer-events: none;
    animation: followup-action-simulation-ring-b-l8gqevrm0i 0.95s ease-out;
}

@keyframes followup-action-simulation-click-b-l8gqevrm0i {
    0% { transform: translateY(0) scale(1); }
    35% { transform: translateY(-1px) scale(1.045); }
    70% { transform: translateY(0) scale(1.015); }
    100% { transform: translateY(0) scale(1); }
}

@keyframes followup-action-simulation-ring-b-l8gqevrm0i {
    0% { opacity: 0; transform: scale(0.92); }
    25% { opacity: 1; transform: scale(1); }
    100% { opacity: 0; transform: scale(1.18); }
}
/* /Components/Retro/WelcomeBackCard.razor.rz.scp.css */
.welcome-back-card[b-qbsxcbfdpz] {
    background: #f8faff;
    border: 1px solid #dbe5f2;
    border-radius: 12px;
    padding: 0.9rem;
    margin-top: 0;
    font-size: 0.88rem;
    max-height: 620px;
    overflow-y: auto;
}

.welcome-back-header[b-qbsxcbfdpz] {
    margin-bottom: 0.85rem;
}

.welcome-back-title[b-qbsxcbfdpz] {
    font-size: 0.95rem;
    font-weight: 800;
    color: var(--brand-navy);
    line-height: 1.35;
}

.welcome-back-subtitle[b-qbsxcbfdpz] {
    margin-top: 0.25rem;
    color: #667;
    font-size: 0.76rem;
    line-height: 1.35;
}

.welcome-back-section[b-qbsxcbfdpz] {
    background: #fff;
    border: 1px solid #dfe7f2;
    border-radius: 10px;
    padding: 0.75rem;
}

.welcome-back-section-header[b-qbsxcbfdpz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.65rem;
}

.welcome-back-section-title[b-qbsxcbfdpz] {
    font-size: 0.72rem;
    font-weight: 800;
    color: #4f5e70;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.welcome-back-section-hint[b-qbsxcbfdpz] {
    margin-top: 0.2rem;
    color: #7b8796;
    font-size: 0.72rem;
    line-height: 1.3;
}

.welcome-back-count[b-qbsxcbfdpz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.35rem;
    height: 1.35rem;
    padding: 0 0.35rem;
    border-radius: 999px;
    background: #eef6ff;
    color: var(--brand-blue);
    font-size: 0.72rem;
    font-weight: 800;
}

.welcome-back-team-list[b-qbsxcbfdpz] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.welcome-back-team-card[b-qbsxcbfdpz] {
    display: grid;
    gap: 0.32rem;
    min-width: 0;
    padding: 0.6rem 0.65rem;
    border: 1px solid #d8e0ec;
    border-radius: 8px;
    background: #fff;
    box-sizing: border-box;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

    .welcome-back-team-card:hover[b-qbsxcbfdpz] {
        background: #f8fbff;
        border-color: var(--brand-blue);
        box-shadow: 0 5px 14px rgba(15, 52, 96, 0.1);
        transform: translateY(-1px);
    }

.team-card-top-row[b-qbsxcbfdpz] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
}

.team-name[b-qbsxcbfdpz] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--brand-navy);
    font-size: 0.84rem;
    font-weight: 800;
}

.team-use-button[b-qbsxcbfdpz] {
    flex-shrink: 0;
    min-height: 28px;
    padding: 0.25rem 0.65rem;
    border: 1px solid #b9c8da;
    border-radius: 999px;
    background: #fff;
    color: var(--brand-blue);
    font: inherit;
    font-size: 0.74rem;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

    .team-use-button:hover[b-qbsxcbfdpz] {
        background: var(--brand-blue);
        border-color: var(--brand-blue);
        color: #fff;
    }

.team-card-bottom-row[b-qbsxcbfdpz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    min-width: 0;
}

.team-history-link[b-qbsxcbfdpz] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    width: fit-content;
    max-width: 100%;
    min-width: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #5f7084;
    font: inherit;
    font-size: 0.74rem;
    font-weight: 800;
    text-align: left;
    cursor: pointer;
    white-space: nowrap;
}

.welcome-back-team-card:focus-visible[b-qbsxcbfdpz] {
    outline: 2px solid var(--brand-blue);
    outline-offset: 2px;
}

    .team-history-link:hover[b-qbsxcbfdpz] {
        color: var(--brand-blue);
    }


.team-hide-link[b-qbsxcbfdpz] {
    flex-shrink: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #8a96a8;
    font: inherit;
    font-size: 0.7rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
}

.team-history-empty-label[b-qbsxcbfdpz] {
    color: #8a96a8;
    font-size: 0.7rem;
    font-weight: 700;
}

    .team-hide-link:hover[b-qbsxcbfdpz] {
        color: #5f7084;
        text-decoration: underline;
    }

.sprint-history-backdrop[b-qbsxcbfdpz] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(9, 18, 33, 0.48);
    z-index: 1000;
}

.sprint-history-modal[b-qbsxcbfdpz] {
    width: min(460px, 100%);
    max-height: min(620px, calc(100vh - 2rem));
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.32);
}

.sprint-history-header[b-qbsxcbfdpz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.05rem 0.85rem;
    border-bottom: 1px solid #e2e9f3;
    background: linear-gradient(180deg, #f8fbff 0%, #fff 100%);
}

    .sprint-history-header h2[b-qbsxcbfdpz] {
        margin: 0;
        color: var(--brand-navy);
        font-size: 1.05rem;
        font-weight: 850;
        line-height: 1.25;
    }

    .sprint-history-header p[b-qbsxcbfdpz] {
        margin: 0.25rem 0 0;
        color: #7b8796;
        font-size: 0.78rem;
        line-height: 1.35;
    }

.sprint-history-close[b-qbsxcbfdpz] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid #d8e0ec;
    border-radius: 999px;
    background: #fff;
    color: #667;
    font-size: 1.25rem;
    line-height: 1;
    cursor: pointer;
}

    .sprint-history-close:hover[b-qbsxcbfdpz] {
        background: #f2f7ff;
        border-color: var(--brand-blue);
        color: var(--brand-navy);
    }

.sprint-history-list[b-qbsxcbfdpz] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.85rem;
    overflow-y: auto;
}

.sprint-history-row[b-qbsxcbfdpz] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: 100%;
    min-width: 0;
    padding: 0.65rem 0.7rem;
    border: 1px solid #d8e0ec;
    border-radius: 9px;
    background: #fff;
    color: var(--brand-navy);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

    .sprint-history-row:hover[b-qbsxcbfdpz] {
        background: #f2f7ff;
        border-color: var(--brand-blue);
        box-shadow: 0 5px 14px rgba(15, 52, 96, 0.1);
        transform: translateY(-1px);
    }

    .sprint-history-row--active[b-qbsxcbfdpz] {
        border-color: #bde3ca;
        background: #f6fff9;
    }

.history-session-icon[b-qbsxcbfdpz] {
    flex-shrink: 0;
    width: 1.35rem;
    text-align: center;
}

.history-session-main[b-qbsxcbfdpz] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 0.08rem;
    min-width: 0;
}

.history-session-title[b-qbsxcbfdpz] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--brand-navy);
    font-size: 0.84rem;
    font-weight: 800;
}

.history-session-status[b-qbsxcbfdpz] {
    color: #7b8796;
    font-size: 0.7rem;
    font-weight: 800;
}

.sprint-history-row--active .history-session-status[b-qbsxcbfdpz] {
    color: var(--brand-green, #2a7a48);
}

.history-session-date[b-qbsxcbfdpz] {
    flex-shrink: 0;
    color: #7b8796;
    font-size: 0.72rem;
    font-weight: 800;
    white-space: nowrap;
}

.sprint-history-empty[b-qbsxcbfdpz] {
    background: #f7f9fc;
    border: 1px dashed #ccd7e6;
    border-radius: 8px;
    color: #7b8796;
    font-size: 0.78rem;
    line-height: 1.35;
    padding: 0.75rem;
}

@media (max-width: 860px) {
    .welcome-back-card[b-qbsxcbfdpz] {
        max-height: none;
    }
}
/* /Components/Shared/AppDialog.razor.rz.scp.css */
.app-dialog-backdrop[b-zr97mk2iss] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(9, 18, 33, 0.56);
}

.app-dialog[b-zr97mk2iss] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.9rem 1rem;
    width: min(440px, 100%);
    padding: 1.25rem;
    border: 1px solid #dbe5f2;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.32);
    box-sizing: border-box;
}

.app-dialog-icon[b-zr97mk2iss] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 999px;
    background: #eef4fb;
    color: var(--brand-navy);
}

.app-dialog-icon--destructive[b-zr97mk2iss] {
    background: #fff0ee;
    color: var(--brand-red);
}

.app-dialog-icon[b-zr97mk2iss]  .icon {
    width: 1.35rem;
    height: 1.35rem;
}

.app-dialog-copy h2[b-zr97mk2iss] {
    margin: 0;
    color: var(--brand-navy);
    font-size: 1.05rem;
    font-weight: 800;
    line-height: 1.3;
}

.app-dialog-copy p[b-zr97mk2iss] {
    margin: 0.35rem 0 0;
    color: #667487;
    font-size: 0.82rem;
    line-height: 1.5;
}

.app-dialog-actions[b-zr97mk2iss] {
    grid-column: 1 / -1;
    display: flex;
    justify-content: flex-end;
    gap: 0.65rem;
    margin-top: 0.25rem;
}

.app-dialog-actions button[b-zr97mk2iss] {
    min-height: 38px;
    padding: 0.55rem 0.9rem;
    border-radius: 8px;
    font: inherit;
    font-size: 0.8rem;
    font-weight: 800;
    cursor: pointer;
}

.app-dialog-cancel[b-zr97mk2iss] {
    border: 1px solid #cbd6e4;
    background: #fff;
    color: var(--brand-navy);
}

.app-dialog-confirm[b-zr97mk2iss] {
    border: 1px solid var(--brand-blue);
    background: var(--brand-blue);
    color: #fff;
}

.app-dialog-confirm--destructive[b-zr97mk2iss] {
    border-color: var(--brand-red);
    background: var(--brand-red);
}

.app-dialog-actions button:hover:not(:disabled)[b-zr97mk2iss] {
    filter: brightness(0.95);
}

.app-dialog-actions button:focus-visible[b-zr97mk2iss] {
    outline: 2px solid var(--brand-blue);
    outline-offset: 2px;
}

.app-dialog-actions button:disabled[b-zr97mk2iss] {
    opacity: 0.65;
    cursor: not-allowed;
}

@media (max-width: 480px) {
    .app-dialog[b-zr97mk2iss] {
        grid-template-columns: 1fr;
        padding: 1rem;
    }

    .app-dialog-actions[b-zr97mk2iss] {
        grid-column: 1;
        flex-direction: column-reverse;
    }

    .app-dialog-actions button[b-zr97mk2iss] {
        width: 100%;
    }
}
/* /Components/Shared/FeedbackModal.razor.rz.scp.css */
.feedback-backdrop[b-jupzzoqle8] {
    position: fixed;
    inset: 0;
    background: rgba(22, 45, 74, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    z-index: 1100;
}

.feedback-modal[b-jupzzoqle8] {
    width: 100%;
    max-width: 480px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
    padding: 1.6rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-height: min(92vh, 820px);
    overflow-y: auto;
}

.feedback-title[b-jupzzoqle8] {
    margin: 0;
    color: var(--brand-navy);
    font-size: 1.35rem;
    font-weight: 700;
}

.feedback-subtitle[b-jupzzoqle8] {
    margin: 0;
    color: #627182;
    line-height: 1.45;
}

.feedback-field[b-jupzzoqle8] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.feedback-field label[b-jupzzoqle8] {
    color: var(--brand-navy);
    font-size: 0.92rem;
    font-weight: 600;
}

.feedback-optional[b-jupzzoqle8] {
    color: #8090a2;
    font-weight: 500;
}



.feedback-stars[b-jupzzoqle8] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    flex-wrap: wrap;
}

.feedback-star[b-jupzzoqle8] {
    border: none;
    background: transparent;
    color: #c5ccd6;
    cursor: pointer;
    font-size: 1.9rem;
    line-height: 1;
    padding: 0;
    transition: color 0.15s ease, transform 0.12s ease;
}

.feedback-star:hover[b-jupzzoqle8],
.feedback-star.is-selected[b-jupzzoqle8] {
    color: #f39c12;
}

.feedback-star:hover[b-jupzzoqle8] {
    transform: scale(1.08);
}

.feedback-clear-rating[b-jupzzoqle8] {
    margin-left: 0.35rem;
    border: none;
    background: transparent;
    color: #7a8796;
    cursor: pointer;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 700;
    text-decoration: underline;
}

.feedback-clear-rating:hover[b-jupzzoqle8] {
    color: var(--brand-blue);
}

.feedback-input[b-jupzzoqle8],
.feedback-textarea[b-jupzzoqle8] {
    width: 100%;
    box-sizing: border-box;
    border: 1.5px solid #d8e0ea;
    border-radius: 10px;
    padding: 0.75rem 0.85rem;
    font: inherit;
    outline: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.feedback-input:focus[b-jupzzoqle8],
.feedback-textarea:focus[b-jupzzoqle8] {
    border-color: var(--brand-blue);
    box-shadow: 0 0 0 3px rgba(74, 144, 217, 0.12);
}

.feedback-select[b-jupzzoqle8] {
    background: #fff;
}

.feedback-textarea[b-jupzzoqle8] {
    min-height: 140px;
    resize: vertical;
}

.feedback-actions[b-jupzzoqle8] {
    display: flex;
    gap: 0.75rem;
}

.btn-feedback-submit[b-jupzzoqle8],
.btn-feedback-cancel[b-jupzzoqle8] {
    border-radius: 10px;
    padding: 0.8rem 1.1rem;
    font: inherit;
    cursor: pointer;
}

.btn-feedback-submit[b-jupzzoqle8] {
    flex: 1;
    border: none;
    background: linear-gradient(135deg, var(--brand-navy), var(--brand-blue));
    color: #fff;
    font-weight: 700;
}

.btn-feedback-submit:disabled[b-jupzzoqle8] {
    opacity: 0.45;
    cursor: default;
}

.btn-feedback-cancel[b-jupzzoqle8] {
    border: 1.5px solid #d8e0ea;
    background: #fff;
    color: #66707c;
}

.feedback-thankyou[b-jupzzoqle8] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    text-align: center;
    padding: 1.25rem 0.5rem;
}

@media (max-width: 640px) {
    .feedback-actions[b-jupzzoqle8] {
        flex-direction: column;
    }

    .btn-feedback-cancel[b-jupzzoqle8] {
        width: 100%;
    }
}
/* /Components/Shared/Icon.razor.rz.scp.css */
.icon[b-2240phdnmf] {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    flex-shrink: 0;
}
/* /Components/Shared/InteractiveSimulationDialog.razor.rz.scp.css */
.interactive-simulation-backdrop[b-iwv7201yi2] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(10, 24, 44, 0.62);
    z-index: 1300;
    padding: 1rem;
}

.interactive-simulation-dialog[b-iwv7201yi2] {
    position: relative;
    width: min(520px, 100%);
    background: #fff;
    border-radius: 18px;
    padding: 1.6rem;
    box-shadow: 0 18px 56px rgba(0, 0, 0, 0.30);
    text-align: left;
}

.interactive-simulation-close[b-iwv7201yi2] {
    position: absolute;
    top: 0.7rem;
    right: 0.85rem;
    border: none;
    background: transparent;
    color: #7a8492;
    font-size: 1.45rem;
    line-height: 1;
    cursor: pointer;
}

.interactive-simulation-close:hover[b-iwv7201yi2] {
    color: var(--brand-navy);
}

.interactive-simulation-kicker[b-iwv7201yi2] {
    color: var(--brand-blue);
    font-size: 0.78rem;
    font-weight: 850;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: 0.4rem;
}

.interactive-simulation-dialog h2[b-iwv7201yi2] {
    color: var(--brand-navy);
    font-size: 1.35rem;
    line-height: 1.2;
    margin: 0 1.8rem 0.8rem 0;
}

.interactive-simulation-dialog p[b-iwv7201yi2] {
    color: #4f5f73;
    font-size: 0.96rem;
    line-height: 1.55;
    margin: 0.7rem 0 0;
}

.interactive-simulation-callout[b-iwv7201yi2] {
    display: grid;
    gap: 0.2rem;
    margin-top: 1rem;
    padding: 0.9rem 1rem;
    border: 1px solid #dbe7f7;
    border-left: 4px solid var(--brand-blue);
    border-radius: 12px;
    background: #f7fbff;
    color: var(--brand-navy);
}

.interactive-simulation-callout strong[b-iwv7201yi2] {
    font-size: 0.94rem;
    font-weight: 850;
}

.interactive-simulation-callout span[b-iwv7201yi2] {
    color: #5f6b7a;
    font-size: 0.9rem;
    line-height: 1.45;
}

.interactive-simulation-pause-note[b-iwv7201yi2] {
    margin-top: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 12px;
    background: #fff8e8;
    border: 1px solid #f2dfac;
    color: #6f4c00;
    font-size: 0.92rem;
    font-weight: 750;
    line-height: 1.45;
}

.interactive-simulation-sound-note[b-iwv7201yi2] {
    display: grid;
    gap: 0.18rem;
    margin-top: 0.85rem;
    padding: 0.8rem 0.95rem;
    border-radius: 12px;
    background: #f4f7fb;
    border: 1px solid #dce5ef;
    color: #30445f;
}

.interactive-simulation-sound-note strong[b-iwv7201yi2] {
    font-size: 0.9rem;
    font-weight: 850;
}

.interactive-simulation-sound-note span[b-iwv7201yi2] {
    color: #5f6b7a;
    font-size: 0.86rem;
    line-height: 1.45;
}

.interactive-simulation-help[b-iwv7201yi2] {
    font-size: 0.88rem !important;
    color: #667085 !important;
}

.interactive-simulation-actions[b-iwv7201yi2] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-top: 1.15rem;
}

.interactive-simulation-start[b-iwv7201yi2] {
    flex: 1;
    min-height: 44px;
    border: none;
    border-radius: 10px;
    background: var(--brand-blue);
    color: #fff;
    font: inherit;
    font-size: 0.95rem;
    font-weight: 850;
    cursor: pointer;
    transition: opacity 0.2s, transform 0.15s;
}

.interactive-simulation-start:hover[b-iwv7201yi2] {
    opacity: 0.9;
    transform: translateY(-1px);
}

.interactive-simulation-cancel[b-iwv7201yi2] {
    border: none;
    background: transparent;
    color: #667085;
    font: inherit;
    font-size: 0.9rem;
    font-weight: 750;
    cursor: pointer;
    padding: 0.55rem 0.25rem;
}

.interactive-simulation-cancel:hover[b-iwv7201yi2] {
    color: var(--brand-navy);
    text-decoration: underline;
}

@media (max-width: 560px) {
    .interactive-simulation-dialog[b-iwv7201yi2] {
        padding: 1.35rem;
    }

    .interactive-simulation-actions[b-iwv7201yi2] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Components/Shared/Tooltip.razor.rz.scp.css */
.tooltip-wrap[b-i8hpzvox5h] {
    display: inline-flex;
}

.tooltip-wrap[b-i8hpzvox5h]::before,
.tooltip-wrap[b-i8hpzvox5h]::after {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 7px);
    pointer-events: none;
    opacity: 0;
    transform: translateX(-50%) translateY(4px);
    transition: opacity 0.15s ease, transform 0.15s ease;
    z-index: 9999;
    white-space: nowrap;
}

/* Bubble */
.tooltip-wrap[b-i8hpzvox5h]::before {
    content: attr(data-tip);
    background: var(--brand-navy);
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 500;
    line-height: 1.3;
    padding: 0.3rem 0.65rem;
    border-radius: 8px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
    display: block;
}

/* Arrow */
.tooltip-wrap[b-i8hpzvox5h]::after {
    content: '';
    border: 7px solid transparent;
    border-top-color: var(--brand-navy);
    bottom: calc(100% - 1px);
    transform: translateX(-50%);
}

.tooltip-wrap:hover[b-i8hpzvox5h]::before,
.tooltip-wrap:hover[b-i8hpzvox5h]::after {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

.tooltip-wrap:hover[b-i8hpzvox5h]::after {
    transform: translateX(-50%);
}}
/* /Features/Admin/AdminPage.razor.rz.scp.css */
/* ─────────────────────────────────────────────────────────────────────────
   Auth gate
   ───────────────────────────────────────────────────────────────────────── */
.admin-login[b-jzd9x5gusp] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--brand-navy-dark, #0f172a), var(--brand-navy, #1e3a5f));
}

.admin-login-card[b-jzd9x5gusp] {
    background: #fff;
    border-radius: 14px;
    padding: 2.5rem;
    width: 100%;
    max-width: 360px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .35);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
}

.admin-login-card h2[b-jzd9x5gusp] {
    margin: 0;
    color: var(--brand-navy, #1e3a5f);
}

.admin-password-input[b-jzd9x5gusp] {
    width: 100%;
    box-sizing: border-box;
    padding: .75rem 1rem;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    font-size: 1rem;
    outline: none;
    transition: border-color .2s;
}

.admin-password-input:focus[b-jzd9x5gusp] {
    border-color: var(--brand-blue, #4f46e5);
}

.admin-error[b-jzd9x5gusp] {
    color: var(--brand-red, #dc2626);
    font-size: .875rem;
    margin: 0;
}

.btn-admin-login[b-jzd9x5gusp] {
    width: 100%;
    padding: .75rem;
    background: linear-gradient(135deg, var(--brand-navy, #1e3a5f), var(--brand-blue, #4f46e5));
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    transition: opacity .16s;
}

.btn-admin-login:hover[b-jzd9x5gusp] {
    opacity: .9;
}

/* ─────────────────────────────────────────────────────────────────────────
   Shell layout
   ───────────────────────────────────────────────────────────────────────── */
.admin-shell[b-jzd9x5gusp] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
    min-height: 100%;
    width: min(100% - 1.5rem, 1800px);
    margin: 0 auto;
    padding: .85rem 1rem 1.25rem;
}

/* ─────────────────────────────────────────────────────────────────────────
   Header
   ───────────────────────────────────────────────────────────────────────── */
.admin-shell__header[b-jzd9x5gusp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.admin-shell__header h1[b-jzd9x5gusp] {
    margin: 0;
    font-size: clamp(1.75rem, 3vw, 2.75rem);
    line-height: 1.02;
    letter-spacing: -.04em;
}

.admin-shell__header p[b-jzd9x5gusp] {
    margin: .4rem 0 0;
    color: var(--bnb-muted-text, #51617b);
}

.admin-shell__header-actions[b-jzd9x5gusp] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-shrink: 0;
    padding-top: .35rem;
}

/* ─────────────────────────────────────────────────────────────────────────
   Header buttons
   ───────────────────────────────────────────────────────────────────────── */
.btn-admin-action[b-jzd9x5gusp] {
    background: none;
    border: 1px solid var(--bnb-border-subtle, rgba(15, 23, 42, .18));
    border-radius: 8px;
    padding: .5rem 1rem;
    cursor: pointer;
    font: inherit;
    font-size: .875rem;
    color: var(--bnb-muted-text, #51617b);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    transition: background .15s, border-color .15s;
}

.btn-admin-action:hover[b-jzd9x5gusp] {
    background: rgba(79, 70, 229, .06);
    border-color: rgba(79, 70, 229, .25);
}

.btn-admin-logout[b-jzd9x5gusp] {
    background: none;
    border: 1px solid var(--bnb-border-subtle, rgba(15, 23, 42, .18));
    border-radius: 8px;
    padding: .5rem 1rem;
    cursor: pointer;
    font: inherit;
    font-size: .875rem;
    color: var(--bnb-muted-text, #51617b);
    transition: background .15s, border-color .15s, color .15s;
}

.btn-admin-logout:hover[b-jzd9x5gusp] {
    background: rgba(220, 38, 38, .07);
    border-color: rgba(220, 38, 38, .3);
    color: #b91c1c;
}

/* ─────────────────────────────────────────────────────────────────────────
   Tab bar
   ───────────────────────────────────────────────────────────────────────── */
.admin-shell__tabs[b-jzd9x5gusp] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    border: 1px solid var(--bnb-border-subtle, rgba(15, 23, 42, .12));
    background: var(--bnb-surface, rgba(255, 255, 255, .76));
    border-radius: 1rem;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .08);
    padding: .45rem;
}

.admin-shell__tab[b-jzd9x5gusp] {
    border: 1px solid transparent;
    background: transparent;
    color: inherit;
    border-radius: .75rem;
    padding: .65rem .95rem;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    cursor: pointer;
    font: inherit;
    font-weight: 700;
    transition: background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.admin-shell__tab:hover[b-jzd9x5gusp] {
    background: rgba(79, 70, 229, .07);
    transform: translateY(-1px);
}

.admin-shell__tab:focus-visible[b-jzd9x5gusp] {
    outline: 3px solid var(--bnb-focus-ring, rgba(128, 162, 255, .65));
    outline-offset: 2px;
}

.admin-shell__tab--active[b-jzd9x5gusp] {
    background: rgba(79, 70, 229, .12);
    border-color: rgba(79, 70, 229, .28);
    color: #1f2587;
    box-shadow: 0 8px 22px rgba(79, 70, 229, .12);
}

.admin-shell__tab-icon[b-jzd9x5gusp] {
    line-height: 1;
}

/* ─────────────────────────────────────────────────────────────────────────
   Tab content area
   ───────────────────────────────────────────────────────────────────────── */
.admin-shell__content[b-jzd9x5gusp] {
    min-height: 60vh;
}
/* /Features/Admin/Components/AdminDashboardTab.razor.rz.scp.css */
.dashboard[b-t84ixhy85g] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

/* ── Stat cards ───────────────────────────────────────────────────────────── */
.dashboard-stats[b-t84ixhy85g] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

@media (max-width: 900px) {
    .dashboard-stats[b-t84ixhy85g] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 500px) {
    .dashboard-stats[b-t84ixhy85g] { grid-template-columns: 1fr; }
}

.stat-card[b-t84ixhy85g] {
    border: 1px solid var(--bnb-border-subtle, rgba(15, 23, 42, .12));
    background: var(--bnb-surface, rgba(255, 255, 255, .76));
    border-radius: 1rem;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .06);
    padding: 1.25rem 1.25rem 1rem;
    display: flex;
    flex-direction: column;
    gap: .4rem;
}

.stat-card__icon[b-t84ixhy85g] {
    font-size: 1.5rem;
    line-height: 1;
    margin-bottom: .15rem;
}

.stat-card__label[b-t84ixhy85g] {
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--bnb-muted-text, #51617b);
}

.stat-card__value[b-t84ixhy85g] {
    font-size: 2.25rem;
    font-weight: 800;
    letter-spacing: -.04em;
    line-height: 1;
    color: var(--brand-navy, #1e3a5f);
}

.stat-card__note[b-t84ixhy85g] {
    font-size: .75rem;
    color: var(--bnb-muted-text, #51617b);
    margin-top: .1rem;
}

/* ── Placeholder card ─────────────────────────────────────────────────────── */
.placeholder-card[b-t84ixhy85g] {
    border: 1px solid var(--bnb-border-subtle, rgba(15, 23, 42, .12));
    background: var(--bnb-surface, rgba(255, 255, 255, .76));
    border-radius: 1rem;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .08);
    padding: 1.5rem 1.75rem;
}

.placeholder-card__kicker[b-t84ixhy85g] {
    margin: 0 0 .4rem;
    font-size: .75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--brand-blue, #4f46e5);
}

.placeholder-card__title[b-t84ixhy85g] {
    margin: 0 0 .65rem;
    font-size: 1.35rem;
}

.placeholder-card__body[b-t84ixhy85g] {
    margin: 0;
    color: var(--bnb-muted-text, #51617b);
    line-height: 1.65;
}

.placeholder-card__list[b-t84ixhy85g] {
    margin: .85rem 0 0;
    padding-left: 1.25rem;
    color: var(--bnb-muted-text, #51617b);
}

.placeholder-card__list li + li[b-t84ixhy85g] {
    margin-top: .35rem;
}
/* /Features/Admin/Components/AdminDiagnosticsTab.razor.rz.scp.css */
.diagnostics-section[b-e978f0vgpe] { display:flex; flex-direction:column; gap:1rem; }
.diagnostics-header[b-e978f0vgpe] { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; flex-wrap:wrap; }
.diagnostics-subtitle[b-e978f0vgpe] { margin:.25rem 0 0; color:#64748b; }
.diagnostics-summary-grid[b-e978f0vgpe] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.75rem; }
.diagnostics-metric[b-e978f0vgpe] { border:1px solid #e2e8f0; background:#f8fafc; border-radius:.8rem; padding:.85rem 1rem; display:flex; flex-direction:column; gap:.2rem; }
.diagnostics-metric span[b-e978f0vgpe] { color:#64748b; font-size:.76rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
.diagnostics-metric strong[b-e978f0vgpe] { font-size:1.35rem; color:#0f172a; }
.diagnostics-metric--open[b-e978f0vgpe] { border-color:#fecaca; background:#fff7f7; }
.diagnostics-toolbar[b-e978f0vgpe] { display:flex; align-items:center; gap:.65rem; flex-wrap:wrap; }
.diagnostics-state-toggle[b-e978f0vgpe] { display:flex; padding:.2rem; border:1px solid #dbe3ef; border-radius:.75rem; background:#f8fafc; }
.diagnostics-state-button[b-e978f0vgpe] { border:0; background:transparent; padding:.5rem .8rem; border-radius:.55rem; font-weight:700; color:#64748b; cursor:pointer; }
.diagnostics-state-button--active[b-e978f0vgpe] { background:#fff; color:#3159bd; box-shadow:0 1px 4px rgba(15,23,42,.12); }
.diagnostics-select[b-e978f0vgpe],.diagnostics-search[b-e978f0vgpe] { min-height:2.35rem; border:1px solid #dbe3ef; border-radius:.65rem; background:#fff; padding:.45rem .7rem; color:#0f172a; }
.diagnostics-search[b-e978f0vgpe] { flex:1 1 18rem; min-width:14rem; }
.diagnostics-status[b-e978f0vgpe] { border-radius:.7rem; padding:.7rem .9rem; font-weight:600; }
.diagnostics-status--success[b-e978f0vgpe] { background:#ecfdf5; border:1px solid #a7f3d0; color:#166534; }
.diagnostics-status--error[b-e978f0vgpe] { background:#fff1f2; border:1px solid #fecdd3; color:#be123c; }
.diagnostics-list[b-e978f0vgpe] { display:flex; flex-direction:column; gap:.65rem; }
.diagnostic-card[b-e978f0vgpe] { border:1px solid #e2e8f0; border-radius:.8rem; background:#fff; overflow:hidden; }
.diagnostic-card--open[b-e978f0vgpe] { border-left:4px solid #ef4444; }
.diagnostic-card--resolved[b-e978f0vgpe] { border-left:4px solid #22c55e; opacity:.92; }
.diagnostic-card__summary[b-e978f0vgpe] { width:100%; border:0; background:transparent; padding:.8rem .9rem; display:grid; grid-template-columns:auto auto minmax(0,1fr) auto auto; align-items:center; gap:.65rem; text-align:left; cursor:pointer; }
.diagnostic-expand[b-e978f0vgpe] { color:#64748b; font-size:.8rem; }
.diagnostic-severity[b-e978f0vgpe],.diagnostic-state[b-e978f0vgpe] { border-radius:999px; padding:.2rem .5rem; font-size:.68rem; font-weight:800; text-transform:uppercase; letter-spacing:.03em; white-space:nowrap; }
.diagnostic-severity--error[b-e978f0vgpe],.diagnostic-severity--critical[b-e978f0vgpe] { background:#fee2e2; color:#b91c1c; }
.diagnostic-severity--warning[b-e978f0vgpe] { background:#fef3c7; color:#92400e; }
.diagnostic-severity--information[b-e978f0vgpe],.diagnostic-severity--info[b-e978f0vgpe] { background:#dbeafe; color:#1d4ed8; }
.diagnostic-state--open[b-e978f0vgpe] { background:#fff1f2; color:#be123c; }
.diagnostic-state--resolved[b-e978f0vgpe] { background:#dcfce7; color:#166534; }
.diagnostic-main[b-e978f0vgpe] { min-width:0; display:flex; flex-direction:column; gap:.15rem; }
.diagnostic-main strong[b-e978f0vgpe] { color:#0f172a; }
.diagnostic-main span[b-e978f0vgpe] { color:#475569; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.diagnostic-time[b-e978f0vgpe] { color:#64748b; font-size:.78rem; white-space:nowrap; }
.diagnostic-card__details[b-e978f0vgpe] { border-top:1px solid #e2e8f0; background:#f8fafc; padding:1rem; display:flex; flex-direction:column; gap:.9rem; }
.diagnostic-meta-grid[b-e978f0vgpe] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.65rem; }
.diagnostic-meta-grid > div[b-e978f0vgpe] { background:#fff; border:1px solid #e2e8f0; border-radius:.65rem; padding:.6rem .7rem; min-width:0; }
.diagnostic-meta-grid span[b-e978f0vgpe] { display:block; color:#64748b; font-size:.68rem; font-weight:800; text-transform:uppercase; margin-bottom:.2rem; }
.diagnostic-meta-grid strong[b-e978f0vgpe],.diagnostic-meta-grid code[b-e978f0vgpe] { color:#0f172a; word-break:break-word; }
.diagnostic-detail-block[b-e978f0vgpe],.diagnostic-resolution[b-e978f0vgpe],.diagnostic-resolve-form[b-e978f0vgpe] { background:#fff; border:1px solid #e2e8f0; border-radius:.7rem; padding:.85rem; }
.diagnostic-detail-block h3[b-e978f0vgpe] { margin:0 0 .35rem; font-size:.88rem; }
.diagnostic-detail-block p[b-e978f0vgpe] { margin:0; color:#334155; white-space:pre-wrap; }
.diagnostic-native-details[b-e978f0vgpe] { background:#fff; border:1px solid #e2e8f0; border-radius:.7rem; overflow:hidden; }
.diagnostic-native-details summary[b-e978f0vgpe] { cursor:pointer; padding:.7rem .85rem; font-weight:700; }
.diagnostic-native-details pre[b-e978f0vgpe] { margin:0; border-top:1px solid #e2e8f0; background:#0f172a; color:#e2e8f0; padding:.85rem; max-height:24rem; overflow:auto; white-space:pre-wrap; word-break:break-word; font-size:.75rem; }
.diagnostic-resolution[b-e978f0vgpe] { display:flex; flex-direction:column; gap:.55rem; border-color:#bbf7d0; background:#f0fdf4; }
.diagnostic-resolution span[b-e978f0vgpe] { color:#64748b; margin-left:.35rem; }
.diagnostic-resolution p[b-e978f0vgpe] { margin:0; color:#334155; white-space:pre-wrap; }
.diagnostic-resolve-form[b-e978f0vgpe] { display:grid; grid-template-columns:1fr 1fr; gap:.75rem; }
.diagnostic-resolve-form label[b-e978f0vgpe] { display:flex; flex-direction:column; gap:.3rem; font-size:.75rem; font-weight:700; color:#475569; }
.diagnostic-resolve-form input[b-e978f0vgpe],.diagnostic-resolve-form textarea[b-e978f0vgpe] { border:1px solid #cbd5e1; border-radius:.55rem; padding:.55rem .65rem; font:inherit; color:#0f172a; background:#fff; }
.diagnostic-resolve-form__notes[b-e978f0vgpe],.diagnostic-resolve-actions[b-e978f0vgpe] { grid-column:1 / -1; }
.diagnostic-resolve-actions[b-e978f0vgpe],.diagnostic-actions[b-e978f0vgpe] { display:flex; gap:.55rem; flex-wrap:wrap; }
.btn-diagnostic-primary[b-e978f0vgpe],.btn-diagnostic-secondary[b-e978f0vgpe] { border-radius:.6rem; padding:.5rem .75rem; font-weight:700; cursor:pointer; }
.btn-diagnostic-primary[b-e978f0vgpe] { border:1px solid #3159bd; background:#3159bd; color:#fff; }
.btn-diagnostic-secondary[b-e978f0vgpe] { border:1px solid #cbd5e1; background:#fff; color:#334155; }
.btn-diagnostic-primary:disabled[b-e978f0vgpe],.btn-diagnostic-secondary:disabled[b-e978f0vgpe] { opacity:.55; cursor:not-allowed; }
@media (max-width:900px) { .diagnostics-summary-grid[b-e978f0vgpe] { grid-template-columns:repeat(2,minmax(0,1fr)); } .diagnostic-card__summary[b-e978f0vgpe] { grid-template-columns:auto auto minmax(0,1fr) auto; } .diagnostic-time[b-e978f0vgpe] { grid-column:3; } .diagnostic-state[b-e978f0vgpe] { grid-column:4; grid-row:1 / span 2; } .diagnostic-meta-grid[b-e978f0vgpe] { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:600px) { .diagnostics-summary-grid[b-e978f0vgpe],.diagnostic-meta-grid[b-e978f0vgpe],.diagnostic-resolve-form[b-e978f0vgpe] { grid-template-columns:1fr; } .diagnostic-card__summary[b-e978f0vgpe] { grid-template-columns:auto auto minmax(0,1fr); } .diagnostic-time[b-e978f0vgpe] { grid-column:3; } .diagnostic-state[b-e978f0vgpe] { grid-column:2; grid-row:2; justify-self:start; } .diagnostic-resolve-form__notes[b-e978f0vgpe],.diagnostic-resolve-actions[b-e978f0vgpe] { grid-column:auto; } }

/* Grouped diagnostics and bulk resolution */
.diagnostics-header-actions[b-e978f0vgpe] { display:flex; align-items:center; justify-content:flex-end; gap:.55rem; flex-wrap:wrap; }
.diagnostic-main small[b-e978f0vgpe] { color:#64748b; font-size:.7rem; font-weight:500; white-space:normal; }
.btn-diagnostic-danger[b-e978f0vgpe] { border:1px solid #b91c1c; background:#b91c1c; color:#fff; border-radius:.6rem; padding:.5rem .75rem; font-weight:700; cursor:pointer; }
.btn-diagnostic-danger:disabled[b-e978f0vgpe] { opacity:.55; cursor:not-allowed; }
.diagnostic-occurrences[b-e978f0vgpe] { display:flex; flex-direction:column; background:#fff; border-top:1px solid #e2e8f0; }
.diagnostic-occurrences > div[b-e978f0vgpe] { display:grid; grid-template-columns:auto minmax(8rem,1fr) minmax(10rem,1.5fr) minmax(12rem,1.5fr); gap:.65rem; align-items:center; padding:.55rem .8rem; border-bottom:1px solid #f1f5f9; font-size:.75rem; }
.diagnostic-occurrences > div:last-child[b-e978f0vgpe] { border-bottom:0; }
.diagnostic-occurrences span[b-e978f0vgpe],.diagnostic-occurrences code[b-e978f0vgpe] { overflow-wrap:anywhere; color:#475569; }
.diagnostics-confirm-backdrop[b-e978f0vgpe] { position:fixed; inset:0; z-index:2000; display:flex; align-items:center; justify-content:center; padding:1rem; background:rgba(15,23,42,.58); }
.diagnostics-confirm[b-e978f0vgpe] { width:min(42rem,100%); max-height:calc(100vh - 2rem); overflow:auto; background:#fff; border-radius:.9rem; box-shadow:0 24px 70px rgba(15,23,42,.32); padding:1.15rem; }
.diagnostics-confirm h2[b-e978f0vgpe] { margin:0 0 .45rem; color:#0f172a; font-size:1.15rem; }
.diagnostics-confirm > p[b-e978f0vgpe] { margin:0 0 1rem; color:#475569; line-height:1.45; }
.diagnostics-confirm__form[b-e978f0vgpe] { margin-bottom:1rem; }
.diagnostics-confirm__actions[b-e978f0vgpe] { display:flex; justify-content:flex-end; gap:.6rem; flex-wrap:wrap; }
@media (max-width:700px) {
    .diagnostics-header-actions[b-e978f0vgpe] { width:100%; justify-content:flex-start; }
    .diagnostic-occurrences > div[b-e978f0vgpe] { grid-template-columns:1fr; gap:.2rem; }
}

/* Diagnostics header refresh action */
.btn-diagnostic-refresh[b-e978f0vgpe] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    min-height: 2.35rem;
    padding: .5rem .85rem;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    background: #fff;
    color: #334155;
    font: inherit;
    font-size: .82rem;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .05);
    transition: background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.btn-diagnostic-refresh:hover:not(:disabled)[b-e978f0vgpe] {
    border-color: #93b4ee;
    background: #f5f8ff;
    color: #3159bd;
    box-shadow: 0 3px 10px rgba(49, 89, 189, .12);
    transform: translateY(-1px);
}

.btn-diagnostic-refresh:focus-visible[b-e978f0vgpe] {
    outline: 3px solid rgba(49, 89, 189, .22);
    outline-offset: 2px;
}

.btn-diagnostic-refresh:disabled[b-e978f0vgpe] {
    opacity: .65;
    cursor: wait;
    transform: none;
}

.btn-diagnostic-refresh__icon[b-e978f0vgpe] {
    display: inline-flex;
    line-height: 1;
    transform-origin: center;
}

.btn-diagnostic-refresh--loading .btn-diagnostic-refresh__icon[b-e978f0vgpe] {
    animation: diagnostics-refresh-spin-b-e978f0vgpe .85s linear infinite;
}

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

/* /Features/Admin/Components/AdminFeedbackSection.razor.rz.scp.css */
.admin-section[b-6ycgnj81ic] {
    margin-bottom: 1.5rem;
}

.feedback-center-section[b-6ycgnj81ic] {
    background: #ffffff;
    border: 1px solid rgba(213, 219, 230, .95);
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
    padding: 1rem;
}

.feedback-center-header[b-6ycgnj81ic] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.admin-section-title[b-6ycgnj81ic] {
    color: #111827;
    font-size: 1.25rem;
    line-height: 1.2;
    margin: 0;
}

.feedback-center-subtitle[b-6ycgnj81ic] {
    color: #667085;
    margin: .25rem 0 0;
}

.feedback-alert-pill[b-6ycgnj81ic] {
    background: rgba(239, 68, 68, .10);
    border: 1px solid rgba(239, 68, 68, .22);
    border-radius: 999px;
    color: #b42318;
    display: inline-flex;
    font-size: .82rem;
    font-weight: 800;
    padding: .35rem .65rem;
    white-space: nowrap;
}

.feedback-center-grid[b-6ycgnj81ic] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(13rem, .42fr) minmax(48rem, 2.1fr) minmax(16rem, .65fr);
    align-items: start;
}

.feedback-overview-panel[b-6ycgnj81ic],
.feedback-table-panel[b-6ycgnj81ic],
.ratings-panel[b-6ycgnj81ic] {
    background: #fafbff;
    border: 1px solid #eceef6;
    border-radius: 12px;
    min-width: 0;
    padding: .9rem;
}

.feedback-overview-cards[b-6ycgnj81ic] {
    display: grid;
    gap: .65rem;
    grid-template-columns: 1fr;
    margin-bottom: 1rem;
}

.feedback-metric-card[b-6ycgnj81ic] {
    background: #ffffff;
    border: 1px solid #eceef6;
    border-radius: 12px;
    padding: .8rem;
}

.feedback-metric-card-alert[b-6ycgnj81ic] {
    border-color: rgba(239, 68, 68, .28);
    box-shadow: inset 4px 0 0 rgba(239, 68, 68, .55);
}

.feedback-metric-label[b-6ycgnj81ic] {
    color: #667085;
    display: block;
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.feedback-metric-value[b-6ycgnj81ic] {
    color: #111827;
    display: block;
    font-size: 1.6rem;
    font-weight: 850;
    line-height: 1.1;
    margin: .2rem 0;
}

.feedback-metric-sub[b-6ycgnj81ic] {
    color: #667085;
    display: block;
    font-size: .82rem;
}

.admin-subsection-title[b-6ycgnj81ic] {
    color: #111827;
    font-size: 1rem;
    line-height: 1.2;
    margin: 0 0 .75rem;
}

.feedback-type-list[b-6ycgnj81ic] {
    display: flex;
    flex-direction: column;
    gap: .65rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.feedback-type-row-main[b-6ycgnj81ic] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: .3rem;
}

.feedback-type-count[b-6ycgnj81ic] {
    color: #667085;
    font-size: .82rem;
    font-weight: 800;
}

.feedback-type-chip[b-6ycgnj81ic] {
    border-radius: 999px;
    display: inline-flex;
    font-size: .75rem;
    font-weight: 800;
    line-height: 1;
    padding: .28rem .5rem;
}

.feedback-type-bug[b-6ycgnj81ic],
.feedback-type-bug-report[b-6ycgnj81ic] {
    background: rgba(239, 68, 68, .10);
    color: #b42318;
}

.feedback-type-feature[b-6ycgnj81ic],
.feedback-type-feature-request[b-6ycgnj81ic] {
    background: rgba(59, 130, 246, .10);
    color: #1d4ed8;
}

.feedback-type-suggestion[b-6ycgnj81ic],
.feedback-type-feedback[b-6ycgnj81ic] {
    background: rgba(102, 126, 234, .12);
    color: #4b5fc0;
}

.feedback-type-other[b-6ycgnj81ic] {
    background: #eef1f8;
    color: #667085;
}

.feedback-type-bar-wrap[b-6ycgnj81ic] {
    background: #eef1f8;
    border-radius: 999px;
    height: .55rem;
    overflow: hidden;
}

.feedback-type-bar[b-6ycgnj81ic] {
    background: #667eea;
    border-radius: 999px;
    height: 100%;
}

.feedback-type-note[b-6ycgnj81ic] {
    color: #b42318;
    font-size: .76rem;
    font-weight: 700;
    margin-top: .25rem;
}

.feedback-table-panel[b-6ycgnj81ic],
.ratings-panel[b-6ycgnj81ic] {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 210px);
    min-height: 26rem;
}

.feedback-table-wrap[b-6ycgnj81ic] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}

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

.admin-table th[b-6ycgnj81ic],
.admin-table td[b-6ycgnj81ic] {
    border-bottom: 1px solid #f0f1f4;
    color: #333;
    font-size: .86rem;
    padding: .6rem .65rem;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}

.admin-table th[b-6ycgnj81ic] {
    background: #fafbff;
    color: #667085;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .04em;
    position: sticky;
    text-transform: uppercase;
    top: 0;
    z-index: 2;
}

.vt-expand-cell[b-6ycgnj81ic] {
    text-align: center;
    width: 3rem;
}

.feedback-row[b-6ycgnj81ic] {
    cursor: pointer;
}

.feedback-row:hover td[b-6ycgnj81ic] {
    background: #f8f9ff;
}

.row-unreviewed td[b-6ycgnj81ic] {
    background: #fffdf7;
}

.row-reviewed td[b-6ycgnj81ic] {
    color: #667085;
}

.feedback-preview[b-6ycgnj81ic] {
    max-width: 24rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.btn-sm-expand[b-6ycgnj81ic] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #d9deea;
    border-radius: 8px;
    color: #4b5563;
    cursor: pointer;
    display: inline-flex;
    font-size: .75rem;
    height: 1.8rem;
    justify-content: center;
    width: 1.8rem;
}

.btn-sm-expand--open[b-6ycgnj81ic] {
    background: rgba(102, 126, 234, 0.12);
    border-color: rgba(102, 126, 234, 0.34);
    color: #4b5fc0;
}

.btn-mark-reviewed[b-6ycgnj81ic] {
    background: #ffffff;
    border: 1px solid rgba(34, 197, 94, .35);
    border-radius: .55rem;
    color: #166534;
    cursor: pointer;
    font: inherit;
    font-size: .78rem;
    font-weight: 800;
    padding: .35rem .55rem;
}

.btn-mark-reviewed:hover[b-6ycgnj81ic] {
    background: rgba(34, 197, 94, .08);
}

.feedback-reviewed-badge[b-6ycgnj81ic] {
    color: #166534;
    font-size: .78rem;
    font-weight: 800;
}

.sm-subgrid-row > td[b-6ycgnj81ic] {
    background: #fbfcff;
    padding: .75rem;
}

.feedback-full-comment[b-6ycgnj81ic] {
    background: #ffffff;
    border: 1px solid #eceef6;
    border-radius: 10px;
    color: #344054;
    padding: .75rem;
    white-space: normal;
}

.feedback-full-comment p[b-6ycgnj81ic] {
    margin: 0;
    white-space: pre-wrap;
}

.ratings-list-compact[b-6ycgnj81ic] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: .65rem;
    min-height: 0;
    overflow: auto;
    padding-right: .25rem;
}

.rating-row[b-6ycgnj81ic] {
    background: #ffffff;
    border: 1px solid #eceef6;
    border-radius: 10px;
    padding: .7rem;
}

.rating-stars[b-6ycgnj81ic] {
    letter-spacing: .05em;
}

.star-on[b-6ycgnj81ic] {
    color: #f59e0b;
}

.star-off[b-6ycgnj81ic] {
    color: #d0d5dd;
}

.rating-comment-text[b-6ycgnj81ic] {
    color: #344054;
    margin: .4rem 0;
}

.rating-date[b-6ycgnj81ic] {
    color: #667085;
    font-size: .78rem;
}

.admin-empty-state[b-6ycgnj81ic] {
    align-items: center;
    color: #667085;
    display: flex;
    flex-direction: column;
    gap: .35rem;
    justify-content: center;
    min-height: 8rem;
    text-align: center;
}

.feedback-empty-compact[b-6ycgnj81ic] {
    min-height: 4rem;
}

.admin-empty-icon[b-6ycgnj81ic] {
    font-size: 1.4rem;
}

.admin-empty-hint[b-6ycgnj81ic] {
    color: #98a2b3;
    font-size: .84rem;
}

@media (max-width: 1250px) {
    .feedback-center-grid[b-6ycgnj81ic] {
        grid-template-columns: 1fr;
    }

    .feedback-table-panel[b-6ycgnj81ic],
    .ratings-panel[b-6ycgnj81ic] {
        max-height: 32rem;
    }
}

@media (max-width: 700px) {
    .feedback-center-header[b-6ycgnj81ic] {
        flex-direction: column;
    }

    .admin-table th[b-6ycgnj81ic],
    .admin-table td[b-6ycgnj81ic] {
        font-size: .8rem;
    }
}


/* Feedback review workflow polish */
.btn-mark-reviewed[b-6ycgnj81ic] {
    background: #ffffff;
    border: 1px solid rgba(34, 197, 94, .42);
    border-radius: 999px;
    color: #166534;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: .76rem;
    font-weight: 850;
    justify-content: center;
    line-height: 1;
    min-width: 7.2rem;
    padding: .42rem .7rem;
    transition: background-color .14s ease, border-color .14s ease, transform .14s ease;
    white-space: nowrap;
}

.btn-mark-reviewed:hover[b-6ycgnj81ic] {
    background: rgba(34, 197, 94, .10);
    border-color: rgba(34, 197, 94, .62);
    transform: translateY(-1px);
}

.btn-mark-reviewed:focus-visible[b-6ycgnj81ic] {
    outline: 2px solid rgba(34, 197, 94, .35);
    outline-offset: 2px;
}

.feedback-reviewed-badge[b-6ycgnj81ic] {
    align-items: center;
    background: rgba(34, 197, 94, .12);
    border-radius: 999px;
    color: #166534;
    display: inline-flex;
    font-size: .76rem;
    font-weight: 850;
    gap: .3rem;
    justify-content: center;
    line-height: 1;
    min-width: 7.2rem;
    padding: .42rem .7rem;
    white-space: nowrap;
}

.row-unreviewed td[b-6ycgnj81ic] {
    background: #fffdf7;
}

.row-unreviewed td:first-child[b-6ycgnj81ic] {
    box-shadow: inset 4px 0 0 rgba(245, 158, 11, .55);
}


/* Feedback Queue reviewed action column */
.feedback-queue-table[b-6ycgnj81ic] {
    min-width: 58rem;
    table-layout: fixed;
}

.feedback-queue-table th:nth-child(1)[b-6ycgnj81ic],
.feedback-queue-table td:nth-child(1)[b-6ycgnj81ic] {
    width: 3rem;
}

.feedback-queue-table th:nth-child(2)[b-6ycgnj81ic],
.feedback-queue-table td:nth-child(2)[b-6ycgnj81ic] {
    width: 8rem;
}

.feedback-queue-table th:nth-child(3)[b-6ycgnj81ic],
.feedback-queue-table td:nth-child(3)[b-6ycgnj81ic] {
    width: 9rem;
}

.feedback-queue-table th:nth-child(4)[b-6ycgnj81ic],
.feedback-queue-table td:nth-child(4)[b-6ycgnj81ic] {
    width: 8rem;
}

.feedback-queue-table th:nth-child(5)[b-6ycgnj81ic],
.feedback-queue-table td:nth-child(5)[b-6ycgnj81ic] {
    width: 13rem;
}

.feedback-queue-table th:nth-child(6)[b-6ycgnj81ic],
.feedback-queue-table td:nth-child(6)[b-6ycgnj81ic] {
    width: auto;
}

.feedback-queue-table th:nth-child(7)[b-6ycgnj81ic],
.feedback-queue-table td:nth-child(7)[b-6ycgnj81ic] {
    text-align: center;
    width: 10rem;
}

.feedback-table-wrap[b-6ycgnj81ic] {
    overflow-x: auto;
}

.feedback-preview[b-6ycgnj81ic] {
    max-width: none;
}



/* Phase 6 layout tuning */
.feedback-overview-panel[b-6ycgnj81ic]{
    max-width: 24rem;
}

.feedback-overview-cards[b-6ycgnj81ic]{
    gap:.5rem;
}

.feedback-metric-card[b-6ycgnj81ic]{
    padding:.7rem;
}


/* Compact summary column */
.feedback-overview-panel[b-6ycgnj81ic]{
    max-width:21rem;
}

.feedback-overview-panel .admin-subsection-title[b-6ycgnj81ic]{
    margin-bottom:.55rem;
}

.feedback-overview-cards[b-6ycgnj81ic]{
    gap:.45rem;
}

.feedback-metric-card[b-6ycgnj81ic]{
    padding:.65rem;
}

.feedback-type-list[b-6ycgnj81ic]{
    gap:.45rem;
}
/* /Features/Admin/Components/AdminFeedbackTab.razor.rz.scp.css */
.tab-panel[b-s6p0atvb1u] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.placeholder-card[b-s6p0atvb1u] {
    border: 1px solid var(--bnb-border-subtle, rgba(15, 23, 42, .12));
    background: var(--bnb-surface, rgba(255, 255, 255, .76));
    border-radius: 1rem;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .08);
    padding: 1.5rem 1.75rem;
}

.placeholder-card__kicker[b-s6p0atvb1u] {
    margin: 0 0 .4rem;
    font-size: .75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--brand-blue, #4f46e5);
}

.placeholder-card__title[b-s6p0atvb1u] {
    margin: 0 0 .65rem;
    font-size: 1.35rem;
}

.placeholder-card__body[b-s6p0atvb1u] {
    margin: 0;
    color: var(--bnb-muted-text, #51617b);
    line-height: 1.65;
}

.placeholder-card__list[b-s6p0atvb1u] {
    margin: .85rem 0 0;
    padding-left: 1.25rem;
    color: var(--bnb-muted-text, #51617b);
}

.placeholder-card__list li + li[b-s6p0atvb1u] {
    margin-top: .35rem;
}
/* /Features/Admin/Components/AdminFollowUpAnalyticsSection.razor.rz.scp.css */
.admin-section[b-85tntr35kz] {
    margin-bottom: 1.5rem;
}

.followup-analytics-section[b-85tntr35kz],
.followup-insights-section[b-85tntr35kz] {
    background: #ffffff;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
    padding: 1rem;
}

.followup-analytics-header[b-85tntr35kz] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0.85rem;
}

.followup-analytics-header p[b-85tntr35kz] {
    color: #667085;
    margin: 0.25rem 0 0;
}

.admin-section-title[b-85tntr35kz] {
    color: #222;
    font-size: 1.35rem;
    line-height: 1.2;
    margin: 0;
}

.admin-subsection-title[b-85tntr35kz] {
    color: #333;
    font-size: 1.05rem;
    margin: 0 0 0.75rem;
}

.followup-analytics-pill[b-85tntr35kz] {
    background: rgba(102, 126, 234, 0.08);
    border: 1px solid rgba(102, 126, 234, 0.18);
    border-radius: 999px;
    color: #4b5fc0;
    display: inline-flex;
    font-size: 0.85rem;
    font-weight: 700;
    padding: 0.35rem 0.7rem;
    white-space: nowrap;
}

.followup-analytics-pill--warning[b-85tntr35kz] {
    background: rgba(245, 158, 11, .12);
    border-color: rgba(245, 158, 11, .28);
    color: #92400e;
}

.followup-kpi-grid[b-85tntr35kz],
.followup-insights-grid[b-85tntr35kz] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0.75rem;
    align-items: start;
}

.followup-kpi-grid[b-85tntr35kz] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.followup-insights-grid[b-85tntr35kz] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0.75rem;
    align-items: start;
}

.followup-kpi-card[b-85tntr35kz],
.followup-insight-card[b-85tntr35kz] {
    background: #fafbff;
    border: 1px solid #eceef6;
    border-radius: 12px;
    overflow: hidden;
    padding: 1rem;
}

.followup-kpi-card--primary[b-85tntr35kz] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.12), #ffffff);
    border-color: rgba(102, 126, 234, 0.24);
}

.followup-kpi-label[b-85tntr35kz],
.followup-kpi-sub[b-85tntr35kz] {
    color: #667085;
    display: block;
    font-size: 0.78rem;
    font-weight: 700;
}

.followup-kpi-value[b-85tntr35kz] {
    color: #222;
    display: block;
    font-size: 1.65rem;
    font-weight: 800;
    line-height: 1.1;
    margin: 0.25rem 0;
}

.followup-kpi-value--text[b-85tntr35kz] {
    font-size: 1.05rem;
    line-height: 1.25;
}

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

.admin-table th[b-85tntr35kz],
.admin-table td[b-85tntr35kz] {
    border-bottom: 1px solid #f0f1f4;
    color: #333;
    font-size: 0.86rem;
    padding: 0.6rem 0.65rem;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}

.admin-table th[b-85tntr35kz] {
    color: #667085;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.page-path[b-85tntr35kz] {
    color: #7a7f8f;
    font-size: 0.78rem;
    margin-top: 0.15rem;
}

.share-bar-wrap[b-85tntr35kz] {
    align-items: center;
    background: #eef1f8;
    border-radius: 999px;
    display: flex;
    gap: .5rem;
    height: .7rem;
    min-width: 7rem;
    overflow: hidden;
    position: relative;
}

.share-bar[b-85tntr35kz] {
    background: #667eea;
    border-radius: 999px;
    height: 100%;
    min-width: 0.15rem;
}

.share-label[b-85tntr35kz] {
    color: #667085;
    font-size: .75rem;
    font-weight: 700;
    margin-left: .25rem;
}

.admin-empty-state[b-85tntr35kz] {
    align-items: center;
    color: #667085;
    display: flex;
    flex-direction: column;
    gap: .4rem;
    justify-content: center;
    min-height: 8rem;
    text-align: center;
}

.admin-empty-state--error[b-85tntr35kz] {
    color: #b42318;
}

.admin-empty-icon[b-85tntr35kz] {
    font-size: 1.6rem;
}

.admin-empty-hint[b-85tntr35kz] {
    color: #98a2b3;
    font-size: .86rem;
}

@media (max-width: 1100px) {
    .followup-kpi-grid[b-85tntr35kz],
    .followup-insights-grid[b-85tntr35kz] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0.75rem;
    align-items: start;
}

    .followup-analytics-header[b-85tntr35kz] {
        flex-direction: column;
    }
}


/* Follow-Up table polish */
.compact-insight-table[b-85tntr35kz]{
    table-layout:fixed;
    width:100%;
}

.compact-insight-table th[b-85tntr35kz],
.compact-insight-table td[b-85tntr35kz]{
    padding:.65rem .75rem;
}

.compact-insight-table th:last-child[b-85tntr35kz],
.compact-insight-table td:last-child[b-85tntr35kz]{
    padding-right:1rem;
    text-align:right;
    width:90px;
}

.compact-insight-table td[b-85tntr35kz]{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
/* /Features/Admin/Components/AdminOverviewSection.razor.rz.scp.css */
.admin-overview[b-8pn7pml77b] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.admin-overview-card[b-8pn7pml77b],
.overview-kpi-card[b-8pn7pml77b] {
    background: #ffffff;
    border: 1px solid rgba(213, 219, 230, .95);
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
}

.admin-overview-loading[b-8pn7pml77b] {
    align-items: center;
    color: #667085;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    justify-content: center;
    min-height: 14rem;
    padding: 1.25rem;
    text-align: center;
}

.admin-overview-loading--error[b-8pn7pml77b] {
    color: #b42318;
}

.admin-overview-loading-icon[b-8pn7pml77b] {
    font-size: 1.75rem;
}

.admin-overview-kpis[b-8pn7pml77b] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.overview-kpi-card[b-8pn7pml77b] {
    display: grid;
    gap: .35rem;
    min-height: 8rem;
    padding: 1rem;
    position: relative;
}

.overview-kpi-icon[b-8pn7pml77b] {
    font-size: 1.3rem;
}

.overview-kpi-label[b-8pn7pml77b] {
    color: #667085;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.overview-kpi-card strong[b-8pn7pml77b] {
    color: #111827;
    font-size: 2rem;
    line-height: 1;
}

.overview-kpi-card span:last-child[b-8pn7pml77b] {
    color: #667085;
    font-size: .85rem;
}

.admin-overview-grid[b-8pn7pml77b] {
    display: grid;
    gap: 1rem;
}

.admin-overview-grid--main[b-8pn7pml77b] {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
}

.admin-overview-grid--support[b-8pn7pml77b] {
    align-items: stretch;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.admin-overview-card[b-8pn7pml77b] {
    min-width: 0;
    padding: 1rem;
}

.overview-section-header[b-8pn7pml77b] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: .9rem;
}

.overview-section-header h2[b-8pn7pml77b] {
    color: #111827;
    font-size: 1.2rem;
    line-height: 1.2;
    margin: 0;
}

.overview-section-header p[b-8pn7pml77b] {
    color: #667085;
    margin: .25rem 0 0;
}

.overview-pill[b-8pn7pml77b] {
    background: rgba(102, 126, 234, .08);
    border: 1px solid rgba(102, 126, 234, .18);
    border-radius: 999px;
    color: #4b5fc0;
    display: inline-flex;
    font-size: .82rem;
    font-weight: 800;
    padding: .35rem .65rem;
    white-space: nowrap;
}

.overview-funnel[b-8pn7pml77b] {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.overview-funnel-row[b-8pn7pml77b] {
    align-items: center;
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(11rem, .95fr) minmax(10rem, 1fr) minmax(8rem, auto);
}

.overview-funnel-label[b-8pn7pml77b] {
    align-items: center;
    display: flex;
    gap: .65rem;
    min-width: 0;
}

.overview-funnel-label > span[b-8pn7pml77b] {
    font-size: 1.15rem;
}

.overview-funnel-label strong[b-8pn7pml77b],
.overview-funnel-value strong[b-8pn7pml77b] {
    color: #111827;
    display: block;
    font-weight: 800;
}

.overview-funnel-label small[b-8pn7pml77b],
.overview-funnel-value small[b-8pn7pml77b] {
    color: #667085;
    display: block;
    font-size: .76rem;
}

.overview-funnel-bar-wrap[b-8pn7pml77b] {
    background: #eef1f8;
    border-radius: 999px;
    height: .65rem;
    overflow: hidden;
}

.overview-funnel-bar[b-8pn7pml77b] {
    background: linear-gradient(90deg, #667eea, #3b82f6);
    border-radius: 999px;
    height: 100%;
}

.overview-funnel-value[b-8pn7pml77b] {
    text-align: right;
}

.overview-activity-list[b-8pn7pml77b] {
    display: flex;
    flex-direction: column;
    gap: .65rem;
    max-height: 23rem;
    overflow: auto;
    padding-right: .25rem;
}

.overview-activity-item[b-8pn7pml77b] {
    align-items: flex-start;
    border-bottom: 1px solid #f0f1f4;
    display: flex;
    gap: .65rem;
    padding-bottom: .65rem;
}

.overview-activity-icon[b-8pn7pml77b] {
    align-items: center;
    background: #f4f6fb;
    border-radius: .7rem;
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.overview-activity-title-row[b-8pn7pml77b] {
    align-items: baseline;
    display: flex;
    gap: .65rem;
    justify-content: space-between;
}

.overview-activity-title-row strong[b-8pn7pml77b] {
    color: #111827;
}

.overview-activity-title-row small[b-8pn7pml77b],
.overview-activity-item p[b-8pn7pml77b] {
    color: #667085;
}

.overview-activity-item p[b-8pn7pml77b] {
    margin: .15rem 0 0;
}

.overview-empty[b-8pn7pml77b] {
    color: #667085;
    padding: 2rem;
    text-align: center;
}

.overview-chart[b-8pn7pml77b] {
    min-width: 0;
}

.overview-chart svg[b-8pn7pml77b] {
    background: #fafbff;
    border: 1px solid #eceef6;
    border-radius: 12px;
    display: block;
    height: auto;
    width: 100%;
}

.overview-chart-grid[b-8pn7pml77b] {
    stroke: #e5e7eb;
    stroke-width: 1;
}

.overview-chart-axis[b-8pn7pml77b] {
    fill: #98a2b3;
    font-size: 11px;
}

.overview-chart-line[b-8pn7pml77b] {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 3;
}

.overview-chart-line--visits[b-8pn7pml77b],
.overview-chart-point--visits[b-8pn7pml77b] {
    stroke: #2563eb;
}

.overview-chart-line--unique[b-8pn7pml77b] {
    stroke: #16a34a;
}

.overview-chart-line--bots[b-8pn7pml77b] {
    stroke: #ef4444;
}

.overview-chart-point[b-8pn7pml77b] {
    fill: #ffffff;
    stroke-width: 2;
}

.overview-chart-legend[b-8pn7pml77b] {
    display: flex;
    gap: 1rem;
    margin-top: .65rem;
}

.overview-chart-legend span[b-8pn7pml77b] {
    align-items: center;
    color: #667085;
    display: inline-flex;
    font-size: .84rem;
    gap: .35rem;
}

.legend-dot[b-8pn7pml77b] {
    border-radius: 999px;
    display: inline-block;
    height: .65rem;
    width: .65rem;
}

.legend-dot--visits[b-8pn7pml77b] {
    background: #2563eb;
}

.legend-dot--unique[b-8pn7pml77b] {
    background: #16a34a;
}

.legend-dot--bots[b-8pn7pml77b] {
    background: #ef4444;
}

.overview-health-grid[b-8pn7pml77b] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.overview-health-grid div[b-8pn7pml77b] {
    background: #fafbff;
    border: 1px solid #eceef6;
    border-radius: 12px;
    padding: .9rem;
}

.overview-health-grid span[b-8pn7pml77b],
.overview-health-grid small[b-8pn7pml77b] {
    color: #667085;
    display: block;
    font-size: .8rem;
    font-weight: 700;
}

.overview-health-grid strong[b-8pn7pml77b] {
    color: #111827;
    display: block;
    font-size: 1.55rem;
    margin: .2rem 0;
}

.overview-list-table[b-8pn7pml77b],
.overview-template-list[b-8pn7pml77b] {
    display: flex;
    flex-direction: column;
}

.overview-list-row[b-8pn7pml77b],
.overview-template-row[b-8pn7pml77b] {
    align-items: center;
    border-bottom: 1px solid #f0f1f4;
    display: grid;
    gap: .75rem;
    padding: .65rem 0;
}

.overview-list-row[b-8pn7pml77b] {
    grid-template-columns: minmax(0, 1fr) auto;
}

.overview-template-row[b-8pn7pml77b] {
    grid-template-columns: minmax(0, 1fr) minmax(7rem, .8fr) 3rem;
}

.overview-list-row strong[b-8pn7pml77b],
.overview-template-row strong[b-8pn7pml77b] {
    color: #111827;
    display: block;
}

.overview-list-row small[b-8pn7pml77b],
.overview-template-row small[b-8pn7pml77b],
.overview-list-row span[b-8pn7pml77b],
.overview-template-row span[b-8pn7pml77b] {
    color: #667085;
    font-size: .82rem;
}

.overview-template-bar-wrap[b-8pn7pml77b] {
    background: #eef1f8;
    border-radius: 999px;
    height: .6rem;
    overflow: hidden;
}

.overview-template-bar[b-8pn7pml77b] {
    background: #667eea;
    border-radius: 999px;
    height: 100%;
}

@media (max-width: 1180px) {
    .admin-overview-kpis[b-8pn7pml77b],
    .admin-overview-grid--support[b-8pn7pml77b] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-overview-grid--main[b-8pn7pml77b] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .admin-overview-kpis[b-8pn7pml77b],
    .admin-overview-grid--support[b-8pn7pml77b],
    .overview-health-grid[b-8pn7pml77b] {
        grid-template-columns: 1fr;
    }

    .overview-funnel-row[b-8pn7pml77b] {
        align-items: stretch;
        grid-template-columns: 1fr;
    }

    .overview-funnel-value[b-8pn7pml77b] {
        text-align: left;
    }

    .overview-section-header[b-8pn7pml77b],
    .overview-activity-title-row[b-8pn7pml77b] {
        flex-direction: column;
    }
}



/* Feature usage summary */
.overview-feature-usage-grid[b-8pn7pml77b] {
    display: grid;
    gap: .55rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.overview-feature-usage-grid div[b-8pn7pml77b] {
    background: #fafbff;
    border: 1px solid #eceef6;
    border-radius: 10px;
    padding: .65rem;
}

.overview-feature-usage-grid span[b-8pn7pml77b] {
    color: #667085;
    display: block;
    font-size: .74rem;
    font-weight: 800;
}

.overview-feature-usage-grid strong[b-8pn7pml77b] {
    color: #111827;
    display: block;
    font-size: 1.35rem;
    line-height: 1.1;
    margin-top: .2rem;
}

.overview-feature-usage-list[b-8pn7pml77b] {
    border-top: 1px solid #f0f1f4;
    display: flex;
    flex-direction: column;
    gap: .4rem;
    margin-top: .75rem;
    padding-top: .75rem;
}

.overview-feature-usage-row[b-8pn7pml77b] {
    align-items: center;
    display: flex;
    gap: .5rem;
    justify-content: space-between;
}

.overview-feature-usage-row span[b-8pn7pml77b] {
    color: #667085;
    font-size: .82rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.overview-feature-usage-row strong[b-8pn7pml77b] {
    color: #111827;
    font-size: .9rem;
}



/* Feature Usage card polish */
.overview-feature-usage-grid[b-8pn7pml77b] {
    display: grid;
    gap: .55rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: .75rem;
}

.overview-feature-usage-grid div[b-8pn7pml77b] {
    align-items: center;
    background: #fafbff;
    border: 1px solid #eceef6;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    padding: .65rem .7rem;
}

.overview-feature-usage-grid span[b-8pn7pml77b] {
    color: #667085;
    font-size: .76rem;
    font-weight: 800;
}

.overview-feature-usage-grid strong[b-8pn7pml77b] {
    color: #111827;
    font-size: 1.15rem;
    line-height: 1;
}

.overview-feature-usage-list[b-8pn7pml77b] {
    border-top: 1px solid #f0f1f4;
    display: flex;
    flex-direction: column;
    gap: .4rem;
    margin-top: .75rem;
    padding-top: .75rem;
}

.overview-feature-usage-row[b-8pn7pml77b] {
    align-items: center;
    display: flex;
    gap: .5rem;
    justify-content: space-between;
}

.overview-feature-usage-row span[b-8pn7pml77b] {
    color: #667085;
    font-size: .82rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.overview-feature-usage-row strong[b-8pn7pml77b] {
    background: rgba(102, 126, 234, .10);
    border-radius: 999px;
    color: #4b5fc0;
    font-size: .8rem;
    min-width: 2.1rem;
    padding: .22rem .45rem;
    text-align: center;
}


/* Feature Usage card final polish */
.overview-feature-usage-grid[b-8pn7pml77b] {
    display: grid;
    gap: .55rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: .75rem;
}

.overview-feature-usage-grid div[b-8pn7pml77b] {
    align-items: center;
    background: #fafbff;
    border: 1px solid #eceef6;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    padding: .65rem .7rem;
}

.overview-feature-usage-grid span[b-8pn7pml77b] {
    color: #667085;
    font-size: .76rem;
    font-weight: 800;
}

.overview-feature-usage-grid strong[b-8pn7pml77b] {
    color: #111827;
    font-size: 1.15rem;
    line-height: 1;
}

.overview-feature-usage-list[b-8pn7pml77b] {
    border-top: 1px solid #f0f1f4;
    display: flex;
    flex-direction: column;
    gap: .4rem;
    margin-top: .75rem;
    padding-top: .75rem;
}

.overview-feature-usage-row[b-8pn7pml77b] {
    align-items: center;
    display: flex;
    gap: .5rem;
    justify-content: space-between;
}

.overview-feature-usage-row span[b-8pn7pml77b] {
    color: #667085;
    font-size: .82rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.overview-feature-usage-row strong[b-8pn7pml77b] {
    background: rgba(102, 126, 234, .10);
    border-radius: 999px;
    color: #4b5fc0;
    font-size: .8rem;
    min-width: 2.1rem;
    padding: .22rem .45rem;
    text-align: center;
}



/* Newest Countries card */
.overview-newest-countries-list[b-8pn7pml77b] {
    display: flex;
    flex-direction: column;
    gap: .55rem;
    margin-top: .75rem;
}

.overview-newest-country-row[b-8pn7pml77b] {
    align-items: center;
    background: #fafbff;
    border: 1px solid #eceef6;
    border-radius: 10px;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    padding: .65rem .7rem;
}

.overview-newest-country-row strong[b-8pn7pml77b] {
    color: #111827;
    display: block;
    font-size: .9rem;
    line-height: 1.15;
}

.overview-newest-country-row span[b-8pn7pml77b] {
    color: #667085;
    display: block;
    font-size: .75rem;
    margin-top: .15rem;
}

.overview-newest-country-date[b-8pn7pml77b] {
    text-align: right;
    white-space: nowrap;
}


/* Balanced Overview support card rows */
.admin-overview-grid--support > .admin-overview-card[b-8pn7pml77b] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.admin-overview-grid--support .overview-list-table[b-8pn7pml77b],
.admin-overview-grid--support .overview-template-list[b-8pn7pml77b],
.admin-overview-grid--support .overview-feature-usage-list[b-8pn7pml77b],
.admin-overview-grid--support .overview-newest-countries-list[b-8pn7pml77b] {
    flex: 1 1 auto;
}

.admin-overview-grid--support .overview-list-table[b-8pn7pml77b],
.admin-overview-grid--support .overview-newest-countries-list[b-8pn7pml77b] {
    display: flex;
    flex-direction: column;
}

.admin-overview-grid--support .overview-list-row[b-8pn7pml77b],
.admin-overview-grid--support .overview-newest-country-row[b-8pn7pml77b] {
    min-height: 3.25rem;
}

.admin-overview-grid--support .overview-feature-usage-grid[b-8pn7pml77b] {
    margin-top: 0;
}



/* Interactive Sprint Simulation overview card */
.overview-simulation-grid[b-8pn7pml77b] {
    display: grid;
    gap: .55rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: .75rem;
}

.overview-simulation-grid div[b-8pn7pml77b] {
    background: #fafbff;
    border: 1px solid #eceef6;
    border-radius: 10px;
    padding: .65rem .7rem;
}

.overview-simulation-grid span[b-8pn7pml77b] {
    color: #667085;
    display: block;
    font-size: .76rem;
    font-weight: 800;
}

.overview-simulation-grid strong[b-8pn7pml77b] {
    color: #111827;
    display: block;
    font-size: 1.15rem;
    line-height: 1.1;
    margin-top: .2rem;
}

.overview-simulation-footer[b-8pn7pml77b] {
    align-items: center;
    border-top: 1px solid #f0f1f4;
    display: flex;
    justify-content: space-between;
    margin-top: .75rem;
    padding-top: .75rem;
}

.overview-simulation-footer span[b-8pn7pml77b] {
    color: #667085;
    font-size: .82rem;
    font-weight: 800;
}

.overview-simulation-footer strong[b-8pn7pml77b] {
    color: #111827;
    font-size: .9rem;
}

.overview-ai-adoption-grid small[b-8pn7pml77b] {
    display: block;
    margin-top: 0.2rem;
    color: var(--text-muted);
    font-size: 0.72rem;
}

.overview-ai-cost-list[b-8pn7pml77b] {
    margin-top: 0.9rem;
}
/* /Features/Admin/Components/AdminSearchConsoleSection.razor.rz.scp.css */
.search-console-card[b-cwuuu9ywcu] {
    background: #fff;
    border: 1px solid rgba(213, 219, 230, .95);
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
    margin-top: 1rem;
    padding: 1rem;
}

.search-console-header[b-cwuuu9ywcu] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.search-console-kicker[b-cwuuu9ywcu] {
    color: #667085;
    display: block;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.search-console-header h2[b-cwuuu9ywcu] {
    color: #111827;
    font-size: 1.25rem;
    margin: .2rem 0;
}

.search-console-header p[b-cwuuu9ywcu],
.search-console-range[b-cwuuu9ywcu],
.search-console-state[b-cwuuu9ywcu] {
    color: #667085;
    margin: 0;
}

.search-console-refresh[b-cwuuu9ywcu] {
    background: #fff;
    border: 1px solid #cfd6e2;
    border-radius: 9px;
    color: #344054;
    cursor: pointer;
    font-weight: 700;
    padding: .55rem .85rem;
}

.search-console-refresh:disabled[b-cwuuu9ywcu] {
    cursor: default;
    opacity: .65;
}

.search-console-state[b-cwuuu9ywcu] {
    background: #f8fafc;
    border: 1px dashed #cfd6e2;
    border-radius: 10px;
    display: grid;
    gap: .25rem;
    margin-top: 1rem;
    padding: 1rem;
}

.search-console-state--error[b-cwuuu9ywcu] {
    background: #fff7f6;
    border-color: #f4b8b2;
    color: #b42318;
}

.search-console-range[b-cwuuu9ywcu] {
    display: flex;
    font-size: .78rem;
    justify-content: space-between;
    margin-top: .8rem;
}

.search-console-kpis[b-cwuuu9ywcu] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: .75rem;
}

.search-console-kpis article[b-cwuuu9ywcu] {
    background: #f8fafc;
    border: 1px solid #e4e8ef;
    border-radius: 11px;
    display: grid;
    gap: .25rem;
    padding: .85rem;
}

.search-console-kpis span[b-cwuuu9ywcu] {
    color: #667085;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.search-console-kpis strong[b-cwuuu9ywcu] {
    color: #111827;
    font-size: 1.55rem;
}

.search-console-kpis small[b-cwuuu9ywcu] {
    color: #667085;
}

.search-console-tables[b-cwuuu9ywcu] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 1rem;
}

.search-console-table-card[b-cwuuu9ywcu] {
    border: 1px solid #e4e8ef;
    border-radius: 11px;
    min-width: 0;
    overflow: hidden;
}

.search-console-table-card h3[b-cwuuu9ywcu] {
    background: #f8fafc;
    border-bottom: 1px solid #e4e8ef;
    color: #344054;
    font-size: .9rem;
    margin: 0;
    padding: .7rem .8rem;
}

.search-console-table-wrap[b-cwuuu9ywcu] {
    overflow-x: auto;
}

.search-console-table[b-cwuuu9ywcu] {
    border-collapse: collapse;
    font-size: .78rem;
    width: 100%;
}

.search-console-table th[b-cwuuu9ywcu],
.search-console-table td[b-cwuuu9ywcu] {
    border-bottom: 1px solid #eef1f5;
    padding: .55rem .65rem;
    text-align: right;
    white-space: nowrap;
}

.search-console-table th:first-child[b-cwuuu9ywcu],
.search-console-table td:first-child[b-cwuuu9ywcu] {
    max-width: 18rem;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
}

.search-console-table th[b-cwuuu9ywcu] {
    color: #667085;
    font-size: .68rem;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.search-console-empty[b-cwuuu9ywcu] {
    color: #667085;
    margin: 0;
    padding: 1rem;
}

@media (max-width: 900px) {
    .search-console-kpis[b-cwuuu9ywcu],
    .search-console-tables[b-cwuuu9ywcu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .search-console-header[b-cwuuu9ywcu],
    .search-console-range[b-cwuuu9ywcu] {
        align-items: stretch;
        flex-direction: column;
    }

    .search-console-kpis[b-cwuuu9ywcu],
    .search-console-tables[b-cwuuu9ywcu] {
        grid-template-columns: 1fr;
    }
}

.search-console-filter-bar[b-cwuuu9ywcu] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-top: .85rem;
}

.search-console-filter[b-cwuuu9ywcu] {
    background: #fff;
    border: 1px solid #cfd6e2;
    color: #344054;
    cursor: pointer;
    font-size: .8rem;
    font-weight: 700;
    min-height: 2.15rem;
    padding: .4rem .7rem;
}

.search-console-filter:first-child[b-cwuuu9ywcu] {
    border-radius: 8px 0 0 8px;
}

.search-console-filter--active[b-cwuuu9ywcu] {
    background: #eaf2ff;
    border-color: #8eb4ef;
    color: #174ea6;
}

.search-console-filter:disabled[b-cwuuu9ywcu] {
    cursor: default;
    opacity: .65;
}

.search-console-more-wrap[b-cwuuu9ywcu] {
    position: relative;
}

.search-console-more-wrap > .search-console-filter[b-cwuuu9ywcu] {
    border-radius: 0 8px 8px 0;
}

.search-console-more-menu[b-cwuuu9ywcu] {
    background: #fff;
    border: 1px solid #d7dde7;
    border-radius: 10px;
    box-shadow: 0 14px 32px rgba(16, 24, 40, .16);
    display: grid;
    gap: .55rem;
    min-width: 17rem;
    padding: .75rem;
    position: absolute;
    right: 0;
    top: calc(100% + .4rem);
    z-index: 30;
}

.search-console-more-menu > button[b-cwuuu9ywcu] {
    background: transparent;
    border: 0;
    border-radius: 7px;
    color: #344054;
    cursor: pointer;
    font-weight: 650;
    padding: .5rem .55rem;
    text-align: left;
}

.search-console-more-menu > button:hover[b-cwuuu9ywcu] {
    background: #f2f6fc;
}

.search-console-custom-divider[b-cwuuu9ywcu] {
    border-top: 1px solid #e4e8ef;
    margin: .1rem 0;
}

.search-console-custom-title[b-cwuuu9ywcu] {
    color: #667085;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.search-console-more-menu label[b-cwuuu9ywcu] {
    color: #475467;
    display: grid;
    font-size: .75rem;
    font-weight: 700;
    gap: .25rem;
}

.search-console-more-menu input[type="date"][b-cwuuu9ywcu] {
    border: 1px solid #cfd6e2;
    border-radius: 7px;
    color: #344054;
    font: inherit;
    padding: .45rem .5rem;
}

.search-console-custom-error[b-cwuuu9ywcu] {
    color: #b42318;
    font-size: .75rem;
}

.search-console-custom-actions[b-cwuuu9ywcu] {
    display: flex;
    gap: .5rem;
    justify-content: flex-end;
    margin-top: .15rem;
}

.search-console-custom-actions button[b-cwuuu9ywcu] {
    border-radius: 7px;
    cursor: pointer;
    font-weight: 700;
    padding: .45rem .7rem;
}

.search-console-custom-cancel[b-cwuuu9ywcu] {
    background: #fff;
    border: 1px solid #cfd6e2;
    color: #344054;
}

.search-console-custom-apply[b-cwuuu9ywcu] {
    background: #2563eb;
    border: 1px solid #2563eb;
    color: #fff;
}

.search-console-range small[b-cwuuu9ywcu] {
    background: #fff7e6;
    border-radius: 999px;
    color: #9a6700;
    font-size: .68rem;
    margin-left: .45rem;
    padding: .18rem .42rem;
}

@media (max-width: 600px) {
    .search-console-filter-bar[b-cwuuu9ywcu] {
        align-items: stretch;
    }

    .search-console-filter[b-cwuuu9ywcu] {
        border-radius: 8px !important;
        flex: 1 1 auto;
    }

    .search-console-more-wrap[b-cwuuu9ywcu] {
        flex: 1 1 auto;
    }

    .search-console-more-wrap > .search-console-filter[b-cwuuu9ywcu] {
        width: 100%;
    }

    .search-console-more-menu[b-cwuuu9ywcu] {
        left: 0;
        min-width: min(17rem, calc(100vw - 3rem));
        right: auto;
    }
}
/* /Features/Admin/Components/AdminTeamActivitySection.razor.rz.scp.css */
.admin-section[b-rrouossyu5] {
    margin-bottom: 1.5rem;
}

.team-retention-section[b-rrouossyu5],
.team-insights-section[b-rrouossyu5],
.sm-section[b-rrouossyu5] {
    background: #ffffff;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
    padding: 1rem;
}

.team-insights-header[b-rrouossyu5] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0.85rem;
}

.team-insights-header p[b-rrouossyu5] {
    color: #667085;
    margin: 0.25rem 0 0;
}

.admin-section-title[b-rrouossyu5] {
    color: #222;
    font-size: 1.35rem;
    line-height: 1.2;
    margin: 0;
}

.admin-subsection-title[b-rrouossyu5] {
    color: #333;
    font-size: 1.05rem;
    margin: 0 0 0.75rem;
}

.team-insights-pill[b-rrouossyu5] {
    background: rgba(102, 126, 234, 0.08);
    border: 1px solid rgba(102, 126, 234, 0.18);
    border-radius: 999px;
    color: #4b5fc0;
    display: inline-flex;
    font-size: 0.85rem;
    font-weight: 700;
    padding: 0.35rem 0.7rem;
    white-space: nowrap;
}

.team-retention-grid[b-rrouossyu5],
.team-insights-grid[b-rrouossyu5] {
    display: grid;
    gap: 0.75rem;
}

.team-retention-grid[b-rrouossyu5] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.team-insights-grid[b-rrouossyu5] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.team-retention-card[b-rrouossyu5],
.team-insight-card[b-rrouossyu5] {
    background: #fafbff;
    border: 1px solid #eceef6;
    border-radius: 12px;
    padding: 0.9rem;
}

.team-retention-card--primary[b-rrouossyu5] {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.12), #ffffff);
    border-color: rgba(102, 126, 234, 0.24);
}

.team-retention-label[b-rrouossyu5],
.team-retention-sub[b-rrouossyu5] {
    color: #667085;
    display: block;
    font-size: 0.78rem;
    font-weight: 700;
}

.team-retention-value[b-rrouossyu5] {
    color: #222;
    display: block;
    font-size: 1.75rem;
    font-weight: 800;
    line-height: 1.1;
    margin: 0.25rem 0;
}

.admin-table-wrap[b-rrouossyu5] {
    border: 1px solid #eceef3;
    border-radius: 12px;
    overflow: auto;
}

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

.admin-table th[b-rrouossyu5],
.admin-table td[b-rrouossyu5] {
    border-bottom: 1px solid #f0f1f4;
    color: #333;
    font-size: 0.88rem;
    padding: 0.65rem 0.75rem;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}

.admin-table th[b-rrouossyu5] {
    background: #ffffff;
    color: #667085;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.compact-insight-table td[b-rrouossyu5],
.compact-insight-table th[b-rrouossyu5] {
    font-size: 0.82rem;
    padding: 0.55rem 0.6rem;
}

.sm-parent-row[b-rrouossyu5] {
    cursor: pointer;
}

.sm-parent-row:hover td[b-rrouossyu5] {
    background: #fafafa;
}

.sm-row-expanded td[b-rrouossyu5] {
    background: #f8f9ff;
}

.row-sm-selected td[b-rrouossyu5] {
    background: rgba(102, 126, 234, 0.08) !important;
}

.sm-expand-cell[b-rrouossyu5],
.sm-session-expand-cell[b-rrouossyu5] {
    text-align: center;
    width: 3rem;
}

.btn-sm-expand[b-rrouossyu5] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #d9deea;
    border-radius: 8px;
    color: #4b5563;
    cursor: pointer;
    display: inline-flex;
    font-size: .75rem;
    height: 1.8rem;
    justify-content: center;
    width: 1.8rem;
}

.btn-sm-expand--open[b-rrouossyu5] {
    background: rgba(102, 126, 234, 0.12);
    border-color: rgba(102, 126, 234, 0.34);
    color: #4b5fc0;
}

.btn-map[b-rrouossyu5] {
    align-items: center;
    background: transparent;
    border: none;
    border-radius: 0.45rem;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: 1rem;
    justify-content: center;
    line-height: 1;
    padding: 0.15rem 0.2rem;
    text-decoration: none;
    transition: background-color 0.14s ease, transform 0.14s ease;
}

.btn-map:hover[b-rrouossyu5] {
    background: rgba(0, 0, 0, 0.06);
    transform: translateY(-1px);
}

.btn-map:focus-visible[b-rrouossyu5] {
    outline: 2px solid rgba(102, 126, 234, 0.45);
    outline-offset: 2px;
}

.page-path[b-rrouossyu5] {
    color: #7a7f8f;
    font-size: 0.78rem;
    margin-top: 0.15rem;
}

.sm-id strong[b-rrouossyu5],
.sm-session-name[b-rrouossyu5] {
    color: #222;
    font-weight: 800;
}

.sm-subgrid-row > td[b-rrouossyu5],
.session-participants-row > td[b-rrouossyu5] {
    background: #eef2f7;
    padding: 1rem 1.25rem;
}

.sm-subgrid-wrap[b-rrouossyu5],
.session-participants-wrap[b-rrouossyu5] {
    background: #f8faff;
    border: 1px solid #c7d2e3;
    border-left: 4px solid #7c8ce8;
    border-radius: .8rem;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .12);
    box-sizing: border-box;
    margin-inline: .5rem;
    overflow: auto;
    padding: .7rem;
    width: calc(100% - 1rem);
}

.sm-subgrid-wrap .sm-subgrid[b-rrouossyu5],
.session-participants-wrap .session-participants-table[b-rrouossyu5] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: .55rem;
}

.sm-sessions-subgrid[b-rrouossyu5] {
    min-width: 72rem;
}

.session-participants-table[b-rrouossyu5] {
    border-collapse: collapse;
    min-width: 28rem;
    width: 100%;
}

.session-participants-table th[b-rrouossyu5],
.session-participants-table td[b-rrouossyu5] {
    border-bottom: 1px solid #f0f1f4;
    color: #333;
    font-size: 0.86rem;
    padding: 0.55rem 0.65rem;
    text-align: left;
}

.session-participants-loading[b-rrouossyu5],
.sm-subgrid-loading[b-rrouossyu5],
.sm-details-loading[b-rrouossyu5] {
    color: #667085;
    padding: 0.8rem;
}

.share-bar-wrap[b-rrouossyu5] {
    align-items: center;
    background: #eef1f8;
    border-radius: 999px;
    display: flex;
    gap: .5rem;
    height: .7rem;
    min-width: 7rem;
    overflow: hidden;
    position: relative;
}

.share-bar[b-rrouossyu5] {
    background: #667eea;
    border-radius: 999px;
    height: 100%;
    min-width: 0.15rem;
}

.share-label[b-rrouossyu5] {
    color: #667085;
    font-size: .75rem;
    font-weight: 700;
    margin-left: .25rem;
}

.admin-empty-state[b-rrouossyu5] {
    align-items: center;
    color: #667085;
    display: flex;
    flex-direction: column;
    gap: .4rem;
    justify-content: center;
    min-height: 8rem;
    text-align: center;
}

.admin-empty-state--compact[b-rrouossyu5] {
    min-height: 5rem;
}

.admin-empty-state--error[b-rrouossyu5] {
    color: #b42318;
}

.admin-empty-icon[b-rrouossyu5] {
    font-size: 1.6rem;
}

.admin-empty-hint[b-rrouossyu5] {
    color: #98a2b3;
    font-size: .86rem;
}

@media (max-width: 1000px) {
    .team-retention-grid[b-rrouossyu5],
    .team-insights-grid[b-rrouossyu5] {
        grid-template-columns: 1fr;
    }

    .team-insights-header[b-rrouossyu5] {
        flex-direction: column;
    }
}



/* Team feature usage metrics */
.usage-metric-pill[b-rrouossyu5] {
    align-items: center;
    background: rgba(102, 126, 234, .10);
    border: 1px solid rgba(102, 126, 234, .16);
    border-radius: 999px;
    color: #4b5fc0;
    display: inline-flex;
    font-size: .78rem;
    font-weight: 850;
    gap: .25rem;
    justify-content: center;
    min-width: 3.25rem;
    padding: .25rem .5rem;
    white-space: nowrap;
}

.usage-metric-pill--compact[b-rrouossyu5] {
    min-width: 2.2rem;
    padding-inline: .45rem;
}

.usage-bool-badge[b-rrouossyu5] {
    align-items: center;
    background: #eef1f8;
    border-radius: 999px;
    color: #98a2b3;
    display: inline-flex;
    font-size: .78rem;
    font-weight: 850;
    justify-content: center;
    min-width: 1.8rem;
    padding: .2rem .45rem;
}

.usage-bool-badge--on[b-rrouossyu5] {
    background: rgba(34, 197, 94, .12);
    color: #166534;
}


/* Plain numeric feature-usage cells */
.usage-metric-pill[b-rrouossyu5] {
    background: transparent;
    border: 0;
    color: #111827;
    font-size: .88rem;
    font-weight: 700;
    min-width: auto;
    padding: 0;
}

.usage-metric-pill--compact[b-rrouossyu5] {
    background: rgba(102, 126, 234, .10);
    border: 1px solid rgba(102, 126, 234, .16);
    color: #4b5fc0;
    min-width: 2.2rem;
    padding: .2rem .45rem;
}

.internal-traffic-pill[b-rrouossyu5] {
    background: #eef2ff;
    border: 1px solid #c7d2fe;
    border-radius: 999px;
    color: #3730a3;
    display: inline-flex;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    margin-left: 0.4rem;
    padding: 0.08rem 0.4rem;
    text-transform: uppercase;
    vertical-align: middle;
}

.source-traffic-pill[b-rrouossyu5] {
    opacity: 0.9;
}


/* Team internal classification controls */
.team-internal-action-heading[b-rrouossyu5],
.team-internal-action-cell[b-rrouossyu5] {
    min-width: 8.5rem;
    text-align: right;
}

.team-internal-button[b-rrouossyu5] {
    background: #ffffff;
    border: 1px solid #c7d2fe;
    border-radius: .45rem;
    color: #3730a3;
    cursor: pointer;
    font-size: .74rem;
    font-weight: 750;
    padding: .34rem .55rem;
    white-space: nowrap;
}

.team-internal-button:hover:not(:disabled)[b-rrouossyu5] {
    background: #eef2ff;
}

.team-internal-button:disabled[b-rrouossyu5] {
    cursor: wait;
    opacity: .55;
}

.team-internal-button--confirm[b-rrouossyu5] {
    background: #3730a3;
    border-color: #3730a3;
    color: #ffffff;
}

.team-internal-button--confirm:hover:not(:disabled)[b-rrouossyu5] {
    background: #312e81;
}

.team-internal-button--cancel[b-rrouossyu5] {
    border-color: #d0d5dd;
    color: #475467;
}

.team-internal-confirm[b-rrouossyu5] {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.team-internal-confirm > span[b-rrouossyu5] {
    color: #475467;
    font-size: .72rem;
    white-space: nowrap;
}

.team-internal-confirm-actions[b-rrouossyu5] {
    display: flex;
    gap: .3rem;
}

.team-internal-error[b-rrouossyu5] {
    background: #fef3f2;
    border: 1px solid #fecdca;
    border-radius: .5rem;
    color: #b42318;
    margin: 0 0 .75rem;
    padding: .65rem .8rem;
}

.internal-traffic-pill--mixed[b-rrouossyu5] {
    background: #fffaeb;
    border-color: #fedf89;
    color: #93370d;
}
/* /Features/Admin/Components/AdminTeamActivityTab.razor.rz.scp.css */
.admin-section[b-9wrlyprxgn] {
    margin-bottom: 1rem;
}

.team-retention-section[b-9wrlyprxgn],
.team-insights-section[b-9wrlyprxgn],
.sm-section[b-9wrlyprxgn] {
    border: 1px solid rgba(148, 163, 184, .35);
    border-radius: 1rem;
    background: rgba(255, 255, 255, .86);
    box-shadow: 0 16px 40px rgba(15, 23, 42, .08);
    padding: 1rem;
}

.team-insights-header[b-9wrlyprxgn] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .85rem;
}

.team-insights-header p[b-9wrlyprxgn] {
    margin: .25rem 0 0;
    color: #64748b;
}

.admin-section-title[b-9wrlyprxgn] {
    margin: 0;
    color: #0f172a;
    font-size: 1.25rem;
    line-height: 1.2;
}

.admin-subsection-title[b-9wrlyprxgn] {
    margin: 0 0 .75rem;
    color: #0f172a;
    font-size: 1.05rem;
}

.team-insights-pill[b-9wrlyprxgn] {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    border: 1px solid rgba(37, 99, 235, .22);
    border-radius: 999px;
    background: rgba(37, 99, 235, .08);
    color: #1d4ed8;
    font-size: .82rem;
    font-weight: 800;
    padding: .35rem .65rem;
}

.team-retention-grid[b-9wrlyprxgn],
.team-insights-grid[b-9wrlyprxgn] {
    display: grid;
    gap: .75rem;
}

.team-retention-grid[b-9wrlyprxgn] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.team-insights-grid[b-9wrlyprxgn] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.team-retention-card[b-9wrlyprxgn],
.team-insight-card[b-9wrlyprxgn] {
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: .85rem;
    background: rgba(248, 250, 252, .86);
    padding: .9rem;
}

.team-retention-card--primary[b-9wrlyprxgn] {
    border-color: rgba(37, 99, 235, .28);
    background: linear-gradient(135deg, rgba(37, 99, 235, .12), rgba(255, 255, 255, .92));
}

.team-retention-label[b-9wrlyprxgn],
.team-retention-sub[b-9wrlyprxgn] {
    display: block;
    color: #64748b;
    font-size: .82rem;
    font-weight: 700;
}

.team-retention-value[b-9wrlyprxgn] {
    display: block;
    color: #0f172a;
    font-size: 2rem;
    font-weight: 850;
    line-height: 1.05;
    margin: .25rem 0;
}

.admin-table-wrap[b-9wrlyprxgn] {
    overflow-x: auto;
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: .85rem;
    background: #ffffff;
}

.admin-table-wrap--nested[b-9wrlyprxgn] {
    border-radius: .7rem;
    box-shadow: none;
}

.admin-table[b-9wrlyprxgn] {
    width: 100%;
    border-collapse: collapse;
    color: #0f172a;
    font-size: .9rem;
}

.admin-table th[b-9wrlyprxgn],
.admin-table td[b-9wrlyprxgn] {
    border-bottom: 1px solid rgba(148, 163, 184, .22);
    padding: .68rem .75rem;
    text-align: left;
    vertical-align: top;
}

.admin-table th[b-9wrlyprxgn] {
    background: rgba(241, 245, 249, .92);
    color: #334155;
    font-size: .78rem;
    font-weight: 850;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.admin-table tbody tr:hover > td[b-9wrlyprxgn] {
    background: rgba(248, 250, 252, .9);
}

.admin-table tbody tr:last-child > td[b-9wrlyprxgn] {
    border-bottom: 0;
}

.compact-insight-table th[b-9wrlyprxgn],
.compact-insight-table td[b-9wrlyprxgn] {
    padding: .55rem .6rem;
}

.page-path[b-9wrlyprxgn] {
    margin-top: .18rem;
    color: #64748b;
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
    font-size: .78rem;
}

.share-bar-wrap[b-9wrlyprxgn] {
    position: relative;
    overflow: hidden;
    min-width: 5.5rem;
    height: 1.35rem;
    border-radius: 999px;
    background: rgba(226, 232, 240, .88);
}

.share-bar[b-9wrlyprxgn] {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(37, 99, 235, .38), rgba(14, 165, 233, .42));
}

.share-label[b-9wrlyprxgn] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0f172a;
    font-size: .75rem;
    font-weight: 800;
}

.sm-expand-cell[b-9wrlyprxgn],
.sm-session-expand-cell[b-9wrlyprxgn] {
    width: 2.4rem;
    text-align: center;
}

.btn-sm-expand[b-9wrlyprxgn],
.btn-map[b-9wrlyprxgn],
.btn-admin-action[b-9wrlyprxgn] {
    border: 1px solid rgba(148, 163, 184, .36);
    border-radius: .6rem;
    background: #ffffff;
    color: #0f172a;
    cursor: pointer;
    font: inherit;
    font-weight: 800;
    transition: background-color .16s ease, border-color .16s ease, transform .16s ease;
}

.btn-sm-expand[b-9wrlyprxgn],
.btn-map[b-9wrlyprxgn] {
    min-width: 2rem;
    min-height: 2rem;
    padding: .25rem .4rem;
}

.btn-admin-action[b-9wrlyprxgn] {
    padding: .5rem .75rem;
}

.btn-sm-expand:hover[b-9wrlyprxgn],
.btn-map:hover[b-9wrlyprxgn],
.btn-admin-action:hover[b-9wrlyprxgn] {
    border-color: rgba(37, 99, 235, .34);
    background: rgba(37, 99, 235, .08);
    transform: translateY(-1px);
}

.btn-sm-expand--open[b-9wrlyprxgn] {
    background: rgba(37, 99, 235, .1);
    border-color: rgba(37, 99, 235, .32);
    color: #1d4ed8;
}

.sm-row-expanded > td[b-9wrlyprxgn] {
    background: rgba(239, 246, 255, .48);
}

.sm-details-row > td[b-9wrlyprxgn],
.session-participants-row > td[b-9wrlyprxgn] {
    background: rgba(248, 250, 252, .92);
    padding: .75rem;
}

.sm-session-name[b-9wrlyprxgn] {
    font-weight: 800;
}

.sm-details-loading[b-9wrlyprxgn],
.session-participants-loading[b-9wrlyprxgn],
.admin-loading-state[b-9wrlyprxgn] {
    display: flex;
    align-items: center;
    gap: .55rem;
    color: #64748b;
    font-weight: 700;
    padding: .85rem;
}

.admin-loading-spinner[b-9wrlyprxgn] {
    width: 1rem;
    height: 1rem;
    border: 2px solid rgba(37, 99, 235, .22);
    border-top-color: rgba(37, 99, 235, .9);
    border-radius: 50%;
    animation: admin-spin-b-9wrlyprxgn .75s linear infinite;
}

.session-participants-wrap[b-9wrlyprxgn] {
    max-width: 42rem;
}

.session-participants-table[b-9wrlyprxgn] {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid rgba(148, 163, 184, .24);
    border-radius: .7rem;
    overflow: hidden;
    background: #ffffff;
    color: #0f172a;
    font-size: .88rem;
}

.session-participants-table th[b-9wrlyprxgn],
.session-participants-table td[b-9wrlyprxgn] {
    border-bottom: 1px solid rgba(148, 163, 184, .2);
    padding: .55rem .65rem;
    text-align: left;
}

.session-participants-table th[b-9wrlyprxgn] {
    background: rgba(241, 245, 249, .92);
    color: #334155;
    font-size: .76rem;
    font-weight: 850;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.admin-empty-state[b-9wrlyprxgn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    min-height: 8rem;
    border: 1px dashed rgba(148, 163, 184, .45);
    border-radius: .85rem;
    background: rgba(248, 250, 252, .72);
    color: #64748b;
    padding: 1rem;
    text-align: center;
}

.admin-empty-state--compact[b-9wrlyprxgn] {
    min-height: 5rem;
}

.admin-empty-state--error[b-9wrlyprxgn] {
    border-color: rgba(220, 38, 38, .32);
    background: rgba(254, 242, 242, .86);
    color: #991b1b;
}

.admin-empty-state p[b-9wrlyprxgn] {
    margin: 0;
    font-weight: 800;
}

.admin-empty-icon[b-9wrlyprxgn] {
    font-size: 1.6rem;
}

.admin-empty-hint[b-9wrlyprxgn] {
    color: inherit;
    opacity: .82;
    font-size: .86rem;
}

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

@media (max-width: 1100px) {
    .team-retention-grid[b-9wrlyprxgn],
    .team-insights-grid[b-9wrlyprxgn] {
        grid-template-columns: 1fr;
    }

    .team-insights-header[b-9wrlyprxgn] {
        align-items: stretch;
        flex-direction: column;
    }

    .team-insights-pill[b-9wrlyprxgn] {
        align-self: flex-start;
    }
}
/* /Features/Admin/Components/AdminTrafficSection.razor.rz.scp.css */
.admin-traffic[b-qgeuq4fo9z] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.traffic-card[b-qgeuq4fo9z] {
    background: #ffffff;
    border: 1px solid rgba(213, 219, 230, .95);
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
    padding: 1rem;
}

.traffic-card-header[b-qgeuq4fo9z] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: .9rem;
}

.traffic-card-header h2[b-qgeuq4fo9z] {
    color: #111827;
    font-size: 1.25rem;
    line-height: 1.2;
    margin: 0;
}

.traffic-card-header p[b-qgeuq4fo9z] {
    color: #667085;
    margin: .25rem 0 0;
}

.traffic-month-controls[b-qgeuq4fo9z],
.traffic-pill-group[b-qgeuq4fo9z] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-end;
}

.traffic-month-controls span[b-qgeuq4fo9z],
.traffic-pill[b-qgeuq4fo9z] {
    background: rgba(102, 126, 234, .08);
    border: 1px solid rgba(102, 126, 234, .18);
    border-radius: 999px;
    color: #4b5fc0;
    display: inline-flex;
    font-size: .82rem;
    font-weight: 800;
    padding: .35rem .65rem;
    white-space: nowrap;
}

.traffic-nav-button[b-qgeuq4fo9z] {
    background: #ffffff;
    border: 1px solid #d9deea;
    border-radius: .7rem;
    color: #344054;
    cursor: pointer;
    font: inherit;
    font-size: .84rem;
    font-weight: 800;
    padding: .45rem .65rem;
}

.traffic-nav-button:hover:not(:disabled)[b-qgeuq4fo9z] {
    background: #f8f9ff;
}

.traffic-nav-button:disabled[b-qgeuq4fo9z] {
    cursor: not-allowed;
    opacity: .45;
}

.traffic-summary-row[b-qgeuq4fo9z] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    margin-bottom: 1rem;
}

.traffic-summary-card[b-qgeuq4fo9z] {
    background: #fafbff;
    border: 1px solid #eceef6;
    border-radius: 12px;
    padding: .8rem;
}

.traffic-summary-card span[b-qgeuq4fo9z] {
    color: #667085;
    display: block;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.traffic-summary-card strong[b-qgeuq4fo9z] {
    color: #111827;
    display: block;
    font-size: 1.55rem;
    margin-top: .2rem;
}

.traffic-summary-card--muted strong[b-qgeuq4fo9z] {
    color: #7f1d1d;
}

.traffic-chart-wrap[b-qgeuq4fo9z] {
    border: 1px solid #eceef6;
    border-radius: 12px;
    overflow-x: auto;
    padding: .75rem;
}

.traffic-line-chart[b-qgeuq4fo9z] {
    display: block;
    height: 22rem;
    min-width: 62rem;
    width: 100%;
}

.chart-grid-line[b-qgeuq4fo9z] {
    stroke: #e8e8e8;
    stroke-width: 1;
}

.chart-day-line[b-qgeuq4fo9z] {
    stroke: #f0f0f0;
    stroke-dasharray: 3,3;
    stroke-width: 1;
}

.chart-axis-label[b-qgeuq4fo9z],
.chart-day-label[b-qgeuq4fo9z],
.chart-weekday-label[b-qgeuq4fo9z] {
    fill: #98a2b3;
    font-size: 9px;
}

.chart-weekday-label[b-qgeuq4fo9z] {
    fill: #c0c4cc;
    font-size: 8px;
}

.traffic-chart-series[b-qgeuq4fo9z] {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.traffic-chart-series--visits[b-qgeuq4fo9z] {
    stroke: rgb(102,126,234);
    stroke-width: 2;
}

.traffic-chart-series--unique[b-qgeuq4fo9z] {
    stroke: rgb(229,62,62);
    stroke-width: 1.5;
}

.traffic-chart-series--unknown[b-qgeuq4fo9z] {
    stroke: rgb(13,148,136);
    stroke-dasharray: 2,3;
    stroke-width: 1.5;
}

.traffic-chart-series--bots[b-qgeuq4fo9z] {
    stroke: rgb(156,163,175);
    stroke-dasharray: 4,3;
    stroke-width: 1.5;
}

.traffic-chart-dot[b-qgeuq4fo9z] {
    fill: #ffffff;
    stroke-width: 1.5;
}

.traffic-chart-dot--visits[b-qgeuq4fo9z] {
    stroke: rgb(102,126,234);
}

.traffic-chart-dot--unique[b-qgeuq4fo9z] {
    stroke: rgb(229,62,62);
}

.traffic-chart-dot--unknown[b-qgeuq4fo9z] {
    stroke: rgb(13,148,136);
}

.traffic-chart-dot--bots[b-qgeuq4fo9z] {
    stroke: rgb(156,163,175);
}


.chart-end-label[b-qgeuq4fo9z] {
    font-size: 9px;
    font-weight: 400;
    paint-order: stroke;
    stroke: #ffffff;
    stroke-linejoin: round;
    stroke-width: 2px;
}

.chart-end-label--visits[b-qgeuq4fo9z] {
    fill: rgb(102,126,234);
}

.chart-end-label--unique[b-qgeuq4fo9z] {
    fill: rgb(229,62,62);
}

.chart-end-label--bots[b-qgeuq4fo9z] {
    fill: rgb(156,163,175);
}

.traffic-chart-legend[b-qgeuq4fo9z] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: .75rem;
}

.traffic-chart-legend span[b-qgeuq4fo9z] {
    align-items: center;
    color: #667085;
    display: inline-flex;
    font-size: .84rem;
    gap: .35rem;
}

.legend-dot[b-qgeuq4fo9z] {
    border-radius: 999px;
    display: inline-block;
    height: .65rem;
    width: .65rem;
}

.legend-dot--visits[b-qgeuq4fo9z] {
    background: rgb(102,126,234);
}

.legend-dot--unique[b-qgeuq4fo9z] {
    background: rgb(229,62,62);
}

.legend-dot--bots[b-qgeuq4fo9z] {
    background: rgb(156,163,175);
}

.traffic-two-column[b-qgeuq4fo9z] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.traffic-panel[b-qgeuq4fo9z] {
    background: #fafbff;
    border: 1px solid #eceef6;
    border-radius: 12px;
    min-width: 0;
    padding: .9rem;
}

.traffic-panel h3[b-qgeuq4fo9z] {
    color: #111827;
    font-size: 1rem;
    margin: 0 0 .75rem;
}

.traffic-source-list[b-qgeuq4fo9z] {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.traffic-source-row[b-qgeuq4fo9z] {
    align-items: center;
    display: grid;
    gap: .7rem;
    grid-template-columns: minmax(10rem, .8fr) minmax(8rem, 1fr) auto;
}

.traffic-source-main[b-qgeuq4fo9z] {
    align-items: center;
    display: flex;
    gap: .5rem;
    min-width: 0;
}

.traffic-source-main strong[b-qgeuq4fo9z] {
    color: #111827;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.traffic-source-bar-wrap[b-qgeuq4fo9z],
.share-bar-wrap[b-qgeuq4fo9z] {
    background: #eef1f8;
    border-radius: 999px;
    height: .65rem;
    overflow: hidden;
}

.traffic-source-bar[b-qgeuq4fo9z],
.share-bar[b-qgeuq4fo9z] {
    background: #667eea;
    border-radius: 999px;
    height: 100%;
}

.traffic-source-meta[b-qgeuq4fo9z],
.share-label[b-qgeuq4fo9z] {
    color: #667085;
    font-size: .8rem;
    font-weight: 700;
    white-space: nowrap;
}

.traffic-table-wrap[b-qgeuq4fo9z] {
    overflow-x: auto;
}

.traffic-table[b-qgeuq4fo9z] {
    border-collapse: collapse;
    width: 100%;
}

.traffic-table th[b-qgeuq4fo9z],
.traffic-table td[b-qgeuq4fo9z] {
    border-bottom: 1px solid #f0f1f4;
    color: #333;
    font-size: .86rem;
    padding: .6rem .65rem;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}

.traffic-table th[b-qgeuq4fo9z] {
    color: #667085;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.sortable[b-qgeuq4fo9z] {
    cursor: pointer;
}

.traffic-referrer-host[b-qgeuq4fo9z] {
    max-width: 16rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-map[b-qgeuq4fo9z] {
    align-items: center;
    background: transparent;
    border: none;
    border-radius: .45rem;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    justify-content: center;
    padding: .15rem .2rem;
}

.btn-map:hover[b-qgeuq4fo9z] {
    background: rgba(0, 0, 0, .06);
}

.traffic-chip[b-qgeuq4fo9z] {
    background: #f5f6f8;
    border-radius: 999px;
    color: #667085;
    display: inline-flex;
    font-size: .78rem;
    font-weight: 800;
    padding: .28rem .5rem;
}

.traffic-empty[b-qgeuq4fo9z] {
    color: #667085;
    padding: 2rem;
    text-align: center;
}

@media (max-width: 1000px) {
    .traffic-two-column[b-qgeuq4fo9z],
    .traffic-summary-row[b-qgeuq4fo9z] {
        grid-template-columns: 1fr;
    }

    .traffic-card-header[b-qgeuq4fo9z] {
        flex-direction: column;
    }

    .traffic-month-controls[b-qgeuq4fo9z],
    .traffic-pill-group[b-qgeuq4fo9z] {
        justify-content: flex-start;
    }

    .traffic-source-row[b-qgeuq4fo9z] {
        align-items: stretch;
        grid-template-columns: 1fr;
    }
}


/* Traffic page dense-card scrolling */
.traffic-panel--scrollable[b-qgeuq4fo9z] {
    display: flex;
    flex-direction: column;
    max-height: 22rem;
    min-height: 0;
}

.traffic-panel--geo[b-qgeuq4fo9z] {
    max-height: 28rem;
}

.traffic-panel--browser-device[b-qgeuq4fo9z] {
    max-height: 20rem;
}

.traffic-panel--scrollable h3[b-qgeuq4fo9z] {
    flex: 0 0 auto;
}

.traffic-panel--scrollable .traffic-table-wrap[b-qgeuq4fo9z] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}

.traffic-panel--scrollable .traffic-table thead th[b-qgeuq4fo9z] {
    background: #fafbff;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .08);
    position: sticky;
    top: 0;
    z-index: 2;
}

/* Restore stacked daily counts above each line-chart day. */
.chart-top-count[b-qgeuq4fo9z] {
    font-size: 8px;
    font-weight: 700;
}

.chart-top-count--unique[b-qgeuq4fo9z] {
    fill: rgb(229,62,62);
}

.chart-top-count--visits[b-qgeuq4fo9z] {
    fill: rgb(102,126,234);
}

.traffic-chart-wrap[b-qgeuq4fo9z] {
    max-height: 27rem;
}

/* Keep the chart readable while allowing horizontal scroll on narrower screens. */
.traffic-line-chart[b-qgeuq4fo9z] {
    min-height: 21rem;
}


/* Stacked daily chart counts */
.chart-top-count[b-qgeuq4fo9z] {
    font-size: 8px;
    font-weight: 700;
}

.chart-top-count--unique[b-qgeuq4fo9z] {
    fill: rgb(229,62,62);
}

.chart-top-count--visits[b-qgeuq4fo9z] {
    fill: rgb(102,126,234);
}

.chart-top-count--bots[b-qgeuq4fo9z] {
    fill: rgb(120,120,120);
    font-size: 7px;
    font-weight: 700;
}


.chart-top-count--unknown[b-qgeuq4fo9z] { fill: rgb(13,148,136); }
.legend-dot--unknown[b-qgeuq4fo9z] { background: rgb(13,148,136); }
.chart-end-label--unknown[b-qgeuq4fo9z] { fill: rgb(13,148,136); }
/* /Features/Admin/Components/AdminVisitorDetailsSection.razor.rz.scp.css */
.admin-section[b-6kq202wm1c] {
    margin-bottom: 1.5rem;
}

.visitor-analytics-section[b-6kq202wm1c] {
    background: #ffffff;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    height: calc(100vh - 205px);
    min-height: 32rem;
    padding: 1.1rem 1.25rem 1.25rem;
}

.visitor-analytics-section--loading[b-6kq202wm1c] {
    height: auto;
    min-height: 12rem;
}

.visitor-details-header[b-6kq202wm1c] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0.15rem;
}

.admin-section-title[b-6kq202wm1c] {
    color: #222;
    font-size: 1.35rem;
    line-height: 1.2;
    margin: 0;
}

.visitor-details-subtitle[b-6kq202wm1c] {
    color: #667085;
    font-size: 0.92rem;
    margin: 0.35rem 0 0;
    padding-left: 0.15rem;
}

.visitor-details-count[b-6kq202wm1c] {
    background: rgba(102, 126, 234, 0.08);
    border: 1px solid rgba(102, 126, 234, 0.18);
    border-radius: 999px;
    color: #4b5fc0;
    display: inline-flex;
    font-size: 0.85rem;
    font-weight: 700;
    padding: 0.35rem 0.7rem;
    white-space: nowrap;
}

.admin-table-wrap[b-6kq202wm1c] {
    border: 1px solid #eceef3;
    border-radius: 12px;
    overflow: auto;
}

.visitor-table-scroll[b-6kq202wm1c] {
    flex: 1 1 auto;
    max-height: none;
    min-height: 0;
    overflow: auto;
    position: relative;
}

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

.admin-table th[b-6kq202wm1c],
.admin-table td[b-6kq202wm1c] {
    border-bottom: 1px solid #f0f1f4;
    color: #333;
    font-size: 0.88rem;
    padding: 0.65rem 0.75rem;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}

.admin-table th[b-6kq202wm1c] {
    color: #667085;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.visitor-table-scroll .visitor-table thead th[b-6kq202wm1c] {
    background: #ffffff;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
    position: sticky;
    top: 0;
    z-index: 6;
}

.visitor-table-scroll .visitor-table th:nth-child(1)[b-6kq202wm1c],
.visitor-table-scroll .visitor-table td:nth-child(1)[b-6kq202wm1c] {
    background: inherit;
    left: 0;
    min-width: 3.25rem;
    position: sticky;
    width: 3.25rem;
    z-index: 5;
}

.visitor-table-scroll .visitor-table th:nth-child(2)[b-6kq202wm1c],
.visitor-table-scroll .visitor-table td:nth-child(2)[b-6kq202wm1c] {
    background: inherit;
    left: 3.25rem;
    min-width: 3.25rem;
    position: sticky;
    width: 3.25rem;
    z-index: 5;
}

.visitor-table-scroll .visitor-table thead th:nth-child(1)[b-6kq202wm1c],
.visitor-table-scroll .visitor-table thead th:nth-child(2)[b-6kq202wm1c] {
    background: #ffffff;
    z-index: 8;
}

.visitor-table-scroll .visitor-table tbody tr:not(.row-bot) td:nth-child(1)[b-6kq202wm1c],
.visitor-table-scroll .visitor-table tbody tr:not(.row-bot) td:nth-child(2)[b-6kq202wm1c] {
    background: #ffffff;
}

.visitor-table-scroll .visitor-table tbody tr:not(.row-bot):hover td:nth-child(1)[b-6kq202wm1c],
.visitor-table-scroll .visitor-table tbody tr:not(.row-bot):hover td:nth-child(2)[b-6kq202wm1c] {
    background: #fafafa;
}

.visitor-table-scroll .visitor-table .row-bot td:nth-child(1)[b-6kq202wm1c],
.visitor-table-scroll .visitor-table .row-bot td:nth-child(2)[b-6kq202wm1c] {
    background: #fff5f5 !important;
}

.vt-expand-cell[b-6kq202wm1c],
.vt-map-cell[b-6kq202wm1c],
.sm-expand-cell[b-6kq202wm1c] {
    text-align: center;
    width: 3.25rem;
}

.vt-narrow[b-6kq202wm1c] {
    width: 1%;
}

.sort-btn[b-6kq202wm1c] {
    align-items: center;
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-weight: 800;
    gap: .25rem;
    padding: 0;
    text-transform: inherit;
    white-space: nowrap;
}

.sort-icon[b-6kq202wm1c] {
    color: #667eea;
    font-size: .72rem;
}

.sm-parent-row[b-6kq202wm1c] {
    cursor: pointer;
}

.sm-parent-row:hover td[b-6kq202wm1c] {
    background: #fafafa;
}

.sm-row-expanded td[b-6kq202wm1c] {
    background: #f8f9ff;
}

.btn-sm-expand[b-6kq202wm1c] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #d9deea;
    border-radius: 8px;
    color: #4b5563;
    cursor: pointer;
    display: inline-flex;
    font-size: .75rem;
    height: 1.8rem;
    justify-content: center;
    width: 1.8rem;
}

.btn-sm-expand--open[b-6kq202wm1c] {
    background: rgba(102, 126, 234, 0.12);
    border-color: rgba(102, 126, 234, 0.34);
    color: #4b5fc0;
}

.btn-map[b-6kq202wm1c] {
    align-items: center;
    background: transparent;
    border: none;
    border-radius: 0.45rem;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: 1rem;
    justify-content: center;
    line-height: 1;
    padding: 0.15rem 0.2rem;
    text-decoration: none;
    transition: background-color 0.14s ease, transform 0.14s ease;
}

.btn-map:hover[b-6kq202wm1c] {
    background: rgba(0, 0, 0, 0.06);
    transform: translateY(-1px);
}

.btn-map:focus-visible[b-6kq202wm1c] {
    outline: 2px solid rgba(102, 126, 234, 0.45);
    outline-offset: 2px;
}

.role-chip[b-6kq202wm1c],
.browser-chip[b-6kq202wm1c],
.device-chip[b-6kq202wm1c],
.demo-watch-badge[b-6kq202wm1c],
.bot-reason-chip[b-6kq202wm1c] {
    border-radius: 999px;
    display: inline-flex;
    font-size: .76rem;
    font-weight: 700;
    line-height: 1;
    padding: .28rem .48rem;
}

.role-sm[b-6kq202wm1c] {
    background: #e8f4fd;
    color: #1565c0;
}

.role-participant[b-6kq202wm1c] {
    background: #e8f5e9;
    color: #2e7d32;
}

.role-visitor[b-6kq202wm1c] {
    background: #f5f5f5;
    color: #666;
}

.role-bot[b-6kq202wm1c] {
    background: #FFE2E2;
    color: #C24141;
}

.browser-chip[b-6kq202wm1c],
.device-chip[b-6kq202wm1c] {
    background: #f5f6f8;
    color: #667085;
}

.demo-watch-badge[b-6kq202wm1c] {
    background: rgba(34, 197, 94, .12);
    color: #166534;
}

.bot-reason-chip[b-6kq202wm1c] {
    background: rgba(255, 226, 226, .72);
    color: #b42318;
    max-width: 14rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.page-path[b-6kq202wm1c],
.referer-cell[b-6kq202wm1c] {
    color: #7a7f8f;
    max-width: 22rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.visitor-table-scroll .sm-subgrid-wrap[b-6kq202wm1c],
.visitor-table-scroll .visitor-subgrid-scroll[b-6kq202wm1c] {
    max-height: 32vh;
    overflow: auto;
}

.visitor-table-scroll .sm-subgrid thead th[b-6kq202wm1c] {
    background: #fafafa;
    position: sticky;
    top: 0;
    z-index: 3;
}

.sm-subgrid-row > td[b-6kq202wm1c] {
    background: #eef2f7;
    padding: 1rem 1.25rem;
}

.sm-subgrid-wrap[b-6kq202wm1c] {
    background: #f8faff;
    border: 1px solid #c7d2e3;
    border-left: 4px solid #7c8ce8;
    border-radius: .8rem;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .12);
    box-sizing: border-box;
    margin-inline: .5rem;
    padding: .7rem;
    width: calc(100% - 1rem);
}

.sm-subgrid-wrap .visitor-subgrid-scroll[b-6kq202wm1c] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: .55rem;
}

.row-bot td[b-6kq202wm1c] {
    background-color: #fff5f5 !important;
    color: #7f1d1d;
    opacity: 1;
}

.row-bot.sm-subgrid-row td[b-6kq202wm1c] {
    background-color: #fff7f7 !important;
}

.sm-subgrid .row-bot td[b-6kq202wm1c] {
    background-color: #fff7f7 !important;
    color: #7f1d1d;
}

.admin-empty-state[b-6kq202wm1c] {
    align-items: center;
    color: #667085;
    display: flex;
    flex-direction: column;
    gap: .4rem;
    justify-content: center;
    min-height: 10rem;
    text-align: center;
}

.admin-empty-icon[b-6kq202wm1c] {
    font-size: 1.6rem;
}

.admin-empty-hint[b-6kq202wm1c] {
    color: #98a2b3;
    font-size: .86rem;
}

.admin-empty-state--error[b-6kq202wm1c] {
    color: #b42318;
}

@media (max-width: 800px) {
    .visitor-analytics-section[b-6kq202wm1c] {
        height: calc(100vh - 170px);
        min-height: 28rem;
        padding: 0.9rem;
    }

    .visitor-details-header[b-6kq202wm1c] {
        align-items: stretch;
        flex-direction: column;
    }

    .visitor-details-count[b-6kq202wm1c] {
        justify-content: center;
    }
}

.internal-traffic-pill[b-6kq202wm1c] {
    background: #eef2ff;
    border: 1px solid #c7d2fe;
    border-radius: 999px;
    color: #3730a3;
    display: inline-flex;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    margin-left: 0.4rem;
    padding: 0.08rem 0.4rem;
    text-transform: uppercase;
    vertical-align: middle;
}


.behavior-confidence[b-6kq202wm1c] {
    border-radius: 999px;
    display: inline-flex;
    font-size: .72rem;
    font-weight: 800;
    padding: .15rem .48rem;
}
.confidence-human[b-6kq202wm1c] { background: #dcfce7; color: #166534; }
.confidence-unknown[b-6kq202wm1c] { background: #fef3c7; color: #92400e; }
.confidence-bot[b-6kq202wm1c] { background: #fee2e2; color: #991b1b; }
.behavior-score[b-6kq202wm1c] { color: #667085; font-size: .72rem; margin-left: .3rem; }
.visitor-behavior-strip[b-6kq202wm1c] {
    align-items: center; display: flex; flex-wrap: wrap; gap: .35rem;
    margin-bottom: .65rem;
}
.visitor-behavior-strip span[b-6kq202wm1c] {
    border-radius: 999px; font-size: .72rem; font-weight: 700; padding: .16rem .45rem;
}
.visitor-behavior-strip .signal-on[b-6kq202wm1c] { background: #dcfce7; color: #166534; }
.visitor-behavior-strip .signal-off[b-6kq202wm1c] { background: #f2f4f7; color: #98a2b3; }

.visitor-classification-reason[b-6kq202wm1c] {
    align-items: baseline;
    color: #475569;
    display: flex;
    font-size: .8rem;
    gap: .4rem;
    margin: -.15rem 0 .7rem;
}

.visitor-classification-reason span[b-6kq202wm1c] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Features/Admin/Components/AdminVisitorDetailsTab.razor.rz.scp.css */
.visitor-details[b-oqdc8u1e47] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.visitor-details__header[b-oqdc8u1e47] {
    align-items: flex-start;
    background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(248, 250, 252, .9));
    border: 1px solid rgba(148, 163, 184, .34);
    border-radius: 1rem;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .08);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 1.25rem;
}

.visitor-details__kicker[b-oqdc8u1e47] {
    color: #2563eb;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .12em;
    margin: 0 0 .25rem;
    text-transform: uppercase;
}

.visitor-details__header h2[b-oqdc8u1e47] {
    color: #0f172a;
    font-size: 1.65rem;
    line-height: 1.1;
    margin: 0;
}

.visitor-details__header p[b-oqdc8u1e47] {
    color: #64748b;
    line-height: 1.55;
    margin: .45rem 0 0;
    max-width: 62rem;
}

.visitor-details__summary[b-oqdc8u1e47] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    justify-content: flex-end;
}

.visitor-details__summary div[b-oqdc8u1e47] {
    background: #ffffff;
    border: 1px solid rgba(148, 163, 184, .32);
    border-radius: .9rem;
    min-width: 7.5rem;
    padding: .75rem .9rem;
    text-align: right;
}

.visitor-details__summary strong[b-oqdc8u1e47] {
    color: #0f172a;
    display: block;
    font-size: 1.25rem;
    line-height: 1;
}

.visitor-details__summary span[b-oqdc8u1e47] {
    color: #64748b;
    display: block;
    font-size: .78rem;
    font-weight: 700;
    margin-top: .25rem;
    text-transform: uppercase;
}

.visitor-details__toolbar[b-oqdc8u1e47] {
    align-items: center;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
}

.visitor-details__month[b-oqdc8u1e47] {
    align-items: center;
    color: #334155;
    display: flex;
    flex-wrap: wrap;
    font-weight: 800;
    gap: .55rem;
}

.visitor-details__toolbar-button[b-oqdc8u1e47] {
    background: #ffffff;
    border: 1px solid rgba(148, 163, 184, .42);
    border-radius: .7rem;
    color: #0f172a;
    cursor: pointer;
    font: inherit;
    font-size: .9rem;
    font-weight: 800;
    padding: .55rem .75rem;
    transition: background-color .16s ease, border-color .16s ease, transform .16s ease;
}

.visitor-details__toolbar-button:hover:not(:disabled)[b-oqdc8u1e47] {
    background: rgba(99, 102, 241, .08);
    border-color: rgba(99, 102, 241, .28);
    transform: translateY(-1px);
}

.visitor-details__toolbar-button:disabled[b-oqdc8u1e47] {
    cursor: not-allowed;
    opacity: .48;
}

.visitor-details__state[b-oqdc8u1e47] {
    background: #ffffff;
    border: 1px dashed rgba(148, 163, 184, .7);
    border-radius: 1rem;
    color: #64748b;
    padding: 1.25rem;
}

.visitor-details__state--error[b-oqdc8u1e47] {
    background: #fef2f2;
    border-color: rgba(239, 68, 68, .42);
    color: #991b1b;
}

.visitor-details__table-wrap[b-oqdc8u1e47] {
    background: #ffffff;
    border: 1px solid rgba(148, 163, 184, .34);
    border-radius: 1rem;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .08);
    overflow-x: auto;
}

.visitor-details__table[b-oqdc8u1e47],
.visitor-details__subgrid[b-oqdc8u1e47] {
    border-collapse: collapse;
    min-width: 100%;
    width: 100%;
}

.visitor-details__table th[b-oqdc8u1e47],
.visitor-details__table td[b-oqdc8u1e47],
.visitor-details__subgrid th[b-oqdc8u1e47],
.visitor-details__subgrid td[b-oqdc8u1e47] {
    border-bottom: 1px solid rgba(226, 232, 240, .95);
    color: #334155;
    font-size: .9rem;
    padding: .7rem .75rem;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}

.visitor-details__table th[b-oqdc8u1e47],
.visitor-details__subgrid th[b-oqdc8u1e47] {
    background: #f8fafc;
    color: #475569;
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .06em;
    position: sticky;
    text-transform: uppercase;
    top: 0;
    z-index: 1;
}

.visitor-details__parent-row[b-oqdc8u1e47] {
    cursor: pointer;
    transition: background-color .14s ease;
}

.visitor-details__parent-row:hover[b-oqdc8u1e47] {
    background: rgba(99, 102, 241, .045);
}

.visitor-details__parent-row--expanded[b-oqdc8u1e47] {
    background: rgba(99, 102, 241, .06);
}

.visitor-details__row--bot[b-oqdc8u1e47] {
    background: rgba(100, 116, 139, .055);
}

.visitor-details__expand-cell[b-oqdc8u1e47] {
    text-align: center;
    width: 3rem;
}

.visitor-details__expand-button[b-oqdc8u1e47] {
    align-items: center;
    background: #ffffff;
    border: 1px solid rgba(148, 163, 184, .42);
    border-radius: .55rem;
    color: #334155;
    cursor: pointer;
    display: inline-flex;
    font-size: .75rem;
    height: 1.8rem;
    justify-content: center;
    width: 1.8rem;
}

.visitor-details__expand-button--open[b-oqdc8u1e47] {
    background: rgba(99, 102, 241, .12);
    border-color: rgba(99, 102, 241, .38);
    color: #1e1b8f;
}

.visitor-details__sort[b-oqdc8u1e47] {
    align-items: center;
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-weight: 900;
    gap: .25rem;
    padding: 0;
    text-transform: inherit;
}

.visitor-details__sort span[b-oqdc8u1e47] {
    color: #2563eb;
    font-size: .7rem;
}

.visitor-details__demo-badge[b-oqdc8u1e47],
.visitor-details__role[b-oqdc8u1e47],
.visitor-details__chip[b-oqdc8u1e47],
.visitor-details__bot-reason[b-oqdc8u1e47],
.visitor-details__map-pending[b-oqdc8u1e47] {
    border-radius: 999px;
    display: inline-flex;
    font-size: .78rem;
    font-weight: 800;
    line-height: 1;
    padding: .32rem .48rem;
}

.visitor-details__demo-badge[b-oqdc8u1e47] {
    background: rgba(34, 197, 94, .12);
    color: #166534;
}

.visitor-details__role[b-oqdc8u1e47] {
    background: rgba(148, 163, 184, .16);
    color: #334155;
}

.visitor-details__role--bot[b-oqdc8u1e47] {
    background: rgba(100, 116, 139, .18);
    color: #475569;
}

.visitor-details__role--sm[b-oqdc8u1e47] {
    background: rgba(99, 102, 241, .14);
    color: #3730a3;
}

.visitor-details__role--participant[b-oqdc8u1e47] {
    background: rgba(14, 165, 233, .14);
    color: #075985;
}

.visitor-details__role--visitor[b-oqdc8u1e47] {
    background: rgba(34, 197, 94, .14);
    color: #166534;
}

.visitor-details__chip[b-oqdc8u1e47] {
    background: rgba(148, 163, 184, .14);
    color: #334155;
}

.visitor-details__bot-reason[b-oqdc8u1e47] {
    background: rgba(245, 158, 11, .14);
    color: #92400e;
    max-width: 16rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.visitor-details__map-pending[b-oqdc8u1e47] {
    background: rgba(148, 163, 184, .14);
    color: #475569;
}

.visitor-details__subgrid-row > td[b-oqdc8u1e47] {
    background: #f8fafc;
    padding: .75rem 1rem;
}

.visitor-details__subgrid-wrap[b-oqdc8u1e47] {
    background: #ffffff;
    border: 1px solid rgba(148, 163, 184, .42);
    border-radius: .85rem;
    box-shadow: 0 6px 18px rgba(15, 23, 42, .08);
    box-sizing: border-box;
    margin-inline: .5rem;
    max-width: 100%;
    overflow-x: auto;
    padding: .45rem;
    width: calc(100% - 1rem);
}

.visitor-details__subgrid[b-oqdc8u1e47] {
    min-width: 86rem;
}

.visitor-details__page-path[b-oqdc8u1e47],
.visitor-details__referer[b-oqdc8u1e47] {
    max-width: 18rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 900px) {
    .visitor-details__header[b-oqdc8u1e47] {
        flex-direction: column;
    }

    .visitor-details__summary[b-oqdc8u1e47] {
        justify-content: stretch;
        width: 100%;
    }

    .visitor-details__summary div[b-oqdc8u1e47] {
        flex: 1;
        text-align: left;
    }

    .visitor-details__toolbar[b-oqdc8u1e47] {
        align-items: stretch;
        flex-direction: column;
    }
}


.visitor-details__map-button[b-oqdc8u1e47] {
    align-items: center;
    background: #ffffff;
    border: 1px solid rgba(148, 163, 184, .45);
    border-radius: .6rem;
    color: #334155;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    height: 2rem;
    justify-content: center;
    line-height: 1;
    padding: 0;
    transition: background-color .16s ease, border-color .16s ease, transform .16s ease;
    width: 2rem;
}

.visitor-details__map-button:hover[b-oqdc8u1e47] {
    background: rgba(34, 197, 94, .12);
    border-color: rgba(34, 197, 94, .32);
    transform: translateY(-1px);
}

.visitor-details__map-button:focus-visible[b-oqdc8u1e47] {
    outline: 3px solid rgba(34, 197, 94, .28);
    outline-offset: 2px;
}
/* /Features/Admin/Components/SearchConsoleTable.razor.rz.scp.css */
.search-console-empty[b-k5hzywmjb7] {
    color: #667085;
    margin: 0;
    padding: 1rem;
}

.search-console-table-wrap[b-k5hzywmjb7] {
    overflow-x: auto;
}

.search-console-table[b-k5hzywmjb7] {
    border-collapse: collapse;
    font-size: .78rem;
    width: 100%;
}

.search-console-table th[b-k5hzywmjb7],
.search-console-table td[b-k5hzywmjb7] {
    border-bottom: 1px solid #eef1f5;
    padding: .55rem .65rem;
    text-align: right;
    white-space: nowrap;
}

.search-console-table th:first-child[b-k5hzywmjb7],
.search-console-table td:first-child[b-k5hzywmjb7] {
    max-width: 18rem;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
}

.search-console-table th[b-k5hzywmjb7] {
    color: #667085;
    font-size: .68rem;
    letter-spacing: .03em;
    text-transform: uppercase;
}
/* /Features/Branding/Components/BrandingPanel.razor.rz.scp.css */
.branding-panel[b-62p9wpsj5h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: clamp(0.8rem, 1.8vw, 1.2rem);
}

.branding-panel__image-frame[b-62p9wpsj5h] {
    width: min(78vw, 960px);
    max-height: min(66vh, 520px);
    overflow: hidden;
    border-radius: 18px;
    background: #1f3f63;
    box-shadow: 0 28px 80px rgba(15, 23, 42, 0.28);
}

.branding-panel__image[b-62p9wpsj5h] {
    display: block;
    width: calc(100% + 2px);
    max-width: none;
    height: auto;
    object-fit: contain;
    transform: translate(-1px, -1px);
}

.branding-panel__end-content[b-62p9wpsj5h] {
    width: min(78vw, 960px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.85rem;
    padding: clamp(0.9rem, 2vw, 1.25rem);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(226, 232, 240, 0.92);
    box-shadow: 0 18px 52px rgba(15, 23, 42, 0.18);
    text-align: center;
}

.branding-panel__simulation-message h2[b-62p9wpsj5h] {
    margin: 0;
    font-size: clamp(1.25rem, 2.3vw, 1.75rem);
    line-height: 1.15;
    color: #0f172a;
}

.branding-panel__simulation-message p[b-62p9wpsj5h] {
    margin: 0.25rem 0 0;
    font-size: clamp(0.95rem, 1.5vw, 1.08rem);
    color: #475569;
}

.branding-panel__actions[b-62p9wpsj5h] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.branding-panel__action[b-62p9wpsj5h] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.65rem;
    padding: 0.7rem 1.05rem;
    border-radius: 999px;
    font-weight: 800;
    text-decoration: none;
    transition: transform 160ms ease, box-shadow 160ms ease, background-color 160ms ease, border-color 160ms ease;
}

.branding-panel__action:hover[b-62p9wpsj5h],
.branding-panel__action:focus-visible[b-62p9wpsj5h] {
    transform: translateY(-1px);
    text-decoration: none;
}

.branding-panel__action:focus-visible[b-62p9wpsj5h] {
    outline: 3px solid rgba(59, 130, 246, 0.42);
    outline-offset: 3px;
}

.branding-panel__action--primary[b-62p9wpsj5h] {
    background: linear-gradient(135deg, #f97316, #ea580c);
    color: white;
    box-shadow: 0 10px 24px rgba(234, 88, 12, 0.26);
}

.branding-panel__action--primary:hover[b-62p9wpsj5h],
.branding-panel__action--primary:focus-visible[b-62p9wpsj5h] {
    color: white;
    box-shadow: 0 14px 30px rgba(234, 88, 12, 0.32);
}

.branding-panel__action--secondary[b-62p9wpsj5h] {
    background: #ffffff;
    color: #334155;
    border: 1px solid #cbd5e1;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.branding-panel__action--secondary:hover[b-62p9wpsj5h],
.branding-panel__action--secondary:focus-visible[b-62p9wpsj5h] {
    color: #0f172a;
    border-color: #94a3b8;
    background: #f8fafc;
}

.branding-panel-overlay[b-62p9wpsj5h] {
    position: fixed;
    inset: 0;
    z-index: var(--bnb-branding-overlay-z-index, 10010);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(1rem, 4vw, 3rem);
    pointer-events: auto;
    animation: branding-panel-overlay-fade-in-b-62p9wpsj5h 240ms ease-out both;
}

.branding-panel-overlay__backdrop[b-62p9wpsj5h] {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.46);
    backdrop-filter: blur(3px);
}

.branding-panel-overlay__surface[b-62p9wpsj5h] {
    position: relative;
    transform-origin: center;
    animation: branding-panel-surface-enter-b-62p9wpsj5h 320ms cubic-bezier(0.16, 1, 0.3, 1) both;
}

@keyframes branding-panel-overlay-fade-in-b-62p9wpsj5h {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes branding-panel-surface-enter-b-62p9wpsj5h {
    from {
        opacity: 0;
        transform: translateY(10px) scale(0.985);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 720px) {
    .branding-panel__image-frame[b-62p9wpsj5h] {
        width: 94vw;
        max-height: 60vh;
        border-radius: 14px;
    }

    .branding-panel__end-content[b-62p9wpsj5h] {
        width: 94vw;
        border-radius: 14px;
    }

    .branding-panel__actions[b-62p9wpsj5h] {
        width: 100%;
    }

    .branding-panel__action[b-62p9wpsj5h] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .branding-panel-overlay[b-62p9wpsj5h],
    .branding-panel-overlay__surface[b-62p9wpsj5h],
    .branding-panel__action[b-62p9wpsj5h] {
        animation-duration: 1ms;
        transition-duration: 1ms;
    }
}

.visually-hidden[b-62p9wpsj5h] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
/* /Features/Export/Components/DocumentEditorModal.razor.rz.scp.css */
/*
   DocumentEditorModal is a Blazor-rendered modal so RichTextEditor can bind and
   edit HTML as part of the Blazor component lifecycle.
*/

.bnb-document-editor-root[b-clzhyh38v9] {
    position: fixed;
    inset: 0;
    z-index: 2147483000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.62);
    box-sizing: border-box;
    backdrop-filter: blur(2px);
}

.bnb-document-editor-modal[b-clzhyh38v9] {
    width: min(1100px, 94vw);
    max-height: min(86vh, 900px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.36);
}

.bnb-document-editor-header[b-clzhyh38v9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 1rem;
    background: var(--brand-navy, #0f3460);
    color: #fff;
    flex-shrink: 0;
}

.bnb-document-editor-heading[b-clzhyh38v9] {
    min-width: 0;
}

.bnb-document-editor-title[b-clzhyh38v9] {
    font-size: 0.98rem;
    font-weight: 800;
    line-height: 1.2;
}

.bnb-document-editor-subtitle[b-clzhyh38v9] {
    margin-top: 0.15rem;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.76rem;
    line-height: 1.25;
}

.bnb-document-editor-actions[b-clzhyh38v9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.bnb-document-editor-action[b-clzhyh38v9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0.35rem 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
}

.bnb-document-editor-action:hover[b-clzhyh38v9] {
    background: rgba(255, 255, 255, 0.25);
    border-color: rgba(255, 255, 255, 0.55);
}

.bnb-document-editor-close[b-clzhyh38v9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    min-height: 32px;
    padding: 0.25rem;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: #fff;
    font-size: 1.05rem;
    cursor: pointer;
    line-height: 1;
}

.bnb-document-editor-close:hover[b-clzhyh38v9] {
    background: rgba(255, 255, 255, 0.18);
}

.bnb-document-editor-body[b-clzhyh38v9] {
    flex: 1;
    min-height: 0;
    padding: 1rem;
    overflow: auto;
    background: #f8fafc;
}

@media (max-width: 700px) {
    .bnb-document-editor-root[b-clzhyh38v9] {
        padding: 0.5rem;
    }

    .bnb-document-editor-modal[b-clzhyh38v9] {
        width: 96vw;
        max-height: 90vh;
        border-radius: 10px;
    }

    .bnb-document-editor-header[b-clzhyh38v9] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.65rem;
    }

    .bnb-document-editor-actions[b-clzhyh38v9] {
        width: 100%;
        justify-content: flex-end;
        flex-wrap: wrap;
    }
}
/* /Features/Export/Components/DocumentViewerModal.razor.rz.scp.css */
/*
   DocumentViewerModal renders its visible markup at document.body level through
   JavaScript so it can escape parent overflow/positioning contexts.

   Styles are injected with that body-level markup by the component script.
   This file intentionally remains small so Blazor still treats the modal as a
   normal component with a matching isolated CSS file.
*/
/* /Features/SprintSimulation/Components/CastingScriptExportButton.razor.rz.scp.css */
.casting-script-export-button[b-rnyzcvue1l] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 2rem;
    padding: 0.35rem 0.65rem;
    border: 1px solid rgba(148, 163, 184, 0.45);
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.72);
    color: #e2e8f0;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition: background-color 140ms ease, border-color 140ms ease, transform 140ms ease;
}

.casting-script-export-button:hover:not(:disabled)[b-rnyzcvue1l],
.casting-script-export-button:focus-visible:not(:disabled)[b-rnyzcvue1l] {
    background: rgba(30, 41, 59, 0.92);
    border-color: rgba(226, 232, 240, 0.75);
    transform: translateY(-1px);
}

.casting-script-export-button:disabled[b-rnyzcvue1l] {
    cursor: not-allowed;
    opacity: 0.55;
}
/* /Features/SprintSimulation/Components/ElevenLabsVoiceTool.razor.rz.scp.css */
.elevenlabs-tool[b-3vwtqi5mt5] {
    display: grid;
    gap: 0.75rem;
    min-width: 0;
}

.elevenlabs-tool__intro[b-3vwtqi5mt5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.elevenlabs-tool__eyebrow[b-3vwtqi5mt5] {
    color: #7c3aed;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}

.elevenlabs-tool__intro h3[b-3vwtqi5mt5] {
    margin: 0.1rem 0 0;
    color: #0f172a;
    font-size: 0.95rem;
    font-weight: 900;
}

.elevenlabs-tool__intro p[b-3vwtqi5mt5] {
    margin: 0.25rem 0 0;
    color: #64748b;
    font-size: 0.74rem;
    line-height: 1.32;
}

.elevenlabs-tool__refresh[b-3vwtqi5mt5],
.elevenlabs-tool__actions button[b-3vwtqi5mt5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.2rem;
    padding: 0.45rem 0.65rem;
    border: 1px solid rgba(124, 58, 237, 0.26);
    border-radius: 0.78rem;
    background: #ffffff;
    color: #6d28d9;
    font-size: 0.78rem;
    font-weight: 850;
    cursor: pointer;
    white-space: nowrap;
    transition: transform 140ms ease, box-shadow 140ms ease, background 140ms ease;
}

.elevenlabs-tool__refresh:hover:not(:disabled)[b-3vwtqi5mt5],
.elevenlabs-tool__refresh:focus-visible:not(:disabled)[b-3vwtqi5mt5],
.elevenlabs-tool__actions button:hover:not(:disabled)[b-3vwtqi5mt5],
.elevenlabs-tool__actions button:focus-visible:not(:disabled)[b-3vwtqi5mt5] {
    background: #f5f3ff;
    box-shadow: 0 8px 20px rgba(124, 58, 237, 0.16);
    transform: translateY(-1px);
}

.elevenlabs-tool__refresh:disabled[b-3vwtqi5mt5],
.elevenlabs-tool__actions button:disabled[b-3vwtqi5mt5] {
    cursor: not-allowed;
    opacity: 0.45;
}

.elevenlabs-tool__status[b-3vwtqi5mt5] {
    padding: 0.55rem 0.65rem;
    border-radius: 0.8rem;
    font-size: 0.75rem;
    font-weight: 750;
    line-height: 1.32;
}

.elevenlabs-tool__status.success[b-3vwtqi5mt5] {
    border: 1px solid rgba(34, 197, 94, 0.22);
    background: #f0fdf4;
    color: #166534;
}

.elevenlabs-tool__status.warning[b-3vwtqi5mt5] {
    border: 1px solid rgba(245, 158, 11, 0.28);
    background: #fffbeb;
    color: #92400e;
}

.elevenlabs-tool__filters[b-3vwtqi5mt5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(8rem, 0.5fr) minmax(6rem, 0.35fr);
    gap: 0.5rem;
}

.elevenlabs-tool__filters label[b-3vwtqi5mt5] {
    display: grid;
    gap: 0.25rem;
    min-width: 0;
}

.elevenlabs-tool__filters span[b-3vwtqi5mt5] {
    color: #475569;
    font-size: 0.68rem;
    font-weight: 850;
}

.elevenlabs-tool__filters input[b-3vwtqi5mt5],
.elevenlabs-tool__filters select[b-3vwtqi5mt5] {
    width: 100%;
    min-height: 2.1rem;
    padding: 0.4rem 0.5rem;
    border: 1px solid #dbe3ef;
    border-radius: 0.65rem;
    background: #ffffff;
    color: #0f172a;
    font-size: 0.78rem;
    outline: none;
}

.elevenlabs-tool__filters input:focus[b-3vwtqi5mt5],
.elevenlabs-tool__filters select:focus[b-3vwtqi5mt5] {
    border-color: #a78bfa;
    box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.12);
}

.elevenlabs-tool__summary[b-3vwtqi5mt5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 750;
}

.elevenlabs-tool__summary span[b-3vwtqi5mt5] {
    padding: 0.18rem 0.5rem;
    border-radius: 999px;
    background: #f1f5f9;
}

.elevenlabs-tool__voice-list[b-3vwtqi5mt5] {
    display: grid;
    gap: 0.42rem;
    max-height: min(40vh, 20rem);
    overflow-y: auto;
    padding-right: 0.15rem;
}

.elevenlabs-tool__voice[b-3vwtqi5mt5] {
    display: grid;
    gap: 0.15rem;
    width: 100%;
    padding: 0.55rem 0.65rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.78rem;
    background: #ffffff;
    text-align: left;
    cursor: pointer;
    transition: transform 140ms ease, box-shadow 140ms ease, background 140ms ease, border-color 140ms ease;
}

.elevenlabs-tool__voice:hover[b-3vwtqi5mt5],
.elevenlabs-tool__voice:focus-visible[b-3vwtqi5mt5] {
    border-color: #c4b5fd;
    background: #faf5ff;
    box-shadow: 0 8px 18px rgba(124, 58, 237, 0.10);
    transform: translateY(-1px);
    outline: none;
}

.elevenlabs-tool__voice.selected[b-3vwtqi5mt5] {
    border-color: #8b5cf6;
    background: #f5f3ff;
    box-shadow: inset 0 0 0 1px rgba(139, 92, 246, 0.18);
}

.elevenlabs-tool__voice-name[b-3vwtqi5mt5] {
    color: #0f172a;
    font-size: 0.82rem;
    font-weight: 900;
}

.elevenlabs-tool__voice-meta[b-3vwtqi5mt5] {
    color: #64748b;
    font-size: 0.72rem;
    line-height: 1.28;
}

.elevenlabs-tool__empty[b-3vwtqi5mt5] {
    padding: 0.85rem;
    border: 1px dashed #cbd5e1;
    border-radius: 0.85rem;
    background: #f8fafc;
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 750;
    text-align: center;
}

.elevenlabs-tool__actions[b-3vwtqi5mt5] {
    display: grid;
    grid-template-columns: minmax(0, auto) minmax(0, 1fr);
    align-items: center;
    gap: 0.65rem;
}

.elevenlabs-tool__actions audio[b-3vwtqi5mt5] {
    width: 100%;
    min-width: 0;
}

@media (max-width: 700px) {
    .elevenlabs-tool__intro[b-3vwtqi5mt5],
    .elevenlabs-tool__actions[b-3vwtqi5mt5] {
        grid-template-columns: 1fr;
        display: grid;
    }

    .elevenlabs-tool__filters[b-3vwtqi5mt5] {
        grid-template-columns: 1fr;
    }
}

.elevenlabs-tool__assignment-layout[b-3vwtqi5mt5] {
    display: grid;
    grid-template-columns: minmax(12rem, 0.42fr) minmax(0, 1fr);
    gap: 0.75rem;
    min-width: 0;
}

.elevenlabs-tool__actors[b-3vwtqi5mt5],
.elevenlabs-tool__voice-picker[b-3vwtqi5mt5],
.elevenlabs-tool__review[b-3vwtqi5mt5] {
    display: grid;
    gap: 0.55rem;
    min-width: 0;
}

.elevenlabs-tool__panel-heading[b-3vwtqi5mt5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    color: #334155;
    font-size: 0.74rem;
    font-weight: 900;
}

.elevenlabs-tool__actor[b-3vwtqi5mt5] {
    display: grid;
    gap: 0.35rem;
    width: 100%;
    padding: 0.55rem 0.65rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.8rem;
    background: #ffffff;
    color: #0f172a;
    text-align: left;
    cursor: pointer;
}

.elevenlabs-tool__actor.selected[b-3vwtqi5mt5] {
    border-color: #8b5cf6;
    background: #f5f3ff;
}

.elevenlabs-tool__actor.assigned .elevenlabs-tool__actor-voice[b-3vwtqi5mt5] {
    color: #166534;
}

.elevenlabs-tool__actor-main[b-3vwtqi5mt5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.elevenlabs-tool__actor-key[b-3vwtqi5mt5] {
    flex: 0 0 auto;
    padding: 0.18rem 0.4rem;
    border-radius: 999px;
    background: #ede9fe;
    color: #5b21b6;
    font-size: 0.68rem;
    font-weight: 900;
}

.elevenlabs-tool__actor-name[b-3vwtqi5mt5],
.elevenlabs-tool__actor-role[b-3vwtqi5mt5],
.elevenlabs-tool__actor-voice[b-3vwtqi5mt5] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.elevenlabs-tool__actor-name[b-3vwtqi5mt5] {
    font-size: 0.82rem;
    font-weight: 900;
}

.elevenlabs-tool__actor-role[b-3vwtqi5mt5],
.elevenlabs-tool__actor-voice[b-3vwtqi5mt5] {
    color: #64748b;
    font-size: 0.7rem;
    font-weight: 750;
}

.elevenlabs-tool__mini-action[b-3vwtqi5mt5],
.elevenlabs-tool__clip-actions button[b-3vwtqi5mt5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.85rem;
    padding: 0.3rem 0.5rem;
    border: 1px solid rgba(124, 58, 237, 0.24);
    border-radius: 0.6rem;
    background: #ffffff;
    color: #6d28d9;
    font-size: 0.7rem;
    font-weight: 850;
    cursor: pointer;
    white-space: nowrap;
}

.elevenlabs-tool__mini-action:disabled[b-3vwtqi5mt5],
.elevenlabs-tool__clip-actions button:disabled[b-3vwtqi5mt5] {
    cursor: not-allowed;
    opacity: 0.45;
}

.elevenlabs-tool__clip-list[b-3vwtqi5mt5] {
    display: grid;
    gap: 0.45rem;
    max-height: min(34vh, 17rem);
    overflow-y: auto;
    padding-right: 0.15rem;
}

.elevenlabs-tool__clip[b-3vwtqi5mt5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.65rem;
    align-items: start;
    padding: 0.55rem 0.65rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.8rem;
    background: #ffffff;
}

.elevenlabs-tool__clip.missing[b-3vwtqi5mt5] {
    border-style: dashed;
    background: #f8fafc;
}

.elevenlabs-tool__clip-main[b-3vwtqi5mt5] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.elevenlabs-tool__clip-number[b-3vwtqi5mt5] {
    color: #5b21b6;
    font-size: 0.7rem;
    font-weight: 900;
}

.elevenlabs-tool__clip-scene[b-3vwtqi5mt5] {
    color: #64748b;
    font-size: 0.7rem;
    font-weight: 800;
}

.elevenlabs-tool__clip-main p[b-3vwtqi5mt5] {
    margin: 0;
    color: #0f172a;
    font-size: 0.75rem;
    line-height: 1.32;
}

.elevenlabs-tool__clip-actions[b-3vwtqi5mt5] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.elevenlabs-tool__clip-status[b-3vwtqi5mt5] {
    padding: 0.16rem 0.45rem;
    border-radius: 999px;
    background: #f1f5f9;
    color: #475569;
    font-size: 0.66rem;
    font-weight: 900;
}

.elevenlabs-tool__clip.ready .elevenlabs-tool__clip-status[b-3vwtqi5mt5] {
    background: #dcfce7;
    color: #166534;
}

@media (max-width: 700px) {
    .elevenlabs-tool__assignment-layout[b-3vwtqi5mt5],
    .elevenlabs-tool__clip[b-3vwtqi5mt5] {
        grid-template-columns: 1fr;
    }

    .elevenlabs-tool__clip-actions[b-3vwtqi5mt5] {
        justify-content: flex-start;
    }
}


.elevenlabs-tool__progress[b-3vwtqi5mt5] {
    display: grid;
    gap: 0.45rem;
    padding: 0.65rem 0.7rem;
    border: 1px solid rgba(124, 58, 237, 0.22);
    border-radius: 0.9rem;
    background: #faf5ff;
}

.elevenlabs-tool__progress-header[b-3vwtqi5mt5],
.elevenlabs-tool__progress-details[b-3vwtqi5mt5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.elevenlabs-tool__progress-header[b-3vwtqi5mt5] {
    color: #4c1d95;
    font-size: 0.78rem;
    font-weight: 900;
}

.elevenlabs-tool__progress-track[b-3vwtqi5mt5] {
    height: 0.55rem;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(124, 58, 237, 0.14);
}

.elevenlabs-tool__progress-fill[b-3vwtqi5mt5] {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #8b5cf6, #c084fc);
    transition: width 220ms ease;
}

.elevenlabs-tool__progress-details[b-3vwtqi5mt5] {
    justify-content: flex-start;
    color: #6d28d9;
    font-size: 0.7rem;
    font-weight: 800;
}

.elevenlabs-tool__progress-details span[b-3vwtqi5mt5] {
    padding: 0.12rem 0.45rem;
    border-radius: 999px;
    background: rgba(124, 58, 237, 0.10);
}

.elevenlabs-tool__progress-dialogue[b-3vwtqi5mt5] {
    overflow: hidden;
    color: #6b21a8;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Features/SprintSimulation/Components/SimulationWelcomeDialog.razor.rz.scp.css */
.simulation-welcome-backdrop[b-e682z4unrt] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(10, 24, 44, 0.62);
    z-index: 1300;
    padding: 1rem;
}

.simulation-welcome-dialog[b-e682z4unrt] {
    position: relative;
    width: min(640px, 100%);
    max-height: min(92vh, 820px);
    overflow-y: auto;
    background: #fff;
    border-radius: 22px;
    padding: 1.45rem;
    box-shadow: 0 22px 70px rgba(0, 0, 0, 0.32);
    text-align: left;
}

.simulation-welcome-close[b-e682z4unrt] {
    position: absolute;
    top: 0.75rem;
    right: 0.9rem;
    border: none;
    background: transparent;
    color: #7a8492;
    font-size: 1.55rem;
    line-height: 1;
    cursor: pointer;
    z-index: 1;
}

.simulation-welcome-close:hover[b-e682z4unrt] {
    color: var(--brand-navy);
}

.simulation-welcome-header[b-e682z4unrt] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    align-items: start;
    margin-right: 1.5rem;
}

.simulation-welcome-icon[b-e682z4unrt] {
    width: 3rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(18, 118, 214, 0.14), rgba(18, 118, 214, 0.05));
    color: var(--brand-blue);
    border: 1px solid rgba(18, 118, 214, 0.16);
}

.simulation-welcome-icon[b-e682z4unrt] (svg) {
    width: 1.5rem;
    height: 1.5rem;
}

.simulation-welcome-kicker[b-e682z4unrt] {
    color: var(--brand-blue);
    font-size: 0.78rem;
    font-weight: 850;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-bottom: 0.35rem;
}

.simulation-welcome-dialog h2[b-e682z4unrt] {
    color: var(--brand-navy);
    font-size: 1.45rem;
    line-height: 1.18;
    margin: 0;
}

.simulation-welcome-intro[b-e682z4unrt] {
    color: #4f5f73;
    font-size: 0.96rem;
    line-height: 1.5;
    margin: 0.55rem 0 0;
}

.simulation-welcome-live-badge[b-e682z4unrt] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin-top: 1rem;
    padding: 0.45rem 0.7rem;
    border-radius: 999px;
    background: #eef8ff;
    border: 1px solid #d7ecfb;
    color: #245b89;
    font-size: 0.82rem;
    font-weight: 800;
}

.simulation-welcome-live-badge[b-e682z4unrt] (svg) {
    width: 1rem;
    height: 1rem;
}

.simulation-welcome-narration[b-e682z4unrt] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
    align-items: center;
    margin-top: 1rem;
    padding: 0.95rem;
    border: 1px solid #dce5ef;
    border-radius: 16px;
    background: #f7faff;
}

.simulation-welcome-narration h3[b-e682z4unrt] {
    margin: 0;
    color: var(--brand-navy);
    font-size: 0.98rem;
    font-weight: 850;
}

.simulation-welcome-narration p[b-e682z4unrt] {
    margin: 0.25rem 0 0;
    color: #5f6b7a;
    font-size: 0.9rem;
    line-height: 1.45;
}

.simulation-welcome-narration-button[b-e682z4unrt] {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    border: 1px solid #cfe1f4;
    border-radius: 12px;
    background: #fff;
    color: var(--brand-blue);
    font: inherit;
    font-size: 0.9rem;
    font-weight: 850;
    cursor: pointer;
    padding: 0 0.85rem;
    white-space: nowrap;
    transition: background 0.2s, border-color 0.2s, transform 0.15s;
}

.simulation-welcome-narration-button:hover[b-e682z4unrt],
.simulation-welcome-narration-button:focus-visible[b-e682z4unrt] {
    border-color: var(--brand-blue);
    background: #eef8ff;
    transform: translateY(-1px);
}

.simulation-welcome-narration-button.playing[b-e682z4unrt] {
    background: var(--brand-blue);
    color: #fff;
    border-color: var(--brand-blue);
}

.simulation-welcome-narration-button[b-e682z4unrt] (svg) {
    width: 1rem;
    height: 1rem;
}

.simulation-welcome-summary[b-e682z4unrt] {
    display: grid;
    gap: 0.65rem;
    margin-top: 1rem;
}

.simulation-welcome-summary-item[b-e682z4unrt] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.55rem;
    align-items: start;
    color: #5f6b7a;
    font-size: 0.9rem;
    line-height: 1.45;
}

.simulation-welcome-summary-item[b-e682z4unrt] (svg) {
    width: 1rem;
    height: 1rem;
    color: var(--brand-blue);
    margin-top: 0.12rem;
}

.simulation-welcome-actions[b-e682z4unrt] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-top: 1.1rem;
}

.simulation-welcome-start[b-e682z4unrt] {
    flex: 1;
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border: none;
    border-radius: 12px;
    background: var(--brand-blue);
    color: #fff;
    font: inherit;
    font-size: 0.95rem;
    font-weight: 850;
    cursor: pointer;
    transition: opacity 0.2s, transform 0.15s;
}

.simulation-welcome-start:hover[b-e682z4unrt] {
    opacity: 0.92;
    transform: translateY(-1px);
}

.simulation-welcome-start[b-e682z4unrt] (svg) {
    width: 1rem;
    height: 1rem;
}

.simulation-welcome-cancel[b-e682z4unrt] {
    border: none;
    background: transparent;
    color: #667085;
    font: inherit;
    font-size: 0.9rem;
    font-weight: 750;
    cursor: pointer;
    padding: 0.55rem 0.25rem;
}

.simulation-welcome-cancel:hover[b-e682z4unrt] {
    color: var(--brand-navy);
    text-decoration: underline;
}

@media (max-width: 560px) {
    .simulation-welcome-dialog[b-e682z4unrt] {
        padding: 1.25rem;
        border-radius: 18px;
    }

    .simulation-welcome-header[b-e682z4unrt],
    .simulation-welcome-narration[b-e682z4unrt] {
        grid-template-columns: 1fr;
    }

    .simulation-welcome-actions[b-e682z4unrt] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Features/SprintSimulation/Components/SprintSimulationOverlay.razor.rz.scp.css */
/* ── Sprint Simulation ─────────────────────────────────────────────────── */
.interactive-simulation-narration-layer[b-p9jzmdko61] {
    position: fixed;
    left: 50%;
    bottom: clamp(1rem, 3vh, 2rem);
    z-index: 10050;
    width: min(520px, calc(100vw - 2rem));
    transform: translateX(-50%);
    pointer-events: none;
}

.interactive-simulation-toast[b-p9jzmdko61] {
    width: 100%;
    padding: 0.9rem 1rem 0.8rem;
    border: 1px solid rgba(124, 58, 237, 0.26);
    border-radius: 18px;
    background: rgba(15, 23, 42, 0.94);
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.34);
    color: #f8fafc;
    backdrop-filter: blur(14px);
    animation: interactiveSimulationToastIn-b-p9jzmdko61 180ms ease-out;
}

.interactive-simulation-toast.complete[b-p9jzmdko61] {
    border-color: rgba(34, 197, 94, 0.36);
}

.interactive-simulation-toast__header[b-p9jzmdko61] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.35rem;
}

.interactive-simulation-toast__avatar[b-p9jzmdko61] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.65rem;
    height: 1.65rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    font-size: 0.98rem;
}

.interactive-simulation-toast__speaker[b-p9jzmdko61] {
    font-size: 0.95rem;
    font-weight: 800;
    letter-spacing: 0.01em;
}

.interactive-simulation-toast__role[b-p9jzmdko61] {
    padding: 0.14rem 0.45rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: rgba(248, 250, 252, 0.78);
    font-size: 0.7rem;
    font-weight: 750;
}

.interactive-simulation-toast__message[b-p9jzmdko61] {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 650;
    line-height: 1.38;
}

.interactive-simulation-toast__scene[b-p9jzmdko61] {
    margin-top: 0.45rem;
    color: rgba(226, 232, 240, 0.62);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

@keyframes interactiveSimulationToastIn-b-p9jzmdko61 {
    from {
        opacity: 0;
        transform: translateY(10px) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* ── Sprint Simulation layer order ------------------------------------------------
   Narration and replay controls must remain visible above feature overlays such as
   the branding end panel and DocumentViewer. Keep this as the owning layer contract
   for simulation UI rather than adjusting individual scene z-indexes. */
.interactive-simulation-narration-layer[b-p9jzmdko61] {
    z-index: 2147483645;
}

.interactive-simulation-replay[b-p9jzmdko61] {
    position: fixed;
    right: clamp(1rem, 2vw, 1.5rem);
    bottom: clamp(1rem, 2vw, 1.5rem);
    z-index: 2147483644;
}

.interactive-simulation-replay-panel[b-p9jzmdko61] {
    z-index: 2147483644;
}


/* ── Sprint Simulation Replay HUD visual contract -----------------------------
   The layer-order rules above should never strip visual styling from the replay
   HUD. This block restores/owns the actual Replay pill and panel presentation
   while keeping it above BrandingPanel and app modals. */
.interactive-simulation-replay[b-p9jzmdko61] {
    position: fixed;
    right: clamp(1rem, 2vw, 1.5rem);
    bottom: clamp(1rem, 2vw, 1.5rem);
    z-index: 2147483644;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.65rem;
    pointer-events: auto;
}

.interactive-simulation-replay__toggle[b-p9jzmdko61] {
    display: inline-grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 0.55rem;
    min-height: 0;
    max-width: min(18rem, calc(100vw - 2rem));
    padding: 0.55rem 0.7rem;
    border: 1px solid rgba(37, 99, 235, 0.24);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.96);
    color: #1d4ed8;
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.16);
    backdrop-filter: blur(10px);
    cursor: pointer;
    transition: transform 140ms ease, box-shadow 140ms ease, background 140ms ease;
}

.interactive-simulation-replay__toggle:hover[b-p9jzmdko61],
.interactive-simulation-replay__toggle:focus-visible[b-p9jzmdko61],
.interactive-simulation-replay__toggle.active[b-p9jzmdko61] {
    background: #eff6ff;
    box-shadow: 0 18px 42px rgba(37, 99, 235, 0.2);
    transform: translateY(-1px);
}

.interactive-simulation-replay__toggle-icon[b-p9jzmdko61] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.55rem;
    height: 1.55rem;
    border-radius: 999px;
    background: #dbeafe;
    color: #1d4ed8;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1;
}

.interactive-simulation-replay__toggle-copy[b-p9jzmdko61] {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
    text-align: left;
}

.interactive-simulation-replay__toggle-line[b-p9jzmdko61] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.interactive-simulation-replay__toggle-position[b-p9jzmdko61] {
    color: #1d4ed8;
    font-size: 0.74rem;
    font-weight: 900;
}

.interactive-simulation-replay__toggle-scene[b-p9jzmdko61] {
    color: #0f172a;
    font-size: 0.82rem;
    font-weight: 900;
}

.interactive-simulation-replay__toggle-time[b-p9jzmdko61] {
    color: #475569;
    font-size: 0.7rem;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
}

.interactive-simulation-replay-panel[b-p9jzmdko61] {
    position: relative;
    z-index: 1;
    width: min(22rem, calc(100vw - 2rem));
    padding: 0.85rem;
    border: 1px solid rgba(37, 99, 235, 0.22);
    border-radius: 1.1rem;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 22px 54px rgba(15, 23, 42, 0.22);
    backdrop-filter: blur(12px);
}

.interactive-simulation-replay-panel__header[b-p9jzmdko61] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.interactive-simulation-replay-panel__eyebrow[b-p9jzmdko61] {
    color: #1d4ed8;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.055em;
    text-transform: uppercase;
}

.interactive-simulation-replay-panel__title[b-p9jzmdko61] {
    max-width: 16rem;
    overflow: hidden;
    color: #0f172a;
    font-size: 0.98rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.interactive-simulation-replay-panel__close[b-p9jzmdko61] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.85rem;
    height: 1.85rem;
    border: 1px solid rgba(148, 163, 184, 0.35);
    border-radius: 999px;
    background: #ffffff;
    color: #475569;
    font-size: 1.15rem;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
}

.interactive-simulation-replay-panel__close:hover[b-p9jzmdko61],
.interactive-simulation-replay-panel__close:focus-visible[b-p9jzmdko61] {
    background: #f8fafc;
    color: #0f172a;
}

.interactive-simulation-replay-panel__meta[b-p9jzmdko61] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.65rem;
}

.interactive-simulation-replay-panel__meta span[b-p9jzmdko61] {
    padding: 0.18rem 0.5rem;
    border-radius: 999px;
    background: #eef2ff;
    color: #3730a3;
    font-size: 0.75rem;
    font-weight: 800;
}


.interactive-simulation-replay-panel__narration-mode[b-p9jzmdko61] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    width: 100%;
    min-height: 2.35rem;
    margin: 0.75rem 0 0.1rem;
    padding: 0.48rem 0.75rem;
    border: 1px solid rgba(37, 99, 235, 0.22);
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(239, 246, 255, 0.96), rgba(255, 255, 255, 0.98));
    color: #1d4ed8;
    font-size: 0.82rem;
    font-weight: 850;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.10);
    transition: transform 140ms ease, box-shadow 140ms ease, background 140ms ease, border-color 140ms ease;
}

.interactive-simulation-replay-panel__narration-mode span:first-child[b-p9jzmdko61] {
    font-size: 1rem;
    line-height: 1;
}

.interactive-simulation-replay-panel__narration-mode:hover[b-p9jzmdko61],
.interactive-simulation-replay-panel__narration-mode:focus-visible[b-p9jzmdko61] {
    transform: translateY(-1px);
    border-color: rgba(37, 99, 235, 0.38);
    background: #eff6ff;
    box-shadow: 0 12px 26px rgba(37, 99, 235, 0.16);
}

.interactive-simulation-replay-panel__progress[b-p9jzmdko61] {
    margin-top: 0.75rem;
}

.interactive-simulation-replay-panel__progress-label[b-p9jzmdko61] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    color: #475569;
    font-size: 0.72rem;
    font-weight: 800;
}

.interactive-simulation-replay-panel__progress-label span:last-child[b-p9jzmdko61] {
    color: #1e293b;
    font-variant-numeric: tabular-nums;
}

.interactive-simulation-replay-panel__progress-track[b-p9jzmdko61] {
    width: 100%;
    height: 0.42rem;
    margin-top: 0.32rem;
    overflow: hidden;
    border-radius: 999px;
    background: #e2e8f0;
}

.interactive-simulation-replay-panel__progress-fill[b-p9jzmdko61] {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #2563eb, #7c3aed);
    transition: width 220ms ease;
}

.interactive-simulation-replay-panel__scene-list[b-p9jzmdko61] {
    display: grid;
    gap: 0.5rem;
    max-height: min(42vh, 21rem);
    overflow-y: auto;
    padding-right: 0.15rem;
    margin-top: 0.85rem;
}

.interactive-simulation-replay-panel__scene[b-p9jzmdko61] {
    width: 100%;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.65rem;
    align-items: flex-start;
    border: 1px solid #e2e8f0;
    border-radius: 0.8rem;
    background: #f8fafc;
    color: #0f172a;
    padding: 0.65rem 0.7rem;
    text-align: left;
    cursor: pointer;
    transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
}

.interactive-simulation-replay-panel__scene:hover[b-p9jzmdko61],
.interactive-simulation-replay-panel__scene:focus-visible[b-p9jzmdko61] {
    border-color: #c7d2fe;
    background: #eef2ff;
    box-shadow: 0 0.55rem 1rem rgba(15, 23, 42, 0.08);
    transform: translateY(-1px);
    outline: none;
}

.interactive-simulation-replay-panel__scene.active[b-p9jzmdko61] {
    border-color: #6366f1;
    background: #eef2ff;
    box-shadow: inset 0 0 0 1px rgba(99, 102, 241, 0.2);
}

.interactive-simulation-replay-panel__scene-number[b-p9jzmdko61] {
    width: 1.65rem;
    height: 1.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #e0e7ff;
    color: #3730a3;
    font-size: 0.78rem;
    font-weight: 900;
}

.interactive-simulation-replay-panel__scene-copy[b-p9jzmdko61] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.interactive-simulation-replay-panel__scene-name[b-p9jzmdko61] {
    color: #0f172a;
    font-size: 0.9rem;
    font-weight: 900;
    line-height: 1.15;
}

.interactive-simulation-replay-panel__scene-description[b-p9jzmdko61] {
    color: #64748b;
    font-size: 0.75rem;
    line-height: 1.28;
}

.interactive-simulation-replay-panel__buttons[b-p9jzmdko61] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
    margin-top: 0.85rem;
}

.interactive-simulation-replay-panel__buttons button[b-p9jzmdko61] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 2.35rem;
    padding: 0.45rem 0.65rem;
    border: 1px solid rgba(37, 99, 235, 0.22);
    border-radius: 0.8rem;
    background: #ffffff;
    color: #1d4ed8;
    font-size: 0.82rem;
    font-weight: 850;
    cursor: pointer;
    transition: transform 140ms ease, box-shadow 140ms ease, background 140ms ease;
}

.interactive-simulation-replay-panel__buttons button span[b-p9jzmdko61] {
    font-size: 0.98rem;
    line-height: 1;
}

.interactive-simulation-replay-panel__buttons button:hover:not(:disabled)[b-p9jzmdko61],
.interactive-simulation-replay-panel__buttons button:focus-visible:not(:disabled)[b-p9jzmdko61] {
    background: #eff6ff;
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.16);
    transform: translateY(-1px);
}

.interactive-simulation-replay-panel__buttons button:disabled[b-p9jzmdko61] {
    cursor: not-allowed;
    opacity: 0.42;
}

@media (max-width: 700px) {
    .interactive-simulation-replay[b-p9jzmdko61] {
        right: 0.75rem;
        bottom: 0.75rem;
        left: 0.75rem;
        align-items: stretch;
    }

    .interactive-simulation-replay__toggle[b-p9jzmdko61] {
        justify-content: start;
        max-width: none;
    }

    .interactive-simulation-replay-panel[b-p9jzmdko61] {
        width: auto;
    }

    .interactive-simulation-replay-panel__title[b-p9jzmdko61] {
        max-width: 13rem;
    }
}

/* ── Sprint Simulation Voice Startup Prompt ---------------------------------- */
.sprint-simulation-layer--voice-prompt[b-p9jzmdko61] {
    position: fixed;
    inset: 0;
    z-index: 2147483643;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    pointer-events: auto;
    background: rgba(15, 23, 42, 0.30);
    backdrop-filter: blur(2px);
}


.sprint-simulation-layer--user-controls[b-p9jzmdko61] {
    position: fixed;
    left: 50%;
    bottom: 1.25rem;
    transform: translateX(-50%);
    z-index: 960;
    pointer-events: none;
}

.interactive-simulation-user-controls[b-p9jzmdko61] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.55rem;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.92);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.26);
    color: #f8fafc;
    pointer-events: auto;
    backdrop-filter: blur(14px);
}

.interactive-simulation-user-controls button[b-p9jzmdko61] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    border: 0;
    border-radius: 999px;
    font-size: 0.84rem;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    transition: transform 140ms ease, box-shadow 140ms ease, background 140ms ease;
}

.interactive-simulation-user-controls button:hover[b-p9jzmdko61],
.interactive-simulation-user-controls button:focus-visible[b-p9jzmdko61] {
    transform: translateY(-1px);
    outline: none;
}

.interactive-simulation-user-controls__primary[b-p9jzmdko61] {
    min-width: 6.75rem;
    padding: 0.72rem 1rem;
    background: #f8fafc;
    color: #0f172a;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.24);
}

.interactive-simulation-user-controls__narration[b-p9jzmdko61] {
    padding: 0.72rem 0.9rem;
    background: rgba(255, 255, 255, 0.12);
    color: #f8fafc;
}

.interactive-simulation-user-controls__narration:hover[b-p9jzmdko61],
.interactive-simulation-user-controls__narration:focus-visible[b-p9jzmdko61] {
    background: rgba(255, 255, 255, 0.18);
}

.interactive-simulation-user-controls__meta[b-p9jzmdko61] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0 0.65rem 0 0.25rem;
    color: rgba(248, 250, 252, 0.72);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.interactive-simulation-user-controls__meta span + span[b-p9jzmdko61]::before {
    content: "•";
    margin-right: 0.45rem;
    color: rgba(248, 250, 252, 0.38);
}

@media (max-width: 640px) {
    .sprint-simulation-layer--user-controls[b-p9jzmdko61] {
        left: 0.75rem;
        right: 0.75rem;
        bottom: 0.75rem;
        transform: none;
    }

    .interactive-simulation-user-controls[b-p9jzmdko61] {
        width: 100%;
        justify-content: space-between;
        border-radius: 1.1rem;
        flex-wrap: wrap;
    }

    .interactive-simulation-user-controls__primary[b-p9jzmdko61],
    .interactive-simulation-user-controls__narration[b-p9jzmdko61] {
        flex: 1 1 auto;
    }

    .interactive-simulation-user-controls__meta[b-p9jzmdko61] {
        width: 100%;
        justify-content: center;
        padding: 0.25rem 0.35rem 0.15rem;
    }
}

.sprint-simulation-voice-prompt[b-p9jzmdko61] {
    width: min(28rem, calc(100vw - 2rem));
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 1.25rem;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.26);
    padding: 1.25rem;
    text-align: center;
    animation: sprint-simulation-voice-prompt-in-b-p9jzmdko61 180ms ease-out both;
}

.sprint-simulation-voice-prompt__icon[b-p9jzmdko61] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    margin-bottom: 0.7rem;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.14), rgba(14, 165, 233, 0.18));
    font-size: 1.45rem;
}

.sprint-simulation-voice-prompt__copy h2[b-p9jzmdko61] {
    margin: 0;
    color: #0f172a;
    font-size: 1.18rem;
    font-weight: 850;
    letter-spacing: -0.015em;
}

.sprint-simulation-voice-prompt__copy p[b-p9jzmdko61] {
    margin: 0.45rem auto 0;
    max-width: 22rem;
    color: #475569;
    font-size: 0.94rem;
    line-height: 1.45;
}

.sprint-simulation-voice-prompt__actions[b-p9jzmdko61] {
    display: flex;
    justify-content: center;
    gap: 0.65rem;
    margin-top: 1.1rem;
    flex-wrap: wrap;
}

.sprint-simulation-voice-prompt__actions button[b-p9jzmdko61] {
    border-radius: 999px;
    padding: 0.62rem 1rem;
    font-weight: 800;
    font-size: 0.92rem;
    cursor: pointer;
    transition: transform 140ms ease, box-shadow 140ms ease, background 140ms ease, border-color 140ms ease;
}

.sprint-simulation-voice-prompt__actions button:hover[b-p9jzmdko61],
.sprint-simulation-voice-prompt__actions button:focus-visible[b-p9jzmdko61] {
    transform: translateY(-1px);
}

.sprint-simulation-voice-prompt__primary[b-p9jzmdko61] {
    border: 1px solid rgba(37, 99, 235, 0.92);
    background: #2563eb;
    color: #ffffff;
    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.28);
}

.sprint-simulation-voice-prompt__primary:hover[b-p9jzmdko61],
.sprint-simulation-voice-prompt__primary:focus-visible[b-p9jzmdko61] {
    background: #1d4ed8;
}

.sprint-simulation-voice-prompt__secondary[b-p9jzmdko61] {
    border: 1px solid rgba(148, 163, 184, 0.5);
    background: #ffffff;
    color: #334155;
}

.sprint-simulation-voice-prompt__secondary:hover[b-p9jzmdko61],
.sprint-simulation-voice-prompt__secondary:focus-visible[b-p9jzmdko61] {
    background: #f8fafc;
    border-color: rgba(100, 116, 139, 0.62);
}

@keyframes sprint-simulation-voice-prompt-in-b-p9jzmdko61 {
    from {
        opacity: 0;
        transform: translateY(0.4rem) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 520px) {
    .sprint-simulation-voice-prompt[b-p9jzmdko61] {
        padding: 1rem;
    }

    .sprint-simulation-voice-prompt__actions[b-p9jzmdko61] {
        flex-direction: column;
    }

    .sprint-simulation-voice-prompt__actions button[b-p9jzmdko61] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sprint-simulation-voice-prompt[b-p9jzmdko61] {
        animation: none;
    }
}


.interactive-simulation-replay-panel__export-script[b-p9jzmdko61] {
    align-items: center;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 999px;
    color: #334155;
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 700;
    gap: 0.35rem;
    justify-content: center;
    min-height: 2.2rem;
    padding: 0.45rem 0.75rem;
    text-decoration: none;
    transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.interactive-simulation-replay-panel__export-script:hover[b-p9jzmdko61],
.interactive-simulation-replay-panel__export-script:focus-visible[b-p9jzmdko61] {
    border-color: rgba(37, 99, 235, 0.34);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.12);
    color: #1e40af;
    text-decoration: none;
    transform: translateY(-1px);
}

.interactive-simulation-replay-panel__export-script[aria-disabled="True"][b-p9jzmdko61] {
    opacity: 0.45;
    pointer-events: none;
}

/* ── Sprint Simulation Developer Tools tabs / movable shell ------------------ */
.interactive-simulation-replay-panel[b-p9jzmdko61] {
    position: fixed;
    display: flex;
    flex-direction: column;
    width: min(38rem, calc(100vw - 2rem));
    height: min(38rem, calc(100vh - 6rem));
    min-width: min(22rem, calc(100vw - 2rem));
    min-height: 18rem;
    max-width: calc(100vw - 1rem);
    max-height: calc(100vh - 1rem);
    overflow: hidden;
    resize: both;
}

.interactive-simulation-replay-panel__header[b-p9jzmdko61] {
    flex: 0 0 auto;
    cursor: move;
    user-select: none;
}

.interactive-simulation-replay-panel__tabs[b-p9jzmdko61] {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.35rem;
    margin-top: 0.75rem;
    padding: 0.25rem;
    border-radius: 0.85rem;
    background: #f1f5f9;
}

.interactive-simulation-replay-panel__tabs button[b-p9jzmdko61] {
    min-height: 2.1rem;
    border: 0;
    border-radius: 0.68rem;
    background: transparent;
    color: #64748b;
    font-size: 0.76rem;
    font-weight: 900;
    cursor: pointer;
    transition: background 140ms ease, box-shadow 140ms ease, color 140ms ease;
}

.interactive-simulation-replay-panel__tabs button:hover[b-p9jzmdko61],
.interactive-simulation-replay-panel__tabs button:focus-visible[b-p9jzmdko61] {
    background: rgba(255, 255, 255, 0.72);
    color: #1d4ed8;
    outline: none;
}

.interactive-simulation-replay-panel__tabs button.active[b-p9jzmdko61] {
    background: #ffffff;
    color: #1d4ed8;
    box-shadow: 0 5px 14px rgba(15, 23, 42, 0.10);
}

.interactive-simulation-replay-panel__tab-panel[b-p9jzmdko61] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    margin-top: 0.75rem;
    overflow: auto;
    padding: 0 0.35rem 0.75rem 0;
}

.interactive-simulation-replay-panel__tab-panel > .elevenlabs-tool[b-p9jzmdko61] {
    min-height: 0;
}

@media (max-width: 700px) {
    .interactive-simulation-replay-panel[b-p9jzmdko61] {
        left: 0.75rem !important;
        top: 5rem !important;
        width: calc(100vw - 1.5rem);
        height: calc(100vh - 6rem);
        min-width: 0;
        resize: vertical;
    }
}

/* ── Sprint Simulation Developer Tools sizing / tab contracts ---------------
   Scene Controls needs more default vertical room, while ElevenLabs needs a
   wider working surface. Keep scrolling inside the active tab body so the
   draggable shell, close button, bottom actions, and resize grip stay reachable. */
.interactive-simulation-replay-panel.interactive-simulation-replay-panel--scene-controls[b-p9jzmdko61] {
    width: min(38rem, calc(100vw - 2rem));
    height: min(44rem, calc(100vh - 3rem));
}

.interactive-simulation-replay-panel.interactive-simulation-replay-panel--elevenlabs[b-p9jzmdko61] {
    width: min(58rem, calc(100vw - 2rem));
    height: min(44rem, calc(100vh - 3rem));
}

.interactive-simulation-replay-panel__tab-panel--scene-controls[b-p9jzmdko61] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.interactive-simulation-replay-panel__tab-panel--scene-controls .interactive-simulation-replay-panel__scene-list[b-p9jzmdko61] {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
}

.interactive-simulation-replay-panel__tab-panel--scene-controls .interactive-simulation-replay-panel__buttons[b-p9jzmdko61] {
    flex: 0 0 auto;
}

.interactive-simulation-replay-panel__tab-panel--elevenlabs[b-p9jzmdko61] {
    overflow: auto;
}

@media (max-width: 700px) {
    .interactive-simulation-replay-panel.interactive-simulation-replay-panel--scene-controls[b-p9jzmdko61],
    .interactive-simulation-replay-panel.interactive-simulation-replay-panel--elevenlabs[b-p9jzmdko61] {
        width: calc(100vw - 1.5rem);
        height: calc(100vh - 6rem);
    }
}
/* /Shared/Development/DevelopmentAdmin2Link.razor.rz.scp.css */
.dev-admin2-link[b-ab2jdltsgw] {
    position: fixed;
    top: .65rem;
    left: .65rem;
    z-index: 9999;
    border: 1px solid rgba(148, 163, 184, .45);
    border-radius: .7rem;
    background: rgba(15, 23, 42, .92);
    color: #ffffff;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .22);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .45rem .7rem;
    font-size: .82rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease;
}

.dev-admin2-link:hover[b-ab2jdltsgw] {
    background: rgba(30, 41, 59, .96);
    color: #ffffff;
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 14px 34px rgba(15, 23, 42, .28);
}

.dev-admin2-link:focus-visible[b-ab2jdltsgw] {
    outline: 3px solid rgba(99, 102, 241, .45);
    outline-offset: 2px;
}