/* /Features/Audiences/Parts/AffinityList.razor.rz.scp.css */
.list[b-qyitaibbba] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.list-empty[b-qyitaibbba] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    font-style: italic;
    padding: var(--space-3) 0;
}

.list-rows[b-qyitaibbba] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.row[b-qyitaibbba] {
    display: grid;
    grid-template-columns: 1fr 6rem 10rem auto;
    gap: var(--space-3);
    align-items: center;
}

.row-desc[b-qyitaibbba] {
    min-width: 0;
}

.row-percent[b-qyitaibbba] {
    position: relative;
    display: flex;
    align-items: center;
}

.row-pct[b-qyitaibbba] {
    padding-right: 2rem;
}

.row-pct-unit[b-qyitaibbba] {
    position: absolute;
    right: var(--space-3);
    pointer-events: none;
    color: var(--text-tertiary);
    font-size: var(--text-sm);
    font-variant-numeric: tabular-nums;
}

.row-affinity[b-qyitaibbba] {
    font-size: var(--text-sm);
}

.row-remove[b-qyitaibbba] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: var(--radius);
    color: var(--text-tertiary);
    border: 1px solid transparent;
    transition:
        color var(--duration) var(--ease-out),
        background-color var(--duration) var(--ease-out),
        border-color var(--duration) var(--ease-out);
}

.row-remove:hover[b-qyitaibbba] {
    color: var(--danger);
    background: rgba(255, 123, 123, 0.06);
    border-color: rgba(255, 123, 123, 0.24);
}

.list-foot[b-qyitaibbba] {
    padding-top: var(--space-2);
    border-top: 1px dashed var(--border-faint);
}

.list-add[b-qyitaibbba] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    color: var(--text-secondary);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: var(--space-2) 0;
    transition: color var(--duration) var(--ease-out);
}

.list-add:hover[b-qyitaibbba] {
    color: var(--accent);
}

@media (max-width: 720px) {
    .row[b-qyitaibbba] {
        grid-template-columns: 1fr auto;
        grid-auto-rows: auto;
        gap: var(--space-2);
    }

    .row-desc[b-qyitaibbba] {
        grid-column: 1 / -1;
    }

    .row-percent[b-qyitaibbba] {
        grid-column: 1;
    }

    .row-affinity[b-qyitaibbba] {
        grid-column: 2;
    }

    .row-remove[b-qyitaibbba] {
        grid-column: 1 / -1;
        justify-self: end;
    }
}
/* /Features/Audiences/Parts/EnumPercentList.razor.rz.scp.css */
.enum-list[b-5xhc7hla32] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.enum-rows[b-5xhc7hla32] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    gap: var(--space-3);
}

.enum-row[b-5xhc7hla32] {
    display: grid;
    grid-template-columns: 1fr 7rem;
    gap: var(--space-3);
    align-items: center;
    padding: var(--space-3) var(--space-4);
    background: var(--surface-0);
    border: 1px solid var(--border-faint);
    border-radius: var(--radius);
}

.enum-label[b-5xhc7hla32] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.enum-percent[b-5xhc7hla32] {
    position: relative;
    display: flex;
    align-items: center;
}

.enum-pct[b-5xhc7hla32] {
    padding-right: 2rem;
}

.enum-pct-unit[b-5xhc7hla32] {
    position: absolute;
    right: var(--space-3);
    pointer-events: none;
    color: var(--text-tertiary);
    font-size: var(--text-sm);
    font-variant-numeric: tabular-nums;
}
/* /Features/Audiences/Parts/LabeledPercentList.razor.rz.scp.css */
.list[b-3u8jy5hqku] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.list-empty[b-3u8jy5hqku] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    font-style: italic;
    padding: var(--space-3) 0;
}

.list-rows[b-3u8jy5hqku] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.row[b-3u8jy5hqku] {
    display: grid;
    grid-template-columns: 1fr 7rem auto;
    gap: var(--space-3);
    align-items: center;
}

.row-label[b-3u8jy5hqku] {
    min-width: 0;
}

.row-percent[b-3u8jy5hqku] {
    position: relative;
    display: flex;
    align-items: center;
}

.row-pct[b-3u8jy5hqku] {
    padding-right: 2rem;
}

.row-pct-unit[b-3u8jy5hqku] {
    position: absolute;
    right: var(--space-3);
    pointer-events: none;
    color: var(--text-tertiary);
    font-size: var(--text-sm);
    font-variant-numeric: tabular-nums;
}

.row-remove[b-3u8jy5hqku] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: var(--radius);
    color: var(--text-tertiary);
    border: 1px solid transparent;
    transition:
        color var(--duration) var(--ease-out),
        background-color var(--duration) var(--ease-out),
        border-color var(--duration) var(--ease-out);
}

.row-remove:hover[b-3u8jy5hqku] {
    color: var(--danger);
    background: rgba(255, 123, 123, 0.06);
    border-color: rgba(255, 123, 123, 0.24);
}

.list-foot[b-3u8jy5hqku] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    padding-top: var(--space-2);
    border-top: 1px dashed var(--border-faint);
}

.list-add[b-3u8jy5hqku] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    color: var(--text-secondary);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: var(--space-2) 0;
    transition: color var(--duration) var(--ease-out);
}

.list-add:hover[b-3u8jy5hqku] {
    color: var(--accent);
}

.list-total[b-3u8jy5hqku] {
    display: inline-flex;
    align-items: baseline;
    gap: var(--space-2);
    font-size: var(--text-xs);
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.02em;
    color: var(--text-tertiary);
}

.list-total-label[b-3u8jy5hqku] {
    font-family: var(--font-mono);
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.list-total-value[b-3u8jy5hqku] {
    color: var(--text-primary);
    font-weight: 500;
    font-size: var(--text-sm);
}

.list-total.is-ok .list-total-value[b-3u8jy5hqku] {
    color: var(--success);
}

.list-total.is-off .list-total-value[b-3u8jy5hqku] {
    color: var(--danger);
}

.list-total-hint[b-3u8jy5hqku] {
    color: var(--danger);
    font-style: italic;
}

@media (max-width: 640px) {
    .row[b-3u8jy5hqku] {
        grid-template-columns: 1fr 5.5rem auto;
        gap: var(--space-2);
    }

    .list-foot[b-3u8jy5hqku] {
        flex-wrap: wrap;
    }
}
/* /Features/Audiences/Parts/ReasonList.razor.rz.scp.css */
.list[b-m1cekvclfv] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.list-empty[b-m1cekvclfv] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    font-style: italic;
    padding: var(--space-3) 0;
}

.list-rows[b-m1cekvclfv] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.row[b-m1cekvclfv] {
    display: grid;
    grid-template-columns: 1fr 7rem auto;
    gap: var(--space-3);
    align-items: center;
}

.row-desc[b-m1cekvclfv] {
    min-width: 0;
}

.row-percent[b-m1cekvclfv] {
    position: relative;
    display: flex;
    align-items: center;
}

.row-pct[b-m1cekvclfv] {
    padding-right: 2rem;
}

.row-pct-unit[b-m1cekvclfv] {
    position: absolute;
    right: var(--space-3);
    pointer-events: none;
    color: var(--text-tertiary);
    font-size: var(--text-sm);
    font-variant-numeric: tabular-nums;
}

.row-remove[b-m1cekvclfv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: var(--radius);
    color: var(--text-tertiary);
    border: 1px solid transparent;
    transition:
        color var(--duration) var(--ease-out),
        background-color var(--duration) var(--ease-out),
        border-color var(--duration) var(--ease-out);
}

.row-remove:hover[b-m1cekvclfv] {
    color: var(--danger);
    background: rgba(255, 123, 123, 0.06);
    border-color: rgba(255, 123, 123, 0.24);
}

.list-foot[b-m1cekvclfv] {
    padding-top: var(--space-2);
    border-top: 1px dashed var(--border-faint);
}

.list-add[b-m1cekvclfv] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    color: var(--text-secondary);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: var(--space-2) 0;
    transition: color var(--duration) var(--ease-out);
}

.list-add:hover[b-m1cekvclfv] {
    color: var(--accent);
}

@media (max-width: 640px) {
    .row[b-m1cekvclfv] {
        grid-template-columns: 1fr 5.5rem auto;
        gap: var(--space-2);
    }
}
/* /Features/Audiences/SaveAudience.razor.rz.scp.css */
.audience[b-155thd1ual] {
    display: flex;
    flex-direction: column;
    gap: var(--space-12);
    max-width: 60rem;
    padding-bottom: 8rem;
}

/* Head -------------------------------------------------------------------- */

.audience-head[b-155thd1ual] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    padding-bottom: var(--space-4);
    border-bottom: 1px solid var(--border-faint);
}

.eyebrow[b-155thd1ual] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--text-tertiary);
}

.display[b-155thd1ual] {
    font-family: var(--font-display);
    font-weight: 300;
    font-size: clamp(2rem, 4vw, 3rem);
    letter-spacing: -0.025em;
    line-height: var(--leading-tight);
    color: var(--text-primary);
}

.lede[b-155thd1ual] {
    font-size: var(--text-lg);
    color: var(--text-secondary);
    line-height: var(--leading-relaxed);
    max-width: 42rem;
}

.lede strong[b-155thd1ual] {
    color: var(--text-primary);
    font-weight: 500;
}

/* Loading ----------------------------------------------------------------- */

.audience-loading[b-155thd1ual] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    color: var(--text-secondary);
    font-size: var(--text-sm);
    padding: var(--space-12);
    justify-content: center;
}

.spinner[b-155thd1ual] {
    width: 16px;
    height: 16px;
    border: 2px solid var(--text-muted);
    border-top-color: var(--accent);
    border-radius: 50%;
    animation: spin-b-155thd1ual 720ms linear infinite;
}

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

/* Form -------------------------------------------------------------------- */

.audience-form[b-155thd1ual] {
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
}

/* Sections ---------------------------------------------------------------- */

[b-155thd1ual] .section {
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
}

.section-head[b-155thd1ual] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--space-4);
    align-items: baseline;
    padding-bottom: var(--space-6);
    border-bottom: 1px solid var(--border-faint);
}

.section-number[b-155thd1ual] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.12em;
    color: var(--accent);
}

.section-title[b-155thd1ual] {
    font-family: var(--font-display);
    font-weight: 300;
    font-size: var(--text-2xl);
    letter-spacing: -0.018em;
    color: var(--text-primary);
    margin-bottom: var(--space-2);
}

.section-desc[b-155thd1ual] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    line-height: var(--leading-relaxed);
}

.section-body[b-155thd1ual] {
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
}

/* Subsections ------------------------------------------------------------- */

.subsection[b-155thd1ual] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.subsection-head[b-155thd1ual] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.subsection-title[b-155thd1ual] {
    font-size: var(--text-sm);
    font-weight: 500;
    font-family: var(--font-sans);
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--text-secondary);
}

.subsection-desc[b-155thd1ual] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    line-height: var(--leading-relaxed);
}

.grid-2[b-155thd1ual] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-6);
}

@media (max-width: 640px) {
    .grid-2[b-155thd1ual] { grid-template-columns: 1fr; }
}

/* Input with suffix ------------------------------------------------------- */

.input-suffix[b-155thd1ual] {
    position: relative;
    display: flex;
    align-items: center;
}

[b-155thd1ual] .input-suffix .input {
    padding-right: 2.25rem;
}

.input-suffix-unit[b-155thd1ual] {
    position: absolute;
    right: var(--space-3);
    pointer-events: none;
    color: var(--text-tertiary);
    font-size: var(--text-sm);
    font-variant-numeric: tabular-nums;
}

/* Submit bar -------------------------------------------------------------- */

.submit-bar[b-155thd1ual] {
    position: sticky;
    bottom: var(--space-6);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    padding: var(--space-4) var(--space-6);
    background: rgba(17, 17, 20, 0.82);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    box-shadow: 0 20px 60px -20px rgba(0, 0, 0, 0.5);
    z-index: 5;
}

.submit-summary[b-155thd1ual] {
    display: flex;
    gap: var(--space-2);
    flex-wrap: wrap;
}

.summary-pill[b-155thd1ual] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-1) var(--space-3);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    border-radius: 999px;
    border: 1px solid var(--border-faint);
    color: var(--text-tertiary);
}

.summary-pill.is-ok[b-155thd1ual] {
    color: var(--success);
    border-color: rgba(134, 239, 172, 0.32);
    background: rgba(134, 239, 172, 0.06);
}

.summary-pill.is-off[b-155thd1ual] {
    color: var(--danger);
    border-color: rgba(255, 123, 123, 0.32);
    background: rgba(255, 123, 123, 0.06);
}

.submit-actions[b-155thd1ual] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
}

.submit-saved[b-155thd1ual] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--text-tertiary);
}

@media (max-width: 640px) {
    .submit-bar[b-155thd1ual] {
        flex-direction: column;
        align-items: stretch;
        padding: var(--space-3) var(--space-4);
    }

    .submit-actions[b-155thd1ual] {
        justify-content: space-between;
    }
}
/* /Features/Briefings/BriefingPage.razor.rz.scp.css */
.briefing[b-wmoy892afr] {
    display: flex;
    flex-direction: column;
    gap: var(--space-12);
    max-width: 52rem;
    padding-bottom: 8rem;
}

/* Head -------------------------------------------------------------------- */

.briefing-head[b-wmoy892afr] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    padding-bottom: var(--space-4);
    border-bottom: 1px solid var(--border-faint);
}

.eyebrow[b-wmoy892afr] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--text-tertiary);
}

.display[b-wmoy892afr] {
    font-family: var(--font-display);
    font-weight: 300;
    font-size: clamp(2rem, 4vw, 3rem);
    letter-spacing: -0.025em;
    line-height: var(--leading-tight);
    color: var(--text-primary);
}

.lede[b-wmoy892afr] {
    font-size: var(--text-lg);
    color: var(--text-secondary);
    line-height: var(--leading-relaxed);
    max-width: 42rem;
}

.lede strong[b-wmoy892afr] {
    color: var(--text-primary);
    font-weight: 500;
}

/* Loading ----------------------------------------------------------------- */

.briefing-loading[b-wmoy892afr] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    color: var(--text-secondary);
    font-size: var(--text-sm);
    padding: var(--space-12);
    justify-content: center;
}

.spinner[b-wmoy892afr] {
    width: 16px;
    height: 16px;
    border: 2px solid var(--text-muted);
    border-top-color: var(--accent);
    border-radius: 50%;
    animation: spin-b-wmoy892afr 720ms linear infinite;
}

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

/* Form -------------------------------------------------------------------- */

.briefing-form[b-wmoy892afr] {
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
}

[b-wmoy892afr] .section {
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
}

.section-head[b-wmoy892afr] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--space-4);
    align-items: baseline;
    padding-bottom: var(--space-6);
    border-bottom: 1px solid var(--border-faint);
}

.section-number[b-wmoy892afr] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.12em;
    color: var(--accent);
}

.section-title[b-wmoy892afr] {
    font-family: var(--font-display);
    font-weight: 300;
    font-size: var(--text-2xl);
    letter-spacing: -0.018em;
    color: var(--text-primary);
    margin-bottom: var(--space-2);
}

.section-desc[b-wmoy892afr] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    line-height: var(--leading-relaxed);
}

.section-body[b-wmoy892afr] {
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
}

.grid-2[b-wmoy892afr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-6);
}

@media (max-width: 640px) {
    .grid-2[b-wmoy892afr] { grid-template-columns: 1fr; }
}

/* Submit bar -------------------------------------------------------------- */

.submit-bar[b-wmoy892afr] {
    position: sticky;
    bottom: var(--space-6);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    padding: var(--space-4) var(--space-6);
    background: rgba(17, 17, 20, 0.82);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    box-shadow: 0 20px 60px -20px rgba(0, 0, 0, 0.5);
    z-index: 5;
}

.submit-summary[b-wmoy892afr] {
    display: flex;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.submit-saved[b-wmoy892afr] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--text-tertiary);
}

.submit-saved-dim[b-wmoy892afr] {
    opacity: 0.6;
}

@media (max-width: 640px) {
    .submit-bar[b-wmoy892afr] {
        flex-direction: column;
        align-items: stretch;
        padding: var(--space-3) var(--space-4);
    }
}
/* /Features/Criteria/CriteriaPage.razor.rz.scp.css */
.criteria[b-et1dip4b1p] {
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
    max-width: 52rem;
    padding-bottom: 8rem;
}

/* Head -------------------------------------------------------------------- */

.criteria-head[b-et1dip4b1p] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    padding-bottom: var(--space-4);
    border-bottom: 1px solid var(--border-faint);
}

.eyebrow[b-et1dip4b1p] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--text-tertiary);
}

.display[b-et1dip4b1p] {
    font-family: var(--font-display);
    font-weight: 300;
    font-size: clamp(2rem, 4vw, 3rem);
    letter-spacing: -0.025em;
    line-height: var(--leading-tight);
    color: var(--text-primary);
}

.lede[b-et1dip4b1p] {
    font-size: var(--text-lg);
    color: var(--text-secondary);
    line-height: var(--leading-relaxed);
    max-width: 42rem;
}

.lede strong[b-et1dip4b1p] {
    color: var(--text-primary);
    font-weight: 500;
}

/* Loading ----------------------------------------------------------------- */

.criteria-loading[b-et1dip4b1p] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    color: var(--text-secondary);
    font-size: var(--text-sm);
    padding: var(--space-12);
    justify-content: center;
}

.spinner[b-et1dip4b1p] {
    width: 16px;
    height: 16px;
    border: 2px solid var(--text-muted);
    border-top-color: var(--accent);
    border-radius: 50%;
    animation: spin-b-et1dip4b1p 720ms linear infinite;
}

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

/* Sections ---------------------------------------------------------------- */

[b-et1dip4b1p] .section {
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
}

.section-head[b-et1dip4b1p] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--space-4);
    align-items: baseline;
    padding-bottom: var(--space-6);
    border-bottom: 1px solid var(--border-faint);
}

.section-number[b-et1dip4b1p] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.12em;
    color: var(--accent);
}

.section-title[b-et1dip4b1p] {
    font-family: var(--font-display);
    font-weight: 300;
    font-size: var(--text-2xl);
    letter-spacing: -0.018em;
    color: var(--text-primary);
    margin-bottom: var(--space-2);
}

.section-desc[b-et1dip4b1p] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    line-height: var(--leading-relaxed);
}

.section-body[b-et1dip4b1p] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

/* Editable rows ----------------------------------------------------------- */

.empty[b-et1dip4b1p] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    font-style: italic;
    padding: var(--space-3) 0;
}

.rows[b-et1dip4b1p] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.row[b-et1dip4b1p] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: var(--space-4);
    align-items: start;
    padding-bottom: var(--space-4);
    border-bottom: 1px dashed var(--border-faint);
}

.row:last-child[b-et1dip4b1p] {
    border-bottom: none;
    padding-bottom: 0;
}

.row-index[b-et1dip4b1p] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.1em;
    color: var(--text-muted);
    padding-top: 0.75rem;
    min-width: 1.75rem;
}

.row-body[b-et1dip4b1p] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    min-width: 0;
}

.row-name[b-et1dip4b1p] {
    font-family: var(--font-sans);
    font-weight: 500;
}

.row-desc[b-et1dip4b1p] {
    resize: vertical;
}

.row-remove[b-et1dip4b1p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: var(--radius);
    color: var(--text-tertiary);
    border: 1px solid transparent;
    margin-top: 0.25rem;
    transition:
        color var(--duration) var(--ease-out),
        background-color var(--duration) var(--ease-out),
        border-color var(--duration) var(--ease-out);
}

.row-remove:hover[b-et1dip4b1p] {
    color: var(--danger);
    background: rgba(255, 123, 123, 0.06);
    border-color: rgba(255, 123, 123, 0.24);
}

.row-add[b-et1dip4b1p] {
    padding-top: var(--space-2);
    border-top: 1px dashed var(--border-faint);
}

.list-add[b-et1dip4b1p] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    color: var(--text-secondary);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: var(--space-2) 0;
    transition: color var(--duration) var(--ease-out);
}

.list-add:hover[b-et1dip4b1p] {
    color: var(--accent);
}

/* Suggestions ------------------------------------------------------------- */

.suggestions[b-et1dip4b1p] {
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-3);
    margin: 0;
    padding: 0;
}

@media (max-width: 720px) {
    .suggestions[b-et1dip4b1p] {
        grid-template-columns: 1fr;
    }
}

.suggestion[b-et1dip4b1p] {
    display: flex;
}

.suggestion-btn[b-et1dip4b1p] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    text-align: left;
    width: 100%;
    padding: var(--space-3) var(--space-4);
    background: transparent;
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius);
    color: var(--text-secondary);
    transition:
        color var(--duration) var(--ease-out),
        background-color var(--duration) var(--ease-out),
        border-color var(--duration) var(--ease-out),
        transform var(--duration) var(--ease-out);
}

.suggestion-btn:hover:not(:disabled)[b-et1dip4b1p] {
    color: var(--text-primary);
    border-color: var(--accent);
    background: rgba(178, 153, 255, 0.04);
    transform: translateY(-1px);
}

.suggestion-btn:disabled[b-et1dip4b1p] {
    cursor: default;
    opacity: 0.5;
}

.suggestion-name[b-et1dip4b1p] {
    font-family: var(--font-display);
    font-weight: 400;
    font-size: var(--text-base);
    color: inherit;
    letter-spacing: -0.005em;
}

.suggestion-desc[b-et1dip4b1p] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    line-height: var(--leading-relaxed);
}

.suggestion-flag[b-et1dip4b1p] {
    position: absolute;
    top: var(--space-2);
    right: var(--space-3);
    font-family: var(--font-mono);
    font-size: 0.625rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--text-muted);
}

.suggestion.is-muted .suggestion-btn[b-et1dip4b1p] {
    border-style: dashed;
}

/* Submit bar -------------------------------------------------------------- */

.submit-bar[b-et1dip4b1p] {
    position: sticky;
    bottom: var(--space-6);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    padding: var(--space-4) var(--space-6);
    background: rgba(17, 17, 20, 0.82);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    box-shadow: 0 20px 60px -20px rgba(0, 0, 0, 0.5);
    z-index: 5;
}

.submit-summary[b-et1dip4b1p] {
    display: flex;
    gap: var(--space-3);
    flex-wrap: wrap;
    align-items: center;
}

.summary-pill[b-et1dip4b1p] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-1) var(--space-3);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    border-radius: 999px;
    border: 1px solid var(--border-faint);
    color: var(--text-tertiary);
}

.summary-pill.is-ok[b-et1dip4b1p] {
    color: var(--success);
    border-color: rgba(134, 239, 172, 0.32);
    background: rgba(134, 239, 172, 0.06);
}

.summary-pill.is-off[b-et1dip4b1p] {
    color: var(--danger);
    border-color: rgba(255, 123, 123, 0.32);
    background: rgba(255, 123, 123, 0.06);
}

.submit-saved[b-et1dip4b1p] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--text-tertiary);
}

.submit-saved-dim[b-et1dip4b1p] {
    opacity: 0.6;
}

@media (max-width: 640px) {
    .submit-bar[b-et1dip4b1p] {
        flex-direction: column;
        align-items: stretch;
        padding: var(--space-3) var(--space-4);
    }

    .row[b-et1dip4b1p] {
        grid-template-columns: auto 1fr;
    }

    .row-remove[b-et1dip4b1p] {
        grid-column: 2;
        justify-self: end;
    }
}
/* /Features/Dashboard/Dashboard.razor.rz.scp.css */
.dashboard[b-o4phvekmub] {
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
    padding: var(--space-12) clamp(var(--space-6), 5vw, var(--space-16));
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

/* --------- Head / hero ----------------------------------------------- */
.dashboard-head[b-o4phvekmub] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    max-width: 64ch;
}

.dashboard-head .eyebrow[b-o4phvekmub] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--text-tertiary);
}

.dashboard-head .display[b-o4phvekmub] {
    font-family: var(--font-display);
    font-weight: 400;
    font-size: clamp(var(--text-3xl), 5vw, var(--text-5xl));
    line-height: var(--leading-tight);
    letter-spacing: -0.01em;
    color: var(--text-primary);
    margin: 0;
}

.dashboard-head .display em[b-o4phvekmub] {
    font-style: italic;
    color: var(--text-secondary);
    display: block;
    margin-top: var(--space-2);
}

.dashboard-head .lede[b-o4phvekmub] {
    font-size: var(--text-lg);
    line-height: var(--leading-relaxed);
    color: var(--text-secondary);
    margin: 0;
    max-width: 58ch;
}

/* --------- CTA + progress track -------------------------------------- */
.dashboard-cta[b-o4phvekmub] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-6);
    margin-top: var(--space-4);
}

.dashboard-cta-meta[b-o4phvekmub] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    min-width: 200px;
}

.progress-track[b-o4phvekmub] {
    position: relative;
    display: block;
    height: 3px;
    background: var(--border-subtle);
    border-radius: 999px;
    overflow: hidden;
}

.progress-fill[b-o4phvekmub] {
    position: absolute;
    inset: 0 auto 0 0;
    background: var(--accent);
    border-radius: inherit;
    transition: width var(--duration-slow) var(--ease-out);
}

.progress-label[b-o4phvekmub] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-tertiary);
}

/* --------- Metricas -------------------------------------------------- */
.dashboard-metrics[b-o4phvekmub] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: var(--space-4);
}

.dashboard-metrics[b-o4phvekmub]  .metric-card {
    padding: var(--space-6);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    min-height: 148px;
}

.metric-eyebrow[b-o4phvekmub] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--text-tertiary);
    margin: 0;
}

.metric-value[b-o4phvekmub] {
    display: flex;
    align-items: baseline;
    gap: var(--space-2);
    margin: 0;
}

.metric-num[b-o4phvekmub] {
    font-family: var(--font-display);
    font-weight: 400;
    font-size: var(--text-4xl);
    line-height: 1;
    letter-spacing: -0.02em;
    color: var(--text-primary);
}

.metric-sub[b-o4phvekmub] {
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.metric-hint[b-o4phvekmub] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-sm);
    color: var(--text-secondary);
    margin: 0;
    line-height: var(--leading-normal);
}

/* --------- Funil ----------------------------------------------------- */
.dashboard-funnel[b-o4phvekmub] {
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
}

.funnel-head[b-o4phvekmub] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: var(--space-6);
    flex-wrap: wrap;
    border-bottom: 1px solid var(--border-faint);
    padding-bottom: var(--space-4);
}

.funnel-head .eyebrow[b-o4phvekmub] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--text-tertiary);
}

.funnel-title[b-o4phvekmub] {
    font-family: var(--font-display);
    font-weight: 400;
    font-size: var(--text-2xl);
    line-height: var(--leading-snug);
    color: var(--text-primary);
    margin: var(--space-1) 0 0;
}

.funnel-meta[b-o4phvekmub] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-tertiary);
}

.funnel-list[b-o4phvekmub] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 0;
    border-top: 1px solid var(--border-faint);
}

.funnel-item[b-o4phvekmub] {
    border-bottom: 1px solid var(--border-faint);
    border-right: 1px solid var(--border-faint);
}

.funnel-item:nth-child(even)[b-o4phvekmub] {
    border-right: none;
}

@media (max-width: 719px) {
    .funnel-item[b-o4phvekmub] {
        border-right: none;
    }
}

.funnel-link[b-o4phvekmub] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: var(--space-4);
    padding: var(--space-6);
    text-decoration: none;
    color: inherit;
    transition: background var(--duration-fast) var(--ease-out),
                border-color var(--duration-fast) var(--ease-out);
}

.funnel-link:hover[b-o4phvekmub],
.funnel-link:focus-visible[b-o4phvekmub] {
    background: var(--surface-1);
    outline: none;
}

.funnel-link:focus-visible[b-o4phvekmub] {
    box-shadow: inset 0 0 0 1px var(--accent);
}

.funnel-index[b-o4phvekmub] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.08em;
    color: var(--text-tertiary);
    min-width: 2ch;
}

.funnel-body[b-o4phvekmub] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.funnel-label[b-o4phvekmub] {
    font-family: var(--font-display);
    font-size: var(--text-lg);
    color: var(--text-primary);
    letter-spacing: -0.005em;
}

.funnel-hint[b-o4phvekmub] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.funnel-status[b-o4phvekmub] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    border: 1px solid var(--border);
    color: var(--text-tertiary);
}

.funnel-item.is-complete .funnel-status[b-o4phvekmub] {
    background: var(--accent-dim);
    border-color: transparent;
    color: var(--accent);
}

.funnel-item.is-complete .funnel-label[b-o4phvekmub] {
    color: var(--text-primary);
}

.funnel-item.is-pending .funnel-label[b-o4phvekmub] {
    color: var(--text-secondary);
}

.funnel-dot[b-o4phvekmub] {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--border);
}

/* --------- Responsive ------------------------------------------------ */
@media (max-width: 720px) {
    .dashboard[b-o4phvekmub] {
        gap: var(--space-12);
    }
    .dashboard-cta[b-o4phvekmub] {
        gap: var(--space-4);
    }
    .dashboard-cta-meta[b-o4phvekmub] {
        min-width: 100%;
    }
}
/* /Features/Interviews/InterviewsPage.razor.rz.scp.css */
.interviews[b-pdlzdtxht6] {
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
    padding-bottom: 4rem;
}

/* Head -------------------------------------------------------------------- */

.interviews-head[b-pdlzdtxht6] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    padding-bottom: var(--space-4);
    border-bottom: 1px solid var(--border-faint);
}

.eyebrow[b-pdlzdtxht6] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--text-tertiary);
}

.display[b-pdlzdtxht6] {
    font-family: var(--font-display);
    font-weight: 300;
    font-size: clamp(2rem, 4vw, 3rem);
    letter-spacing: -0.025em;
    line-height: var(--leading-tight);
    color: var(--text-primary);
}

.lede[b-pdlzdtxht6] {
    font-size: var(--text-lg);
    color: var(--text-secondary);
    line-height: var(--leading-relaxed);
    max-width: 42rem;
}

/* Initial loading --------------------------------------------------------- */

.interviews-initial[b-pdlzdtxht6] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    color: var(--text-secondary);
    font-size: var(--text-sm);
    padding: var(--space-12);
    justify-content: center;
}

.spinner[b-pdlzdtxht6] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(244, 241, 234, 0.16);
    border-top-color: var(--accent);
    border-radius: 50%;
    animation: spin-b-pdlzdtxht6 720ms linear infinite;
}

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

/* Empty state ------------------------------------------------------------- */

[b-pdlzdtxht6] .interviews-empty {
    padding: var(--space-10) var(--space-8);
}

.interviews-empty-body[b-pdlzdtxht6] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    max-width: 42rem;
}

.interviews-empty-eyebrow[b-pdlzdtxht6] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--text-tertiary);
}

.interviews-empty-title[b-pdlzdtxht6] {
    font-family: var(--font-display);
    font-weight: 300;
    font-size: var(--text-2xl);
    letter-spacing: -0.02em;
    line-height: var(--leading-snug);
    color: var(--text-primary);
}

.interviews-empty-desc[b-pdlzdtxht6] {
    font-size: var(--text-base);
    color: var(--text-secondary);
    line-height: var(--leading-relaxed);
}

.interviews-empty-actions[b-pdlzdtxht6] {
    display: flex;
    gap: var(--space-3);
    flex-wrap: wrap;
    margin-top: var(--space-3);
}

/* Toolbar ----------------------------------------------------------------- */

.interviews-toolbar[b-pdlzdtxht6] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: var(--space-6);
    padding: var(--space-4) var(--space-6);
    background: var(--surface-1);
    border: 1px solid var(--border-faint);
    border-radius: var(--radius-lg);
}

.interviews-toolbar-info[b-pdlzdtxht6] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.interviews-toolbar-eyebrow[b-pdlzdtxht6] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--accent);
}

.interviews-toolbar-title[b-pdlzdtxht6] {
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--text-lg);
    line-height: var(--leading-snug);
    color: var(--text-primary);
    letter-spacing: -0.01em;
}

.interviews-toolbar-desc[b-pdlzdtxht6] {
    margin: 0;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    letter-spacing: 0.01em;
}

.interviews-toolbar-actions[b-pdlzdtxht6] {
    display: flex;
    gap: var(--space-3);
    justify-self: end;
    flex-wrap: wrap;
}

/* Grid -------------------------------------------------------------------- */

.interviews-grid[b-pdlzdtxht6] {
    display: grid;
    grid-template-columns: 22rem 1fr;
    gap: var(--space-6);
    min-height: 32rem;
}

/* List -------------------------------------------------------------------- */

.interviews-list[b-pdlzdtxht6] {
    background: var(--surface-1);
    border: 1px solid var(--border-faint);
    border-radius: var(--radius-lg);
    padding: var(--space-3);
    overflow: hidden;
    max-height: 42rem;
    overflow-y: auto;
}

.interviews-list ul[b-pdlzdtxht6] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.interview-card[b-pdlzdtxht6] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    width: 100%;
    text-align: left;
    padding: var(--space-3) var(--space-4);
    border-radius: var(--radius);
    border: 1px solid transparent;
    transition:
        background-color var(--duration) var(--ease-out),
        border-color var(--duration) var(--ease-out);
}

.interview-card:hover[b-pdlzdtxht6] {
    background: var(--surface-2);
}

.interview-card.is-selected[b-pdlzdtxht6] {
    background: var(--surface-2);
    border-color: var(--border-subtle);
}

.interview-card-head[b-pdlzdtxht6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
}

.interview-card-name[b-pdlzdtxht6] {
    font-family: var(--font-display);
    font-weight: 400;
    font-size: var(--text-base);
    color: var(--text-primary);
    letter-spacing: -0.01em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.interview-card-meta[b-pdlzdtxht6] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.06em;
    color: var(--text-tertiary);
    text-transform: uppercase;
}

.meta-count[b-pdlzdtxht6] {
    color: var(--text-muted);
}

.meta-time[b-pdlzdtxht6] {
    color: var(--text-tertiary);
}

.meta-error[b-pdlzdtxht6] {
    color: var(--danger);
}

.meta-dot[b-pdlzdtxht6] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--accent);
    animation: pulse-dot-b-pdlzdtxht6 1.6s var(--ease-in-out) infinite;
}

@keyframes pulse-dot-b-pdlzdtxht6 {
    0%, 100% { opacity: 0.35; transform: scale(0.9); }
    50%      { opacity: 1; transform: scale(1.1); }
}

/* Status pill ------------------------------------------------------------- */

.status-pill[b-pdlzdtxht6] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: 2px var(--space-2);
    font-family: var(--font-mono);
    font-size: 0.68rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    border-radius: 999px;
    border: 1px solid var(--border-faint);
}

.status-pill-pending[b-pdlzdtxht6] {
    color: var(--text-tertiary);
    border-color: var(--border-faint);
}

.status-pill-ongoing[b-pdlzdtxht6] {
    color: var(--accent);
    border-color: rgba(200, 182, 255, 0.32);
    background: rgba(200, 182, 255, 0.08);
}

.status-pill-finished[b-pdlzdtxht6] {
    color: var(--success);
    border-color: rgba(134, 239, 172, 0.32);
    background: rgba(134, 239, 172, 0.06);
}

.status-pill-error[b-pdlzdtxht6] {
    color: var(--danger);
    border-color: rgba(255, 123, 123, 0.32);
    background: rgba(255, 123, 123, 0.06);
}

.status-pill-dot[b-pdlzdtxht6] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    animation: pulse-dot-b-pdlzdtxht6 1.6s var(--ease-in-out) infinite;
}

/* Detail ------------------------------------------------------------------ */

.interviews-detail[b-pdlzdtxht6] {
    display: flex;
    flex-direction: column;
    min-height: 24rem;
    background: var(--surface-1);
    border: 1px solid var(--border-faint);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.detail-empty[b-pdlzdtxht6] {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    gap: var(--space-3);
    color: var(--text-tertiary);
    font-size: var(--text-sm);
    padding: var(--space-12);
}

.detail-head[b-pdlzdtxht6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    padding: var(--space-5) var(--space-6);
    border-bottom: 1px solid var(--border-faint);
    background: var(--surface-1);
}

.detail-head-main[b-pdlzdtxht6] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    min-width: 0;
}

.detail-title[b-pdlzdtxht6] {
    font-family: var(--font-display);
    font-weight: 400;
    font-size: var(--text-xl);
    letter-spacing: -0.015em;
    color: var(--text-primary);
    margin: 0;
}

.detail-head-actions[b-pdlzdtxht6] {
    display: flex;
    gap: var(--space-2);
}

.detail-error[b-pdlzdtxht6] {
    margin: var(--space-4) var(--space-6) 0;
    padding: var(--space-3) var(--space-4);
    background: rgba(255, 123, 123, 0.06);
    border: 1px solid rgba(255, 123, 123, 0.28);
    border-radius: var(--radius);
    color: var(--danger);
    font-size: var(--text-sm);
    line-height: var(--leading-relaxed);
}

.detail-error strong[b-pdlzdtxht6] {
    color: var(--danger);
    font-weight: 600;
    margin-right: var(--space-2);
}

/* Transcript -------------------------------------------------------------- */

.transcript[b-pdlzdtxht6] {
    flex: 1;
    overflow-y: auto;
    padding: var(--space-6);
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    scroll-behavior: smooth;
    max-height: 38rem;
}

.transcript-empty[b-pdlzdtxht6] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    color: var(--text-tertiary);
    font-size: var(--text-sm);
    font-style: italic;
    padding: var(--space-12);
}

.transcript-break[b-pdlzdtxht6] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin: var(--space-4) 0 var(--space-2);
    padding-bottom: var(--space-2);
    border-bottom: 1px dashed var(--border-faint);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-muted);
}

.transcript-break:first-child[b-pdlzdtxht6] {
    margin-top: 0;
}

.transcript-break-stimulus[b-pdlzdtxht6] {
    color: var(--text-tertiary);
}

.transcript-break-criterion[b-pdlzdtxht6] {
    color: var(--accent);
}

.transcript-break-dot[b-pdlzdtxht6] {
    color: var(--text-muted);
}

/* Bubbles ----------------------------------------------------------------- */

.bubble[b-pdlzdtxht6] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-width: 42rem;
    padding: var(--space-3) var(--space-4);
    border-radius: var(--radius-lg);
    animation: bubble-in-b-pdlzdtxht6 220ms var(--ease-out) both;
}

.bubble.is-sophia[b-pdlzdtxht6] {
    align-self: flex-start;
    background: var(--surface-2);
    border: 1px solid var(--border-faint);
}

.bubble.is-persona[b-pdlzdtxht6] {
    align-self: flex-end;
    background: rgba(200, 182, 255, 0.08);
    border: 1px solid rgba(200, 182, 255, 0.18);
}

.bubble-speaker[b-pdlzdtxht6] {
    font-family: var(--font-mono);
    font-size: 0.68rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--text-muted);
}

.bubble.is-persona .bubble-speaker[b-pdlzdtxht6] {
    color: var(--accent);
}

.bubble-text[b-pdlzdtxht6] {
    font-size: var(--text-base);
    line-height: var(--leading-relaxed);
    color: var(--text-primary);
    white-space: pre-wrap;
    word-wrap: break-word;
}

@keyframes bubble-in-b-pdlzdtxht6 {
    from { opacity: 0; transform: translateY(4px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Typing indicator -------------------------------------------------------- */

.bubble.is-typing[b-pdlzdtxht6] {
    align-self: flex-start;
    background: transparent;
    border: none;
    padding: var(--space-2) var(--space-4);
}

.typing[b-pdlzdtxht6] {
    display: inline-flex;
    gap: 4px;
    align-items: center;
}

.typing span[b-pdlzdtxht6] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--text-muted);
    animation: typing-dot-b-pdlzdtxht6 1.2s var(--ease-in-out) infinite;
}

.typing span:nth-child(2)[b-pdlzdtxht6] { animation-delay: 0.15s; }
.typing span:nth-child(3)[b-pdlzdtxht6] { animation-delay: 0.30s; }

@keyframes typing-dot-b-pdlzdtxht6 {
    0%, 60%, 100% { opacity: 0.25; transform: translateY(0); }
    30%           { opacity: 1; transform: translateY(-2px); }
}

/* Responsive -------------------------------------------------------------- */

@media (max-width: 960px) {
    .interviews-grid[b-pdlzdtxht6] {
        grid-template-columns: 1fr;
    }

    .interviews-list[b-pdlzdtxht6] {
        max-height: 20rem;
    }

    .transcript[b-pdlzdtxht6] {
        max-height: 28rem;
    }

    .bubble[b-pdlzdtxht6] {
        max-width: 100%;
    }

    .interviews-toolbar[b-pdlzdtxht6] {
        grid-template-columns: 1fr;
    }

    .interviews-toolbar-actions[b-pdlzdtxht6] {
        justify-self: stretch;
    }
}
/* /Features/Personas/GeneratePersonas.razor.rz.scp.css */
.personas[b-f4hz99d8bw] {
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
    padding-bottom: var(--space-16);
}

/* Head --------------------------------------------------------------- */
.personas-head[b-f4hz99d8bw] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    max-width: 64ch;
}

.eyebrow[b-f4hz99d8bw] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--accent);
}

.display[b-f4hz99d8bw] {
    margin: 0;
    font-family: var(--font-display);
    font-size: clamp(var(--text-3xl), 4vw, var(--text-4xl));
    line-height: var(--leading-tight);
    letter-spacing: -0.02em;
    color: var(--text-primary);
}

.lede[b-f4hz99d8bw] {
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--text-lg);
    line-height: var(--leading-relaxed);
    color: var(--text-secondary);
}

.lede strong[b-f4hz99d8bw] {
    color: var(--text-primary);
    font-weight: 500;
}

/* Initial loading --------------------------------------------------- */
.personas-initial[b-f4hz99d8bw] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    color: var(--text-secondary);
    font-size: var(--text-sm);
    padding: var(--space-8) 0;
}

.spinner[b-f4hz99d8bw] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(244, 241, 234, 0.16);
    border-top-color: var(--accent);
    border-radius: 50%;
    animation: spin-b-f4hz99d8bw 720ms linear infinite;
}

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

/* Toolbar ------------------------------------------------------------ */
.personas-toolbar[b-f4hz99d8bw] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: var(--space-6);
    padding: var(--space-5, 1.25rem) var(--space-6);
    background: var(--surface-1);
    border: 1px solid var(--border-faint);
    border-radius: var(--radius-lg);
}

.personas-toolbar-info[b-f4hz99d8bw] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.personas-toolbar-eyebrow[b-f4hz99d8bw] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--accent);
}

.personas-toolbar-title[b-f4hz99d8bw] {
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--text-lg);
    line-height: var(--leading-snug);
    color: var(--text-primary);
    letter-spacing: -0.01em;
}

.personas-toolbar-desc[b-f4hz99d8bw] {
    margin: 0;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    letter-spacing: 0.01em;
}

.personas-toolbar-actions[b-f4hz99d8bw] {
    display: flex;
    gap: var(--space-3);
    justify-self: end;
}

/* Progress ------------------------------------------------------------ */
.personas-progress-track[b-f4hz99d8bw] {
    grid-column: 1 / -1;
    height: 2px;
    background: rgba(244, 241, 234, 0.06);
    border-radius: 999px;
    overflow: hidden;
    position: relative;
}

.personas-progress-bar[b-f4hz99d8bw] {
    position: absolute;
    inset: 0;
    width: 32%;
    background: linear-gradient(90deg, transparent, var(--accent), transparent);
    animation: progress-sweep-b-f4hz99d8bw 1.8s ease-in-out infinite;
}

.personas-progress-fill[b-f4hz99d8bw] {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: var(--accent);
    border-radius: 999px;
    transition: width 400ms cubic-bezier(0.22, 0.61, 0.36, 1);
    box-shadow: 0 0 12px rgba(150, 130, 255, 0.35);
}

@keyframes progress-sweep-b-f4hz99d8bw {
    0%   { transform: translateX(-40%); }
    100% { transform: translateX(260%); }
}

/* Empty state -------------------------------------------------------- */
[b-f4hz99d8bw] .personas-empty {
    padding: var(--space-16) var(--space-8);
}

.personas-empty-body[b-f4hz99d8bw] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    align-items: flex-start;
    max-width: 52ch;
    margin: 0 auto;
    text-align: left;
}

.personas-empty-eyebrow[b-f4hz99d8bw] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--text-tertiary);
}

.personas-empty-title[b-f4hz99d8bw] {
    margin: 0;
    font-family: var(--font-display);
    font-size: clamp(var(--text-2xl), 3vw, var(--text-3xl));
    line-height: var(--leading-tight);
    letter-spacing: -0.01em;
    color: var(--text-primary);
}

.personas-empty-desc[b-f4hz99d8bw] {
    margin: 0;
    font-size: var(--text-base);
    line-height: var(--leading-relaxed);
    color: var(--text-secondary);
}

.personas-empty-actions[b-f4hz99d8bw] {
    display: flex;
    gap: var(--space-3);
    flex-wrap: wrap;
    margin-top: var(--space-2);
}

/* Gallery ------------------------------------------------------------- */
.personas-gallery[b-f4hz99d8bw] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
    gap: var(--space-4);
}

@media (min-width: 1400px) {
    .personas-gallery[b-f4hz99d8bw] { grid-template-columns: repeat(auto-fill, minmax(22rem, 1fr)); }
}

/* Skeleton cards ----------------------------------------------------- */
.persona-skeleton[b-f4hz99d8bw] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    background: var(--surface-1);
    border: 1px solid var(--border-faint);
    border-radius: var(--radius-lg);
    padding: var(--space-6);
    min-height: 260px;
}

.persona-skeleton-head[b-f4hz99d8bw] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--space-4);
    align-items: center;
}

.persona-skeleton-heading[b-f4hz99d8bw] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.persona-skeleton-badges[b-f4hz99d8bw] {
    display: flex;
    gap: var(--space-2);
}

/* Responsive --------------------------------------------------------- */
@media (max-width: 720px) {
    .personas-toolbar[b-f4hz99d8bw] {
        grid-template-columns: 1fr;
    }
    .personas-toolbar-actions[b-f4hz99d8bw] { justify-self: stretch; }
    .personas-toolbar-actions[b-f4hz99d8bw]  .btn { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .personas-progress-bar[b-f4hz99d8bw] { animation: none; }
    .spinner[b-f4hz99d8bw] { animation: none; }
}
/* /Features/Personas/Parts/PersonaCard.razor.rz.scp.css */
.persona-card[b-7kulbuhn8w] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    background: var(--surface-1);
    border: 1px solid var(--border-faint);
    border-radius: var(--radius-lg);
    padding: var(--space-6);
    min-height: 260px;
    transition:
        border-color var(--duration) var(--ease-out),
        transform var(--duration) var(--ease-out),
        box-shadow var(--duration) var(--ease-out),
        background-color var(--duration) var(--ease-out);
}

.persona-card.is-clickable[b-7kulbuhn8w] {
    cursor: pointer;
}

.persona-card.is-clickable:hover[b-7kulbuhn8w] {
    border-color: var(--border-subtle);
    transform: translateY(-2px);
    box-shadow: 0 16px 48px -28px rgba(0, 0, 0, 0.65);
    background: rgba(244, 241, 234, 0.015);
}

.persona-card.is-clickable:focus-visible[b-7kulbuhn8w] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.persona-card.is-clickable:active[b-7kulbuhn8w] {
    transform: translateY(-1px);
}

.persona-head[b-7kulbuhn8w] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--space-4);
    align-items: center;
}

.persona-avatar[b-7kulbuhn8w] {
    position: relative;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--accent-dim);
    border: 1px solid rgba(200, 182, 255, 0.28);
    overflow: hidden;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    transition: border-color var(--duration) var(--ease-out);
}

.persona-avatar.is-generating[b-7kulbuhn8w] {
    border-color: var(--accent);
}

.persona-avatar img[b-7kulbuhn8w] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.persona-avatar-overlay[b-7kulbuhn8w] {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    background: rgba(6, 6, 8, 0.62);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    animation: persona-overlay-in-b-7kulbuhn8w 200ms var(--ease-out) both;
}

.persona-avatar-overlay .spinner[b-7kulbuhn8w] {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(244, 241, 234, 0.18);
    border-top-color: var(--accent);
    border-radius: 50%;
    animation: persona-overlay-spin-b-7kulbuhn8w 720ms linear infinite;
}

@keyframes persona-overlay-spin-b-7kulbuhn8w { to { transform: rotate(360deg); } }
@keyframes persona-overlay-in-b-7kulbuhn8w { from { opacity: 0; } to { opacity: 1; } }

@media (prefers-reduced-motion: reduce) {
    .persona-avatar-overlay[b-7kulbuhn8w] { animation: none; }
    .persona-avatar-overlay .spinner[b-7kulbuhn8w] { animation: none; }
    .persona-card[b-7kulbuhn8w] { transition: none; }
    .persona-card.is-clickable:hover[b-7kulbuhn8w] { transform: none; }
}

.persona-monogram[b-7kulbuhn8w] {
    font-family: var(--font-display);
    font-size: var(--text-xl);
    color: var(--accent);
    letter-spacing: 0.02em;
}

.persona-heading[b-7kulbuhn8w] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    min-width: 0;
}

.persona-name[b-7kulbuhn8w] {
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--text-xl);
    line-height: var(--leading-snug);
    letter-spacing: -0.01em;
    color: var(--text-primary);
    overflow-wrap: break-word;
}

.persona-badges[b-7kulbuhn8w] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}

.persona-narrative-preview[b-7kulbuhn8w] {
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--text-sm);
    line-height: var(--leading-relaxed);
    color: var(--text-secondary);
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.persona-meta-foot[b-7kulbuhn8w] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding-top: var(--space-3);
    border-top: 1px solid var(--border-faint);
    margin-top: auto;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.06em;
    color: var(--text-tertiary);
    text-transform: uppercase;
}

.persona-meta-dot[b-7kulbuhn8w] {
    color: var(--text-tertiary);
    opacity: 0.6;
}

@media (max-width: 520px) {
    .persona-card[b-7kulbuhn8w] { padding: var(--space-5, 1.25rem); }
}
/* /Features/Personas/Parts/PersonaDetailPanel.razor.rz.scp.css */
.detail-hero[b-0uvx1zoq22] {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: var(--space-5);
    align-items: center;
    padding: var(--space-5) var(--space-6);
    background: var(--surface-1);
    border: 1px solid var(--border-faint);
    border-radius: var(--radius-lg, 14px);
}

.detail-avatar[b-0uvx1zoq22] {
    position: relative;
    width: 140px;
    height: 140px;
    border-radius: var(--radius-lg, 14px);
    background:
        radial-gradient(120% 100% at 20% 10%, rgba(200, 182, 255, 0.22), transparent 60%),
        var(--accent-dim);
    border: 1px solid rgba(200, 182, 255, 0.28);
    overflow: hidden;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    box-shadow: 0 18px 36px -24px rgba(0, 0, 0, 0.55);
    transition: border-color var(--duration) var(--ease-out);
}

.detail-avatar.is-generating[b-0uvx1zoq22] {
    border-color: var(--accent);
}

.detail-avatar img[b-0uvx1zoq22] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.detail-avatar-overlay[b-0uvx1zoq22] {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    background: rgba(6, 6, 8, 0.62);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.detail-avatar-overlay .spinner[b-0uvx1zoq22] {
    width: 22px;
    height: 22px;
    border: 2px solid rgba(244, 241, 234, 0.18);
    border-top-color: var(--accent);
    border-radius: 50%;
    animation: detail-spin-b-0uvx1zoq22 720ms linear infinite;
}

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

.detail-monogram[b-0uvx1zoq22] {
    font-family: var(--font-display);
    font-weight: 300;
    font-size: 2.75rem;
    color: var(--accent);
    letter-spacing: -0.02em;
    line-height: 1;
}

.detail-hero-text[b-0uvx1zoq22] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--space-3);
    min-width: 0;
}

.detail-badges[b-0uvx1zoq22] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}

.detail-hero-sub[b-0uvx1zoq22] {
    margin: 0;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-tertiary);
}

.detail-meta[b-0uvx1zoq22] {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-4) var(--space-5);
    padding: var(--space-5) var(--space-6);
    background: var(--surface-1);
    border: 1px solid var(--border-faint);
    border-radius: var(--radius-lg, 14px);
}

.detail-meta-row[b-0uvx1zoq22] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.detail-meta-row dt[b-0uvx1zoq22] {
    margin: 0;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-tertiary);
}

.detail-meta-row dd[b-0uvx1zoq22] {
    margin: 0;
    font-size: var(--text-sm);
    color: var(--text-primary);
    line-height: var(--leading-snug);
    overflow-wrap: break-word;
}

.detail-chips[b-0uvx1zoq22] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.detail-chips-label[b-0uvx1zoq22] {
    margin: 0;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-tertiary);
}

.detail-chips-list[b-0uvx1zoq22] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}

.detail-chips-list li[b-0uvx1zoq22] {
    padding: 0.4rem var(--space-3);
    border-radius: 999px;
    background: rgba(244, 241, 234, 0.035);
    border: 1px solid var(--border-faint);
    font-size: var(--text-sm);
    color: var(--text-secondary);
    line-height: 1.2;
}

.detail-chips-list--accent li[b-0uvx1zoq22] {
    background: var(--accent-dim);
    border-color: rgba(200, 182, 255, 0.22);
    color: var(--accent);
}

.detail-narrative[b-0uvx1zoq22] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.detail-narrative-body[b-0uvx1zoq22] {
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--text-base);
    line-height: var(--leading-relaxed);
    color: var(--text-secondary);
    white-space: pre-wrap;
}

@media (max-width: 640px) {
    .detail-hero[b-0uvx1zoq22] {
        grid-template-columns: auto 1fr;
        gap: var(--space-4);
        padding: var(--space-4);
    }
    .detail-avatar[b-0uvx1zoq22] {
        width: 96px;
        height: 96px;
    }
    .detail-monogram[b-0uvx1zoq22] {
        font-size: 2rem;
    }
    .detail-meta[b-0uvx1zoq22] {
        grid-template-columns: 1fr 1fr;
        padding: var(--space-4);
    }
}
/* /Features/Reports/ReportPage.razor.rz.scp.css */
.report-page[b-7tnn9npyd3] {
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
    padding-bottom: 4rem;
}

/* Head -------------------------------------------------------------------- */

.report-head[b-7tnn9npyd3] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    padding-bottom: var(--space-4);
    border-bottom: 1px solid var(--border-faint);
}

.eyebrow[b-7tnn9npyd3] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--text-tertiary);
}

.display[b-7tnn9npyd3] {
    font-family: var(--font-display);
    font-weight: 300;
    font-size: clamp(2rem, 4vw, 3rem);
    letter-spacing: -0.025em;
    line-height: var(--leading-tight);
    color: var(--text-primary);
}

.lede[b-7tnn9npyd3] {
    font-size: var(--text-lg);
    color: var(--text-secondary);
    line-height: var(--leading-relaxed);
    max-width: 42rem;
}

/* Initial loading --------------------------------------------------------- */

.report-initial[b-7tnn9npyd3] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    color: var(--text-secondary);
    font-size: var(--text-sm);
    padding: var(--space-12);
    justify-content: center;
}

.spinner[b-7tnn9npyd3] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(244, 241, 234, 0.16);
    border-top-color: var(--accent);
    border-radius: 50%;
    animation: spin-b-7tnn9npyd3 720ms linear infinite;
}

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

/* Empty state ------------------------------------------------------------- */

[b-7tnn9npyd3] .report-empty {
    padding: var(--space-10) var(--space-8);
}

.report-empty-body[b-7tnn9npyd3] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    max-width: 42rem;
}

.report-empty-eyebrow[b-7tnn9npyd3] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--text-tertiary);
}

.report-empty-title[b-7tnn9npyd3] {
    font-family: var(--font-display);
    font-weight: 300;
    font-size: var(--text-2xl);
    letter-spacing: -0.02em;
    line-height: var(--leading-snug);
    color: var(--text-primary);
}

.report-empty-desc[b-7tnn9npyd3] {
    font-size: var(--text-base);
    color: var(--text-secondary);
    line-height: var(--leading-relaxed);
}

.report-empty-actions[b-7tnn9npyd3] {
    display: flex;
    gap: var(--space-3);
    flex-wrap: wrap;
    margin-top: var(--space-3);
}

/* Toolbar ----------------------------------------------------------------- */

.report-toolbar[b-7tnn9npyd3] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: var(--space-6);
    padding: var(--space-4) var(--space-6);
    background: var(--surface-1);
    border: 1px solid var(--border-faint);
    border-radius: var(--radius-lg);
}

.report-toolbar-info[b-7tnn9npyd3] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.report-toolbar-eyebrow[b-7tnn9npyd3] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--accent);
}

.report-toolbar-title[b-7tnn9npyd3] {
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--text-lg);
    line-height: var(--leading-snug);
    color: var(--text-primary);
    letter-spacing: -0.01em;
}

.report-toolbar-desc[b-7tnn9npyd3] {
    margin: 0;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    letter-spacing: 0.01em;
}

.report-toolbar-actions[b-7tnn9npyd3] {
    display: flex;
    gap: var(--space-3);
    justify-self: end;
    flex-wrap: wrap;
}

/* Progress card ----------------------------------------------------------- */

[b-7tnn9npyd3] .report-progress {
    padding: var(--space-6);
}

.progress-row[b-7tnn9npyd3] {
    display: grid;
    grid-template-columns: 1fr 14rem;
    gap: var(--space-6);
    align-items: center;
    margin-bottom: var(--space-6);
}

.progress-text[b-7tnn9npyd3] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.progress-title[b-7tnn9npyd3] {
    font-family: var(--font-display);
    font-weight: 400;
    font-size: var(--text-xl);
    letter-spacing: -0.01em;
    color: var(--text-primary);
    margin: 0;
}

.progress-meta[b-7tnn9npyd3] {
    margin: 0;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.06em;
    color: var(--text-tertiary);
    text-transform: uppercase;
}

[b-7tnn9npyd3] .progress-bar-slot { width: 100%; }

.progress-steps[b-7tnn9npyd3] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    border-left: 1px dashed var(--border-faint);
    padding-left: var(--space-4);
    margin-top: var(--space-2);
}

.progress-steps li[b-7tnn9npyd3] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    line-height: var(--leading-snug);
    transition: color var(--duration) var(--ease-out);
}

.progress-steps li.is-done[b-7tnn9npyd3] { color: var(--text-secondary); }
.progress-steps li.is-current[b-7tnn9npyd3] { color: var(--text-primary); }

.step-mark[b-7tnn9npyd3] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: transparent;
    border: 1px solid var(--border-strong);
    flex-shrink: 0;
}

.progress-steps li.is-done .step-mark[b-7tnn9npyd3] {
    background: var(--success);
    border-color: var(--success);
}

.progress-steps li.is-current .step-mark[b-7tnn9npyd3] {
    background: var(--accent);
    border-color: var(--accent);
    animation: pulse-step-b-7tnn9npyd3 1.6s var(--ease-in-out) infinite;
}

@keyframes pulse-step-b-7tnn9npyd3 {
    0%, 100% { box-shadow: 0 0 0 0 rgba(200, 182, 255, 0.5); }
    50%      { box-shadow: 0 0 0 5px rgba(200, 182, 255, 0); }
}

.progress-hint[b-7tnn9npyd3] {
    margin: var(--space-6) 0 0;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.progress-stale[b-7tnn9npyd3] {
    margin: var(--space-6) 0 0;
    padding: var(--space-3) var(--space-4);
    background: rgba(255, 123, 123, 0.06);
    border: 1px solid rgba(255, 123, 123, 0.28);
    border-radius: var(--radius);
    color: var(--danger);
    font-size: var(--text-sm);
    line-height: var(--leading-relaxed);
}

/* Error card -------------------------------------------------------------- */

[b-7tnn9npyd3] .report-error {
    padding: var(--space-6);
    border-color: rgba(255, 123, 123, 0.24);
}

.error-row[b-7tnn9npyd3] {
    display: flex;
    gap: var(--space-4);
    align-items: flex-start;
}

.error-mark[b-7tnn9npyd3] {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    display: grid;
    place-items: center;
    background: rgba(255, 123, 123, 0.12);
    color: var(--danger);
    border-radius: 50%;
    font-family: var(--font-display);
    font-weight: 500;
    font-size: var(--text-lg);
    line-height: 1;
}

.error-text[b-7tnn9npyd3] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.error-title[b-7tnn9npyd3] {
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--text-lg);
    color: var(--text-primary);
    letter-spacing: -0.01em;
}

.error-detail[b-7tnn9npyd3] {
    margin: 0;
    font-size: var(--text-sm);
    color: var(--text-secondary);
    line-height: var(--leading-relaxed);
    word-break: break-word;
}

.error-hint[b-7tnn9npyd3] {
    margin: var(--space-4) 0 0;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    line-height: var(--leading-relaxed);
}

/* Editorial prose --------------------------------------------------------- */

.report-prose[b-7tnn9npyd3] {
    max-width: 42rem;
    margin: 0 auto;
    padding: var(--space-8) var(--space-4);
    color: var(--text-primary);
    font-family: var(--font-sans);
    font-size: 1.0625rem;
    line-height: var(--leading-relaxed);
    letter-spacing: -0.005em;
}

.report-prose[b-7tnn9npyd3]  h1 {
    font-family: var(--font-display);
    font-weight: 300;
    font-size: clamp(2.25rem, 4vw, 3rem);
    letter-spacing: -0.03em;
    line-height: var(--leading-tight);
    margin: 0 0 var(--space-4);
    padding-bottom: var(--space-4);
    border-bottom: 1px solid var(--border-faint);
}

.report-prose[b-7tnn9npyd3]  h2 {
    font-family: var(--font-display);
    font-weight: 400;
    font-size: var(--text-2xl);
    letter-spacing: -0.02em;
    line-height: var(--leading-tight);
    margin: var(--space-12) 0 var(--space-4);
    color: var(--text-primary);
}

.report-prose[b-7tnn9npyd3]  h2 + p,
.report-prose[b-7tnn9npyd3]  h2 + ul,
.report-prose[b-7tnn9npyd3]  h2 + ol { margin-top: var(--space-3); }

.report-prose[b-7tnn9npyd3]  h3 {
    font-family: var(--font-display);
    font-weight: 500;
    font-size: var(--text-xl);
    letter-spacing: -0.015em;
    margin: var(--space-8) 0 var(--space-3);
    color: var(--text-primary);
}

.report-prose[b-7tnn9npyd3]  h4 {
    font-family: var(--font-sans);
    font-weight: 600;
    font-size: var(--text-base);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin: var(--space-6) 0 var(--space-2);
    color: var(--accent);
}

.report-prose[b-7tnn9npyd3]  p {
    margin: 0 0 var(--space-4);
    color: var(--text-primary);
}

.report-prose[b-7tnn9npyd3]  p:has(+ p),
.report-prose[b-7tnn9npyd3]  p + p { margin-top: 0; }

.report-prose[b-7tnn9npyd3]  strong {
    color: var(--text-primary);
    font-weight: 600;
}

.report-prose[b-7tnn9npyd3]  em {
    font-style: italic;
    color: var(--text-secondary);
}

.report-prose[b-7tnn9npyd3]  ul,
.report-prose[b-7tnn9npyd3]  ol {
    margin: 0 0 var(--space-4);
    padding-left: var(--space-6);
    color: var(--text-primary);
}

.report-prose[b-7tnn9npyd3]  li {
    margin-bottom: var(--space-2);
    line-height: var(--leading-relaxed);
}

.report-prose[b-7tnn9npyd3]  li::marker {
    color: var(--text-tertiary);
}

.report-prose[b-7tnn9npyd3]  blockquote {
    margin: var(--space-6) 0;
    padding: var(--space-3) var(--space-6);
    border-left: 2px solid var(--accent);
    color: var(--text-secondary);
    font-family: var(--font-display);
    font-size: var(--text-lg);
    font-style: italic;
    line-height: var(--leading-relaxed);
    letter-spacing: -0.01em;
}

.report-prose[b-7tnn9npyd3]  blockquote p { margin-bottom: var(--space-2); }

.report-prose[b-7tnn9npyd3]  hr {
    border: none;
    height: 1px;
    background: var(--border-faint);
    margin: var(--space-12) 0;
}

.report-prose[b-7tnn9npyd3]  code {
    font-family: var(--font-mono);
    font-size: 0.9em;
    color: var(--accent);
    background: var(--surface-2);
    padding: 1px 6px;
    border-radius: 4px;
}

.report-prose[b-7tnn9npyd3]  pre {
    background: var(--surface-2);
    border: 1px solid var(--border-faint);
    border-radius: var(--radius);
    padding: var(--space-4);
    overflow-x: auto;
    margin: 0 0 var(--space-4);
}

.report-prose[b-7tnn9npyd3]  pre code {
    background: none;
    color: var(--text-primary);
    padding: 0;
    font-size: var(--text-sm);
}

.report-prose[b-7tnn9npyd3]  table {
    width: 100%;
    border-collapse: collapse;
    margin: var(--space-4) 0 var(--space-6);
    font-size: var(--text-sm);
}

.report-prose[b-7tnn9npyd3]  th,
.report-prose[b-7tnn9npyd3]  td {
    border: 1px solid var(--border-faint);
    padding: var(--space-2) var(--space-3);
    text-align: left;
    vertical-align: top;
}

.report-prose[b-7tnn9npyd3]  th {
    background: var(--surface-2);
    font-weight: 600;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--text-secondary);
}

.report-prose[b-7tnn9npyd3]  a {
    color: var(--accent);
    text-decoration: underline;
    text-decoration-color: rgba(200, 182, 255, 0.4);
    text-underline-offset: 3px;
    transition: text-decoration-color var(--duration) var(--ease-out);
}

.report-prose[b-7tnn9npyd3]  a:hover { text-decoration-color: var(--accent); }

.report-foot[b-7tnn9npyd3] {
    max-width: 42rem;
    margin: 0 auto;
    padding: var(--space-6) var(--space-4) 0;
    border-top: 1px solid var(--border-faint);
}

.report-foot-meta[b-7tnn9npyd3] {
    margin: 0;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-tertiary);
}

/* Responsive -------------------------------------------------------------- */

@media (max-width: 760px) {
    .report-toolbar[b-7tnn9npyd3] {
        grid-template-columns: 1fr;
    }

    .report-toolbar-actions[b-7tnn9npyd3] {
        justify-self: stretch;
    }

    .progress-row[b-7tnn9npyd3] {
        grid-template-columns: 1fr;
    }

    .report-prose[b-7tnn9npyd3] {
        padding: var(--space-6) 0;
        font-size: 1rem;
    }
}
/* /Features/Roteiros/RoteiroPage.razor.rz.scp.css */
.roteiro[b-r3xtisavoh] {
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
    max-width: 54rem;
    padding-bottom: 8rem;
}

/* Head -------------------------------------------------------------------- */

.roteiro-head[b-r3xtisavoh] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    padding-bottom: var(--space-4);
    border-bottom: 1px solid var(--border-faint);
}

.eyebrow[b-r3xtisavoh] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--text-tertiary);
}

.display[b-r3xtisavoh] {
    font-family: var(--font-display);
    font-weight: 300;
    font-size: clamp(2rem, 4vw, 3rem);
    letter-spacing: -0.025em;
    line-height: var(--leading-tight);
    color: var(--text-primary);
}

.lede[b-r3xtisavoh] {
    font-size: var(--text-lg);
    color: var(--text-secondary);
    line-height: var(--leading-relaxed);
    max-width: 42rem;
}

.lede strong[b-r3xtisavoh] {
    color: var(--text-primary);
    font-weight: 500;
}

/* Initial loading --------------------------------------------------------- */

.roteiro-initial[b-r3xtisavoh] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    color: var(--text-secondary);
    font-size: var(--text-sm);
    padding: var(--space-12);
    justify-content: center;
}

.spinner[b-r3xtisavoh] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(244, 241, 234, 0.16);
    border-top-color: var(--accent);
    border-radius: 50%;
    animation: spin-b-r3xtisavoh 720ms linear infinite;
}

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

/* Toolbar ----------------------------------------------------------------- */

.roteiro-toolbar[b-r3xtisavoh] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: var(--space-6);
    padding: var(--space-5, 1.25rem) var(--space-6);
    background: var(--surface-1);
    border: 1px solid var(--border-faint);
    border-radius: var(--radius-lg);
}

.roteiro-toolbar-info[b-r3xtisavoh] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.roteiro-toolbar-eyebrow[b-r3xtisavoh] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--accent);
}

.roteiro-toolbar-title[b-r3xtisavoh] {
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--text-lg);
    line-height: var(--leading-snug);
    color: var(--text-primary);
    letter-spacing: -0.01em;
}

.roteiro-toolbar-desc[b-r3xtisavoh] {
    margin: 0;
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    letter-spacing: 0.01em;
}

.roteiro-toolbar-actions[b-r3xtisavoh] {
    display: flex;
    gap: var(--space-3);
    justify-self: end;
}

/* Indeterminate progress -------------------------------------------------- */

.roteiro-toolbar-progress[b-r3xtisavoh] {
    grid-column: 1 / -1;
    height: 2px;
    background: rgba(244, 241, 234, 0.06);
    border-radius: 999px;
    overflow: hidden;
    position: relative;
}

.roteiro-progress-bar[b-r3xtisavoh] {
    position: absolute;
    inset: 0;
    width: 32%;
    background: linear-gradient(90deg, transparent, var(--accent), transparent);
    animation: progress-sweep-b-r3xtisavoh 1.8s ease-in-out infinite;
}

@keyframes progress-sweep-b-r3xtisavoh {
    0%   { transform: translateX(-40%); }
    100% { transform: translateX(260%); }
}

/* Empty state ------------------------------------------------------------- */

[b-r3xtisavoh] .roteiro-empty {
    padding: var(--space-10) var(--space-8);
}

.roteiro-empty-body[b-r3xtisavoh] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    max-width: 42rem;
}

.roteiro-empty-eyebrow[b-r3xtisavoh] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--text-tertiary);
}

.roteiro-empty-title[b-r3xtisavoh] {
    font-family: var(--font-display);
    font-weight: 300;
    font-size: var(--text-2xl);
    letter-spacing: -0.02em;
    line-height: var(--leading-snug);
    color: var(--text-primary);
}

.roteiro-empty-desc[b-r3xtisavoh] {
    font-size: var(--text-base);
    color: var(--text-secondary);
    line-height: var(--leading-relaxed);
}

.roteiro-empty-actions[b-r3xtisavoh] {
    display: flex;
    gap: var(--space-3);
    flex-wrap: wrap;
    margin-top: var(--space-3);
}

/* Groups ------------------------------------------------------------------ */

.groups[b-r3xtisavoh] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

[b-r3xtisavoh] .group {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

.group-head[b-r3xtisavoh] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--space-4);
    align-items: baseline;
    padding-bottom: var(--space-4);
    border-bottom: 1px solid var(--border-faint);
}

.group-number[b-r3xtisavoh] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.12em;
    color: var(--accent);
}

.group-heading[b-r3xtisavoh] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.group-title[b-r3xtisavoh] {
    font-family: var(--font-display);
    font-weight: 400;
    font-size: var(--text-xl);
    letter-spacing: -0.015em;
    color: var(--text-primary);
}

.group-desc[b-r3xtisavoh] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.06em;
    color: var(--text-tertiary);
}

.group-body[b-r3xtisavoh] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

/* Questions --------------------------------------------------------------- */

.empty[b-r3xtisavoh] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    font-style: italic;
    padding: var(--space-2) 0;
}

.questions[b-r3xtisavoh] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.question[b-r3xtisavoh] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: var(--space-4);
    align-items: start;
    padding-bottom: var(--space-3);
    border-bottom: 1px dashed var(--border-faint);
}

.question:last-child[b-r3xtisavoh] {
    border-bottom: none;
    padding-bottom: 0;
}

.question-index[b-r3xtisavoh] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.1em;
    color: var(--text-muted);
    padding-top: 0.75rem;
    min-width: 1.75rem;
}

.question-text[b-r3xtisavoh] {
    resize: vertical;
    font-family: var(--font-sans);
    line-height: var(--leading-relaxed);
}

.question-remove[b-r3xtisavoh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: var(--radius);
    color: var(--text-tertiary);
    border: 1px solid transparent;
    margin-top: 0.25rem;
    transition:
        color var(--duration) var(--ease-out),
        background-color var(--duration) var(--ease-out),
        border-color var(--duration) var(--ease-out);
}

.question-remove:hover[b-r3xtisavoh] {
    color: var(--danger);
    background: rgba(255, 123, 123, 0.06);
    border-color: rgba(255, 123, 123, 0.24);
}

.question-add[b-r3xtisavoh] {
    padding-top: var(--space-1);
    border-top: 1px dashed var(--border-faint);
}

.list-add[b-r3xtisavoh] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    color: var(--text-secondary);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: var(--space-2) 0;
    transition: color var(--duration) var(--ease-out);
}

.list-add:hover[b-r3xtisavoh] {
    color: var(--accent);
}

.limit-hint[b-r3xtisavoh] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.06em;
    color: var(--text-muted);
    padding-top: var(--space-1);
    border-top: 1px dashed var(--border-faint);
}

/* Submit bar -------------------------------------------------------------- */

.submit-bar[b-r3xtisavoh] {
    position: sticky;
    bottom: var(--space-6);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    padding: var(--space-4) var(--space-6);
    background: rgba(17, 17, 20, 0.82);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    box-shadow: 0 20px 60px -20px rgba(0, 0, 0, 0.5);
    z-index: 5;
}

.submit-summary[b-r3xtisavoh] {
    display: flex;
    gap: var(--space-3);
    flex-wrap: wrap;
    align-items: center;
}

.summary-pill[b-r3xtisavoh] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-1) var(--space-3);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    border-radius: 999px;
    border: 1px solid var(--border-faint);
    color: var(--text-tertiary);
}

.summary-pill.is-ok[b-r3xtisavoh] {
    color: var(--success);
    border-color: rgba(134, 239, 172, 0.32);
    background: rgba(134, 239, 172, 0.06);
}

.summary-pill.is-off[b-r3xtisavoh] {
    color: var(--danger);
    border-color: rgba(255, 123, 123, 0.32);
    background: rgba(255, 123, 123, 0.06);
}

.submit-saved[b-r3xtisavoh],
.submit-dirty[b-r3xtisavoh] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--text-tertiary);
}

.submit-dirty[b-r3xtisavoh] {
    color: var(--accent);
}

.submit-saved-dim[b-r3xtisavoh] {
    opacity: 0.6;
}

[b-r3xtisavoh] .save-btn:disabled {
    cursor: not-allowed;
}

@media (max-width: 640px) {
    .submit-bar[b-r3xtisavoh] {
        flex-direction: column;
        align-items: stretch;
        padding: var(--space-3) var(--space-4);
    }

    .question[b-r3xtisavoh] {
        grid-template-columns: auto 1fr;
    }

    .question-remove[b-r3xtisavoh] {
        grid-column: 2;
        justify-self: end;
    }

    .roteiro-toolbar[b-r3xtisavoh] {
        grid-template-columns: 1fr;
    }

    .roteiro-toolbar-actions[b-r3xtisavoh] {
        justify-self: stretch;
    }
}
/* /Features/Stimuli/StimuliPage.razor.rz.scp.css */
.stimuli[b-8k1nn95mkh] {
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
    max-width: 56rem;
    padding-bottom: 8rem;
}

/* Head ------------------------------------------------------------------- */

.stimuli-head[b-8k1nn95mkh] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    padding-bottom: var(--space-4);
    border-bottom: 1px solid var(--border-faint);
}

.eyebrow[b-8k1nn95mkh] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--text-tertiary);
}

.display[b-8k1nn95mkh] {
    font-family: var(--font-display);
    font-weight: 300;
    font-size: clamp(2rem, 4vw, 3rem);
    letter-spacing: -0.025em;
    line-height: var(--leading-tight);
    color: var(--text-primary);
}

.lede[b-8k1nn95mkh] {
    font-size: var(--text-lg);
    color: var(--text-secondary);
    line-height: var(--leading-relaxed);
    max-width: 42rem;
}

.lede strong[b-8k1nn95mkh] {
    color: var(--text-primary);
    font-weight: 500;
}

/* Loading ---------------------------------------------------------------- */

.stimuli-loading[b-8k1nn95mkh] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    color: var(--text-secondary);
    font-size: var(--text-sm);
    padding: var(--space-12);
    justify-content: center;
}

.spinner[b-8k1nn95mkh] {
    width: 16px;
    height: 16px;
    border: 2px solid var(--text-muted);
    border-top-color: var(--accent);
    border-radius: 50%;
    animation: spin-b-8k1nn95mkh 720ms linear infinite;
}

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

/* Tabs ------------------------------------------------------------------- */

[b-8k1nn95mkh] .stimuli-tabs-card {
    padding: var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.stimuli-tabs[b-8k1nn95mkh] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-2);
}

.stimuli-tab[b-8k1nn95mkh] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    padding: var(--space-4) var(--space-5);
    background: transparent;
    border: 1px solid var(--border-faint);
    border-radius: var(--radius-md);
    text-align: left;
    color: var(--text-secondary);
    cursor: pointer;
    transition: border-color 160ms ease, background 160ms ease, color 160ms ease;
    position: relative;
}

.stimuli-tab:hover[b-8k1nn95mkh] {
    border-color: var(--border-strong);
    color: var(--text-primary);
}

.stimuli-tab.is-active[b-8k1nn95mkh] {
    background: rgba(244, 241, 234, 0.04);
    border-color: var(--accent);
    color: var(--text-primary);
}

.stimuli-tab-label[b-8k1nn95mkh] {
    font-family: var(--font-display);
    font-size: var(--text-base);
    letter-spacing: -0.01em;
}

.stimuli-tab-desc[b-8k1nn95mkh] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    letter-spacing: 0.01em;
}

.stimuli-tab-current[b-8k1nn95mkh] {
    position: absolute;
    top: var(--space-2);
    right: var(--space-2);
    font-family: var(--font-mono);
    font-size: 10px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--accent);
    background: rgba(var(--accent-rgb, 243, 215, 127), 0.08);
    border: 1px solid rgba(var(--accent-rgb, 243, 215, 127), 0.24);
    padding: 2px 6px;
    border-radius: var(--radius-sm);
}

.stimuli-warning[b-8k1nn95mkh] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background: rgba(243, 164, 90, 0.06);
    border: 1px solid rgba(243, 164, 90, 0.22);
    border-radius: var(--radius-md);
    color: var(--text-secondary);
    font-size: var(--text-sm);
    line-height: var(--leading-relaxed);
}

.stimuli-warning svg[b-8k1nn95mkh] { flex-shrink: 0; margin-top: 2px; color: #f3a45a; }
.stimuli-warning strong[b-8k1nn95mkh] { color: var(--text-primary); font-weight: 500; }

/* Sections --------------------------------------------------------------- */

[b-8k1nn95mkh] .section {
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
}

.section-head[b-8k1nn95mkh] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--space-4);
    align-items: baseline;
    padding-bottom: var(--space-5);
    border-bottom: 1px solid var(--border-faint);
}

.section-number[b-8k1nn95mkh] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.12em;
    color: var(--accent);
}

.section-title[b-8k1nn95mkh] {
    font-family: var(--font-display);
    font-weight: 300;
    font-size: var(--text-2xl);
    letter-spacing: -0.018em;
    color: var(--text-primary);
    margin-bottom: var(--space-2);
}

.section-desc[b-8k1nn95mkh] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    line-height: var(--leading-relaxed);
}

.section-body[b-8k1nn95mkh] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

.empty[b-8k1nn95mkh] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    font-style: italic;
    padding: var(--space-6) 0;
    text-align: center;
    border: 1px dashed var(--border-faint);
    border-radius: var(--radius-md);
}

/* Video upload ----------------------------------------------------------- */

.upload-grid[b-8k1nn95mkh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-4);
}

@media (max-width: 640px) {
    .upload-grid[b-8k1nn95mkh] { grid-template-columns: 1fr; }
}

.file-picker[b-8k1nn95mkh] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.file-input[b-8k1nn95mkh] {
    position: absolute;
    left: -9999px;
    opacity: 0;
    pointer-events: none;
}

.file-label[b-8k1nn95mkh] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-4);
    border: 1px dashed var(--border-strong);
    border-radius: var(--radius-md);
    color: var(--text-secondary);
    font-size: var(--text-sm);
    cursor: pointer;
    transition: border-color 160ms ease, color 160ms ease, background 160ms ease;
}

.file-label:hover[b-8k1nn95mkh] {
    border-color: var(--accent);
    color: var(--text-primary);
    background: rgba(244, 241, 234, 0.03);
}

.file-size[b-8k1nn95mkh] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.upload-progress[b-8k1nn95mkh] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.upload-progress-meta[b-8k1nn95mkh] {
    display: flex;
    justify-content: space-between;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    letter-spacing: 0.04em;
}

.upload-actions[b-8k1nn95mkh] {
    display: flex;
    justify-content: flex-end;
}

/* Video list ------------------------------------------------------------- */

.video-list[b-8k1nn95mkh] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.video-row[b-8k1nn95mkh] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: var(--space-4);
    align-items: center;
    padding: var(--space-4);
    border: 1px solid var(--border-faint);
    border-radius: var(--radius-md);
    background: rgba(244, 241, 234, 0.015);
}

.video-main[b-8k1nn95mkh] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    min-width: 0;
}

.video-title[b-8k1nn95mkh] {
    font-family: var(--font-display);
    font-size: var(--text-base);
    color: var(--text-primary);
    letter-spacing: -0.01em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.video-meta[b-8k1nn95mkh] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2) var(--space-3);
    align-items: center;
}

.video-file[b-8k1nn95mkh],
.video-size[b-8k1nn95mkh] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    letter-spacing: 0.02em;
}

.video-file[b-8k1nn95mkh] {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 28ch;
    white-space: nowrap;
}

.video-actions[b-8k1nn95mkh] {
    display: flex;
    gap: var(--space-2);
    align-items: center;
}

/* Image groups ----------------------------------------------------------- */

.groups[b-8k1nn95mkh] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.group[b-8k1nn95mkh] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding: var(--space-4);
    border: 1px solid var(--border-faint);
    border-radius: var(--radius-md);
    background: rgba(244, 241, 234, 0.015);
}

.group-head[b-8k1nn95mkh] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: var(--space-3);
    align-items: center;
}

.group-title[b-8k1nn95mkh] {
    font-family: var(--font-display);
    font-weight: 400;
    font-size: var(--text-base);
}

.image-list[b-8k1nn95mkh] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.image-row[b-8k1nn95mkh] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr) auto;
    gap: var(--space-3);
    align-items: start;
    padding: var(--space-3);
    border: 1px dashed var(--border-faint);
    border-radius: var(--radius-sm);
}

@media (max-width: 720px) {
    .image-row[b-8k1nn95mkh] {
        grid-template-columns: 1fr auto;
        grid-template-areas:
            "url remove"
            "desc desc";
    }
    .image-url[b-8k1nn95mkh]  { grid-area: url; }
    .image-desc[b-8k1nn95mkh] { grid-area: desc; }
    .image-row .row-remove[b-8k1nn95mkh] { grid-area: remove; }
}

.image-url[b-8k1nn95mkh] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
}

/* Text items ------------------------------------------------------------- */

.text-list[b-8k1nn95mkh] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.text-item[b-8k1nn95mkh] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    padding: var(--space-4);
    border: 1px solid var(--border-faint);
    border-radius: var(--radius-md);
    background: rgba(244, 241, 234, 0.015);
}

.text-head[b-8k1nn95mkh] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: var(--space-3);
    align-items: center;
}

.text-title[b-8k1nn95mkh] {
    font-family: var(--font-display);
    font-weight: 400;
    font-size: var(--text-base);
}

.text-content[b-8k1nn95mkh] {
    font-family: var(--font-body);
    line-height: var(--leading-relaxed);
}

.text-counter[b-8k1nn95mkh] {
    align-self: flex-end;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--text-tertiary);
    letter-spacing: 0.04em;
}

/* Add buttons ------------------------------------------------------------ */

.list-add[b-8k1nn95mkh] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-4);
    background: transparent;
    border: 1px dashed var(--border-strong);
    border-radius: var(--radius-md);
    color: var(--text-secondary);
    font-size: var(--text-sm);
    cursor: pointer;
    transition: border-color 160ms ease, color 160ms ease;
    align-self: flex-start;
}

.list-add:hover[b-8k1nn95mkh] {
    border-color: var(--accent);
    color: var(--text-primary);
}

.list-add-sub[b-8k1nn95mkh] {
    font-size: var(--text-xs);
    padding: var(--space-2) var(--space-3);
    margin-top: var(--space-2);
}

/* Remove button ---------------------------------------------------------- */

.row-remove[b-8k1nn95mkh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: transparent;
    border: 1px solid var(--border-faint);
    border-radius: var(--radius-sm);
    color: var(--text-tertiary);
    cursor: pointer;
    transition: border-color 160ms ease, color 160ms ease, background 160ms ease;
}

.row-remove:hover:not(:disabled)[b-8k1nn95mkh] {
    border-color: var(--danger, #f05862);
    color: var(--danger, #f05862);
}

.row-remove:disabled[b-8k1nn95mkh] {
    opacity: 0.4;
    cursor: not-allowed;
}

/* Submit bar ------------------------------------------------------------- */

.submit-bar[b-8k1nn95mkh] {
    position: sticky;
    bottom: var(--space-6);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    padding: var(--space-4) var(--space-6);
    background: rgba(17, 17, 20, 0.82);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    box-shadow: 0 20px 60px -20px rgba(0, 0, 0, 0.5);
    z-index: 5;
}

.submit-summary[b-8k1nn95mkh] {
    display: flex;
    gap: var(--space-3);
    flex-wrap: wrap;
    align-items: center;
}

.summary-pill[b-8k1nn95mkh] {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.04em;
    border: 1px solid transparent;
}

.summary-pill.is-ok[b-8k1nn95mkh] {
    color: #3bd68a;
    background: rgba(59, 214, 138, 0.08);
    border-color: rgba(59, 214, 138, 0.25);
}

.summary-pill.is-off[b-8k1nn95mkh] {
    color: #f3a45a;
    background: rgba(243, 164, 90, 0.08);
    border-color: rgba(243, 164, 90, 0.25);
}

.submit-saved[b-8k1nn95mkh] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--text-tertiary);
}

.submit-saved-dim[b-8k1nn95mkh] { opacity: 0.6; }

@media (max-width: 720px) {
    .stimuli-tabs[b-8k1nn95mkh] { grid-template-columns: 1fr; }
    .submit-bar[b-8k1nn95mkh] {
        flex-direction: column;
        align-items: stretch;
        padding: var(--space-3) var(--space-4);
    }
    .video-row[b-8k1nn95mkh] { grid-template-columns: 1fr; }
    .video-actions[b-8k1nn95mkh] { justify-self: start; }
}

@media (prefers-reduced-motion: reduce) {
    .spinner[b-8k1nn95mkh] { animation: none; }
}
/* /Layout/AppShellLayout.razor.rz.scp.css */
.app-shell[b-gxc8tcuanx] {
    display: grid;
    grid-template-columns: 240px 1fr;
    min-height: 100vh;
    min-height: 100dvh;
}

.app-shell-content[b-gxc8tcuanx] {
    display: grid;
    grid-template-rows: auto 1fr;
    min-width: 0;
}

.app-shell-topbar[b-gxc8tcuanx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-6);
    padding: var(--space-5) clamp(var(--space-6), 3vw, var(--space-8));
    border-bottom: 1px solid var(--border-faint);
    background: rgba(10, 10, 12, 0.72);
    backdrop-filter: blur(14px);
    position: sticky;
    top: 0;
    z-index: 10;
    min-width: 0;
}

.app-shell-user[b-gxc8tcuanx] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-3);
    flex-shrink: 0;
}

.app-shell-user-name[b-gxc8tcuanx] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    letter-spacing: -0.005em;
    max-width: 20ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.app-shell-user-action[b-gxc8tcuanx] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-tertiary);
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--border-subtle);
    border-radius: 999px;
    transition:
        color var(--duration) var(--ease-out),
        border-color var(--duration) var(--ease-out),
        background-color var(--duration) var(--ease-out);
}

.app-shell-user-action:hover[b-gxc8tcuanx] {
    color: var(--text-primary);
    border-color: var(--border);
    background: rgba(244, 241, 234, 0.04);
}

.app-shell-main[b-gxc8tcuanx] {
    padding: clamp(var(--space-8), 4vw, var(--space-16)) clamp(var(--space-6), 4vw, var(--space-16));
    min-width: 0;
    outline: none;
}

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

    .app-shell-topbar[b-gxc8tcuanx] {
        padding: var(--space-4);
    }
}
/* /Layout/AuthLayout.razor.rz.scp.css */
.auth-shell[b-3xaxxu6btb] {
    display: grid;
    grid-template-rows: auto 1fr auto;
    min-height: 100vh;
    min-height: 100dvh;
}

/* ---- brand ----------------------------------------------------------- */

.auth-brand[b-3xaxxu6btb] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-3);
    color: var(--text-primary);
    padding: var(--space-6) clamp(var(--space-6), 4vw, var(--space-12));
    width: fit-content;
}

.auth-brand:hover[b-3xaxxu6btb] { color: var(--text-primary); }

.auth-brand-mark[b-3xaxxu6btb] {
    width: 28px;
    height: 28px;
    color: var(--text-primary);
    transition: transform var(--duration-slow) var(--ease-out);
}

.auth-brand:hover .auth-brand-mark[b-3xaxxu6btb] { transform: rotate(-4deg); }

.auth-brand-wordmark[b-3xaxxu6btb] {
    font-family: var(--font-display);
    font-style: italic;
    font-weight: 400;
    font-size: var(--text-xl);
    letter-spacing: -0.025em;
    line-height: 1;
}

/* ---- main ------------------------------------------------------------ */

.auth-main[b-3xaxxu6btb] {
    display: grid;
    place-items: center;
    padding: var(--space-8) clamp(var(--space-4), 5vw, var(--space-12));
}

/* ---- foot ------------------------------------------------------------ */

.auth-foot[b-3xaxxu6btb] {
    padding: var(--space-6) clamp(var(--space-6), 4vw, var(--space-12));
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.02em;
    color: var(--text-muted);
}

@media (max-width: 520px) {
    .auth-brand[b-3xaxxu6btb] { padding: var(--space-4); }
    .auth-foot[b-3xaxxu6btb] { padding: var(--space-4); }
}

/* ---- panel (content injetado por Login / Register) -------------------- */

[b-3xaxxu6btb] .auth-panel {
    width: min(26rem, 100%);
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
    animation: auth-panel-in-b-3xaxxu6btb 520ms var(--ease-out) both;
}

[b-3xaxxu6btb] .auth-panel header {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

[b-3xaxxu6btb] .auth-panel .eyebrow {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--accent);
    margin: 0;
}

[b-3xaxxu6btb] .auth-panel h1 {
    font-family: var(--font-display);
    font-weight: 300;
    font-size: clamp(var(--text-3xl), 4.5vw, var(--text-4xl));
    line-height: 1.06;
    letter-spacing: -0.03em;
    text-wrap: balance;
}

[b-3xaxxu6btb] .auth-panel h1 em {
    font-style: italic;
    color: var(--text-secondary);
}

[b-3xaxxu6btb] .auth-panel .lede {
    color: var(--text-secondary);
    font-size: var(--text-sm);
    line-height: var(--leading-relaxed);
    max-width: 44ch;
}

[b-3xaxxu6btb] .auth-form {
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
}

[b-3xaxxu6btb] .auth-summary {
    padding: var(--space-3) var(--space-4);
    border-radius: var(--radius);
    border: 1px solid rgba(255, 123, 123, 0.24);
    background: rgba(255, 123, 123, 0.08);
    color: var(--danger);
    font-size: var(--text-sm);
    line-height: var(--leading-snug);
}

[b-3xaxxu6btb] .auth-aside {
    display: flex;
    gap: var(--space-2);
    align-items: baseline;
    font-size: var(--text-sm);
    color: var(--text-tertiary);
    margin: 0;
}

[b-3xaxxu6btb] .auth-aside a {
    color: var(--text-primary);
    border-bottom: 1px solid var(--border);
    transition:
        border-color var(--duration) var(--ease-out),
        color var(--duration) var(--ease-out);
}

[b-3xaxxu6btb] .auth-aside a:hover {
    color: var(--accent);
    border-bottom-color: var(--accent);
}

@keyframes auth-panel-in-b-3xaxxu6btb {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}
/* /Layout/MainLayout.razor.rz.scp.css */
.shell[b-8owmy0eosg] {
    display: grid;
    grid-template-rows: auto 1fr auto;
    min-height: 100vh;
    min-height: 100dvh;
}

/* ---- top bar --------------------------------------------------------- */

.shell-top[b-8owmy0eosg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-6);
    padding: var(--space-6) clamp(var(--space-6), 4vw, var(--space-12));
    border-bottom: 1px solid var(--border-faint);
}

.brand[b-8owmy0eosg] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-3);
    color: var(--text-primary);
}

.brand:hover[b-8owmy0eosg] { color: var(--text-primary); }

.brand-mark[b-8owmy0eosg] {
    width: 28px;
    height: 28px;
    color: var(--text-primary);
    transition: transform var(--duration-slow) var(--ease-out);
}

.brand:hover .brand-mark[b-8owmy0eosg] { transform: rotate(-4deg); }

.brand-wordmark[b-8owmy0eosg] {
    font-family: var(--font-display);
    font-style: italic;
    font-weight: 400;
    font-size: var(--text-xl);
    letter-spacing: -0.025em;
    line-height: 1;
}

.shell-top-meta[b-8owmy0eosg] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-4);
}

.shell-top-meta .tag[b-8owmy0eosg] {
    font-size: var(--text-xs);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--text-tertiary);
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--border-subtle);
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(244, 241, 234, 0.02), rgba(244, 241, 234, 0));
}

.user-identity[b-8owmy0eosg] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    letter-spacing: -0.005em;
    max-width: 20ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-action[b-8owmy0eosg] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-tertiary);
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--border-subtle);
    border-radius: 999px;
    transition:
        color var(--duration) var(--ease-out),
        border-color var(--duration) var(--ease-out),
        background-color var(--duration) var(--ease-out);
}

.user-action:hover[b-8owmy0eosg] {
    color: var(--text-primary);
    border-color: var(--border);
    background: rgba(244, 241, 234, 0.04);
}

/* ---- main ------------------------------------------------------------ */

.shell-main[b-8owmy0eosg] {
    display: flex;
    min-height: 0;
}

/* ---- foot ------------------------------------------------------------ */

.shell-foot[b-8owmy0eosg] {
    display: flex;
    justify-content: space-between;
    gap: var(--space-4);
    padding: var(--space-6) clamp(var(--space-6), 4vw, var(--space-12));
    border-top: 1px solid var(--border-faint);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.02em;
    color: var(--text-muted);
}

/* ---- responsive ------------------------------------------------------ */

@media (max-width: 520px) {
    .shell-top[b-8owmy0eosg] {
        padding: var(--space-4);
        gap: var(--space-3);
    }
    .shell-top-meta .tag[b-8owmy0eosg] { display: none; }
    .shell-foot[b-8owmy0eosg] {
        flex-direction: column;
        gap: var(--space-1);
        padding: var(--space-4);
    }
}
/* /Pages/Home.razor.rz.scp.css */
.landing[b-ngcqiw96me] {
    flex: 1;
    display: grid;
    place-items: center;
    padding: clamp(var(--space-12), 10vh, var(--space-24)) clamp(var(--space-6), 6vw, var(--space-16));
}

.landing-inner[b-ngcqiw96me] {
    width: min(64ch, 100%);
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
    animation: landing-in-b-ngcqiw96me 700ms var(--ease-out) both;
}

.eyebrow[b-ngcqiw96me] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--accent);
    margin: 0;
}

.headline[b-ngcqiw96me] {
    font-family: var(--font-display);
    font-weight: 300;
    font-size: clamp(var(--text-3xl), 6vw, var(--text-6xl));
    line-height: 1.04;
    letter-spacing: -0.035em;
    color: var(--text-primary);
    text-wrap: balance;
}

.headline em[b-ngcqiw96me] {
    font-style: italic;
    font-weight: 300;
    color: var(--text-secondary);
}

.lede[b-ngcqiw96me] {
    font-size: clamp(var(--text-base), 1.5vw, var(--text-lg));
    line-height: var(--leading-relaxed);
    color: var(--text-secondary);
    max-width: 52ch;
    text-wrap: pretty;
}

/* Pillars ----------------------------------------------------------------- */

.pillars[b-ngcqiw96me] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-6);
    margin: 0;
    padding-top: var(--space-8);
    border-top: 1px solid var(--border-faint);
}

.pillars > div[b-ngcqiw96me] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.pillars dt[b-ngcqiw96me] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.08em;
    color: var(--text-tertiary);
}

.pillars dd[b-ngcqiw96me] {
    margin: 0;
    font-size: var(--text-sm);
    line-height: var(--leading-snug);
    color: var(--text-secondary);
    text-wrap: balance;
}

@media (max-width: 680px) {
    .pillars[b-ngcqiw96me] {
        grid-template-columns: 1fr;
        gap: var(--space-4);
    }
}

@keyframes landing-in-b-ngcqiw96me {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
}
/* /Pages/NotFound.razor.rz.scp.css */
.notfound[b-h4uorqusks] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--space-4);
    padding: clamp(var(--space-12), 10vh, var(--space-24)) clamp(var(--space-6), 6vw, var(--space-16));
    max-width: 48ch;
}

.notfound .eyebrow[b-h4uorqusks] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.14em;
    color: var(--accent);
    margin: 0;
}

.notfound h1[b-h4uorqusks] {
    font-family: var(--font-display);
    font-weight: 300;
    font-size: clamp(var(--text-2xl), 4vw, var(--text-4xl));
    letter-spacing: -0.03em;
    line-height: 1.1;
}

.notfound .lede[b-h4uorqusks] {
    font-size: var(--text-lg);
    color: var(--text-secondary);
}

.notfound a[b-h4uorqusks] {
    color: var(--accent);
    border-bottom: 1px solid var(--border-subtle);
    transition: border-color var(--duration) var(--ease-out);
}

.notfound a:hover[b-h4uorqusks] { border-bottom-color: var(--accent); }
/* /Shared/Layout/FunnelBreadcrumb.razor.rz.scp.css */
.funnel[b-kxcmudsg3e] {
    width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
}

.funnel[b-kxcmudsg3e]::-webkit-scrollbar { display: none; }

.funnel ol[b-kxcmudsg3e] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    gap: 0;
    min-width: max-content;
}

.funnel-step[b-kxcmudsg3e] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-3);
}

[b-kxcmudsg3e] .funnel-step-link {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    color: var(--text-tertiary);
    transition: color var(--duration) var(--ease-out);
}

[b-kxcmudsg3e] .funnel-step-link:hover { color: var(--text-primary); }

[b-kxcmudsg3e] .funnel-step-bullet {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    border: 1px solid var(--border-subtle);
    font-family: var(--font-mono);
    font-size: 0.68rem;
    letter-spacing: 0.04em;
    color: var(--text-muted);
    background: transparent;
    transition:
        border-color var(--duration) var(--ease-out),
        background-color var(--duration) var(--ease-out),
        color var(--duration) var(--ease-out);
    flex-shrink: 0;
}

[b-kxcmudsg3e] .funnel-step-label {
    font-size: var(--text-xs);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-family: var(--font-mono);
    white-space: nowrap;
}

.funnel-step-connector[b-kxcmudsg3e] {
    width: var(--space-8);
    height: 1px;
    background: var(--border-faint);
    flex-shrink: 0;
    margin: 0 var(--space-2);
}

/* States ------------------------------------------------------------------ */

.funnel-step-done[b-kxcmudsg3e]  .funnel-step-bullet {
    background: var(--accent-dim);
    border-color: rgba(200, 182, 255, 0.32);
    color: var(--accent);
}

.funnel-step-done[b-kxcmudsg3e]  .funnel-step-link { color: var(--text-secondary); }
.funnel-step-done + .funnel-step .funnel-step-connector[b-kxcmudsg3e],
.funnel-step-done .funnel-step-connector[b-kxcmudsg3e] { background: rgba(200, 182, 255, 0.24); }

.funnel-step-current[b-kxcmudsg3e]  .funnel-step-bullet {
    border-color: var(--accent);
    color: var(--accent);
    box-shadow: 0 0 0 3px var(--accent-dim);
}

.funnel-step-current[b-kxcmudsg3e]  .funnel-step-link {
    color: var(--text-primary);
}

.funnel-step-current[b-kxcmudsg3e]  .funnel-step-label {
    color: var(--text-primary);
}

@media (max-width: 900px) {
    .funnel-step-connector[b-kxcmudsg3e] { width: var(--space-4); margin: 0 var(--space-1); }
    [b-kxcmudsg3e] .funnel-step-label { display: none; }
    .funnel-step-current[b-kxcmudsg3e]  .funnel-step-label { display: inline; }
}
/* /Shared/Layout/FunnelPagePlaceholder.razor.rz.scp.css */
.funnel-placeholder[b-51zppp2n6g] {
    display: flex;
    flex-direction: column;
    gap: var(--space-12);
    max-width: 62rem;
}

.funnel-placeholder-head[b-51zppp2n6g] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.funnel-placeholder-eyebrow[b-51zppp2n6g] {
    margin: 0;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--accent);
}

.funnel-placeholder-title[b-51zppp2n6g] {
    margin: 0;
    font-family: var(--font-display);
    font-weight: 300;
    font-size: clamp(var(--text-3xl), 4.5vw, var(--text-5xl));
    line-height: 1.04;
    letter-spacing: -0.03em;
    text-wrap: balance;
}

.funnel-placeholder-lede[b-51zppp2n6g] {
    margin: 0;
    max-width: 52ch;
    color: var(--text-secondary);
    font-size: var(--text-lg);
    line-height: var(--leading-relaxed);
    letter-spacing: -0.005em;
}

.funnel-placeholder-body[b-51zppp2n6g] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.funnel-placeholder-phase[b-51zppp2n6g] {
    margin: 0;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--text-tertiary);
}

.funnel-placeholder-message[b-51zppp2n6g] {
    margin: 0;
    color: var(--text-secondary);
    font-size: var(--text-sm);
    line-height: var(--leading-relaxed);
    max-width: 56ch;
}
/* /Shared/Layout/Sidebar.razor.rz.scp.css */
.sidebar[b-g13zb1qq0z] {
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
    padding: var(--space-6) var(--space-4);
    border-right: 1px solid var(--border-faint);
    background: linear-gradient(180deg, rgba(244, 241, 234, 0.015), transparent 40%);
    min-height: 100dvh;
}

.sidebar-brand[b-g13zb1qq0z] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-3);
    padding: 0 var(--space-2);
    color: var(--text-primary);
}

.sidebar-brand:hover[b-g13zb1qq0z] { color: var(--text-primary); }

.sidebar-brand-mark[b-g13zb1qq0z] {
    width: 24px;
    height: 24px;
    color: var(--text-primary);
    transition: transform var(--duration-slow) var(--ease-out);
}

.sidebar-brand:hover .sidebar-brand-mark[b-g13zb1qq0z] { transform: rotate(-4deg); }

.sidebar-brand-wordmark[b-g13zb1qq0z] {
    font-family: var(--font-display);
    font-style: italic;
    font-weight: 400;
    font-size: var(--text-lg);
    letter-spacing: -0.025em;
    line-height: 1;
}

/* Nav --------------------------------------------------------------------- */

.sidebar-nav[b-g13zb1qq0z] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    flex: 1;
    min-height: 0;
}

.sidebar-eyebrow[b-g13zb1qq0z] {
    margin: 0;
    padding: 0 var(--space-2);
    font-family: var(--font-mono);
    font-size: 0.68rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--text-muted);
}

.sidebar-nav ul[b-g13zb1qq0z] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

[b-g13zb1qq0z] .sidebar-nav-item {
    display: grid;
    grid-template-columns: auto auto 1fr;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius);
    color: var(--text-secondary);
    font-size: var(--text-sm);
    letter-spacing: -0.005em;
    transition:
        color var(--duration) var(--ease-out),
        background-color var(--duration) var(--ease-out);
    position: relative;
}

[b-g13zb1qq0z] .sidebar-nav-item:hover {
    color: var(--text-primary);
    background: rgba(244, 241, 234, 0.03);
}

[b-g13zb1qq0z] .sidebar-nav-item.active {
    color: var(--text-primary);
    background: rgba(200, 182, 255, 0.08);
}

[b-g13zb1qq0z] .sidebar-nav-item.active::before {
    content: "";
    position: absolute;
    left: -1px;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 60%;
    background: var(--accent);
    border-radius: 2px;
}

[b-g13zb1qq0z] .sidebar-nav-index {
    font-family: var(--font-mono);
    font-size: 0.68rem;
    letter-spacing: 0.06em;
    color: var(--text-muted);
    min-width: 18px;
}

[b-g13zb1qq0z] .sidebar-nav-item.active .sidebar-nav-index { color: var(--accent); }

[b-g13zb1qq0z] .sidebar-nav-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--text-tertiary);
}

[b-g13zb1qq0z] .sidebar-nav-item.active .sidebar-nav-icon { color: var(--accent); }

[b-g13zb1qq0z] .sidebar-nav-label {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Foot -------------------------------------------------------------------- */

.sidebar-foot[b-g13zb1qq0z] {
    padding: 0 var(--space-2);
}

.sidebar-version[b-g13zb1qq0z] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.04em;
    color: var(--text-muted);
}

@media (max-width: 900px) {
    .sidebar[b-g13zb1qq0z] { display: none; }
}
/* /Shared/ToastHost.razor.rz.scp.css */
.toast-host[b-quh2xgd5xt] {
    position: fixed;
    top: var(--space-4);
    right: var(--space-4);
    z-index: 9000;
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    max-width: min(26rem, calc(100vw - var(--space-8)));
    pointer-events: none;
}

.toast[b-quh2xgd5xt] {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    background: var(--surface-raised);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius);
    color: var(--text-primary);
    box-shadow: 0 20px 60px -20px rgba(0, 0, 0, 0.55);
    font-size: var(--text-sm);
    line-height: var(--leading-snug);
    pointer-events: auto;
    animation: toast-in-b-quh2xgd5xt 320ms var(--ease-out) both;
    backdrop-filter: blur(12px);
}

.toast-dot[b-quh2xgd5xt] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
    background: var(--text-tertiary);
}

.toast-success .toast-dot[b-quh2xgd5xt] { background: var(--success); box-shadow: 0 0 12px rgba(134, 239, 172, 0.4); }
.toast-error   .toast-dot[b-quh2xgd5xt] { background: var(--danger);  box-shadow: 0 0 12px rgba(255, 123, 123, 0.4); }
.toast-info    .toast-dot[b-quh2xgd5xt] { background: var(--accent);  box-shadow: 0 0 12px rgba(200, 182, 255, 0.4); }

.toast-error[b-quh2xgd5xt] { border-color: rgba(255, 123, 123, 0.24); }

.toast-message[b-quh2xgd5xt] {
    min-width: 0;
    word-wrap: break-word;
}

.toast-action[b-quh2xgd5xt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    padding: 0 var(--space-3);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    color: var(--text-primary);
    background: rgba(244, 241, 234, 0.04);
    font-size: var(--text-xs);
    font-weight: 500;
    letter-spacing: 0.01em;
    transition: background-color var(--duration) var(--ease-out), border-color var(--duration) var(--ease-out), color var(--duration) var(--ease-out);
    flex-shrink: 0;
}

.toast-action:hover[b-quh2xgd5xt] {
    color: var(--accent);
    border-color: var(--accent);
    background: var(--accent-dim);
}

.toast-close[b-quh2xgd5xt] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: var(--radius-sm);
    color: var(--text-tertiary);
    transition: color var(--duration) var(--ease-out), background-color var(--duration) var(--ease-out);
    flex-shrink: 0;
}

.toast-close:hover[b-quh2xgd5xt] {
    color: var(--text-primary);
    background: rgba(244, 241, 234, 0.06);
}

@keyframes toast-in-b-quh2xgd5xt {
    from { opacity: 0; transform: translateY(-8px) scale(0.98); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 520px) {
    .toast-host[b-quh2xgd5xt] {
        top: auto;
        bottom: var(--space-4);
        right: var(--space-4);
        left: var(--space-4);
        max-width: none;
    }
}
/* /Shared/UI/Badge.razor.rz.scp.css */
.badge[b-h2rke3pmqk] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: 0.25rem var(--space-3);
    border-radius: 999px;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    line-height: 1;
    border: 1px solid transparent;
    white-space: nowrap;
}

.badge-neutral[b-h2rke3pmqk] {
    background: rgba(244, 241, 234, 0.05);
    border-color: var(--border-subtle);
    color: var(--text-secondary);
}

.badge-accent[b-h2rke3pmqk] {
    background: var(--accent-dim);
    border-color: rgba(200, 182, 255, 0.28);
    color: var(--accent);
}

.badge-muted[b-h2rke3pmqk] {
    background: transparent;
    border-color: var(--border-faint);
    color: var(--text-tertiary);
}

.badge-success[b-h2rke3pmqk] {
    background: rgba(134, 239, 172, 0.08);
    border-color: rgba(134, 239, 172, 0.26);
    color: var(--success);
}

.badge-warning[b-h2rke3pmqk] {
    background: rgba(243, 164, 90, 0.08);
    border-color: rgba(243, 164, 90, 0.26);
    color: #f3a45a;
}

.badge-danger[b-h2rke3pmqk] {
    background: rgba(240, 88, 98, 0.08);
    border-color: rgba(240, 88, 98, 0.26);
    color: #f05862;
}
/* /Shared/UI/Button.razor.rz.scp.css */
.btn[b-7bck0x1r2f] {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    border-radius: var(--radius);
    border: 1px solid transparent;
    font-family: var(--font-sans);
    font-weight: 500;
    letter-spacing: 0.01em;
    line-height: 1;
    cursor: pointer;
    user-select: none;
    transition:
        transform var(--duration-fast) var(--ease-out),
        background-color var(--duration) var(--ease-out),
        border-color var(--duration) var(--ease-out),
        color var(--duration) var(--ease-out),
        box-shadow var(--duration) var(--ease-out);
}

.btn:active:not(:disabled)[b-7bck0x1r2f] { transform: translateY(1px); }

.btn:disabled[b-7bck0x1r2f] {
    cursor: default;
    opacity: 0.55;
}

.btn.is-loading[b-7bck0x1r2f] { cursor: progress; }

/* Sizes ------------------------------------------------------------------- */

.btn-sm[b-7bck0x1r2f] {
    padding: var(--space-2) var(--space-4);
    font-size: var(--text-xs);
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.btn-md[b-7bck0x1r2f] {
    padding: var(--space-3) var(--space-6);
    font-size: var(--text-sm);
}

.btn-lg[b-7bck0x1r2f] {
    padding: var(--space-4) var(--space-8);
    font-size: var(--text-base);
}

/* Variants ---------------------------------------------------------------- */

.btn-primary[b-7bck0x1r2f] {
    background: var(--accent);
    border-color: var(--accent);
    color: var(--surface-0);
}

.btn-primary:hover:not(:disabled)[b-7bck0x1r2f] {
    background: #d8c9ff;
    border-color: #d8c9ff;
    box-shadow: 0 8px 24px -12px rgba(200, 182, 255, 0.6);
}

.btn-ghost[b-7bck0x1r2f] {
    background: transparent;
    border-color: var(--border-subtle);
    color: var(--text-secondary);
}

.btn-ghost:hover:not(:disabled)[b-7bck0x1r2f] {
    color: var(--text-primary);
    border-color: var(--border);
    background: rgba(244, 241, 234, 0.04);
}

.btn-danger[b-7bck0x1r2f] {
    background: transparent;
    border-color: rgba(255, 123, 123, 0.32);
    color: var(--danger);
}

.btn-danger:hover:not(:disabled)[b-7bck0x1r2f] {
    background: rgba(255, 123, 123, 0.08);
    border-color: var(--danger);
}

/* Spinner ----------------------------------------------------------------- */

.btn-spinner[b-7bck0x1r2f] {
    width: 14px;
    height: 14px;
    border: 2px solid currentColor;
    border-top-color: transparent;
    border-radius: 50%;
    animation: btn-spin-b-7bck0x1r2f 720ms linear infinite;
    flex-shrink: 0;
}

.btn-label[b-7bck0x1r2f] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
}

@keyframes btn-spin-b-7bck0x1r2f {
    to { transform: rotate(360deg); }
}
/* /Shared/UI/Card.razor.rz.scp.css */
.card[b-gprr2kn2wo] {
    background: var(--surface-1);
    border: 1px solid var(--border-faint);
    border-radius: var(--radius-lg);
    padding: var(--space-8);
}

.card-elevated[b-gprr2kn2wo] {
    background: var(--surface-raised);
    border-color: var(--border-subtle);
    box-shadow: 0 20px 60px -30px rgba(0, 0, 0, 0.5);
}
/* /Shared/UI/Dialog.razor.rz.scp.css */
.dialog-scrim[b-lidwebu9ed] {
    position: fixed;
    inset: 0;
    background: rgba(6, 6, 8, 0.72);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    display: grid;
    place-items: center;
    padding: var(--space-4);
    z-index: 80;
    animation: dialog-scrim-in-b-lidwebu9ed 180ms var(--ease-out) both;
}

.dialog[b-lidwebu9ed] {
    width: min(32rem, 100%);
    background: var(--surface-raised);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    padding: var(--space-8);
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
    box-shadow: 0 40px 120px -40px rgba(0, 0, 0, 0.8);
    animation: dialog-in-b-lidwebu9ed 220ms var(--ease-out) both;
}

.dialog-head[b-lidwebu9ed] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.dialog-eyebrow[b-lidwebu9ed] {
    margin: 0;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--accent);
}

.dialog-title[b-lidwebu9ed] {
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    line-height: var(--leading-snug);
    letter-spacing: -0.01em;
    color: var(--text-primary);
}

.dialog-body[b-lidwebu9ed] {
    color: var(--text-secondary);
    font-size: var(--text-sm);
    line-height: var(--leading-relaxed);
}

[b-lidwebu9ed] .dialog-body p { margin: 0 0 var(--space-3); }
[b-lidwebu9ed] .dialog-body p:last-child { margin-bottom: 0; }
[b-lidwebu9ed] .dialog-body strong { color: var(--text-primary); font-weight: 600; }

.dialog-foot[b-lidwebu9ed] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-3);
}

@keyframes dialog-scrim-in-b-lidwebu9ed {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes dialog-in-b-lidwebu9ed {
    from { opacity: 0; transform: translateY(6px) scale(0.98); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 480px) {
    .dialog[b-lidwebu9ed] { padding: var(--space-6); }
    .dialog-foot[b-lidwebu9ed] { flex-direction: column-reverse; }
    .dialog-foot[b-lidwebu9ed]  .btn { width: 100%; }
}
/* /Shared/UI/FormField.razor.rz.scp.css */
.form-field[b-cjy54kqguu] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.form-label[b-cjy54kqguu] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-tertiary);
}

[b-cjy54kqguu] .form-error,
[b-cjy54kqguu] .validation-message {
    font-size: var(--text-xs);
    color: var(--danger);
    letter-spacing: -0.005em;
    margin: 0;
}
/* /Shared/UI/Input.razor.rz.scp.css */
.input[b-u28lqq9jdh] {
    appearance: none;
    width: 100%;
    padding: var(--space-3) var(--space-4);
    background: var(--surface-1);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius);
    color: var(--text-primary);
    font-family: var(--font-sans);
    font-size: var(--text-base);
    line-height: 1.4;
    letter-spacing: -0.005em;
    transition:
        border-color var(--duration) var(--ease-out),
        background-color var(--duration) var(--ease-out),
        box-shadow var(--duration) var(--ease-out);
}

.input[b-u28lqq9jdh]::placeholder { color: var(--text-muted); }

.input:hover:not(:focus):not([aria-invalid="true"])[b-u28lqq9jdh] {
    border-color: var(--border);
}

.input:focus[b-u28lqq9jdh] {
    outline: none;
    border-color: var(--accent);
    background: var(--surface-2);
    box-shadow: 0 0 0 3px var(--accent-dim);
}

.input[aria-invalid="true"][b-u28lqq9jdh] {
    border-color: var(--danger);
}

.input:disabled[b-u28lqq9jdh] {
    opacity: 0.55;
    cursor: not-allowed;
}

.input-num[b-u28lqq9jdh] {
    font-variant-numeric: tabular-nums;
    text-align: right;
    padding-right: var(--space-3);
}

.input[type="number"][b-u28lqq9jdh] {
    -moz-appearance: textfield;
}

.input[type="number"][b-u28lqq9jdh]::-webkit-outer-spin-button,
.input[type="number"][b-u28lqq9jdh]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.input:-webkit-autofill[b-u28lqq9jdh],
.input:-webkit-autofill:hover[b-u28lqq9jdh],
.input:-webkit-autofill:focus[b-u28lqq9jdh] {
    -webkit-text-fill-color: var(--text-primary);
    -webkit-box-shadow: 0 0 0 1000px var(--surface-1) inset;
    caret-color: var(--text-primary);
}
/* /Shared/UI/Modal.razor.rz.scp.css */
.modal-scrim[b-oj555nj3b7] {
    position: fixed;
    inset: 0;
    background: rgba(6, 6, 8, 0.72);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    display: grid;
    place-items: center;
    padding: var(--space-4);
    z-index: 90;
    animation: modal-scrim-in-b-oj555nj3b7 220ms var(--ease-out) both;
}

.modal[b-oj555nj3b7] {
    width: min(640px, 100%);
    max-height: min(88vh, 920px);
    padding: 15px;
    background: var(--surface-raised);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    display: flex;
    flex-direction: column;
    box-shadow: 0 40px 120px -40px rgba(0, 0, 0, 0.8);
    animation: modal-in-b-oj555nj3b7 280ms cubic-bezier(0.22, 0.61, 0.36, 1) both;
    outline: none;
    overflow: hidden;
}

.modal-sm[b-oj555nj3b7] { width: min(440px, 100%); }
.modal-lg[b-oj555nj3b7] { width: min(760px, 100%); }
.modal-xl[b-oj555nj3b7] { width: min(960px, 100%); }

.modal-head[b-oj555nj3b7] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: flex-start;
    gap: var(--space-4);
    padding: var(--space-6) var(--space-7) var(--space-4);
    border-bottom: 1px solid var(--border-faint);
}

.modal-head-text[b-oj555nj3b7] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    min-width: 0;
}

.modal-eyebrow[b-oj555nj3b7] {
    margin: 0;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--accent);
}

.modal-title[b-oj555nj3b7] {
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    line-height: var(--leading-snug);
    letter-spacing: -0.01em;
    color: var(--text-primary);
    overflow-wrap: break-word;
}

.modal-close[b-oj555nj3b7] {
    appearance: none;
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    background: transparent;
    border: 1px solid var(--border-faint);
    border-radius: var(--radius-md, 10px);
    color: var(--text-secondary);
    cursor: pointer;
    transition:
        background-color var(--duration) var(--ease-out),
        border-color var(--duration) var(--ease-out),
        color var(--duration) var(--ease-out);
}

.modal-close:hover[b-oj555nj3b7] {
    background: rgba(244, 241, 234, 0.04);
    border-color: var(--border-subtle);
    color: var(--text-primary);
}

.modal-close:focus-visible[b-oj555nj3b7] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.modal-body[b-oj555nj3b7] {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: var(--space-7);
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
}

.modal-foot[b-oj555nj3b7] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-3);
    padding: var(--space-5) var(--space-7);
    border-top: 1px solid var(--border-faint);
    background: var(--surface-1);
}

@keyframes modal-scrim-in-b-oj555nj3b7 {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes modal-in-b-oj555nj3b7 {
    from { opacity: 0; transform: translateY(8px) scale(0.985); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 640px) {
    .modal-scrim[b-oj555nj3b7] { padding: 0; place-items: stretch; }
    .modal[b-oj555nj3b7] {
        width: 100%;
        max-height: 100vh;
        border-radius: 0;
        border: 0;
    }
    .modal-head[b-oj555nj3b7],
    .modal-body[b-oj555nj3b7],
    .modal-foot[b-oj555nj3b7] {
        padding-left: var(--space-5);
        padding-right: var(--space-5);
    }
}

@media (prefers-reduced-motion: reduce) {
    .modal-scrim[b-oj555nj3b7] { animation: none; }
    .modal[b-oj555nj3b7] { animation: none; }
}
/* /Shared/UI/Progress.razor.rz.scp.css */
.progress[b-fz5rfmu15n] {
    height: 4px;
    width: 100%;
    background: rgba(244, 241, 234, 0.06);
    border-radius: 999px;
    overflow: hidden;
}

.progress-bar[b-fz5rfmu15n] {
    height: 100%;
    background: linear-gradient(90deg, var(--accent), var(--accent));
    border-radius: inherit;
    transition: width 120ms linear;
}

.progress.is-done .progress-bar[b-fz5rfmu15n] {
    background: var(--success, #3bd68a);
}

.progress.is-error .progress-bar[b-fz5rfmu15n] {
    background: var(--danger, #f05862);
}
/* /Shared/UI/Select.razor.rz.scp.css */
.select[b-ukb67ddd3g] {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    padding: var(--space-3) var(--space-8) var(--space-3) var(--space-4);
    background-color: var(--surface-1);
    background-image:
        linear-gradient(45deg, transparent 50%, var(--text-tertiary) 50%),
        linear-gradient(135deg, var(--text-tertiary) 50%, transparent 50%);
    background-position:
        calc(100% - 1.1rem) 50%,
        calc(100% - 0.7rem) 50%;
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius);
    color: var(--text-primary);
    font-family: var(--font-sans);
    font-size: var(--text-base);
    line-height: 1.4;
    letter-spacing: -0.005em;
    cursor: pointer;
    transition:
        border-color var(--duration) var(--ease-out),
        background-color var(--duration) var(--ease-out),
        box-shadow var(--duration) var(--ease-out);
}

.select:hover:not(:focus):not(:disabled)[b-ukb67ddd3g] {
    border-color: var(--border);
}

.select:focus[b-ukb67ddd3g] {
    outline: none;
    border-color: var(--accent);
    background-color: var(--surface-2);
    box-shadow: 0 0 0 3px var(--accent-dim);
}

.select:disabled[b-ukb67ddd3g] {
    opacity: 0.55;
    cursor: not-allowed;
}

.select option[b-ukb67ddd3g] {
    background: var(--surface-2);
    color: var(--text-primary);
}
/* /Shared/UI/Sheet.razor.rz.scp.css */
.sheet-scrim[b-33wq8hvfkx] {
    position: fixed;
    inset: 0;
    background: rgba(6, 6, 8, 0.6);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    display: flex;
    justify-content: flex-end;
    z-index: 90;
    animation: sheet-scrim-in-b-33wq8hvfkx 220ms var(--ease-out) both;
}

.sheet[b-33wq8hvfkx] {
    width: min(560px, 100%);
    height: 100%;
    background: var(--surface-raised);
    border-left: 1px solid var(--border);
    display: flex;
    flex-direction: column;
    box-shadow: -40px 0 120px -40px rgba(0, 0, 0, 0.75);
    animation: sheet-slide-in-b-33wq8hvfkx 320ms cubic-bezier(0.22, 0.61, 0.36, 1) both;
    outline: none;
}

.sheet-head[b-33wq8hvfkx] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: flex-start;
    gap: var(--space-4);
    padding: var(--space-6) var(--space-7) var(--space-4);
    border-bottom: 1px solid var(--border-faint);
}

.sheet-head-text[b-33wq8hvfkx] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    min-width: 0;
}

.sheet-eyebrow[b-33wq8hvfkx] {
    margin: 0;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--accent);
}

.sheet-title[b-33wq8hvfkx] {
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--text-2xl);
    line-height: var(--leading-snug);
    letter-spacing: -0.01em;
    color: var(--text-primary);
    overflow-wrap: break-word;
}

.sheet-close[b-33wq8hvfkx] {
    appearance: none;
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    background: transparent;
    border: 1px solid var(--border-faint);
    border-radius: var(--radius-md, 10px);
    color: var(--text-secondary);
    cursor: pointer;
    transition:
        background-color var(--duration) var(--ease-out),
        border-color var(--duration) var(--ease-out),
        color var(--duration) var(--ease-out);
}

.sheet-close:hover[b-33wq8hvfkx] {
    background: rgba(244, 241, 234, 0.04);
    border-color: var(--border-subtle);
    color: var(--text-primary);
}

.sheet-close:focus-visible[b-33wq8hvfkx] {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

.sheet-body[b-33wq8hvfkx] {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: var(--space-7);
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
}

.sheet-foot[b-33wq8hvfkx] {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-3);
    padding: var(--space-5) var(--space-7);
    border-top: 1px solid var(--border-faint);
    background: var(--surface-1);
}

@keyframes sheet-scrim-in-b-33wq8hvfkx {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes sheet-slide-in-b-33wq8hvfkx {
    from { transform: translateX(24px); opacity: 0; }
    to   { transform: translateX(0); opacity: 1; }
}

@media (max-width: 640px) {
    .sheet[b-33wq8hvfkx] {
        width: 100%;
        border-left: 0;
    }
    .sheet-head[b-33wq8hvfkx],
    .sheet-body[b-33wq8hvfkx],
    .sheet-foot[b-33wq8hvfkx] {
        padding-left: var(--space-5);
        padding-right: var(--space-5);
    }
}

@media (prefers-reduced-motion: reduce) {
    .sheet-scrim[b-33wq8hvfkx] { animation: none; }
    .sheet[b-33wq8hvfkx] { animation: none; }
}
/* /Shared/UI/Skeleton.razor.rz.scp.css */
.skeleton[b-wdk7n3uydh] {
    display: block;
    background: linear-gradient(
        90deg,
        rgba(244, 241, 234, 0.04) 0%,
        rgba(244, 241, 234, 0.09) 50%,
        rgba(244, 241, 234, 0.04) 100%
    );
    background-size: 200% 100%;
    animation: skeleton-shimmer-b-wdk7n3uydh 1.4s ease-in-out infinite;
    border-radius: var(--radius);
    will-change: background-position;
}

.skeleton.block[b-wdk7n3uydh]  { border-radius: var(--radius); }
.skeleton.text[b-wdk7n3uydh]   { border-radius: 3px; height: 0.85em; }
.skeleton.circle[b-wdk7n3uydh] { border-radius: 50%; }

@keyframes skeleton-shimmer-b-wdk7n3uydh {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

@media (prefers-reduced-motion: reduce) {
    .skeleton[b-wdk7n3uydh] { animation: none; }
}
/* /Shared/UI/Textarea.razor.rz.scp.css */
.textarea[b-jdry48u9xr] {
    appearance: none;
    width: 100%;
    padding: var(--space-3) var(--space-4);
    background: var(--surface-1);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius);
    color: var(--text-primary);
    font-family: var(--font-sans);
    font-size: var(--text-base);
    line-height: var(--leading-relaxed);
    letter-spacing: -0.005em;
    resize: vertical;
    min-height: 6rem;
    transition:
        border-color var(--duration) var(--ease-out),
        background-color var(--duration) var(--ease-out),
        box-shadow var(--duration) var(--ease-out);
}

.textarea[b-jdry48u9xr]::placeholder { color: var(--text-muted); }

.textarea:hover:not(:focus):not([aria-invalid="true"])[b-jdry48u9xr] {
    border-color: var(--border);
}

.textarea:focus[b-jdry48u9xr] {
    outline: none;
    border-color: var(--accent);
    background: var(--surface-2);
    box-shadow: 0 0 0 3px var(--accent-dim);
}

.textarea[aria-invalid="true"][b-jdry48u9xr] {
    border-color: var(--danger);
}

.textarea:disabled[b-jdry48u9xr] {
    opacity: 0.55;
    cursor: not-allowed;
}