/* /Components/Layout/PortalLayout.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════
   PortalLayout — Warm Industrial Refinement
   Charcoal shell, golden orange accents, clean hierarchy
   ═══════════════════════════════════════════════════════ */

/* ── AppBar ──────────────────────────────────────────── */
[b-mra4qu2usv] .portal-appbar {
    border-bottom: 1px solid rgba(221, 145, 66, 0.15);
    backdrop-filter: blur(8px);
}

.portal-title[b-mra4qu2usv] {
    font-weight: 300;
    letter-spacing: 0.04em;
    user-select: none;
}

.portal-title-accent[b-mra4qu2usv] {
    font-weight: 700;
    color: #dd9142;
}

[b-mra4qu2usv] .portal-menu-toggle {
    transition: transform 0.2s ease;
}

[b-mra4qu2usv] .portal-menu-toggle:hover {
    transform: scale(1.08);
}

/* ── Company Badge ───────────────────────────────────── */
.portal-company-badge[b-mra4qu2usv] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 14px;
    margin-right: 12px;
    background: rgba(221, 145, 66, 0.12);
    border: 1px solid rgba(221, 145, 66, 0.25);
    border-radius: 20px;
    color: rgba(255, 255, 255, 0.92);
    font-size: 0.8125rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    white-space: nowrap;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.portal-company-badge:hover[b-mra4qu2usv] {
    background: rgba(221, 145, 66, 0.2);
    border-color: rgba(221, 145, 66, 0.4);
}

/* ── Drawer ──────────────────────────────────────────── */
[b-mra4qu2usv] .portal-drawer {
    border-right: 1px solid rgba(221, 145, 66, 0.08);
}

.portal-nav-wrapper[b-mra4qu2usv] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-top: 8px;
}

/* Nav link styling — golden left accent on active */
[b-mra4qu2usv] .portal-nav .mud-nav-link {
    margin: 2px 8px;
    border-radius: 6px;
    transition: background 0.15s ease, padding-left 0.15s ease;
    border-left: 3px solid transparent;
}

[b-mra4qu2usv] .portal-nav .mud-nav-link:hover {
    background: rgba(221, 145, 66, 0.08);
}

[b-mra4qu2usv] .portal-nav .mud-nav-link.active {
    background: rgba(221, 145, 66, 0.12);
    border-left-color: #dd9142;
    font-weight: 600;
}

/* Nav group headers */
[b-mra4qu2usv] .portal-nav .mud-nav-group .mud-nav-link {
    margin-left: 20px;
    font-size: 0.8125rem;
}

/* ── Main Content ────────────────────────────────────── */
[b-mra4qu2usv] .portal-main {
    background: #fafaf8;
    min-height: 100vh;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-ejwu2n1i0a],
.components-reconnect-repeated-attempt-visible[b-ejwu2n1i0a],
.components-reconnect-failed-visible[b-ejwu2n1i0a],
.components-pause-visible[b-ejwu2n1i0a],
.components-resume-failed-visible[b-ejwu2n1i0a],
.components-rejoining-animation[b-ejwu2n1i0a] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Admin/ProAudit/AccessTabContent.razor.rz.scp.css */
.pa-access-tab[b-fomjaqqu7w] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0.5rem 0;
}

.pa-access-scope[b-fomjaqqu7w] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 0.875rem;
    border-radius: 6px;
    background: rgb(241 243 245 / .7);
    color: var(--mud-palette-text-secondary, #555);
    transition: background 200ms ease, color 200ms ease;
}

.pa-access-scope.is-restricted[b-fomjaqqu7w] {
    background: rgb(255 242 219 / .9);
    color: var(--mud-palette-warning-darken, #8c5500);
}

.pa-access-glyph[b-fomjaqqu7w] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.pa-access-scope-text[b-fomjaqqu7w] {
    font-size: 0.95rem;
}

.pa-access-helper[b-fomjaqqu7w] {
    margin: 0.25rem 0 0 0;
    font-size: 0.8125rem;
    color: var(--mud-palette-text-secondary, #666);
}

.pa-access-picker[b-fomjaqqu7w] {
    overflow: hidden;
    transition: max-height 220ms ease, opacity 220ms ease;
}

.pa-access-picker.is-closed[b-fomjaqqu7w] {
    max-height: 0;
    opacity: 0;
    pointer-events: none;
}

.pa-access-picker.is-open[b-fomjaqqu7w] {
    max-height: 4000px;
    opacity: 1;
    pointer-events: auto;
}

.pa-section-divider[b-fomjaqqu7w] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--mud-palette-text-secondary, #666);
    margin: 1rem 0 0.5rem 0;
}

.pa-access-grant-list[b-fomjaqqu7w] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    margin-top: 0.75rem;
}

.pa-access-grant-card[b-fomjaqqu7w] {
    animation: pa-access-card-enter-b-fomjaqqu7w 180ms ease both;
}

@keyframes pa-access-card-enter-b-fomjaqqu7w {
    from { transform: scale(0.92); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}

.pa-access-grant-meta[b-fomjaqqu7w] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    min-width: 0;
}

.pa-access-grant-name[b-fomjaqqu7w] {
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.pa-access-grant-sub[b-fomjaqqu7w] {
    font-size: 0.75rem;
    color: var(--mud-palette-text-secondary, #666);
}

.pa-access-pill[b-fomjaqqu7w] {
    display: inline-flex;
    align-items: center;
    padding: 1px 8px;
    border-radius: 999px;
    font-size: 0.6875rem;
    font-weight: 500;
    line-height: 1.4;
}

.pa-access-pill-pending[b-fomjaqqu7w] {
    background: rgb(217 233 255 / .9);
    color: #1a4f8b;
}

.pa-access-pill-marketplace[b-fomjaqqu7w] {
    background: rgb(232 217 255 / .9);
    color: #5b2bb3;
}
/* /Components/Pages/Admin/ProAudit/AdasProfileDialog.razor.rz.scp.css */
[b-e6li8m8p77] .mud-dialog {
    max-width: min(780px, 96vw) !important;
    width: min(780px, 96vw) !important;
}

.adas-dialog-title[b-e6li8m8p77] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.adas-title-icon[b-e6li8m8p77] {
    color: var(--pa-accent, #00a69c);
    font-size: 1.25rem !important;
}

.adas-dialog-loading[b-e6li8m8p77] {
    display: flex;
    justify-content: center;
    padding: 2rem;
}

.adas-locations-header[b-e6li8m8p77] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.adas-add-loc-btn[b-e6li8m8p77] {
    text-transform: none !important;
    color: var(--pa-accent, #00a69c) !important;
    font-size: 0.75rem !important;
}

.adas-loc-empty[b-e6li8m8p77] {
    font-size: 0.8125rem;
    color: rgba(50, 50, 50, 0.45);
    padding: 0.75rem 0;
    font-style: italic;
}

.adas-loc-row[b-e6li8m8p77] {
    border: 1px solid var(--pa-border-subtle, rgba(50, 50, 50, 0.1));
    border-radius: 8px;
    padding: 0.75rem;
    margin-bottom: 0.5rem;
    background: var(--pa-surface-alt, #fafafa);
}

.adas-loc-row.loc-new[b-e6li8m8p77] {
    border-color: rgba(0, 166, 156, 0.3);
    background: rgba(0, 166, 156, 0.03);
}

.adas-loc-main[b-e6li8m8p77] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    flex-wrap: wrap;
}

.adas-sensor-select[b-e6li8m8p77] {
    min-width: 160px;
    flex-shrink: 0;
}

.adas-parts-field[b-e6li8m8p77] {
    flex: 1;
    min-width: 180px;
}

.adas-std-switch[b-e6li8m8p77] {
    flex-shrink: 0;
}

.adas-loc-remove[b-e6li8m8p77] {
    color: rgba(50, 50, 50, 0.35) !important;
    flex-shrink: 0;
}

.adas-loc-remove:hover[b-e6li8m8p77] {
    color: #bf1a2a !important;
}

.adas-loc-sources[b-e6li8m8p77] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
}

.dialog-actions[b-e6li8m8p77] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
}

.btn-cancel[b-e6li8m8p77] {
    text-transform: none;
    color: rgba(50, 50, 50, 0.6);
    border-color: rgba(50, 50, 50, 0.2);
}

.btn-save[b-e6li8m8p77] {
    background: #dd9142 !important;
    color: white !important;
    font-weight: 600;
    text-transform: none;
    padding: 0.5rem 1.5rem;
}
/* /Components/Pages/Admin/ProAudit/AuditRuleDialog.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════
   AuditRuleDialog — Premium chrome scoped styles
   ══════════════════════════════════════════════════════════════ */

/* ── Design tokens ── */
:root[b-178veowrdm] {
    --pa-brand-orange: #dd9142;
    --pa-brand-orange-hover: #c47f38;
    --pa-brand-teal: #00a69c;
    --pa-brand-charcoal: #323232;
    --pa-border-subtle: rgba(50, 50, 50, 0.08);
    --pa-code-bg: #1e1e2e;
    --pa-code-border: rgba(0, 166, 156, 0.25);
}

/* ── Dialog content area ── */
[b-178veowrdm] .pa-rule-dialog-content {
    padding: 0 1.5rem 1rem !important;
    max-height: 82vh;
    overflow-y: auto;
}

[b-178veowrdm] .pa-rule-dialog-actions {
    padding: 0.75rem 1.5rem !important;
    border-top: 1px solid var(--pa-border-subtle);
    gap: 0.5rem;
}

/* ── Dialog width override ── */
[b-178veowrdm] .mud-dialog {
    max-width: min(900px, 96vw) !important;
    width: min(900px, 96vw) !important;
}

/* ── Header section ── */
.pa-rule-header[b-178veowrdm] {
    padding: 1rem 0 0.75rem;
    border-bottom: 1px solid var(--pa-border-subtle);
    margin-bottom: 0;
}

[b-178veowrdm] .pa-rule-name-field .mud-input-root {
    font-size: 14px;
    font-weight: 500;
}

/* ── Pill-style tab bar (MudTabs override) ── */
[b-178veowrdm] .pa-rule-tabs {
    margin-top: 0.5rem !important;
}

[b-178veowrdm] .pa-rule-tabs .mud-tabs-toolbar {
    background: #f1f3f5 !important;
    border-radius: 10px !important;
    padding: 3px !important;
    border: none !important;
    min-height: 40px !important;
    margin-bottom: 0.5rem;
}

[b-178veowrdm] .pa-rule-tabs .mud-tabs-toolbar .mud-tabs-toolbar-content {
    gap: 2px;
}

[b-178veowrdm] .pa-rule-tabs .mud-tab {
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0.01em !important;
    color: rgba(50, 50, 50, 0.5) !important;
    border-radius: 8px !important;
    min-height: 34px !important;
    padding: 0 16px !important;
    transition: all 0.2s ease !important;
    min-width: 90px !important;
}

[b-178veowrdm] .pa-rule-tabs .mud-tab:hover {
    color: rgba(50, 50, 50, 0.75) !important;
    background: rgba(255, 255, 255, 0.5) !important;
}

[b-178veowrdm] .pa-rule-tabs .mud-tab.mud-tab-active {
    background: #fff !important;
    color: var(--pa-brand-charcoal) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06) !important;
}

/* Hide the default MudTabs slider/indicator */
[b-178veowrdm] .pa-rule-tabs .mud-tab-slider {
    display: none !important;
}

/* Tab panel content */
[b-178veowrdm] .pa-rule-tab-panel {
    padding: 0.75rem 0 0 !important;
}

/* ── Details tab ── */
.pa-rule-details[b-178veowrdm] {
    padding: 0;
}

/* ── Sources section ── */
.pa-rule-sources[b-178veowrdm] {
    border: 1px solid var(--pa-border-subtle);
    border-radius: 10px;
    padding: 0.75rem 1rem;
    background: rgba(50, 50, 50, 0.01);
}

.pa-rule-sources-header[b-178veowrdm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.pa-rule-sources-label[b-178veowrdm] {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--pa-brand-teal);
}

[b-178veowrdm] .pa-rule-add-source-btn {
    text-transform: none !important;
    color: var(--pa-brand-teal) !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
}

.pa-rule-source-row[b-178veowrdm] {
    margin-bottom: 0.25rem;
}

[b-178veowrdm] .pa-rule-remove-source-btn {
    color: rgba(50, 50, 50, 0.35) !important;
    transition: color 0.15s ease !important;
}

[b-178veowrdm] .pa-rule-remove-source-btn:hover {
    color: #bf1a2a !important;
}

/* ── ADAS Calibration section ── */
.pa-rule-adas-section[b-178veowrdm] {
    padding: 0;
}

/* ── ADAS Profiles tab ── */
.pa-rule-adas-tab[b-178veowrdm] {
    padding: 0;
}

.pa-rule-adas-tab-header[b-178veowrdm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.pa-rule-adas-tab-header[b-178veowrdm]  .pa-section-divider {
    flex: 1;
}

.pa-rule-adas-loading[b-178veowrdm] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8125rem;
    color: rgba(50, 50, 50, 0.5);
    padding: 0.75rem 0;
}

.pa-rule-adas-empty[b-178veowrdm] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    background: rgba(50, 50, 50, 0.02);
    border: 1px dashed rgba(50, 50, 50, 0.12);
    border-radius: 10px;
    margin-bottom: 1rem;
}

[b-178veowrdm] .pa-rule-adas-empty-icon {
    font-size: 1.75rem !important;
    color: rgba(50, 50, 50, 0.2);
    flex-shrink: 0;
}

.pa-rule-adas-empty-text[b-178veowrdm] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: rgba(50, 50, 50, 0.55);
}

.pa-rule-adas-empty-sub[b-178veowrdm] {
    font-size: 0.75rem;
    color: rgba(50, 50, 50, 0.4);
    margin-top: 0.15rem;
}

.pa-rule-adas-empty-sub code[b-178veowrdm] {
    font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
    background: rgba(0, 166, 156, 0.08);
    color: #007a72;
    border-radius: 3px;
    padding: 0.05rem 0.3rem;
}

.pa-rule-adas-list[b-178veowrdm] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin-bottom: 1rem;
    max-height: 220px;
    overflow-y: auto;
}

.pa-rule-adas-card[b-178veowrdm] {
    border: 1px solid rgba(50, 50, 50, 0.08);
    border-radius: 10px;
    padding: 0.625rem 0.875rem;
    background: #fff;
    transition: border-color 0.15s ease;
}

.pa-rule-adas-card:hover[b-178veowrdm] {
    border-color: rgba(0, 166, 156, 0.2);
}

.pa-rule-adas-card-header[b-178veowrdm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pa-rule-adas-vehicle[b-178veowrdm] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.pa-rule-adas-status[b-178veowrdm] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
}

.pa-rule-adas-status.researched[b-178veowrdm] { background: #22c55e; }
.pa-rule-adas-status.partiallyresearched[b-178veowrdm] { background: #f59e0b; }
.pa-rule-adas-status.unresearched[b-178veowrdm] { background: rgba(50, 50, 50, 0.2); }

.pa-rule-adas-make[b-178veowrdm] {
    font-weight: 700;
    font-size: 0.8125rem;
    color: var(--pa-brand-charcoal);
}

.pa-rule-adas-model[b-178veowrdm] {
    font-weight: 600;
    font-size: 0.8125rem;
    color: var(--pa-brand-charcoal);
}

.pa-rule-adas-years[b-178veowrdm] {
    font-size: 0.6875rem;
    color: rgba(50, 50, 50, 0.5);
    background: rgba(50, 50, 50, 0.05);
    border-radius: 4px;
    padding: 0.1rem 0.35rem;
}

.pa-rule-adas-actions[b-178veowrdm] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

[b-178veowrdm] .pa-rule-adas-delete-btn {
    color: rgba(50, 50, 50, 0.3) !important;
}

[b-178veowrdm] .pa-rule-adas-delete-btn:hover {
    color: #bf1a2a !important;
}

.pa-rule-adas-sensors[b-178veowrdm] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    margin-top: 0.35rem;
    padding-top: 0.35rem;
    border-top: 1px solid rgba(50, 50, 50, 0.05);
}

.pa-rule-adas-sensor-row[b-178veowrdm] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    flex-wrap: wrap;
}

.pa-rule-sensor-badge[b-178veowrdm] {
    font-size: 0.6rem;
    font-weight: 700;
    background: rgba(0, 166, 156, 0.1);
    color: #007a72;
    border: 1px solid rgba(0, 166, 156, 0.2);
    border-radius: 4px;
    padding: 0.1rem 0.4rem;
    white-space: nowrap;
    flex-shrink: 0;
}

.pa-rule-part-chip[b-178veowrdm] {
    font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
    font-size: 0.6rem;
    background: rgba(50, 50, 50, 0.04);
    color: rgba(50, 50, 50, 0.65);
    border: 1px solid rgba(50, 50, 50, 0.1);
    border-radius: 4px;
    padding: 0.05rem 0.3rem;
}

.pa-rule-optional-badge[b-178veowrdm] {
    font-size: 0.6rem;
    font-weight: 600;
    color: #92400e;
    background: rgba(245, 158, 11, 0.1);
    border-radius: 3px;
    padding: 0.05rem 0.25rem;
}

/* ── ADAS API Reference panel ── */
.pa-rule-adas-api[b-178veowrdm] {
    background: var(--pa-code-bg);
    border: 1px solid var(--pa-code-border);
    border-radius: 10px;
    padding: 0.875rem 1rem;
}

.pa-rule-adas-api-grid[b-178veowrdm] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.pa-rule-adas-api-row[b-178veowrdm] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.75rem;
    align-items: center;
}

.pa-rule-adas-api-sig[b-178veowrdm] {
    font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
    font-size: 0.75rem;
    color: #cdd6f4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pa-rule-adas-ret[b-178veowrdm] { color: #89dceb; }
.pa-rule-adas-param[b-178veowrdm] { color: #fab387; }

.pa-rule-adas-api-desc[b-178veowrdm] {
    font-size: 0.6875rem;
    color: rgba(205, 214, 244, 0.5);
    white-space: nowrap;
    text-align: right;
}

@media (max-width: 700px) {
    .pa-rule-adas-api-row[b-178veowrdm] { grid-template-columns: 1fr; }
    .pa-rule-adas-api-desc[b-178veowrdm] { text-align: left; }
}

/* ── Footer buttons ── */
[b-178veowrdm] .pa-rule-cancel-btn {
    text-transform: none !important;
    color: rgba(50, 50, 50, 0.6) !important;
    border-color: rgba(50, 50, 50, 0.15) !important;
    font-weight: 500 !important;
    padding: 0.4rem 1.25rem !important;
    border-radius: 8px !important;
}

[b-178veowrdm] .pa-rule-cancel-btn:hover {
    background: rgba(50, 50, 50, 0.04) !important;
    border-color: rgba(50, 50, 50, 0.25) !important;
}

[b-178veowrdm] .pa-rule-submit-btn {
    background: var(--pa-brand-orange) !important;
    color: white !important;
    font-weight: 600 !important;
    text-transform: none !important;
    padding: 0.5rem 1.5rem !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(221, 145, 66, 0.3) !important;
    transition: all 0.2s ease !important;
}

[b-178veowrdm] .pa-rule-submit-btn:hover {
    background: var(--pa-brand-orange-hover) !important;
    box-shadow: 0 4px 12px rgba(221, 145, 66, 0.4) !important;
}

[b-178veowrdm] .pa-rule-submit-btn:disabled {
    opacity: 0.6 !important;
}
/* /Components/Pages/Admin/ProAudit/PartDialog.razor.rz.scp.css */
[b-qt3f895ysf] .mud-dialog {
    max-width: min(680px, 96vw) !important;
    width: min(680px, 96vw) !important;
}

.part-dialog-title[b-qt3f895ysf] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.part-title-icon[b-qt3f895ysf] {
    color: var(--pa-accent, #00a69c);
    font-size: 1.25rem !important;
}

.category-section[b-qt3f895ysf] {
    background: var(--pa-surface-alt, #fafafa);
    border: 1px solid var(--pa-border-subtle, rgba(50, 50, 50, 0.08));
    border-radius: 8px;
    padding: 0.75rem 1rem;
    margin-top: 0.5rem;
}

.flags-grid[b-qt3f895ysf] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0 0.5rem;
}

.dialog-actions[b-qt3f895ysf] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
}

.btn-cancel[b-qt3f895ysf] {
    text-transform: none;
    color: rgba(50, 50, 50, 0.6);
    border-color: rgba(50, 50, 50, 0.2);
}

.btn-save[b-qt3f895ysf] {
    background: #dd9142 !important;
    color: white !important;
    font-weight: 600;
    text-transform: none;
    padding: 0.5rem 1.5rem;
}
/* /Components/Pages/Admin/ProAudit/PartKeywordDialog.razor.rz.scp.css */
[b-uim6ygrsyt] .mud-dialog {
    max-width: min(620px, 96vw) !important;
    width: min(620px, 96vw) !important;
}

.pkd-title[b-uim6ygrsyt] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.pkd-title-icon[b-uim6ygrsyt] {
    color: var(--pa-accent, #00a69c);
    font-size: 1.25rem !important;
}

.exclusion-row[b-uim6ygrsyt] {
    border-radius: 8px;
    padding: 0.5rem 0.75rem;
    transition: background 0.2s ease;
}

.exclusion-row.exclusion-active[b-uim6ygrsyt] {
    background: rgba(255, 183, 77, 0.1);
    border: 1px solid rgba(255, 183, 77, 0.3);
}

.dialog-actions[b-uim6ygrsyt] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
}

.btn-cancel[b-uim6ygrsyt] {
    text-transform: none;
    color: rgba(50, 50, 50, 0.6);
    border-color: rgba(50, 50, 50, 0.2);
}

.btn-save[b-uim6ygrsyt] {
    background: #dd9142 !important;
    color: white !important;
    font-weight: 600;
    text-transform: none;
    padding: 0.5rem 1.5rem;
}
/* /Components/Pages/Admin/ProAudit/PositionStatementDialog.razor.rz.scp.css */
[b-rkcpntwwh9] .mud-dialog {
    max-width: min(720px, 96vw) !important;
    width: min(720px, 96vw) !important;
}

.ps-dialog-title[b-rkcpntwwh9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.ps-title-icon[b-rkcpntwwh9] {
    color: #e65100;
    font-size: 1.25rem !important;
}

.flags-section[b-rkcpntwwh9] {
    background: var(--pa-surface-alt, #fafafa);
    border: 1px solid var(--pa-border-subtle, rgba(50, 50, 50, 0.08));
    border-radius: 8px;
    padding: 0.75rem 1rem;
    margin-top: 0.5rem;
}

.flags-label[b-rkcpntwwh9] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: rgba(50, 50, 50, 0.7);
    margin-bottom: 0.2rem;
}

.flags-help[b-rkcpntwwh9] {
    font-size: 0.75rem;
    color: rgba(50, 50, 50, 0.45);
    margin-bottom: 0.625rem;
}

.flags-grid[b-rkcpntwwh9] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
}

.flags-grid[b-rkcpntwwh9]  .mud-input-control {
    margin: 0 !important;
}

.year-range[b-rkcpntwwh9] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.year-to-label[b-rkcpntwwh9] {
    color: rgba(50, 50, 50, 0.5);
    font-size: 0.875rem;
    padding-top: 0.5rem;
}

.dialog-actions[b-rkcpntwwh9] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
}

.btn-cancel[b-rkcpntwwh9] {
    text-transform: none;
    color: rgba(50, 50, 50, 0.6);
    border-color: rgba(50, 50, 50, 0.2);
}

.btn-save[b-rkcpntwwh9] {
    background: #dd9142 !important;
    color: white !important;
    font-weight: 600;
    text-transform: none;
    padding: 0.5rem 1.5rem;
}

/* === pa-stmt-linkage-* ================================================== */
/* Reverse-linkage banner — lives at the top of the dialog body, above the   */
/* "Source Details" section divider. Signals dependency without alarming.    */
/* ======================================================================== */

.pa-stmt-linkage-banner[b-rkcpntwwh9] {
    margin: -0.25rem -0.5rem 1rem;
    border-left: 3px solid #DD9142;
    background: linear-gradient(90deg,
        rgba(221, 145, 66, 0.07) 0%,
        rgba(221, 145, 66, 0.02) 60%,
        transparent 100%);
    border-radius: 0 6px 6px 0;
    overflow: hidden;
}

.pa-stmt-linkage-toggle[b-rkcpntwwh9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.5rem 0.75rem;
    background: none;
    border: none;
    cursor: pointer;
    text-align: left;
    color: inherit;
}

.pa-stmt-linkage-toggle:hover[b-rkcpntwwh9] {
    background: rgba(221, 145, 66, 0.06);
}

.pa-stmt-linkage-toggle:focus-visible[b-rkcpntwwh9] {
    outline: 2px solid #DD9142;
    outline-offset: -2px;
}

.pa-stmt-linkage-badge[b-rkcpntwwh9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.375rem;
    height: 1.375rem;
    padding: 0 0.3rem;
    background: #DD9142;
    color: #fff;
    font-family: 'JetBrains Mono', 'Roboto Mono', ui-monospace, monospace;
    font-size: 0.6875rem;
    font-weight: 700;
    line-height: 1;
    border-radius: 4px;
    letter-spacing: 0;
    flex-shrink: 0;
}

.pa-stmt-linkage-label[b-rkcpntwwh9] {
    font-size: 0.75rem;
    font-weight: 500;
    color: rgba(50, 50, 50, 0.72);
    letter-spacing: 0.01em;
    flex: 1;
}

.pa-stmt-linkage-chev[b-rkcpntwwh9] {
    width: 1rem;
    height: 1rem;
    color: #DD9142;
    flex-shrink: 0;
    transition: transform 200ms ease;
    opacity: 0.75;
}

.pa-stmt-linkage-chev-open[b-rkcpntwwh9] {
    transform: rotate(180deg);
}

@media (prefers-reduced-motion: reduce) {
    .pa-stmt-linkage-chev[b-rkcpntwwh9] {
        transition: none;
    }
}

.pa-stmt-linkage-list[b-rkcpntwwh9] {
    list-style: none;
    margin: 0;
    padding: 0 0.75rem 0.625rem;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.pa-stmt-linkage-item[b-rkcpntwwh9] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
}

.pa-stmt-linkage-cat[b-rkcpntwwh9] {
    font-size: 0.6875rem;
    font-family: 'JetBrains Mono', 'Roboto Mono', ui-monospace, monospace;
    font-weight: 500;
    color: #DD9142;
    opacity: 0.85;
    white-space: nowrap;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    min-width: 11rem;
    flex-shrink: 0;
}

.pa-stmt-linkage-name[b-rkcpntwwh9] {
    font-size: 0.75rem;
    color: rgba(50, 50, 50, 0.72);
    line-height: 1.4;
}

/* ════════════════════════════════════════════════════════════════════
   Phase 5 — Body editor / Hosted PDF / Review stamp
   ─────────────────────────────────────────────────
   The Phase 5 sections inside the position-statement edit dialog read
   as editorial supplements: body content frames the Library drawer the
   reader will eventually see, the hosted PDF lives in a "filed copy"
   card with a thin orange spine, and the review-status displays as a
   stamp (dot + caps + italic age) rather than a generic chip.

   Tokens: borrowed from the lib-page palette (warm paper, ink,
   accent-orange) so the dialog feels native to the Library it edits.
   ════════════════════════════════════════════════════════════════════ */

[b-rkcpntwwh9] .ps-body-editor {
    margin-top: 0.25rem;
}

[b-rkcpntwwh9] .ps-body-actions {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.5rem;
    padding: 0.25rem 0;
}

[b-rkcpntwwh9] .ps-body-hint {
    font-family: 'Fraunces', 'Source Serif 4', Georgia, serif;
    font-style: italic;
    font-size: 0.8125rem;
    color: #6B6560;
    font-variation-settings: "opsz" 24, "SOFT" 30;
}

[b-rkcpntwwh9] .ps-body-hint-aside {
    margin: 0.25rem 0 0;
}

/* ── Ghost link buttons (used for Detach, Detach+delete, Clear) ────── */

[b-rkcpntwwh9] .ps-ghost-link {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.5rem;
    background: transparent;
    border: 0;
    cursor: pointer;
    font-family: 'Inter Tight', 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #3A332B;
    letter-spacing: 0.005em;
    border-radius: 4px;
    transition: color 140ms ease, background 140ms ease;
}

[b-rkcpntwwh9] .ps-ghost-link:hover {
    color: #1A1612;
    background: rgba(26, 22, 18, 0.04);
}

[b-rkcpntwwh9] .ps-ghost-link-warn {
    color: #B47028;
}

[b-rkcpntwwh9] .ps-ghost-link-warn:hover {
    color: #8A521E;
    background: rgba(180, 112, 40, 0.06);
}

[b-rkcpntwwh9] .ps-ghost-link-mark {
    font-family: 'Fraunces', 'Source Serif 4', Georgia, serif;
    font-style: italic;
    font-size: 1.05rem;
    line-height: 1;
    color: currentColor;
    opacity: 0.65;
}

/* ── Hosted file: filed-copy card + drop-pull ──────────────────────── */

[b-rkcpntwwh9] .ps-hosted-file {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

[b-rkcpntwwh9] .ps-hosted-file-card {
    position: relative;
    display: flex;
    align-items: stretch;
    gap: 0;
    padding: 0;
    background: #FAF7F2;
    border: 1px solid #E8E5E0;
    border-radius: 6px;
    overflow: hidden;
    flex-wrap: nowrap;
}

[b-rkcpntwwh9] .ps-hosted-file-spine {
    width: 4px;
    background: linear-gradient(180deg, #DD9142, #B47028);
    flex-shrink: 0;
}

[b-rkcpntwwh9] .ps-hosted-file-glyph {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
    color: #B47028;
    flex-shrink: 0;
}

[b-rkcpntwwh9] .ps-hosted-file-meta {
    flex: 1;
    min-width: 12rem;
    padding: 0.75rem 0.5rem 0.75rem 0;
    line-height: 1.35;
}

[b-rkcpntwwh9] .ps-hosted-file-eyebrow {
    font-family: 'Fraunces', 'Source Serif 4', Georgia, serif;
    font-style: italic;
    font-size: 0.7rem;
    color: #B47028;
    margin-bottom: 0.15rem;
    font-variation-settings: "opsz" 24, "SOFT" 30;
}

[b-rkcpntwwh9] .ps-hosted-file-name {
    font-family: 'JetBrains Mono', 'Roboto Mono', ui-monospace, monospace;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #1A1612;
    word-break: break-all;
}

[b-rkcpntwwh9] .ps-hosted-file-detail {
    font-family: 'JetBrains Mono', 'Roboto Mono', ui-monospace, monospace;
    font-size: 0.6875rem;
    color: #6B6560;
    margin-top: 0.2rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

[b-rkcpntwwh9] .ps-hosted-file-sep {
    color: #C5C0B8;
}

[b-rkcpntwwh9] .ps-hosted-file-actions {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.5rem 0.75rem;
    border-left: 1px dashed #DDD9D3;
    flex-shrink: 0;
}

@media (max-width: 540px) {
    [b-rkcpntwwh9] .ps-hosted-file-card {
        flex-wrap: wrap;
    }
    [b-rkcpntwwh9] .ps-hosted-file-actions {
        border-left: 0;
        border-top: 1px dashed #DDD9D3;
        width: 100%;
        padding: 0.5rem 1rem;
    }
}

/* Drop-pull for upload — same drawer-pull rhythm as the Learn button on
   the Quick Audit page, scoped here so the dialog feels of-a-piece. */
[b-rkcpntwwh9] .ps-hosted-file-upload {
    display: flex;
}

[b-rkcpntwwh9] .ps-upload-pull {
    display: inline-flex;
    align-items: stretch;
    gap: 0;
    cursor: pointer;
    background: #FFFFFF;
    border: 1px dashed #C5C0B8;
    border-radius: 6px;
    overflow: hidden;
    transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

[b-rkcpntwwh9] .ps-upload-pull:hover {
    border-color: #B47028;
    background: #FAF7F2;
    transform: translateY(-1px);
}

[b-rkcpntwwh9] .ps-upload-pull-spine {
    width: 4px;
    background: linear-gradient(180deg, #DD9142, #B47028);
    flex-shrink: 0;
}

[b-rkcpntwwh9] .ps-upload-pull-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 0.5rem 0.5rem 0.5rem 0.75rem;
    line-height: 1;
}

[b-rkcpntwwh9] .ps-upload-pull-eyebrow {
    font-family: 'Fraunces', 'Source Serif 4', Georgia, serif;
    font-style: italic;
    font-size: 0.7rem;
    color: #B47028;
    font-variation-settings: "opsz" 24, "SOFT" 30;
}

[b-rkcpntwwh9] .ps-upload-pull-title {
    font-family: 'Inter Tight', 'Roboto', sans-serif;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #1A1612;
}

[b-rkcpntwwh9] .ps-upload-pull-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.85rem;
    color: #6B6560;
    transition: color 160ms ease, transform 160ms ease;
}

[b-rkcpntwwh9] .ps-upload-pull:hover .ps-upload-pull-arrow {
    color: #B47028;
    transform: translateY(-1px);
}

[b-rkcpntwwh9] .ps-upload-error {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: rgba(185, 28, 28, 0.06);
    border: 1px solid rgba(185, 28, 28, 0.18);
    border-left: 3px solid #B91C1C;
    border-radius: 4px;
    font-size: 0.8125rem;
    color: #7F1D1D;
}

[b-rkcpntwwh9] .ps-upload-error-mark {
    font-family: 'Fraunces', 'Source Serif 4', Georgia, serif;
    font-style: italic;
    font-weight: 600;
    color: #B91C1C;
    flex-shrink: 0;
}

/* ── Review stamp: dot + caps + italic age ─────────────────────────── */

[b-rkcpntwwh9] .ps-review-status {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.5rem 0;
}

[b-rkcpntwwh9] .ps-review-stamp {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

[b-rkcpntwwh9] .ps-review-stamp-mark {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
}

[b-rkcpntwwh9] .ps-review-stamp-stale .ps-review-stamp-mark {
    background: #DD9142;
    box-shadow: 0 0 0 2px rgba(221, 145, 66, 0.18);
    animation: ps-review-pulse-b-rkcpntwwh9 2.4s ease-in-out infinite;
}

[b-rkcpntwwh9] .ps-review-stamp-fresh .ps-review-stamp-mark {
    background: #16A34A;
    box-shadow: 0 0 0 2px rgba(22, 163, 74, 0.18);
}

[b-rkcpntwwh9] .ps-review-stamp-label {
    font-family: 'Inter Tight', 'Roboto', sans-serif;
    font-size: 0.8125rem;
    color: #3A332B;
    line-height: 1.3;
}

[b-rkcpntwwh9] .ps-review-stamp-stale .ps-review-stamp-label {
    color: #B47028;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 0.7rem;
}

[b-rkcpntwwh9] .ps-review-stamp-age {
    font-family: 'Fraunces', 'Source Serif 4', Georgia, serif;
    font-style: italic;
    font-weight: 500;
    color: #1A1612;
    font-variation-settings: "opsz" 24, "SOFT" 30;
    margin: 0 0.15rem;
}

[b-rkcpntwwh9] .ps-review-stamp-stale .ps-review-stamp-age {
    color: #B47028;
    text-transform: none;
    letter-spacing: 0;
}

[b-rkcpntwwh9] .ps-review-stamp-date {
    font-family: 'JetBrains Mono', 'Roboto Mono', ui-monospace, monospace;
    font-size: 0.7rem;
    color: #6B6560;
    margin-left: 0.25rem;
}

@keyframes ps-review-pulse-b-rkcpntwwh9 {
    0%, 100% { box-shadow: 0 0 0 2px rgba(221, 145, 66, 0.18); }
    50%      { box-shadow: 0 0 0 5px rgba(221, 145, 66, 0.04); }
}

@media (prefers-reduced-motion: reduce) {
    [b-rkcpntwwh9] .ps-review-stamp-stale .ps-review-stamp-mark { animation: none; }
    [b-rkcpntwwh9] .ps-upload-pull,
    [b-rkcpntwwh9] .ps-upload-pull-arrow {
        transition: none;
    }
    [b-rkcpntwwh9] .ps-upload-pull:hover { transform: none; }
}
/* /Components/Pages/Admin/ProAudit/Rules.razor.rz.scp.css */
.audit-rules-page[b-9m1hlaxzsx] {
    --brand-orange: #dd9142;
    --brand-teal: #00a69c;
    --brand-charcoal: #323232;
    --brand-red: #bf1a2a;
    --surface-light: #fafafa;
    --border-subtle: rgba(50, 50, 50, 0.08);
    padding: 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-9m1hlaxzsx] { margin-bottom: 1.5rem; }

.title-row[b-9m1hlaxzsx] { display: flex; align-items: center; gap: 0.875rem; }

.title-icon-wrap[b-9m1hlaxzsx] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(0, 166, 156, 0.12), rgba(0, 166, 156, 0.04));
    border: 1px solid rgba(0, 166, 156, 0.15);
}

.title-icon[b-9m1hlaxzsx] { color: var(--brand-teal); }
.page-title[b-9m1hlaxzsx] { font-weight: 700; color: var(--brand-charcoal); letter-spacing: -0.02em; }
.page-subtitle[b-9m1hlaxzsx] { color: rgba(50, 50, 50, 0.6); margin-top: 0.25rem; }

/* ── Tab Bar ── */
.rules-tab-bar[b-9m1hlaxzsx] {
    margin-bottom: 1rem;
}

.tab-pill-container[b-9m1hlaxzsx] {
    display: inline-flex;
    gap: 0;
    padding: 3px;
    background: #f1f3f5;
    border-radius: 10px;
}

.rules-tab[b-9m1hlaxzsx] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 8px 20px;
    border: none;
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    color: #64748b;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.rules-tab:hover:not(.active)[b-9m1hlaxzsx] {
    color: #334155;
}

.rules-tab.active[b-9m1hlaxzsx] {
    background: white;
    color: #1a1a2e;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.10), 0 0 0 0.5px rgba(0, 0, 0, 0.06);
}

.rules-tab--classifier.active[b-9m1hlaxzsx] { color: #6b21a8; }
.rules-tab--adas.active[b-9m1hlaxzsx] { color: #00a69c; }
.rules-tab--drp.active[b-9m1hlaxzsx] { color: #1565c0; }
.rules-tab--ps.active[b-9m1hlaxzsx] { color: #e65100; }

/* ── Shared grid/filter styles (used by all rule tabs) ── */
.tab-toolbar[b-9m1hlaxzsx] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0.75rem;
}

.add-rule-btn[b-9m1hlaxzsx] {
    background: var(--brand-orange) !important;
    color: white !important;
    font-weight: 600;
    text-transform: none;
    padding: 0.5rem 1.25rem;
    box-shadow: 0 2px 8px rgba(221, 145, 66, 0.3);
    transition: all 0.2s ease;
}

.add-rule-btn:hover[b-9m1hlaxzsx] {
    background: #c47f38 !important;
    box-shadow: 0 4px 12px rgba(221, 145, 66, 0.4);
    transform: translateY(-1px);
}

.filter-panel[b-9m1hlaxzsx] {
    background: var(--surface-light);
    border: 1px solid var(--border-subtle);
    border-radius: 12px;
    padding: 1rem 1.25rem;
    margin-bottom: 1rem;
}

.search-field[b-9m1hlaxzsx], .filter-select[b-9m1hlaxzsx] { background: white; border-radius: 8px; }

.filter-summary[b-9m1hlaxzsx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--border-subtle);
}

.results-count[b-9m1hlaxzsx] { color: rgba(50, 50, 50, 0.5); font-weight: 500; }
.clear-filters-btn[b-9m1hlaxzsx] { color: var(--brand-teal); text-transform: none; font-size: 0.8125rem; }

.data-grid-container[b-9m1hlaxzsx] {
    border: 1px solid var(--border-subtle);
    border-radius: 12px;
    overflow: hidden;
}

.rules-grid .mud-table-head .mud-table-cell[b-9m1hlaxzsx] {
    background: var(--brand-charcoal);
    color: rgba(255, 255, 255, 0.9);
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.875rem 1rem;
    border-bottom: none;
}

.rules-grid .mud-table-body .mud-table-row[b-9m1hlaxzsx] { transition: all 0.15s ease; }
.rules-grid .mud-table-body .mud-table-row:hover[b-9m1hlaxzsx] { background: rgba(221, 145, 66, 0.04); }
.rules-grid .mud-table-body .mud-table-cell[b-9m1hlaxzsx] { padding: 0.75rem 1rem; border-bottom: 1px solid var(--border-subtle); }

.name-cell[b-9m1hlaxzsx] { min-width: 200px; }
.rule-name[b-9m1hlaxzsx] { font-weight: 600; color: var(--brand-charcoal); }
.category-cell[b-9m1hlaxzsx] { width: 160px; }

.category-chip[b-9m1hlaxzsx] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.625rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
}

.category-chip.cat-diagnostic[b-9m1hlaxzsx] { background: rgba(0, 166, 156, 0.1); color: #007a72; }
.category-chip.cat-adas[b-9m1hlaxzsx] { background: rgba(0, 130, 200, 0.1); color: #005a8c; }
.category-chip.cat-structural[b-9m1hlaxzsx] { background: rgba(50, 50, 50, 0.08); color: var(--brand-charcoal); }
.category-chip.cat-corrosion[b-9m1hlaxzsx] { background: rgba(221, 145, 66, 0.1); color: #b07830; }
.category-chip.cat-refinish[b-9m1hlaxzsx] { background: rgba(164, 205, 57, 0.15); color: #5a7a00; }
.category-chip.cat-blend[b-9m1hlaxzsx] { background: rgba(140, 180, 50, 0.12); color: #4a6a00; }
.category-chip.cat-mechanical[b-9m1hlaxzsx] { background: rgba(100, 100, 200, 0.1); color: #4a4aa0; }
.category-chip.cat-ri[b-9m1hlaxzsx] { background: rgba(191, 26, 42, 0.08); color: var(--brand-red); }
.category-chip.cat-admin[b-9m1hlaxzsx] { background: rgba(50, 50, 50, 0.05); color: rgba(50, 50, 50, 0.65); }
.category-chip.cat-state[b-9m1hlaxzsx] { background: rgba(180, 100, 50, 0.1); color: #8a4a20; }
.category-chip.cat-recycled[b-9m1hlaxzsx] { background: rgba(80, 160, 80, 0.1); color: #2a7a2a; }
.category-chip.cat-glass[b-9m1hlaxzsx] { background: rgba(66, 165, 221, 0.1); color: #2a6a8c; }
.category-chip.cat-sublet[b-9m1hlaxzsx] { background: rgba(160, 120, 80, 0.1); color: #7a5a30; }
.category-chip.cat-detailing[b-9m1hlaxzsx] { background: rgba(120, 80, 160, 0.1); color: #5a3a7a; }
.category-chip.cat-electrical[b-9m1hlaxzsx] { background: rgba(220, 180, 40, 0.12); color: #8a7010; }
.category-chip.cat-trim[b-9m1hlaxzsx] { background: rgba(180, 140, 120, 0.12); color: #6a4a3a; }
.category-chip.cat-safety[b-9m1hlaxzsx] { background: rgba(191, 26, 42, 0.08); color: var(--brand-red); }

.labor-cell[b-9m1hlaxzsx] { width: 60px; text-align: center; }

.labor-chip[b-9m1hlaxzsx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 700;
}

.labor-chip.labor-frame[b-9m1hlaxzsx] { background: rgba(50, 50, 50, 0.1); color: var(--brand-charcoal); }
.labor-chip.labor-structural[b-9m1hlaxzsx] { background: rgba(50, 50, 50, 0.08); color: var(--brand-charcoal); }
.labor-chip.labor-aluminum[b-9m1hlaxzsx] { background: rgba(180, 180, 200, 0.15); color: #5a5a7a; }
.labor-chip.labor-mechanical[b-9m1hlaxzsx] { background: rgba(100, 100, 200, 0.1); color: #4a4aa0; }
.labor-chip.labor-glass[b-9m1hlaxzsx] { background: rgba(66, 165, 221, 0.1); color: #2a6a8c; }
.labor-chip.labor-diagnostic[b-9m1hlaxzsx] { background: rgba(0, 166, 156, 0.1); color: #007a72; }

.trigger-cell[b-9m1hlaxzsx] { width: 160px; }
.trigger-text[b-9m1hlaxzsx] { color: rgba(50, 50, 50, 0.7); font-size: 0.8125rem; }
.impact-cell[b-9m1hlaxzsx] { width: 100px; }

.impact-chip[b-9m1hlaxzsx] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.625rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.impact-chip.impact-adas[b-9m1hlaxzsx] { background: rgba(92, 53, 169, 0.1); color: #5c35a9; }
.impact-chip.impact-high[b-9m1hlaxzsx] { background: rgba(191, 26, 42, 0.1); color: var(--brand-red); }
.impact-chip.impact-moderate[b-9m1hlaxzsx] { background: rgba(221, 145, 66, 0.12); color: #b07830; }
.impact-chip.impact-low[b-9m1hlaxzsx] { background: rgba(179, 147, 50, 0.15); color: #b39332; }
.impact-chip.impact-advisory[b-9m1hlaxzsx] { background: rgba(0, 166, 156, 0.08); color: var(--brand-teal); }

.active-cell[b-9m1hlaxzsx] { width: 80px; }
.order-cell[b-9m1hlaxzsx] { width: 70px; text-align: center; }
.order-text[b-9m1hlaxzsx] { color: rgba(50, 50, 50, 0.5); font-variant-numeric: tabular-nums; }
.actions-cell[b-9m1hlaxzsx] { width: 100px; }

.row-actions[b-9m1hlaxzsx] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    opacity: 0.4;
    transition: opacity 0.15s ease;
}

.mud-table-row:hover .row-actions[b-9m1hlaxzsx] { opacity: 1; }
.action-btn[b-9m1hlaxzsx] { transition: all 0.15s ease; }
.override-btn[b-9m1hlaxzsx] { color: var(--brand-orange); }
.override-btn:hover[b-9m1hlaxzsx] { background: rgba(221, 145, 66, 0.08); }
.edit-btn[b-9m1hlaxzsx] { color: var(--brand-teal); }
.edit-btn:hover[b-9m1hlaxzsx] { background: rgba(0, 166, 156, 0.08); }
.delete-btn[b-9m1hlaxzsx] { color: rgba(50, 50, 50, 0.4); }
.delete-btn:hover[b-9m1hlaxzsx] { color: var(--brand-red); background: rgba(191, 26, 42, 0.06); }

.empty-state[b-9m1hlaxzsx] { padding: 4rem 2rem; text-align: center; }
.empty-icon[b-9m1hlaxzsx] { color: rgba(50, 50, 50, 0.15); margin-bottom: 1rem; }
.empty-state .mud-typography-h6[b-9m1hlaxzsx] { color: var(--brand-charcoal); margin-bottom: 0.25rem; }
.empty-state .mud-typography-body2[b-9m1hlaxzsx] { color: rgba(50, 50, 50, 0.5); }
.mud-table-pagination[b-9m1hlaxzsx] { border-top: 1px solid var(--border-subtle); padding: 0.75rem 1rem; }
/* /Components/Pages/Admin/ProAudit/ScriptEditorPanel.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════
   ScriptEditorPanel — Script editor + test runner styles
   ══════════════════════════════════════════════════════════════ */

/* ── Design tokens ── */
:root[b-4pcrgolu2z] {
    --pa-brand-orange: #dd9142;
    --pa-brand-teal: #00a69c;
    --pa-brand-charcoal: #323232;
    --pa-border-subtle: rgba(50, 50, 50, 0.08);
    --pa-code-bg: #1e1e2e;
    --pa-code-border: rgba(0, 166, 156, 0.25);
    --pa-code-header-bg: #16161f;
}

/* ── Script tab content ── */
.script-tab-content[b-4pcrgolu2z] {
    padding: 0;
}

/* ── Trigger filter ── */
.trigger-filter-row[b-4pcrgolu2z] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
    padding: 0.625rem 0.875rem;
    background: rgba(0, 166, 156, 0.04);
    border: 1px solid rgba(0, 166, 156, 0.18);
    border-radius: 8px;
}

.trigger-filter-label[b-4pcrgolu2z] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--pa-brand-charcoal);
    flex-wrap: wrap;
}

[b-4pcrgolu2z] .trigger-icon {
    color: var(--pa-brand-teal);
    font-size: 1.1rem !important;
}

.trigger-hint[b-4pcrgolu2z] {
    font-size: 0.6875rem;
    font-weight: 400;
    color: rgba(50, 50, 50, 0.45);
}

[b-4pcrgolu2z] .trigger-filter-select {
    width: 100%;
}

/* ── Variable Preview Panel ── */
.var-preview-panel[b-4pcrgolu2z] {
    background: rgba(0, 166, 156, 0.04);
    border: 1px solid rgba(0, 166, 156, 0.18);
    border-radius: 8px;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
}

.var-preview-header[b-4pcrgolu2z] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--pa-brand-teal);
    margin-bottom: 0.5rem;
}

.var-preview-count[b-4pcrgolu2z] {
    font-size: 0.625rem;
    font-weight: 700;
    background: rgba(0, 166, 156, 0.15);
    color: #007a72;
    border-radius: 10px;
    padding: 0.05rem 0.4rem;
    margin-left: 0.25rem;
}

.var-preview-warn[b-4pcrgolu2z] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.75rem;
    color: #92400e;
    background: rgba(245, 158, 11, 0.1);
    border-radius: 4px;
    padding: 0.3rem 0.5rem;
    margin-bottom: 0.4rem;
}

.var-preview-warn[b-4pcrgolu2z]  .mud-icon-root {
    font-size: 0.875rem !important;
    color: #f59e0b;
}

.var-preview-grid[b-4pcrgolu2z] {
    font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
    font-size: 0.75rem;
}

.var-preview-grid-header[b-4pcrgolu2z] {
    display: grid;
    grid-template-columns: 1fr 0.7fr 0.8fr 1.2fr;
    gap: 0.5rem;
    padding: 0.3rem 0.5rem;
    font-weight: 700;
    color: rgba(50, 50, 50, 0.45);
    text-transform: uppercase;
    font-size: 0.625rem;
    letter-spacing: 0.05em;
    border-bottom: 1px solid rgba(0, 166, 156, 0.12);
}

.var-preview-grid-row[b-4pcrgolu2z] {
    display: grid;
    grid-template-columns: 1fr 0.7fr 0.8fr 1.2fr;
    gap: 0.5rem;
    padding: 0.3rem 0.5rem;
    border-bottom: 1px solid rgba(50, 50, 50, 0.04);
}

.var-preview-name[b-4pcrgolu2z] { color: var(--pa-brand-teal); font-weight: 600; }
.var-preview-type[b-4pcrgolu2z] { color: rgba(50, 50, 50, 0.55); }
.var-preview-default[b-4pcrgolu2z] { color: rgba(50, 50, 50, 0.65); }
.var-preview-label[b-4pcrgolu2z] { color: var(--pa-brand-charcoal); font-family: inherit; }

.var-preview-controls[b-4pcrgolu2z] {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(0, 166, 156, 0.12);
}

.var-preview-controls-label[b-4pcrgolu2z] {
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: rgba(50, 50, 50, 0.4);
    margin-bottom: 0.5rem;
}

/* ── API Reference ── */
.api-reference[b-4pcrgolu2z] {
    background: rgba(0, 166, 156, 0.04);
    border: 1px solid rgba(0, 166, 156, 0.15);
    border-radius: 8px;
    padding: 0.875rem 1rem;
}

.api-ref-header[b-4pcrgolu2z] {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--pa-brand-teal);
    margin-bottom: 0.75rem;
}

.api-ref-grid[b-4pcrgolu2z] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.api-ref-group[b-4pcrgolu2z] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.api-ref-type[b-4pcrgolu2z] {
    font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
    font-size: 0.6875rem;
    color: rgba(50, 50, 50, 0.4);
    line-height: 1.2;
}

.output-type[b-4pcrgolu2z] {
    color: rgba(221, 145, 66, 0.7) !important;
}

.api-ref-name[b-4pcrgolu2z] {
    font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--pa-brand-teal);
    margin-bottom: 0.35rem;
}

.api-ref-sub[b-4pcrgolu2z] {
    font-size: 0.6875rem;
    font-weight: 600;
    color: rgba(50, 50, 50, 0.45);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 0.4rem;
}

.api-ref-props[b-4pcrgolu2z] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem;
}

.api-ref-props span[b-4pcrgolu2z] {
    font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
    font-size: 0.6875rem;
    background: rgba(0, 166, 156, 0.08);
    color: rgba(50, 50, 50, 0.7);
    border: 1px solid rgba(0, 166, 156, 0.15);
    border-radius: 3px;
    padding: 0.1rem 0.35rem;
    white-space: nowrap;
}

.api-ref-divider[b-4pcrgolu2z] {
    font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
    font-size: 0.625rem;
    color: rgba(50, 50, 50, 0.35);
    padding: 0.1rem 0;
    flex-basis: 100%;
    background: none !important;
    border: none !important;
    white-space: nowrap;
    letter-spacing: 0.04em;
}

/* ── Test runner ── */
.test-tab-content[b-4pcrgolu2z] {
    padding: 0.5rem 0;
}

.test-upload-row[b-4pcrgolu2z] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.test-upload-label[b-4pcrgolu2z] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--pa-brand-charcoal);
    white-space: nowrap;
    flex-shrink: 0;
}

[b-4pcrgolu2z] .test-upload-icon {
    color: var(--pa-brand-teal);
    font-size: 1.1rem !important;
}

.test-file-btn[b-4pcrgolu2z] {
    font-size: 0.8rem !important;
    padding: 0.3rem 0.875rem !important;
    cursor: pointer;
    border-color: rgba(50, 50, 50, 0.25) !important;
    color: var(--pa-brand-charcoal) !important;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-flex !important;
    align-items: center;
}

[b-4pcrgolu2z] .test-repeat-field {
    width: 72px;
    flex-shrink: 0;
}

[b-4pcrgolu2z] .test-repeat-field .mud-input-root {
    font-size: 0.8125rem;
}

[b-4pcrgolu2z] .test-run-btn {
    background: var(--pa-brand-teal) !important;
    color: white !important;
    font-weight: 600;
    text-transform: none;
    font-size: 0.8125rem;
    padding: 0.3rem 1rem !important;
}

/* ── Test console ── */
.test-console[b-4pcrgolu2z] {
    border: 1px solid var(--pa-code-border);
    border-radius: 8px;
    overflow: hidden;
    background: var(--pa-code-bg);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.test-console-bar[b-4pcrgolu2z] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0.5rem 0.75rem;
    background: var(--pa-code-header-bg);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    user-select: none;
}

.test-console-title[b-4pcrgolu2z] {
    margin-left: 0.5rem;
    font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.35);
    letter-spacing: 0.02em;
}

.test-console-body[b-4pcrgolu2z] {
    padding: 0.75rem 1rem;
    min-height: 220px;
    max-height: 340px;
    overflow-y: auto;
    font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
    font-size: 0.8rem;
    line-height: 1.65;
}

.test-log[b-4pcrgolu2z] {
    display: flex;
    gap: 0.5rem;
    white-space: pre-wrap;
    word-break: break-word;
}

.test-log-tag[b-4pcrgolu2z] {
    flex-shrink: 0;
    width: 58px;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    padding-top: 0.05rem;
    opacity: 0.7;
}

.test-log-msg[b-4pcrgolu2z] {
    flex: 1;
}

/* Log line colors */
.test-log-dim[b-4pcrgolu2z]   { color: rgba(205, 214, 244, 0.35); }
.test-log-info[b-4pcrgolu2z]  { color: #cdd6f4; }
.test-log-ok[b-4pcrgolu2z]    { color: #a6e3a1; }
.test-log-warn[b-4pcrgolu2z]  { color: #f9e2af; }
.test-log-error[b-4pcrgolu2z] { color: #f38ba8; }
.test-log-match[b-4pcrgolu2z] { color: #89dceb; }
.test-log-none[b-4pcrgolu2z]  { color: #fab387; }
.test-log-log[b-4pcrgolu2z]   { color: #cba6f7; }

.test-log-cache[b-4pcrgolu2z] { color: #a6e3a1; opacity: 0.75; font-style: italic; }
.test-log-cache .test-log-tag[b-4pcrgolu2z] { color: #a6e3a1; opacity: 0.75; }
.test-log-ok    .test-log-tag[b-4pcrgolu2z] { color: #a6e3a1; opacity: 1; }
.test-log-error .test-log-tag[b-4pcrgolu2z] { color: #f38ba8; opacity: 1; }
.test-log-match .test-log-tag[b-4pcrgolu2z] { color: #89dceb; opacity: 1; }
.test-log-warn  .test-log-tag[b-4pcrgolu2z] { color: #f9e2af; opacity: 1; }
.test-log-none  .test-log-tag[b-4pcrgolu2z] { color: #fab387; opacity: 1; }
.test-log-log   .test-log-tag[b-4pcrgolu2z] { color: #cba6f7; opacity: 1; }

/* Chrome dots (used in console header) */
[b-4pcrgolu2z] .editor-chrome-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
}

/* ── Snippet toolbar ── */
.snippet-toolbar[b-4pcrgolu2z] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.3rem 0.5rem;
    margin-bottom: 0.375rem;
    background: rgba(30, 30, 46, 0.55);
    border: 1px solid rgba(0, 166, 156, 0.15);
    border-radius: 6px;
}

[b-4pcrgolu2z] .snippet-btn {
    font-size: 0.7rem !important;
    font-weight: 600 !important;
    text-transform: none !important;
    color: rgba(148, 163, 184, 0.85) !important;
    padding: 0.15rem 0.5rem !important;
    min-width: unset !important;
    letter-spacing: 0.01em;
    border-radius: 4px !important;
    transition: color 0.15s, background 0.15s;
}

[b-4pcrgolu2z] .snippet-btn:hover {
    color: #e0e0e0 !important;
    background: rgba(0, 166, 156, 0.12) !important;
}

[b-4pcrgolu2z] .snippet-btn-icon {
    font-size: 0.875rem !important;
    margin-right: 0.2rem;
    opacity: 0.7;
}
/* /Components/Pages/Admin/ScriptEditor/BulkTestPanel.razor.rz.scp.css */
/* ── Root ── */
.bt-root[b-vsclpr70ee] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    gap: 0;
    position: relative;
}

/* ── Header ── */
.bt-header[b-vsclpr70ee] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px 0 0;
}

.bt-rule-indicator[b-vsclpr70ee] {
    display: flex;
    align-items: center;
}

.bt-rule-badge[b-vsclpr70ee] {
    display: inline-flex;
    align-items: center;
    padding: 3px 12px;
    border-radius: 12px;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.03em;
}

.bt-rule-single[b-vsclpr70ee] {
    background: rgba(221, 145, 66, 0.12);
    color: #dd9142;
    border: 1px solid rgba(221, 145, 66, 0.25);
}

.bt-rule-all[b-vsclpr70ee] {
    background: rgba(0, 166, 156, 0.1);
    color: #00a69c;
    border: 1px solid rgba(0, 166, 156, 0.25);
}

/* ── Back link ── */
.bt-back[b-vsclpr70ee] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: none;
    border: none;
    color: #8a8078;
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    transition: color 0.15s;
}

.bt-back:hover[b-vsclpr70ee] {
    color: #dd9142;
}

/* ── Controls Zone ── */
.bt-controls[b-vsclpr70ee] {
    padding: 12px 16px;
    border-bottom: 1px solid rgba(53, 49, 46, 0.1);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.bt-upload-row[b-vsclpr70ee] {
    width: 100%;
}

.bt-dropzone[b-vsclpr70ee] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 70px;
    border: 2px dashed rgba(53, 49, 46, 0.15);
    border-radius: 8px;
    background: rgba(247, 245, 242, 0.5);
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
}

.bt-dropzone:hover[b-vsclpr70ee] {
    border-color: rgba(0, 166, 156, 0.3);
    background: rgba(0, 166, 156, 0.03);
}

.bt-dropzone-active[b-vsclpr70ee] {
    border-color: #00a69c;
    background: rgba(0, 166, 156, 0.06);
}

.bt-dropzone input[type="file"][b-vsclpr70ee] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.bt-dropzone-content[b-vsclpr70ee] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    pointer-events: none;
}

.bt-dropzone-text[b-vsclpr70ee] {
    font-size: 0.75rem;
    color: #8a8078;
}

.bt-file-count[b-vsclpr70ee] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #00a69c;
}

.bt-action-row[b-vsclpr70ee] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.bt-mode-toggle[b-vsclpr70ee] {
    display: flex;
    border: 1px solid rgba(53, 49, 46, 0.15);
    border-radius: 6px;
    overflow: hidden;
}

.bt-mode-btn[b-vsclpr70ee] {
    padding: 5px 14px;
    font-size: 0.72rem;
    font-weight: 600;
    border: none;
    background: transparent;
    color: #8a8078;
    cursor: pointer;
    transition: all 0.15s;
    letter-spacing: 0.02em;
}

.bt-mode-btn:hover:not(:disabled)[b-vsclpr70ee] {
    background: rgba(53, 49, 46, 0.05);
}

.bt-mode-active[b-vsclpr70ee] {
    background: #35312e !important;
    color: #f7f5f2 !important;
}

.bt-action-buttons[b-vsclpr70ee] {
    display: flex;
    gap: 8px;
}

.bt-run-btn[b-vsclpr70ee] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 18px;
    background: #00a69c;
    border: none;
    border-radius: 6px;
    color: white;
    font-size: 0.75rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.15s;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.bt-run-btn:hover:not(:disabled)[b-vsclpr70ee] {
    background: #008f86;
}

.bt-run-btn:disabled[b-vsclpr70ee] {
    opacity: 0.4;
    cursor: not-allowed;
}

.bt-cancel-btn[b-vsclpr70ee] {
    padding: 6px 18px;
    background: rgba(221, 145, 66, 0.12);
    border: 1px solid rgba(221, 145, 66, 0.3);
    border-radius: 6px;
    color: #dd9142;
    font-size: 0.75rem;
    font-weight: 700;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.bt-cancel-btn:hover[b-vsclpr70ee] {
    background: rgba(221, 145, 66, 0.2);
}

.bt-clear-btn[b-vsclpr70ee] {
    padding: 6px 14px;
    background: transparent;
    border: 1px solid rgba(53, 49, 46, 0.15);
    border-radius: 6px;
    color: #8a8078;
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
}

.bt-clear-btn:hover[b-vsclpr70ee] {
    border-color: rgba(53, 49, 46, 0.3);
}

/* ── Stats Bar ── */
.bt-stats-bar[b-vsclpr70ee] {
    padding: 10px 16px;
    border-bottom: 1px solid rgba(53, 49, 46, 0.1);
    background: rgba(247, 245, 242, 0.4);
}

.bt-progress[b-vsclpr70ee] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.bt-progress-track[b-vsclpr70ee] {
    height: 6px;
    background: rgba(53, 49, 46, 0.08);
    border-radius: 3px;
    overflow: hidden;
}

.bt-progress-fill[b-vsclpr70ee] {
    height: 100%;
    background: linear-gradient(90deg, #00a69c, #00c4b8);
    border-radius: 3px;
    transition: width 0.3s ease;
}

.bt-progress-text[b-vsclpr70ee] {
    font-size: 0.72rem;
    color: #8a8078;
    font-weight: 600;
}

.bt-stat-cards[b-vsclpr70ee] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.bt-stat-card[b-vsclpr70ee] {
    display: flex;
    flex-direction: column;
    padding: 6px 14px;
    border: 1px solid rgba(53, 49, 46, 0.08);
    border-radius: 6px;
    background: white;
    min-width: 80px;
}

.bt-stat-value[b-vsclpr70ee] {
    font-size: 1.1rem;
    font-weight: 800;
    color: #35312e;
    line-height: 1.2;
}

.bt-stat-teal[b-vsclpr70ee] { color: #00a69c; }
.bt-stat-amber[b-vsclpr70ee] { color: #dd9142; }

.bt-stat-label[b-vsclpr70ee] {
    font-size: 0.62rem;
    font-weight: 600;
    color: #8a8078;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.bt-stat-detail[b-vsclpr70ee] {
    font-size: 0.62rem;
    color: #a09890;
}

.bt-stat-error[b-vsclpr70ee] {
    border-color: rgba(220, 53, 69, 0.2);
}

.bt-stat-error .bt-stat-value[b-vsclpr70ee] {
    color: #dc3545;
}

/* ── Sticky toolbar ── */
.bt-toolbar-sticky[b-vsclpr70ee] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: white;
    border-bottom: 1px solid rgba(53, 49, 46, 0.12);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    gap: 0;
}

.bt-status-filters[b-vsclpr70ee] {
    display: flex;
    gap: 6px;
    padding: 6px 16px;
    border-bottom: 1px solid rgba(53, 49, 46, 0.06);
}

.bt-filter-label[b-vsclpr70ee] {
    font-size: 0.62rem;
    font-weight: 700;
    color: #8a8078;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    align-self: center;
}

/* ── Rule Filter Chips ── */
.bt-rule-filters[b-vsclpr70ee] {
    padding: 6px 16px;
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid rgba(53, 49, 46, 0.06);
}

.bt-chip[b-vsclpr70ee] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    border: 1px solid rgba(53, 49, 46, 0.12);
    border-radius: 12px;
    background: transparent;
    color: #8a8078;
    font-size: 0.68rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s;
}

.bt-chip:hover[b-vsclpr70ee] {
    border-color: rgba(0, 166, 156, 0.3);
    color: #00a69c;
}

.bt-chip-active[b-vsclpr70ee] {
    background: #35312e;
    border-color: #35312e;
    color: #f7f5f2;
}

.bt-chip-count[b-vsclpr70ee] {
    background: rgba(0, 0, 0, 0.1);
    padding: 1px 5px;
    border-radius: 8px;
    font-size: 0.6rem;
}

.bt-chip-active .bt-chip-count[b-vsclpr70ee] {
    background: rgba(255, 255, 255, 0.15);
}

/* ── Results Grid ── */
.bt-results[b-vsclpr70ee] {
    flex: 1;
    overflow: auto;
    padding: 0 16px 16px;
}

[b-vsclpr70ee] .bt-grid {
    font-size: 0.78rem;
}

[b-vsclpr70ee] .bt-grid .mud-table-head .mud-table-cell {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #8a8078;
    padding: 6px 12px;
}

[b-vsclpr70ee] .bt-grid .mud-table-body .mud-table-cell {
    padding: 5px 12px;
    font-size: 0.78rem;
}

.bt-revenue[b-vsclpr70ee] {
    font-weight: 700;
    color: #dd9142;
}

.bt-status[b-vsclpr70ee] {
    display: inline-block;
    padding: 1px 8px;
    border-radius: 10px;
    font-size: 0.66rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.bt-status-fired[b-vsclpr70ee] {
    background: rgba(0, 166, 156, 0.1);
    color: #00a69c;
}

.bt-status-compliant[b-vsclpr70ee] {
    background: rgba(59, 130, 246, 0.1);
    color: #3b82f6;
}

.bt-status-nomatch[b-vsclpr70ee] {
    background: rgba(107, 114, 128, 0.1);
    color: #6b7280;
}

.bt-status-parseerror[b-vsclpr70ee] {
    background: rgba(220, 53, 69, 0.1);
    color: #dc3545;
}

/* ── Expandable Detail ── */
.bt-detail[b-vsclpr70ee] {
    padding: 8px 16px 12px;
}

/* BT finding card styles are in unscoped <style> block in BulkTestPanel.razor */

.bt-match-list[b-vsclpr70ee] {
    margin-top: 4px;
    padding-left: 12px;
    border-left: 2px solid rgba(0, 166, 156, 0.15);
}

.bt-match-row[b-vsclpr70ee] {
    display: flex;
    gap: 8px;
    padding: 2px 0;
    font-size: 0.72rem;
}

.bt-match-line[b-vsclpr70ee] {
    font-weight: 700;
    color: #00a69c;
    min-width: 30px;
}

.bt-match-section[b-vsclpr70ee] {
    font-weight: 600;
    color: #35312e;
}

.bt-match-desc[b-vsclpr70ee] {
    color: #8a8078;
}

.bt-match-action[b-vsclpr70ee] {
    color: #2e7d6f;
    font-style: italic;
}

.bt-compliant[b-vsclpr70ee] {
    font-size: 0.72rem;
    color: #3b82f6;
    font-style: italic;
}

.bt-parse-error[b-vsclpr70ee] {
    font-size: 0.72rem;
    color: #dc3545;
}

/* ── CCC ONE-style line item table ── */
.bt-lines-table[b-vsclpr70ee] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.72rem;
    margin-top: 6px;
    border: 1px solid rgba(53, 49, 46, 0.1);
    border-radius: 4px;
    overflow: hidden;
}

.bt-lines-table thead th[b-vsclpr70ee] {
    background: #35312e;
    color: #f7f5f2;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 5px 8px;
    text-align: left;
    white-space: nowrap;
    border-bottom: 2px solid #dd9142;
}

.bt-lines-table tbody td[b-vsclpr70ee] {
    padding: 3px 8px;
    border-bottom: 1px solid rgba(53, 49, 46, 0.06);
    color: #35312e;
    vertical-align: top;
}

.bt-section-row td[b-vsclpr70ee] {
    background: rgba(221, 145, 66, 0.08);
    font-weight: 800;
    font-size: 0.68rem;
    color: #35312e;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 4px 8px !important;
    border-bottom: 1px solid rgba(221, 145, 66, 0.2) !important;
}

.bt-line-triggered[b-vsclpr70ee] {
    background: rgba(0, 166, 156, 0.08) !important;
}

.bt-line-triggered td[b-vsclpr70ee] {
    font-weight: 600;
    color: #00a69c;
}

.bt-col-line[b-vsclpr70ee] { width: 40px; text-align: center; color: #8a8078; }
.bt-col-oper[b-vsclpr70ee] { width: 50px; font-weight: 600; }
.bt-col-desc[b-vsclpr70ee] { min-width: 180px; }
.bt-col-part[b-vsclpr70ee] { width: 90px; color: #8a8078; font-size: 0.68rem; }
.bt-col-qty[b-vsclpr70ee] { width: 35px; text-align: center; }
.bt-col-price[b-vsclpr70ee] { width: 70px; text-align: right; }
.bt-col-labor[b-vsclpr70ee] { width: 50px; text-align: right; }
.bt-col-paint[b-vsclpr70ee] { width: 50px; text-align: right; }

/* (old bt-finding styles removed — replaced by bt-fc cards above) */

/* ── Selection toolbar ── */
.bt-selection-bar[b-vsclpr70ee] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 16px;
    border-top: 1px solid rgba(0, 166, 156, 0.15);
}

.bt-selection-count[b-vsclpr70ee] {
    font-size: 0.72rem;
    font-weight: 700;
    color: #00a69c;
}

.bt-selection-report[b-vsclpr70ee],
.bt-selection-copy[b-vsclpr70ee] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    background: rgba(0, 166, 156, 0.1);
    border: 1px solid rgba(0, 166, 156, 0.25);
    border-radius: 5px;
    color: #00a69c;
    font-size: 0.68rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.15s;
}

.bt-selection-report:hover[b-vsclpr70ee],
.bt-selection-copy:hover[b-vsclpr70ee] {
    background: rgba(0, 166, 156, 0.18);
}

.bt-selection-clear[b-vsclpr70ee] {
    padding: 3px 10px;
    background: transparent;
    border: 1px solid rgba(53, 49, 46, 0.12);
    border-radius: 5px;
    color: #8a8078;
    font-size: 0.68rem;
    font-weight: 600;
    cursor: pointer;
}

/* ── Report overlay ── */
.bt-report-overlay[b-vsclpr70ee] {
    position: absolute;
    inset: 0;
    z-index: 100;
    background: rgba(53, 49, 46, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.bt-report-panel[b-vsclpr70ee] {
    background: white;
    border-radius: 10px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
    width: 100%;
    max-width: 800px;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.bt-report-header[b-vsclpr70ee] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid rgba(53, 49, 46, 0.1);
}

.bt-report-title[b-vsclpr70ee] {
    font-weight: 800;
    font-size: 0.85rem;
    color: #35312e;
}

.bt-report-actions[b-vsclpr70ee] {
    display: flex;
    gap: 8px;
}

.bt-report-body[b-vsclpr70ee] {
    flex: 1;
    overflow: auto;
    padding: 16px;
}

.bt-report-text[b-vsclpr70ee] {
    font-family: 'Cascadia Code', 'Fira Code', 'JetBrains Mono', monospace;
    font-size: 0.7rem;
    line-height: 1.5;
    color: #35312e;
    white-space: pre-wrap;
    word-break: break-word;
    margin: 0;
    background: rgba(247, 245, 242, 0.6);
    padding: 12px;
    border-radius: 6px;
    border: 1px solid rgba(53, 49, 46, 0.08);
}
/* /Components/Pages/Admin/ScriptEditor/Index.razor.rz.scp.css */
/* ══════════════════════════════════════════════
   Script Editor — ProAudit IDE
   Warm charcoal + amber + teal · layered depth
   ══════════════════════════════════════════════ */

/* ── Root ── */
.se-root[b-hk84wlv37d] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
    background: #35312e;
}

/* ════════════════════════════════════════
   HEADER — Dark hero strip
   ════════════════════════════════════════ */
.se-header[b-hk84wlv37d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    background: #323232;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}

.se-header[b-hk84wlv37d]::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 10% 50%, rgba(221, 145, 66, 0.1) 0%, transparent 45%),
        radial-gradient(circle at 90% 50%, rgba(0, 166, 156, 0.06) 0%, transparent 45%);
    pointer-events: none;
}

.se-header[b-hk84wlv37d]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent 5%, #dd9142 35%, #00a69c 65%, transparent 95%);
    opacity: 0.4;
}

.se-header-left[b-hk84wlv37d] {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    z-index: 1;
}

.se-header-icon-wrap[b-hk84wlv37d] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 7px;
    background: linear-gradient(135deg, rgba(221, 145, 66, 0.18), rgba(221, 145, 66, 0.06));
    border: 1px solid rgba(221, 145, 66, 0.2);
}

.se-header-icon[b-hk84wlv37d] {
    color: #dd9142 !important;
    font-size: 1rem !important;
}

.se-header-text[b-hk84wlv37d] {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.se-header-title[b-hk84wlv37d] {
    font-size: 0.9rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.01em;
}

.se-header-count[b-hk84wlv37d] {
    font-size: 0.65rem;
    color: rgba(255, 255, 255, 0.35);
    font-weight: 500;
}

.se-header-right[b-hk84wlv37d] {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    z-index: 1;
}

/* ── Test button ── */
.se-test-btn[b-hk84wlv37d] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 14px;
    background: rgba(221, 145, 66, 0.1);
    border: 1px solid rgba(221, 145, 66, 0.28);
    border-radius: 6px;
    color: #dd9142;
    font-size: 0.75rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
}

.se-test-btn:hover[b-hk84wlv37d] {
    background: rgba(221, 145, 66, 0.2);
    border-color: rgba(221, 145, 66, 0.45);
    box-shadow: 0 2px 10px rgba(221, 145, 66, 0.12);
}

.se-test-btn svg[b-hk84wlv37d] { opacity: 0.7; }

[b-hk84wlv37d] .se-new-btn {
    background: #dd9142 !important;
    color: #fff !important;
    font-size: 0.75rem;
    text-transform: none;
    border-radius: 6px;
}

/* ════════════════════════════════════════
   WORKSPACE — Holds panels + console + drawer
   ════════════════════════════════════════ */
.se-workspace[b-hk84wlv37d] {
    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative;
    min-height: 0;
    overflow: hidden;
    padding: 6px;
    gap: 0;
}

/* ════════════════════════════════════════
   THREE-PANEL LAYOUT
   ════════════════════════════════════════ */
.se-panels[b-hk84wlv37d] {
    display: flex;
    flex: 1;
    min-height: 0;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
    box-shadow:
        0 1px 4px rgba(0, 0, 0, 0.06),
        0 6px 20px rgba(0, 0, 0, 0.04);
}

/* ── Left sidebar ── */
.se-sidebar[b-hk84wlv37d] {
    width: 260px;
    min-width: 260px;
    display: flex;
    flex-direction: column;
    background: #f7f5f2;
    border-right: 1px solid rgba(90, 74, 53, 0.08);
}

.se-sidebar-search[b-hk84wlv37d] {
    padding: 10px 12px 4px;
}

[b-hk84wlv37d] .se-search-field .mud-input-outlined {
    font-size: 0.82rem;
}

.se-sidebar-filters[b-hk84wlv37d] {
    padding: 0 12px 6px;
    border-bottom: 1px solid rgba(90, 74, 53, 0.06);
}

[b-hk84wlv37d] .se-filter-chips {
    gap: 0 !important;
}

[b-hk84wlv37d] .se-filter-chips .mud-chip {
    font-size: 0.72rem;
    height: 24px;
    border-radius: 12px;
}

.se-sidebar-list[b-hk84wlv37d] {
    flex: 1;
    overflow-y: auto;
    padding: 4px 0;
}

.se-sidebar-loading[b-hk84wlv37d],
.se-sidebar-empty[b-hk84wlv37d] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 16px;
    color: #a89880;
    font-size: 0.82rem;
}

.se-sidebar-item[b-hk84wlv37d] {
    padding: 8px 14px;
    cursor: pointer;
    border-left: 3px solid transparent;
    transition: all 0.12s ease;
    margin: 0 4px;
    border-radius: 0 6px 6px 0;
}

.se-sidebar-item:hover[b-hk84wlv37d] {
    background: rgba(221, 145, 66, 0.04);
}

.se-sidebar-item.selected[b-hk84wlv37d] {
    background: rgba(221, 145, 66, 0.08);
    border-left-color: #dd9142;
    box-shadow: inset 0 0 0 1px rgba(221, 145, 66, 0.06);
}

.se-sidebar-item.inactive[b-hk84wlv37d] {
    opacity: 0.5;
}

.se-sidebar-item-name[b-hk84wlv37d] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #2c2418;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.se-sidebar-item-sub[b-hk84wlv37d] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 0.68rem;
    color: #a89880;
    margin-top: 1px;
}

.se-sidebar-item-icon[b-hk84wlv37d] {
    font-size: 0.82rem !important;
    color: #c4b8a8;
}

.se-sidebar-item-badge[b-hk84wlv37d] {
    font-size: 0.58rem;
    background: rgba(90, 74, 53, 0.06);
    color: #a89880;
    padding: 1px 6px;
    border-radius: 8px;
    margin-left: 4px;
}

.se-sidebar-source-badge[b-hk84wlv37d] {
    font-size: 0.52rem;
    font-weight: 700;
    padding: 0 4px;
    border-radius: 3px;
    background: rgba(0, 166, 156, 0.08);
    color: #00a69c;
    letter-spacing: 0.02em;
    line-height: 1.4;
}

/* ════════════════════════════════════════
   CENTER PANEL
   ════════════════════════════════════════ */
.se-center[b-hk84wlv37d] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-width: 0;
    background: #fff;
}

.se-center-empty[b-hk84wlv37d] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #d4cec4;
    background: linear-gradient(180deg, #faf8f5, #f7f5f2);
}

.se-center-empty-text[b-hk84wlv37d] {
    font-size: 0.85rem;
    color: #a89880;
}

/* ── Center toolbar ── */
.se-center-toolbar[b-hk84wlv37d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(90, 74, 53, 0.08);
    flex-shrink: 0;
    padding-right: 12px;
    background: #faf8f5;
}

[b-hk84wlv37d] .se-tabs { flex: 1; }

[b-hk84wlv37d] .se-tabs .mud-tab {
    font-size: 0.8rem;
    text-transform: none;
    min-width: 90px;
    color: #8B7355;
}

[b-hk84wlv37d] .se-tabs .mud-tab-active {
    color: #dd9142 !important;
}

[b-hk84wlv37d] .se-tabs .mud-tabs-toolbar {
    border-bottom: none;
}

.se-center-actions[b-hk84wlv37d] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.se-unsaved-badge[b-hk84wlv37d] {
    font-size: 0.65rem;
    color: #dd9142;
    background: rgba(221, 145, 66, 0.08);
    padding: 2px 8px;
    border-radius: 8px;
    font-weight: 600;
    white-space: nowrap;
}

[b-hk84wlv37d] .se-save-btn {
    background: #00a69c !important;
    color: #fff !important;
    font-size: 0.78rem;
    text-transform: none;
    padding: 4px 14px;
    border-radius: 6px;
}

[b-hk84wlv37d] .se-delete-btn {
    opacity: 0.4;
}

[b-hk84wlv37d] .se-delete-btn:hover {
    opacity: 1;
}

/* ── Center content ── */
.se-center-content[b-hk84wlv37d] {
    flex: 1;
    overflow-y: auto;
    padding: 12px 16px;
    background: #fefefe;
}

/* ── Method signature ── */
.se-method-sig[b-hk84wlv37d] {
    background: #1e1e2e;
    color: #cdd6f4;
    font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'Consolas', monospace;
    font-size: 0.78rem;
    padding: 8px 14px;
    border-radius: 6px 6px 0 0;
    border: 1px solid rgba(0, 166, 156, 0.2);
    border-bottom: none;
}

/* ── Snippet toolbar ── */
.se-snippet-toolbar[b-hk84wlv37d] {
    display: flex;
    gap: 2px;
    padding: 6px 0;
    flex-wrap: wrap;
}

[b-hk84wlv37d] .se-snippet-btn {
    font-size: 0.72rem !important;
    text-transform: none !important;
    color: #8B7355 !important;
    padding: 2px 8px !important;
    min-width: auto !important;
}

[b-hk84wlv37d] .se-snippet-btn:hover {
    color: #dd9142 !important;
    background: rgba(221, 145, 66, 0.06) !important;
}

.se-snippet-icon[b-hk84wlv37d] {
    font-size: 0.85rem !important;
    margin-right: 3px;
}

/* ── Details form (helper) ── */
.se-details-section[b-hk84wlv37d] {
    margin-bottom: 14px;
}

.se-details-label[b-hk84wlv37d] {
    font-size: 0.72rem;
    font-weight: 600;
    color: #8B7355;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 4px;
}

/* ════════════════════════════════════════
   DETAILS TAB — Card Sections
   ════════════════════════════════════════ */
.se-details-scroll[b-hk84wlv37d] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 760px;
    /* Counteract the parent se-center-content padding so we control our own spacing */
    margin: -12px -16px;
    padding: 16px 20px;
}

.se-card[b-hk84wlv37d] {
    background: #fff;
    border-radius: 8px;
    border: 1px solid rgba(90, 74, 53, 0.08);
    border-left: 3px solid transparent;
    overflow: hidden;
}

.se-card-amber[b-hk84wlv37d] { border-left-color: #dd9142; }
.se-card-teal[b-hk84wlv37d]  { border-left-color: #00a69c; }
.se-card-muted[b-hk84wlv37d] { border-left-color: rgba(90, 74, 53, 0.15); }

.se-card-header[b-hk84wlv37d] {
    font-size: 0.62rem;
    font-weight: 700;
    color: #8B7355;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 8px 14px 0;
}

.se-card-body[b-hk84wlv37d] {
    padding: 8px 14px 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* ═══ Availability Panel ═══ */
.se-avail-toggle-row[b-hk84wlv37d] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.se-vis-group[b-hk84wlv37d] {
    display: inline-flex;
    border: 1px solid rgba(90, 74, 53, 0.14);
    border-radius: 6px;
    overflow: hidden;
}

.se-vis-btn[b-hk84wlv37d] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 14px;
    background: none;
    border: none;
    font-size: 0.75rem;
    font-weight: 500;
    color: #8B7355;
    cursor: pointer;
    transition: all 0.15s ease;
    border-right: 1px solid rgba(90, 74, 53, 0.1);
}

.se-vis-btn:last-child[b-hk84wlv37d] {
    border-right: none;
}

.se-vis-btn:hover[b-hk84wlv37d] {
    background: rgba(90, 74, 53, 0.04);
    color: #5a4a35;
}

.se-vis-btn.active[b-hk84wlv37d] {
    background: rgba(0, 166, 156, 0.1);
    color: #00a69c;
    font-weight: 700;
}

.se-avail-note[b-hk84wlv37d] {
    font-size: 0.78rem;
    color: #a89880;
    font-style: italic;
}

.se-avail-empty[b-hk84wlv37d] {
    font-size: 0.78rem;
    color: #c4b8a8;
    padding: 12px 0;
    text-align: center;
}

.se-grant-add[b-hk84wlv37d] { max-width: 320px; }

.se-grant-list[b-hk84wlv37d] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.se-grant-row[b-hk84wlv37d] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    background: #faf8f5;
    border-radius: 6px;
    border: 1px solid rgba(90, 74, 53, 0.06);
    transition: background 0.12s ease;
}

.se-grant-row:hover[b-hk84wlv37d] {
    background: #f5f2ee;
}

.se-grant-name[b-hk84wlv37d] {
    flex: 1;
    font-size: 0.8rem;
    font-weight: 600;
    color: #2c2418;
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.se-grant-dot[b-hk84wlv37d] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    flex-shrink: 0;
}

.se-grant-dot.active[b-hk84wlv37d]  { background: #00a69c; }
.se-grant-dot.pending[b-hk84wlv37d] { background: #dd9142; }

/* ════════════════════════════════════════
   PREVIEW POPOUT OVERLAY
   ════════════════════════════════════════ */
.se-preview-popout[b-hk84wlv37d] {
    position: absolute;
    right: 6px;
    top: 6px;
    bottom: 48px;
    min-width: 300px;
    max-width: 620px;
    background: #f7f5f2;
    border-radius: 8px;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(90, 74, 53, 0.12);
    display: flex;
    flex-direction: column;
    z-index: 15;
    overflow: hidden;
    flex-shrink: 0;
}

.se-preview-resize[b-hk84wlv37d] {
    position: absolute;
    left: -3px;
    top: 0;
    bottom: 0;
    width: 6px;
    cursor: col-resize;
    z-index: 2;
}

.se-preview-resize[b-hk84wlv37d]::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 3px;
    height: 32px;
    border-radius: 2px;
    background: rgba(90, 74, 53, 0.15);
    opacity: 0;
    transition: opacity 0.2s ease;
}

.se-preview-resize:hover[b-hk84wlv37d]::after {
    opacity: 1;
}

.se-preview-header[b-hk84wlv37d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 12px;
    background: #f0ece7;
    border-bottom: 1px solid rgba(90, 74, 53, 0.08);
    flex-shrink: 0;
    cursor: grab;
}

.se-preview-header:active[b-hk84wlv37d] {
    cursor: grabbing;
}

.se-preview-title[b-hk84wlv37d] {
    font-size: 0.62rem;
    font-weight: 700;
    color: #6b5c4a;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.se-preview-controls[b-hk84wlv37d] {
    display: flex;
    gap: 2px;
}

.se-preview-ctrl[b-hk84wlv37d] {
    background: none;
    border: none;
    color: #a89880;
    cursor: pointer;
    font-size: 0.75rem;
    padding: 2px 5px;
    border-radius: 3px;
    line-height: 1;
    transition: all 0.15s ease;
}

.se-preview-ctrl:hover[b-hk84wlv37d] {
    background: rgba(221, 145, 66, 0.08);
    color: #dd9142;
}

.se-preview-body[b-hk84wlv37d] {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* ═══ Preview Minimized Tab ═══ */
.se-preview-tab-top[b-hk84wlv37d] {
    position: absolute;
    right: 20px;
    top: 6px;
    display: flex;
    align-items: center;
    gap: 5px;
    background: #00a69c;
    color: white;
    padding: 4px 12px;
    border-radius: 0 0 6px 6px;
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    cursor: pointer;
    text-transform: uppercase;
    box-shadow: 0 2px 8px rgba(0, 166, 156, 0.25);
    z-index: 15;
    transition: all 0.2s ease;
}

.se-preview-tab-top:hover[b-hk84wlv37d] {
    padding-bottom: 6px;
    box-shadow: 0 4px 12px rgba(0, 166, 156, 0.35);
}

/* ═══ Preview Open Button (in header) ═══ */
.se-preview-open-btn[b-hk84wlv37d] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    background: rgba(0, 166, 156, 0.1);
    border: 1px solid rgba(0, 166, 156, 0.25);
    border-radius: 6px;
    color: #00a69c;
    font-size: 0.72rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
}

.se-preview-open-btn:hover[b-hk84wlv37d] {
    background: rgba(0, 166, 156, 0.18);
    border-color: rgba(0, 166, 156, 0.4);
}

/* ── Bulk Test button ── */
.se-bulk-btn[b-hk84wlv37d] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 14px;
    background: rgba(0, 166, 156, 0.1);
    border: 1px solid rgba(0, 166, 156, 0.25);
    border-radius: 6px;
    color: #00a69c;
    font-size: 0.75rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.se-bulk-btn:hover[b-hk84wlv37d] {
    background: rgba(0, 166, 156, 0.18);
    border-color: rgba(0, 166, 156, 0.4);
}
/* /Components/Pages/Admin/ScriptEditor/ScriptConsolePanel.razor.rz.scp.css */
/* ══════════════════════════════════════
   Console Panel — integrated with panels
   ══════════════════════════════════════ */

.scp[b-ak1k6h203h] {
    background: #f7f5f2;
    border-top: 1px solid rgba(90, 74, 53, 0.1);
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    border-radius: 0 0 8px 8px;
    box-shadow:
        0 1px 4px rgba(0, 0, 0, 0.06),
        0 6px 20px rgba(0, 0, 0, 0.04);
}

.scp--minimized[b-ak1k6h203h] {
    cursor: pointer;
}

/* Drag handle */
.scp-drag[b-ak1k6h203h] {
    position: absolute;
    top: -3px;
    left: 0;
    right: 0;
    height: 6px;
    cursor: ns-resize;
    z-index: 1;
}

.scp-drag[b-ak1k6h203h]::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 3px;
    border-radius: 2px;
    background: rgba(90, 74, 53, 0.15);
    opacity: 0;
    transition: opacity 0.2s ease;
}

.scp-drag:hover[b-ak1k6h203h]::after {
    opacity: 1;
}

/* ── Header (expanded) ── */
.scp-header[b-ak1k6h203h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 16px;
    background: #f0ece7;
    border-bottom: 1px solid rgba(90, 74, 53, 0.06);
    min-height: 30px;
}

.scp-header-left[b-ak1k6h203h] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.scp-header-title[b-ak1k6h203h] {
    font-size: 0.65rem;
    font-weight: 700;
    color: #6b5c4a;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.scp-header-badge[b-ak1k6h203h] {
    font-size: 0.6rem;
    font-weight: 600;
    color: #00a69c;
    display: flex;
    align-items: center;
    gap: 4px;
}

.scp-header-dot[b-ak1k6h203h] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #00a69c;
    box-shadow: 0 0 6px rgba(0, 166, 156, 0.35);
    animation: pulse-dot-b-ak1k6h203h 2s ease-in-out infinite;
}

@keyframes pulse-dot-b-ak1k6h203h {
    0%, 100% { box-shadow: 0 0 4px rgba(0, 166, 156, 0.3); }
    50% { box-shadow: 0 0 8px rgba(0, 166, 156, 0.5); }
}

.scp-header-btns[b-ak1k6h203h] {
    display: flex;
    gap: 4px;
}

.scp-btn[b-ak1k6h203h] {
    background: none;
    border: none;
    color: #a89880;
    cursor: pointer;
    font-size: 0.65rem;
    padding: 3px 8px;
    border-radius: 4px;
    font-weight: 600;
    transition: all 0.15s ease;
}

.scp-btn:hover[b-ak1k6h203h] {
    background: rgba(221, 145, 66, 0.08);
    color: #dd9142;
}

/* ── Minimized bar ── */
.scp-bar[b-ak1k6h203h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    height: 32px;
    background: #f0ece7;
    cursor: pointer;
    transition: all 0.15s ease;
}

.scp-bar:hover[b-ak1k6h203h] {
    background: #ebe5dd;
}

.scp-bar-left[b-ak1k6h203h] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.scp-bar-title[b-ak1k6h203h] {
    font-size: 0.65rem;
    font-weight: 700;
    color: #6b5c4a;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.scp-bar-badge[b-ak1k6h203h] {
    font-size: 0.6rem;
    font-weight: 600;
    color: #00a69c;
    display: flex;
    align-items: center;
    gap: 4px;
}

.scp-bar-dot[b-ak1k6h203h] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #00a69c;
    box-shadow: 0 0 6px rgba(0, 166, 156, 0.35);
}

.scp-bar-expand[b-ak1k6h203h] {
    font-size: 0.7rem;
    color: #a89880;
    transition: all 0.15s ease;
}

.scp-bar:hover .scp-bar-expand[b-ak1k6h203h] {
    color: #dd9142;
    transform: translateY(-1px);
}

/* ── Body ── */
.scp-body[b-ak1k6h203h] {
    flex: 1;
    overflow: auto;
    padding: 8px 16px;
    font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'Consolas', monospace;
    font-size: 0.65rem;
    line-height: 1.85;
    background: #faf8f5;
}

.scp-line[b-ak1k6h203h] {
    display: flex;
    gap: 8px;
    align-items: baseline;
}

.scp-tag[b-ak1k6h203h] {
    font-weight: 700;
    font-size: 0.5625rem;
    min-width: 34px;
    text-align: right;
    flex-shrink: 0;
}

.scp-tag--info[b-ak1k6h203h] { color: #1565c0; }
.scp-tag--warn[b-ak1k6h203h] { color: #dd9142; }
.scp-tag--ok[b-ak1k6h203h] { color: #00a69c; }
.scp-tag--error[b-ak1k6h203h] { color: #bf1a2a; }
.scp-tag--match[b-ak1k6h203h] { color: #5c35a9; }
.scp-tag--cache[b-ak1k6h203h] { color: #00a69c; }
.scp-tag--log[b-ak1k6h203h] { color: #8B7355; }
.scp-tag--dim[b-ak1k6h203h] { color: #c4b8a8; }
.scp-tag--none[b-ak1k6h203h] { color: #8B7355; }

.scp-msg[b-ak1k6h203h] {
    color: #6b5c4a;
}

.scp-msg--hl[b-ak1k6h203h] {
    color: #5c35a9;
    font-weight: 600;
}

.scp-empty[b-ak1k6h203h] {
    color: #b8ad9e;
    font-style: italic;
    padding: 16px 0;
    font-family: inherit;
    font-size: 0.65rem;
    text-align: center;
}
/* /Components/Pages/Admin/ScriptEditor/ScriptLivePreview.razor.rz.scp.css */
/* ── Live Preview Panel ── */
.live-preview-panel[b-wa1rrqj25u] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.preview-header[b-wa1rrqj25u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    border-bottom: 1px solid rgba(90, 74, 53, 0.06);
    flex-shrink: 0;
    background: linear-gradient(90deg, rgba(50, 50, 50, 0.03), transparent);
}

.preview-header-label[b-wa1rrqj25u] {
    font-size: 0.65rem;
    font-weight: 700;
    color: #8B7355;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.preview-count[b-wa1rrqj25u] {
    font-size: 0.65rem;
    color: #00a69c;
    background: rgba(0, 166, 156, 0.08);
    padding: 2px 8px;
    border-radius: 10px;
    font-weight: 600;
}

.preview-body[b-wa1rrqj25u] {
    flex: 1;
    overflow-y: auto;
}

/* ── Errors ── */
.preview-errors[b-wa1rrqj25u] {
    padding: 8px 12px;
    border-bottom: 1px solid rgba(90, 74, 53, 0.06);
}

.preview-error[b-wa1rrqj25u] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    padding: 6px 8px;
    background: rgba(244, 67, 54, 0.06);
    border: 1px solid rgba(244, 67, 54, 0.15);
    border-radius: 6px;
    margin-bottom: 4px;
}

.preview-error-line[b-wa1rrqj25u] {
    font-size: 0.625rem;
    font-weight: 700;
    color: #c62828;
}

.preview-error-msg[b-wa1rrqj25u] {
    font-size: 0.675rem;
    color: #b71c1c;
    line-height: 1.4;
}

/* ── Tabbed layout ── */
.preview-tabbed-layout[b-wa1rrqj25u] {
    display: flex;
    height: 100%;
    min-height: 0;
}

.preview-sidebar[b-wa1rrqj25u] {
    width: 110px;
    flex-shrink: 0;
    border-right: 1px solid rgba(90, 74, 53, 0.06);
    padding: 6px 0;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    background: #fff;
}

.preview-tab-item[b-wa1rrqj25u] {
    padding: 6px 10px;
    font-size: 0.675rem;
    color: #888;
    cursor: pointer;
    border-left: 2px solid transparent;
    transition: all 0.15s ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.preview-tab-item:hover[b-wa1rrqj25u] {
    background: rgba(0, 166, 156, 0.03);
}

.preview-tab-active[b-wa1rrqj25u] {
    font-weight: 700;
    color: #00a69c;
    background: rgba(0, 166, 156, 0.06);
    border-left-color: #00a69c;
}

.preview-tab-content[b-wa1rrqj25u] {
    flex: 1;
    padding: 8px 10px;
    overflow-y: auto;
    min-width: 0;
}

.preview-tab-description[b-wa1rrqj25u] {
    background: rgba(0, 166, 156, 0.04);
    border-left: 2px solid #00a69c;
    padding: 5px 8px;
    border-radius: 0 4px 4px 0;
    margin-bottom: 8px;
    font-size: 0.65rem;
    color: #555;
    line-height: 1.5;
}

/* ── Variable items ── */
.preview-var-item[b-wa1rrqj25u] {
    padding: 4px 6px;
    border: 1px solid rgba(50, 50, 50, 0.06);
    border-radius: 5px;
    margin-bottom: 4px;
    transition: border-color 0.2s ease;
}

/* ── Flat list ── */
.preview-flat-list[b-wa1rrqj25u] {
    padding: 10px 12px;
}

/* ── Empty state ── */
.preview-empty[b-wa1rrqj25u] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 32px 20px;
    color: #bbb;
    text-align: center;
    min-height: 200px;
}

.preview-empty span[b-wa1rrqj25u] {
    font-size: 0.8rem;
}

.preview-empty-hint[b-wa1rrqj25u] {
    font-size: 0.7rem !important;
    color: #ccc;
    line-height: 1.5;
    max-width: 200px;
}

.preview-empty-hint code[b-wa1rrqj25u] {
    background: rgba(0, 0, 0, 0.04);
    padding: 1px 4px;
    border-radius: 3px;
    font-size: 0.68rem;
    color: #999;
}

/* ── Compact overrides for MudBlazor inputs inside preview ── */
[b-wa1rrqj25u] .preview-var-item .mud-input-control {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

[b-wa1rrqj25u] .preview-var-item .mud-input-helper-text {
    margin-top: 0.1rem !important;
    font-size: 0.625rem !important;
}

[b-wa1rrqj25u] .preview-var-item .mud-checkbox .mud-typography {
    font-size: 0.75rem;
}

[b-wa1rrqj25u] .preview-var-item .mud-input-slot {
    font-size: 0.78rem;
}

[b-wa1rrqj25u] .preview-var-item .mud-input-label {
    font-size: 0.78rem;
}

[b-wa1rrqj25u] .preview-tab-content .info-callout {
    padding: 5px 8px;
    margin-bottom: 4px;
}

[b-wa1rrqj25u] .preview-tab-content .info-callout-title {
    font-size: 0.6rem;
}

[b-wa1rrqj25u] .preview-tab-content .info-callout-message {
    font-size: 0.625rem;
}

[b-wa1rrqj25u] .preview-flat-list .info-callout {
    padding: 5px 8px;
    margin-bottom: 4px;
}
/* /Components/Pages/Admin/ScriptEditor/TestDrawer.razor.rz.scp.css */
.td--closed[b-2lrvbdf0xd] { display: none; }
.td--minimized[b-2lrvbdf0xd] { position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 20; }
.td--open[b-2lrvbdf0xd] { position: absolute; right: 12px; top: 12px; bottom: 12px; z-index: 20; }

.td-tab[b-2lrvbdf0xd] { background: #dd9142; color: white; padding: 12px 6px; border-radius: 8px 0 0 8px; font-size: 0.625rem; font-weight: 700; writing-mode: vertical-rl; letter-spacing: 0.12em; cursor: pointer; text-transform: uppercase; box-shadow: -2px 0 8px rgba(221, 145, 66, 0.2); transition: all 0.2s ease; }
.td-tab:hover[b-2lrvbdf0xd] { padding-right: 10px; box-shadow: -4px 0 16px rgba(221, 145, 66, 0.3); }

.td-panel[b-2lrvbdf0xd] { width: 440px; height: 100%; background: var(--mud-palette-surface, #fff); border-radius: 10px; box-shadow: -4px 0 24px rgba(90, 74, 53, 0.12), 0 8px 32px rgba(90, 74, 53, 0.12); border: 1px solid rgba(90, 74, 53, 0.14); display: flex; flex-direction: column; overflow: hidden; }

.td-header[b-2lrvbdf0xd] { display: flex; align-items: center; justify-content: space-between; padding: 8px 14px; background: rgba(90, 74, 53, 0.03); border-bottom: 1px solid rgba(90, 74, 53, 0.08); }
.td-header-left[b-2lrvbdf0xd] { display: flex; align-items: center; gap: 7px; }
.td-icon[b-2lrvbdf0xd] { width: 18px; height: 18px; background: #dd9142; border-radius: 5px; display: flex; align-items: center; justify-content: center; font-size: 0.55rem; color: white; }
.td-title[b-2lrvbdf0xd] { font-size: 0.78rem; font-weight: 700; color: #2c2418; }
.td-header-btns[b-2lrvbdf0xd] { display: flex; gap: 3px; }
.td-btn[b-2lrvbdf0xd] { background: none; border: none; color: #a89880; cursor: pointer; font-size: 0.8rem; padding: 3px 5px; border-radius: 3px; line-height: 1; transition: all 0.15s ease; }
.td-btn:hover[b-2lrvbdf0xd] { background: rgba(90, 74, 53, 0.06); }

.td-upload[b-2lrvbdf0xd] { margin: 10px 14px 0; border: 2px dashed rgba(90, 74, 53, 0.14); border-radius: 8px; padding: 20px; text-align: center; cursor: pointer; transition: all 0.2s ease; background: rgba(90, 74, 53, 0.02); display: block; }
.td-upload:hover[b-2lrvbdf0xd] { border-color: #dd9142; background: #fff3e6; }
.td-upload-icon[b-2lrvbdf0xd] { font-size: 1.25rem; margin-bottom: 4px; }
.td-upload-text[b-2lrvbdf0xd] { font-size: 0.78rem; color: #8B7355; font-weight: 500; }
.td-upload-hint[b-2lrvbdf0xd] { font-size: 0.625rem; color: #a89880; margin-top: 2px; }

.td-file[b-2lrvbdf0xd] { margin: 10px 14px 0; display: flex; align-items: center; gap: 8px; padding: 8px 10px; background: linear-gradient(135deg, rgba(221, 145, 66, 0.06), rgba(221, 145, 66, 0.02)); border: 1px solid rgba(221, 145, 66, 0.12); border-radius: 6px; }
.td-file-icon[b-2lrvbdf0xd] { width: 28px; height: 32px; background: #dd9142; border-radius: 3px; display: flex; align-items: center; justify-content: center; color: white; font-size: 0.5rem; font-weight: 800; flex-shrink: 0; }
.td-file-info[b-2lrvbdf0xd] { flex: 1; min-width: 0; }
.td-file-name[b-2lrvbdf0xd] { font-size: 0.72rem; font-weight: 600; color: #2c2418; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.td-file-meta[b-2lrvbdf0xd] { font-size: 0.58rem; color: #8B7355; }
.td-file-remove[b-2lrvbdf0xd] { background: none; border: none; color: #a89880; cursor: pointer; font-size: 0.8rem; padding: 2px; transition: color 0.15s; }
.td-file-remove:hover[b-2lrvbdf0xd] { color: #bf1a2a; }

.td-run[b-2lrvbdf0xd] { display: flex; gap: 6px; align-items: center; padding: 10px 14px; }
.td-run-btn[b-2lrvbdf0xd] { flex: 1; padding: 7px; border: none; border-radius: 6px; font-size: 0.72rem; font-weight: 700; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 5px; background: #dd9142; color: white; transition: all 0.2s ease; letter-spacing: 0.02em; }
.td-run-btn:hover:not(:disabled)[b-2lrvbdf0xd] { background: #c77e36; }
.td-run-btn--disabled[b-2lrvbdf0xd], .td-run-btn:disabled[b-2lrvbdf0xd] { background: rgba(90, 74, 53, 0.14); color: #a89880; cursor: not-allowed; }

.td-toggle[b-2lrvbdf0xd] { display: flex; align-items: center; gap: 5px; padding: 5px 8px; border: 1px solid rgba(90, 74, 53, 0.14); border-radius: 6px; cursor: pointer; transition: all 0.15s ease; }
.td-toggle:hover[b-2lrvbdf0xd] { border-color: #5c35a9; }
.td-toggle--on[b-2lrvbdf0xd] { border-color: #5c35a9; }
.td-toggle-label[b-2lrvbdf0xd] { font-size: 0.625rem; color: #8B7355; font-weight: 500; white-space: nowrap; }
.td-toggle--on .td-toggle-label[b-2lrvbdf0xd] { color: #5c35a9; font-weight: 700; }
.td-toggle-track[b-2lrvbdf0xd] { width: 26px; height: 14px; background: #d4cec4; border-radius: 7px; position: relative; transition: background 0.2s ease; flex-shrink: 0; }
.td-toggle-track--on[b-2lrvbdf0xd] { background: #5c35a9; }
.td-toggle-thumb[b-2lrvbdf0xd] { width: 10px; height: 10px; background: white; border-radius: 50%; position: absolute; top: 2px; left: 2px; transition: transform 0.2s ease; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); }
.td-toggle-track--on .td-toggle-thumb[b-2lrvbdf0xd] { transform: translateX(12px); }
/* /Components/Pages/Admin/ScriptEditor/TestReportPreview.razor.rz.scp.css */
.trp-stats[b-abz71358l9] { display: flex; border-bottom: 1px solid rgba(90, 74, 53, 0.08); background: rgba(90, 74, 53, 0.02); }
.trp-stat[b-abz71358l9] { flex: 1; padding: 8px 10px; text-align: center; position: relative; }
.trp-stat:not(:last-child)[b-abz71358l9]::after { content: ''; position: absolute; right: 0; top: 18%; bottom: 18%; width: 1px; background: rgba(90, 74, 53, 0.08); }
.trp-stat-val[b-abz71358l9] { font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'Consolas', monospace; font-size: 0.9375rem; font-weight: 800; }
.trp-stat-val--count[b-abz71358l9] { color: #2c2418; }
.trp-stat-val--rev[b-abz71358l9] { color: #00a69c; }
.trp-stat-val--hrs[b-abz71358l9] { color: #dd9142; }
.trp-stat-lbl[b-abz71358l9] { font-size: 0.5rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #a89880; margin-top: 1px; }
.trp-findings[b-abz71358l9] { flex: 1; overflow: auto; padding: 10px 14px; }
.trp-card-wrap[b-abz71358l9] { margin-bottom: 8px; position: relative; }
.trp-card-wrap--current[b-abz71358l9] { border: 2px solid #5c35a9; border-radius: 14px; box-shadow: 0 0 0 3px rgba(92, 53, 169, 0.08); }
.trp-card-wrap--compliant[b-abz71358l9] { opacity: 0.5; }
.trp-current-badge[b-abz71358l9] { position: absolute; top: 8px; right: 8px; font-size: 0.5rem; font-weight: 700; padding: 1px 6px; border-radius: 3px; background: rgba(92, 53, 169, 0.06); color: #5c35a9; border: 1px solid rgba(92, 53, 169, 0.15); z-index: 1; }
.trp-compliant-section[b-abz71358l9] { margin-top: 12px; padding: 10px 12px; background: rgba(0, 166, 156, 0.04); border-radius: 8px; border: 1px solid rgba(0, 166, 156, 0.1); }
.trp-compliant-header[b-abz71358l9] { font-size: 0.6875rem; font-weight: 700; color: #00a69c; margin-bottom: 6px; display: flex; align-items: center; gap: 6px; }
.trp-compliant-dot[b-abz71358l9] { width: 6px; height: 6px; border-radius: 50%; background: #00a69c; }
.trp-compliant-item[b-abz71358l9] { font-size: 0.625rem; color: #8B7355; padding: 2px 0; }
.trp-empty[b-abz71358l9] { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 48px 24px; text-align: center; flex: 1; }
.trp-empty-icon[b-abz71358l9] { font-size: 2rem; margin-bottom: 8px; }
.trp-empty-text[b-abz71358l9] { font-size: 0.875rem; font-weight: 600; color: #8B7355; }
.trp-empty-hint[b-abz71358l9] { font-size: 0.75rem; color: #a89880; margin-top: 4px; }
/* /Components/Pages/ProAudit/ActivityLog.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════
   ActivityLog Page — ProAuditHero + Dense Grid Layout
   ═══════════════════════════════════════════════════════════════════ */

/* ── Hero Content ── */
.hero-top[b-xz2lqrllq4] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 32px;
}

.hero-text[b-xz2lqrllq4] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.hero-badge[b-xz2lqrllq4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.45);
    margin-bottom: 2px;
}

.hero-badge svg[b-xz2lqrllq4] {
    opacity: 0.5;
}

.hero-title[b-xz2lqrllq4] {
    font-family: 'Outfit', sans-serif;
    font-size: 32px;
    font-weight: 800;
    color: #fff;
    margin: 0;
    line-height: 1.05;
    letter-spacing: -0.03em;
}

.hero-title em[b-xz2lqrllq4] {
    font-style: normal;
    background: linear-gradient(135deg, #dd9142 0%, #00a69c 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.hero-subtitle[b-xz2lqrllq4] {
    font-family: 'Figtree', sans-serif;
    font-size: 13.5px;
    color: rgba(255, 255, 255, 0.5);
    margin: 0;
    line-height: 1.3;
}

/* ── Hero Stats ── */
.hero-stats[b-xz2lqrllq4] {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    flex-shrink: 0;
}

.hero-stat[b-xz2lqrllq4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 64px;
}

.hero-stat-number[b-xz2lqrllq4] {
    font-family: 'SF Mono', 'Consolas', 'Menlo', monospace;
    font-size: 26px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1;
}

.hero-stat-label[b-xz2lqrllq4] {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.4);
    text-align: center;
    line-height: 1.3;
    margin-top: 4px;
}

/* Colored stat variants */
.hero-stat--blue .hero-stat-number[b-xz2lqrllq4] { color: #60a5fa; }
.hero-stat--amber .hero-stat-number[b-xz2lqrllq4] { color: #f59e0b; }
.hero-stat--green .hero-stat-number[b-xz2lqrllq4] { color: #34d399; }

/* ── Filter Bar ── */
.al-filter-bar[b-xz2lqrllq4] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

.al-filter-divider[b-xz2lqrllq4] {
    width: 1px;
    height: 20px;
    background: #e2e8f0;
    flex-shrink: 0;
}

.al-filter-spacer[b-xz2lqrllq4] {
    flex: 1;
}

/* ── Date Range Select ── */
.al-date-filter[b-xz2lqrllq4] {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-shrink: 0;
}

.al-date-icon[b-xz2lqrllq4] {
    color: #94a3b8;
    flex-shrink: 0;
}

.al-date-select[b-xz2lqrllq4] {
    appearance: none;
    -webkit-appearance: none;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 5px;
    padding: 5px 28px 5px 8px;
    font-size: 11.5px;
    font-weight: 500;
    font-family: inherit;
    color: #334155;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.35rem center;
    background-size: 13px;
    transition: border-color 150ms ease;
    white-space: nowrap;
}

.al-date-select:focus[b-xz2lqrllq4] {
    outline: none;
    border-color: #dd9142;
    box-shadow: 0 0 0 3px rgba(221, 145, 66, 0.15);
}

/* ── Company Filter Label ── */
.al-company-filter[b-xz2lqrllq4] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    color: #64748b;
    white-space: nowrap;
    flex-shrink: 0;
}

.al-company-filter svg[b-xz2lqrllq4] {
    color: #00a69c;
    flex-shrink: 0;
}

.al-company-label[b-xz2lqrllq4] {
    font-weight: 500;
}

/* ── Export Button ── */
.al-export-btn[b-xz2lqrllq4] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    background: #fff;
    color: #334155;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: 11.5px;
    font-weight: 500;
    font-family: inherit;
    cursor: pointer;
    transition: all 150ms ease;
    white-space: nowrap;
    flex-shrink: 0;
}

.al-export-btn:hover[b-xz2lqrllq4] {
    background: #fafbfc;
    border-color: #cbd5e1;
}

.al-export-btn:active[b-xz2lqrllq4] {
    transform: translateY(1px);
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .hero-top[b-xz2lqrllq4] {
        flex-direction: column;
        gap: 16px;
    }

    .hero-stats[b-xz2lqrllq4] {
        gap: 16px;
    }
}
/* /Components/Pages/ProAudit/AdasProfilesTab.razor.rz.scp.css */
/* ── Filter Bar ── */
.pa-adas-filter-bar[b-pek4u53l6u] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.75rem 1rem;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.pa-adas-filter-divider[b-pek4u53l6u] {
    width: 1px;
    height: 24px;
    background: #e2e8f0;
    flex-shrink: 0;
}

.pa-adas-add-btn[b-pek4u53l6u] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 1rem;
    background: #dd9142;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    font-size: 0.8125rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
    flex-shrink: 0;
    margin-left: auto;
    box-shadow: 0 2px 8px rgba(221, 145, 66, 0.3);
}

.pa-adas-add-btn:hover[b-pek4u53l6u] {
    background: #c47f38;
    box-shadow: 0 4px 12px rgba(221, 145, 66, 0.4);
    transform: translateY(-1px);
}

/* ── Loading ── */
.pa-adas-loading[b-pek4u53l6u] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4rem 0;
}

/* ── Card Grid ── */
.pa-adas-grid[b-pek4u53l6u] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    gap: 0.75rem;
}

/* ── Card ── */
.pa-adas-card[b-pek4u53l6u] {
    display: flex;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.pa-adas-card:hover[b-pek4u53l6u] {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

/* ── Accent Bar (left) ── */
.pa-adas-accent[b-pek4u53l6u] {
    width: 3px;
    flex-shrink: 0;
}

.pa-adas-accent-green[b-pek4u53l6u] {
    background: #16a34a;
}

.pa-adas-accent-amber[b-pek4u53l6u] {
    background: #d97706;
}

.pa-adas-accent-gray[b-pek4u53l6u] {
    background: #94a3b8;
}

/* ── Card Body ── */
.pa-adas-card-body[b-pek4u53l6u] {
    flex: 1;
    min-width: 0;
    padding: 0.875rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/* ── Card Header ── */
.pa-adas-card-header[b-pek4u53l6u] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
}

.pa-adas-vehicle-info[b-pek4u53l6u] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    flex-wrap: wrap;
    min-width: 0;
}

.pa-adas-status-dot[b-pek4u53l6u] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.pa-adas-dot-green[b-pek4u53l6u] {
    background: #16a34a;
}

.pa-adas-dot-amber[b-pek4u53l6u] {
    background: #d97706;
}

.pa-adas-dot-gray[b-pek4u53l6u] {
    background: #94a3b8;
}

.pa-adas-make[b-pek4u53l6u] {
    font-weight: 700;
    font-size: 0.875rem;
    color: #1e293b;
}

.pa-adas-model[b-pek4u53l6u] {
    font-weight: 500;
    font-size: 0.875rem;
    color: #475569;
}

.pa-adas-year-badge[b-pek4u53l6u] {
    font-size: 0.6875rem;
    font-weight: 500;
    color: #64748b;
    background: #f1f5f9;
    border-radius: 4px;
    padding: 0.125rem 0.375rem;
    white-space: nowrap;
}

.pa-adas-seeded[b-pek4u53l6u] {
    font-size: 0.625rem;
    font-weight: 700;
    color: rgba(50, 50, 50, 0.45);
    border: 1px solid rgba(50, 50, 50, 0.15);
    border-radius: 3px;
    padding: 0.1rem 0.3rem;
    letter-spacing: 0.03em;
}

.pa-adas-card-actions[b-pek4u53l6u] {
    display: flex;
    align-items: center;
    gap: 0.1rem;
    flex-shrink: 0;
}

[b-pek4u53l6u] .pa-adas-delete-btn {
    color: rgba(50, 50, 50, 0.35) !important;
}

[b-pek4u53l6u] .pa-adas-delete-btn:hover {
    color: #bf1a2a !important;
}

/* ── No Sensors ── */
.pa-adas-no-sensors[b-pek4u53l6u] {
    font-size: 0.75rem;
    color: #94a3b8;
    font-style: italic;
    padding: 0.25rem 0;
}

/* ── Sensor List ── */
.pa-adas-sensor-list[b-pek4u53l6u] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.pa-adas-sensor-row[b-pek4u53l6u] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    flex-wrap: wrap;
}

/* ── Sensor Badge (color-coded by type) ── */
.pa-adas-sensor-badge[b-pek4u53l6u] {
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    border-radius: 4px;
    padding: 0.125rem 0.4rem;
    white-space: nowrap;
    flex-shrink: 0;
    border: 1px solid;
}

.pa-adas-sensor-camera[b-pek4u53l6u] {
    background: #eff6ff;
    color: #2563eb;
    border-color: #bfdbfe;
}

.pa-adas-sensor-radar[b-pek4u53l6u] {
    background: #f5f3ff;
    color: #7c3aed;
    border-color: #ddd6fe;
}

.pa-adas-sensor-ultrasonic[b-pek4u53l6u] {
    background: #ecfeff;
    color: #0e7490;
    border-color: #a5f3fc;
}

.pa-adas-sensor-other[b-pek4u53l6u] {
    background: #f1f5f9;
    color: #475569;
    border-color: #cbd5e1;
}

/* ── Part Chips ── */
.pa-adas-part-chips[b-pek4u53l6u] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem;
}

.pa-adas-part-chip[b-pek4u53l6u] {
    font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
    font-size: 0.6875rem;
    background: #f8fafc;
    color: #475569;
    border: 1px solid #e2e8f0;
    border-radius: 3px;
    padding: 0.1rem 0.35rem;
    white-space: nowrap;
}

/* ── Optional Tag ── */
.pa-adas-optional[b-pek4u53l6u] {
    font-size: 0.625rem;
    font-weight: 600;
    font-style: italic;
    color: #92400e;
    background: rgba(245, 158, 11, 0.1);
    border: 1px solid rgba(245, 158, 11, 0.2);
    border-radius: 3px;
    padding: 0.1rem 0.3rem;
}

/* ── Source Icon ── */
[b-pek4u53l6u] .pa-adas-source-icon {
    font-size: 0.875rem !important;
    color: #94a3b8;
}

/* ── Card Footer ── */
.pa-adas-footer[b-pek4u53l6u] {
    margin-top: auto;
    padding-top: 0.5rem;
    border-top: 1px solid #f1f5f9;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.pa-adas-notes[b-pek4u53l6u] {
    font-size: 0.75rem;
    color: #64748b;
    font-style: italic;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.4;
}

.pa-adas-sensor-count[b-pek4u53l6u] {
    font-size: 0.6875rem;
    color: #94a3b8;
    font-weight: 500;
}
/* /Components/Pages/ProAudit/Admin/UserDetail.razor.rz.scp.css */
/* ── Loading / Not Found States ── */

.ud-loading-state[b-tspizt9k4t] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 5rem 0;
    color: var(--pa-text-muted, #64748b);
    font-size: 0.875rem;
}

.ud-not-found[b-tspizt9k4t] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 5rem 2rem;
    text-align: center;
    gap: 0.5rem;
}

.ud-not-found-icon[b-tspizt9k4t] {
    color: #cbd5e1;
    margin-bottom: 0.5rem;
}

.ud-not-found-title[b-tspizt9k4t] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--pa-text-primary, #0f172a);
}

.ud-not-found-sub[b-tspizt9k4t] {
    font-size: 0.875rem;
    color: var(--pa-text-muted, #64748b);
    max-width: 360px;
    line-height: 1.6;
    margin-bottom: 0.75rem;
}

.ud-back-btn[b-tspizt9k4t] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 1rem;
    background: transparent;
    border: 1px solid var(--pa-border-default, #e8ecf1);
    border-radius: 8px;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--pa-text-secondary, #334155);
    text-decoration: none;
    transition: all 0.15s ease;
}

.ud-back-btn:hover[b-tspizt9k4t] {
    background: #f8fafc;
    border-color: #cbd5e1;
}

/* ── Breadcrumb ── */

.ud-breadcrumb[b-tspizt9k4t] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    margin-bottom: 1.25rem;
}

.ud-breadcrumb-link[b-tspizt9k4t] {
    font-size: 0.8125rem;
    color: var(--pa-text-muted, #64748b);
    text-decoration: none;
    transition: color 0.15s ease;
}

.ud-breadcrumb-link:hover[b-tspizt9k4t] {
    color: var(--pa-text-secondary, #334155);
}

.ud-breadcrumb-sep[b-tspizt9k4t] {
    color: #cbd5e1;
    flex-shrink: 0;
}

.ud-breadcrumb-current[b-tspizt9k4t] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--pa-text-primary, #0f172a);
}

/* ── Two-Column Layout ── */

.ud-layout[b-tspizt9k4t] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
    gap: 1.5rem;
    align-items: start;
}

.ud-col-left[b-tspizt9k4t],
.ud-col-right[b-tspizt9k4t] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ── Base Card ── */

.ud-card[b-tspizt9k4t] {
    background: #ffffff;
    border: 1px solid var(--pa-border-default, #e8ecf1);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.ud-card-header[b-tspizt9k4t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.875rem 1.125rem 0.625rem;
    border-bottom: 1px solid var(--pa-border-subtle, #f1f5f9);
}

.ud-card-title[b-tspizt9k4t] {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--pa-text-muted, #64748b);
}

.ud-card-meta[b-tspizt9k4t] {
    font-size: 0.75rem;
    color: var(--pa-text-hint, #94a3b8);
    font-weight: 500;
}

.ud-card-header-right[b-tspizt9k4t] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.ud-save-perms-btn[b-tspizt9k4t] {
    padding: 0.3125rem 0.75rem;
    background: var(--pa-brand-orange, #dd9142);
    color: #ffffff;
    border: none;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s ease;
}

.ud-save-perms-btn:hover[b-tspizt9k4t] {
    background: #c47d35;
}

.ud-save-perms-btn:disabled[b-tspizt9k4t] {
    opacity: 0.45;
    cursor: not-allowed;
}

.ud-perm-warning[b-tspizt9k4t] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1.125rem;
    background: #fffbeb;
    border-bottom: 1px solid #fde68a;
    font-size: 0.75rem;
    color: #92400e;
    line-height: 1.5;
}

.ud-perm-warning svg[b-tspizt9k4t] {
    flex-shrink: 0;
    color: #d97706;
}

.ud-perm-tag-added[b-tspizt9k4t] {
    display: inline-flex;
    padding: 0 0.3125rem;
    background: rgba(16, 185, 129, 0.1);
    color: #059669;
    border-radius: 100px;
    font-size: 0.625rem;
    font-weight: 700;
}

.ud-perm-tag-removed[b-tspizt9k4t] {
    display: inline-flex;
    padding: 0 0.3125rem;
    background: rgba(239, 68, 68, 0.07);
    color: #dc2626;
    border-radius: 100px;
    font-size: 0.625rem;
    font-weight: 700;
}

.ud-card-body[b-tspizt9k4t] {
    padding: 1rem 1.125rem;
}

.ud-card-body--flush[b-tspizt9k4t] {
    padding: 0;
}

/* ── Hero Card ── */

.ud-hero-card[b-tspizt9k4t] {
    padding: 0;
}

.ud-hero-main[b-tspizt9k4t] {
    display: flex;
    align-items: flex-start;
    gap: 1.125rem;
    padding: 1.375rem 1.375rem 1.125rem;
    position: relative;
}

.ud-hero-avatar[b-tspizt9k4t] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 0.025em;
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.ud-hero-info[b-tspizt9k4t] {
    flex: 1;
    min-width: 0;
}

.ud-hero-name[b-tspizt9k4t] {
    margin: 0 0 0.1rem;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--pa-text-primary, #0f172a);
    line-height: 1.3;
    letter-spacing: -0.01em;
}

.ud-hero-email[b-tspizt9k4t] {
    font-size: 0.8125rem;
    color: var(--pa-text-muted, #64748b);
    margin-bottom: 0.2rem;
}

.ud-hero-phone[b-tspizt9k4t] {
    font-size: 0.75rem;
    color: var(--pa-text-hint, #94a3b8);
    margin-bottom: 0.2rem;
}

.ud-hero-badges[b-tspizt9k4t] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    margin-top: 0.625rem;
}

/* ── Edit Toggle Button ── */

.ud-edit-toggle[b-tspizt9k4t] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.3125rem 0.625rem;
    background: transparent;
    border: 1px solid var(--pa-border-default, #e8ecf1);
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--pa-text-muted, #64748b);
    cursor: pointer;
    transition: all 0.15s ease;
}

.ud-edit-toggle:hover[b-tspizt9k4t] {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: var(--pa-text-secondary, #334155);
}

/* ── Inline Edit Fields ── */

.ud-edit-fields[b-tspizt9k4t] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-right: 4rem;
}

.ud-edit-row[b-tspizt9k4t] {
    display: flex;
    gap: 0.5rem;
}

.ud-edit-input[b-tspizt9k4t] {
    flex: 1;
    padding: 0.4375rem 0.625rem;
    background: #f8fafc;
    border: 1px solid var(--pa-border-default, #e8ecf1);
    border-radius: 6px;
    font-size: 0.8125rem;
    color: var(--pa-text-primary, #0f172a);
    outline: none;
    transition: border-color 0.15s ease;
}

.ud-edit-input:focus[b-tspizt9k4t] {
    border-color: var(--pa-brand-orange, #dd9142);
    background: #ffffff;
    box-shadow: 0 0 0 3px var(--pa-focus-ring, rgba(221, 145, 66, 0.12));
}

.ud-edit-input--full[b-tspizt9k4t] {
    width: 100%;
}

.ud-edit-actions[b-tspizt9k4t] {
    display: flex;
    gap: 0.375rem;
    margin-top: 0.125rem;
}

.ud-edit-save[b-tspizt9k4t] {
    padding: 0.375rem 0.75rem;
    background: var(--pa-brand-orange, #dd9142);
    color: #ffffff;
    border: none;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease;
}

.ud-edit-save:disabled[b-tspizt9k4t] {
    opacity: 0.45;
    cursor: not-allowed;
}

.ud-edit-cancel[b-tspizt9k4t] {
    padding: 0.375rem 0.75rem;
    background: transparent;
    color: var(--pa-text-muted, #64748b);
    border: 1px solid var(--pa-border-default, #e8ecf1);
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
}

.ud-edit-cancel:hover[b-tspizt9k4t] {
    background: #f8fafc;
}

/* ── Badges ── */

.ud-badge[b-tspizt9k4t] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.1875rem 0.5625rem;
    border-radius: 100px;
    font-size: 0.6875rem;
    font-weight: 600;
    white-space: nowrap;
    letter-spacing: 0.01em;
}

.ud-badge--role[b-tspizt9k4t] {
    background: #f1f5f9;
    color: #475569;
}

button.ud-badge--clickable[b-tspizt9k4t] {
    border: 1px solid transparent;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
}

button.ud-badge--clickable:hover[b-tspizt9k4t] {
    border-color: #cbd5e1;
    background: #e2e8f0;
}

.ud-badge--active[b-tspizt9k4t] {
    background: rgba(0, 166, 156, 0.07);
    color: #007a72;
}

.ud-badge--inactive[b-tspizt9k4t] {
    background: #f1f5f9;
    color: #94a3b8;
}

.ud-badge--location[b-tspizt9k4t] {
    background: rgba(221, 145, 66, 0.08);
    color: #9a5e1a;
}

.ud-badge--company[b-tspizt9k4t] {
    background: #eff6ff;
    color: #2563eb;
}

.ud-status-dot[b-tspizt9k4t] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    flex-shrink: 0;
    background: currentColor;
}

.ud-badge--active .ud-status-dot[b-tspizt9k4t] {
    background: var(--pa-brand-teal, #00a69c);
    box-shadow: 0 0 4px rgba(0, 166, 156, 0.5);
}

.ud-badge--inactive .ud-status-dot[b-tspizt9k4t] {
    background: #cbd5e1;
}

/* ── Activity Stats Row ── */

.ud-stats-row[b-tspizt9k4t] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    background: #ffffff;
    border: 1px solid var(--pa-border-default, #e8ecf1);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.ud-mini-stat[b-tspizt9k4t] {
    padding: 0.875rem 1rem;
    border-right: 1px solid var(--pa-border-subtle, #f1f5f9);
    text-align: center;
}

.ud-mini-stat:last-child[b-tspizt9k4t] {
    border-right: none;
}

.ud-mini-stat-value[b-tspizt9k4t] {
    font-size: 1.375rem;
    font-weight: 700;
    color: var(--pa-text-primary, #0f172a);
    letter-spacing: -0.02em;
    line-height: 1;
    margin-bottom: 0.25rem;
    font-variant-numeric: tabular-nums;
}

.ud-mini-stat-value--teal[b-tspizt9k4t] {
    color: var(--pa-brand-teal, #00a69c);
}

.ud-mini-stat-value--amber[b-tspizt9k4t] {
    color: var(--pa-brand-orange, #dd9142);
}

.ud-mini-stat-value--muted[b-tspizt9k4t] {
    color: var(--pa-text-muted, #64748b);
}

.ud-mini-stat-label[b-tspizt9k4t] {
    font-size: 0.6875rem;
    font-weight: 500;
    color: var(--pa-text-hint, #94a3b8);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Quick Actions ── */

.ud-action-row[b-tspizt9k4t] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    padding: 0.8125rem 1.125rem;
    border-bottom: 1px solid var(--pa-border-subtle, #f1f5f9);
    transition: background 0.1s ease;
}

.ud-action-row:last-child[b-tspizt9k4t] {
    border-bottom: none;
}

.ud-action-row:hover[b-tspizt9k4t] {
    background: #fafbfc;
}

.ud-action-icon[b-tspizt9k4t] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.ud-action-icon--blue[b-tspizt9k4t] {
    background: #eff6ff;
    color: #2563eb;
}

.ud-action-icon--amber[b-tspizt9k4t] {
    background: rgba(221, 145, 66, 0.1);
    color: #9a5e1a;
}

.ud-action-icon--slate[b-tspizt9k4t] {
    background: #f1f5f9;
    color: #64748b;
}

.ud-action-icon--red[b-tspizt9k4t] {
    background: #fef2f2;
    color: #dc2626;
}

.ud-action-icon--teal[b-tspizt9k4t] {
    background: rgba(0, 166, 156, 0.08);
    color: #007a72;
}

.ud-action-icon--purple[b-tspizt9k4t] {
    background: #faf5ff;
    color: #7c3aed;
}

.ud-action-label[b-tspizt9k4t] {
    flex: 1;
    min-width: 0;
}

.ud-action-name[b-tspizt9k4t] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--pa-text-primary, #0f172a);
    line-height: 1.3;
}

.ud-action-desc[b-tspizt9k4t] {
    font-size: 0.6875rem;
    color: var(--pa-text-hint, #94a3b8);
    margin-top: 0.05rem;
}

/* ── Action Buttons ── */

.ud-action-btn[b-tspizt9k4t] {
    display: inline-flex;
    align-items: center;
    padding: 0.3125rem 0.75rem;
    background: transparent;
    border: 1px solid var(--pa-border-default, #e8ecf1);
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--pa-text-secondary, #334155);
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.15s ease;
    flex-shrink: 0;
}

.ud-action-btn:hover[b-tspizt9k4t] {
    background: #f1f5f9;
    border-color: #cbd5e1;
}

.ud-action-btn:disabled[b-tspizt9k4t] {
    opacity: 0.4;
    cursor: not-allowed;
}

.ud-action-btn--warn[b-tspizt9k4t] {
    border-color: rgba(221, 145, 66, 0.3);
    color: #9a5e1a;
}

.ud-action-btn--warn:hover[b-tspizt9k4t] {
    background: rgba(221, 145, 66, 0.06);
    border-color: rgba(221, 145, 66, 0.5);
}

.ud-action-btn--danger[b-tspizt9k4t] {
    border-color: rgba(220, 38, 38, 0.25);
    color: #dc2626;
}

.ud-action-btn--danger:hover[b-tspizt9k4t] {
    background: #fef2f2;
    border-color: rgba(220, 38, 38, 0.4);
}

.ud-action-btn--teal[b-tspizt9k4t] {
    border-color: rgba(0, 166, 156, 0.25);
    color: #007a72;
}

.ud-action-btn--teal:hover[b-tspizt9k4t] {
    background: rgba(0, 166, 156, 0.06);
    border-color: rgba(0, 166, 156, 0.4);
}

.ud-action-btn--ghost[b-tspizt9k4t] {
    opacity: 0.45;
    cursor: not-allowed;
}

.ud-action-btn--purple[b-tspizt9k4t] {
    border-color: rgba(124, 58, 237, 0.25);
    color: #7c3aed;
}

.ud-action-btn--purple:hover[b-tspizt9k4t] {
    background: #faf5ff;
    border-color: rgba(124, 58, 237, 0.4);
}

/* ── Account Info Rows ── */

.ud-info-row[b-tspizt9k4t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.6875rem 1.125rem;
    border-bottom: 1px solid var(--pa-border-subtle, #f1f5f9);
}

.ud-info-row:last-child[b-tspizt9k4t] {
    border-bottom: none;
}

.ud-info-label[b-tspizt9k4t] {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--pa-text-hint, #94a3b8);
    white-space: nowrap;
    flex-shrink: 0;
}

.ud-info-value[b-tspizt9k4t] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--pa-text-secondary, #334155);
    display: flex;
    align-items: center;
    gap: 0.375rem;
    text-align: right;
    justify-content: flex-end;
    min-width: 0;
}

.ud-info-sub[b-tspizt9k4t] {
    font-size: 0.6875rem;
    color: var(--pa-text-hint, #94a3b8);
    font-weight: 400;
}

.ud-info-never[b-tspizt9k4t] {
    color: var(--pa-text-hint, #94a3b8);
    font-style: italic;
}

.ud-info-muted[b-tspizt9k4t] {
    color: var(--pa-text-hint, #94a3b8);
    font-size: 0.8125rem;
}

.ud-info-warn[b-tspizt9k4t] {
    color: #dc2626;
    font-weight: 700;
}

.ud-info-template[b-tspizt9k4t] {
    font-weight: 600;
    color: var(--pa-brand-orange, #dd9142);
}

button.ud-info-template--clickable[b-tspizt9k4t] {
    display: inline-flex;
    align-items: center;
    background: none;
    border: 1px solid transparent;
    border-radius: 6px;
    padding: 0.125rem 0.375rem;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
}

button.ud-info-template--clickable:hover[b-tspizt9k4t] {
    border-color: rgba(221, 145, 66, 0.3);
    background: rgba(221, 145, 66, 0.06);
}

.ud-info-id[b-tspizt9k4t] {
    font-size: 0.6875rem;
    font-family: var(--pa-font-mono, 'SF Mono', 'Consolas', monospace);
    color: var(--pa-text-muted, #64748b);
    word-break: break-all;
    text-align: right;
    overflow-wrap: anywhere;
    max-width: 200px;
}

/* ── Info Badges ── */

.ud-info-badge[b-tspizt9k4t] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.1875rem 0.5rem;
    border-radius: 6px;
    font-size: 0.6875rem;
    font-weight: 600;
}

.ud-info-badge--green[b-tspizt9k4t] {
    background: rgba(0, 166, 156, 0.07);
    color: #007a72;
}

.ud-info-badge--gray[b-tspizt9k4t] {
    background: #f1f5f9;
    color: #94a3b8;
}

.ud-info-badge--amber[b-tspizt9k4t] {
    background: rgba(221, 145, 66, 0.1);
    color: #9a5e1a;
}

.ud-info-badge--red[b-tspizt9k4t] {
    background: #fef2f2;
    color: #dc2626;
}

/* ── Responsive ── */

@media (max-width: 1024px) {
    .ud-layout[b-tspizt9k4t] {
        grid-template-columns: 1fr;
    }

    .ud-col-right[b-tspizt9k4t] {
        order: -1;
    }
}

@media (max-width: 640px) {
    .ud-stats-row[b-tspizt9k4t] {
        grid-template-columns: repeat(2, 1fr);
    }

    .ud-mini-stat:nth-child(2)[b-tspizt9k4t] {
        border-right: none;
    }

    .ud-mini-stat:nth-child(1)[b-tspizt9k4t],
    .ud-mini-stat:nth-child(2)[b-tspizt9k4t] {
        border-bottom: 1px solid var(--pa-border-subtle, #f1f5f9);
    }
}
/* /Components/Pages/ProAudit/Admin/Users.razor.rz.scp.css */
/* ── Filter Bar ── */
.pu-filter-bar[b-j3w98meoez] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.75rem 1rem;
    background: #ffffff;
    border: 1px solid var(--pa-border-default, #e8ecf1);
    border-radius: 12px;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.pu-filter-divider[b-j3w98meoez] {
    width: 1px;
    height: 22px;
    background: var(--pa-border-default, #e8ecf1);
    flex-shrink: 0;
}

.pu-filter-meta[b-j3w98meoez] {
    margin-left: auto;
    font-size: 0.75rem;
    color: #94a3b8;
    white-space: nowrap;
    flex-shrink: 0;
}

/* ── Add Button ── */
.pu-add-btn[b-j3w98meoez] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.4375rem 0.875rem;
    background: var(--pa-brand-orange, #dd9142);
    color: #ffffff;
    border: none;
    border-radius: 8px;
    font-size: 0.8125rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease;
    white-space: nowrap;
    flex-shrink: 0;
}

.pu-add-btn:hover[b-j3w98meoez] {
    background: var(--pa-brand-orange-hover, #c97f35);
}

.pu-add-btn--disabled[b-j3w98meoez] {
    opacity: 0.45;
    cursor: not-allowed;
}

.pu-add-btn--disabled:hover[b-j3w98meoez] {
    background: var(--pa-brand-orange, #dd9142);
}

/* ── Export Button ── */
.pu-export-btn[b-j3w98meoez] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.4375rem 0.875rem;
    background: transparent;
    color: #475569;
    border: 1px solid var(--pa-border-default, #e8ecf1);
    border-radius: 8px;
    font-size: 0.8125rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
    flex-shrink: 0;
}

.pu-export-btn:hover[b-j3w98meoez] {
    background: #f8fafc;
    border-color: #cbd5e1;
}

/* ── Loading ── */
.pu-loading[b-j3w98meoez] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5rem 0;
}

/* ── Table Container ── */
.pu-table-container[b-j3w98meoez] {
    background: #ffffff;
    border: 1px solid var(--pa-border-default, #e8ecf1);
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    overflow: hidden;
    margin-bottom: 1rem;
}

.pu-table[b-j3w98meoez] {
    width: 100%;
    border-collapse: collapse;
}

/* ── Table Header ── */
.pu-th[b-j3w98meoez] {
    position: sticky;
    top: 0;
    background: #f8fafc;
    padding: 0.625rem 0.875rem;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
    text-align: left;
    border-bottom: 1px solid var(--pa-border-default, #e8ecf1);
    white-space: nowrap;
    z-index: 1;
    user-select: none;
}

.pu-th-user[b-j3w98meoez] {
    min-width: 240px;
}

.pu-th-sortable[b-j3w98meoez] {
    cursor: pointer;
    transition: color 0.15s ease;
}

.pu-th-sortable:hover[b-j3w98meoez] {
    color: #334155;
}

.pu-th-sorted[b-j3w98meoez] {
    color: var(--pa-brand-orange, #dd9142);
}

.pu-th-actions[b-j3w98meoez] {
    width: 80px;
    text-align: right;
    padding-right: 1rem;
}

.pu-th-num[b-j3w98meoez] {
    text-align: right;
}

.pu-th-center[b-j3w98meoez] {
    text-align: center;
}

[b-j3w98meoez] .pu-sort-icon {
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px;
    opacity: 0.7;
}

/* ── Table Rows ── */
.pu-row[b-j3w98meoez] {
    border-bottom: 1px solid #f1f5f9;
    cursor: pointer;
    transition: background 0.1s ease;
}

.pu-row:last-child[b-j3w98meoez] {
    border-bottom: none;
}

.pu-row:hover[b-j3w98meoez] {
    background: rgba(221, 145, 66, 0.03);
}

.pu-row--inactive[b-j3w98meoez] {
    opacity: 0.6;
}

.pu-row--inactive:hover[b-j3w98meoez] {
    opacity: 0.8;
}

/* ── Table Cells ── */
.pu-cell[b-j3w98meoez] {
    padding: 0.75rem 0.875rem;
    font-size: 0.8125rem;
    color: #334155;
    vertical-align: middle;
}

.pu-cell-user[b-j3w98meoez] {
    min-width: 240px;
}

.pu-cell-actions[b-j3w98meoez] {
    text-align: right;
    padding-right: 1rem;
    width: 80px;
}

.pu-cell-num[b-j3w98meoez] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.pu-cell-center[b-j3w98meoez] {
    text-align: center;
}

.pu-cell-date[b-j3w98meoez] {
    white-space: nowrap;
    color: #64748b;
    font-size: 0.75rem;
}

.pu-cell-location[b-j3w98meoez] {
    max-width: 160px;
}

.pu-cell-company[b-j3w98meoez] {
    max-width: 180px;
}

.pu-cell-muted[b-j3w98meoez] {
    color: #94a3b8;
    font-size: 0.8125rem;
}

/* ── User Cell ── */
.pu-user-cell[b-j3w98meoez] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.pu-avatar[b-j3w98meoez] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.6875rem;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 0.025em;
    flex-shrink: 0;
}

.pu-user-info[b-j3w98meoez] {
    min-width: 0;
}

.pu-user-name[b-j3w98meoez] {
    font-weight: 500;
    color: #1e293b;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px;
}

.pu-user-email[b-j3w98meoez] {
    font-size: 0.6875rem;
    color: #94a3b8;
    margin-top: 0.1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px;
}

/* ── Role Badge ── */
.pu-role-badge[b-j3w98meoez] {
    display: inline-flex;
    align-items: center;
    padding: 0.1875rem 0.5625rem;
    border-radius: 100px;
    font-size: 0.6875rem;
    font-weight: 600;
    white-space: nowrap;
    letter-spacing: 0.01em;
}

.pu-role-badge--default[b-j3w98meoez] {
    background: #f1f5f9;
    color: #475569;
}

.pu-role-badge--orange[b-j3w98meoez] {
    background: rgba(221, 145, 66, 0.1);
    color: #9a5e1a;
}

.pu-role-badge--teal[b-j3w98meoez] {
    background: rgba(0, 166, 156, 0.08);
    color: #007a72;
}

.pu-role-badge--blue[b-j3w98meoez] {
    background: #eff6ff;
    color: #2563eb;
}

/* ── Location ── */
.pu-location[b-j3w98meoez] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.75rem;
    color: #64748b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}

.pu-location svg[b-j3w98meoez] {
    flex-shrink: 0;
    color: #94a3b8;
}

/* ── Status ── */
.pu-status[b-j3w98meoez] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0.1875rem 0.5rem;
    border-radius: 100px;
    white-space: nowrap;
}

.pu-status--active[b-j3w98meoez] {
    background: rgba(0, 166, 156, 0.07);
    color: #007a72;
}

.pu-status--inactive[b-j3w98meoez] {
    background: #f1f5f9;
    color: #94a3b8;
}

.pu-status-dot[b-j3w98meoez] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    flex-shrink: 0;
}

.pu-status--active .pu-status-dot[b-j3w98meoez] {
    background: var(--pa-brand-teal, #00a69c);
    box-shadow: 0 0 4px rgba(0, 166, 156, 0.5);
}

.pu-status--inactive .pu-status-dot[b-j3w98meoez] {
    background: #cbd5e1;
}

/* ── MFA indicators ── */
.pu-mfa-on[b-j3w98meoez] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 6px;
    background: rgba(0, 166, 156, 0.08);
    color: #007a72;
}

.pu-mfa-off[b-j3w98meoez] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 6px;
    background: #f8fafc;
    color: #cbd5e1;
}

/* ── Numbers ── */
.pu-num-badge[b-j3w98meoez] {
    display: inline-block;
    font-variant-numeric: tabular-nums;
    font-weight: 500;
    color: #475569;
    font-size: 0.8125rem;
}

.pu-revenue[b-j3w98meoez] {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    color: var(--pa-brand-teal, #00a69c);
    font-size: 0.8125rem;
}

/* ── Company name in global table ── */
.pu-company-name[b-j3w98meoez] {
    font-size: 0.8125rem;
    color: #475569;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 160px;
}

/* ── Action Row ── */
.pu-action-row[b-j3w98meoez] {
    display: inline-flex;
    gap: 0.25rem;
    justify-content: flex-end;
}

.pu-act-btn[b-j3w98meoez] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 6px;
    color: #94a3b8;
    cursor: pointer;
    transition: all 0.12s ease;
    flex-shrink: 0;
    opacity: 0;
}

.pu-row:hover .pu-act-btn[b-j3w98meoez] {
    opacity: 1;
}

.pu-act-btn:hover[b-j3w98meoez] {
    background: #f1f5f9;
    color: #475569;
}

.pu-act-btn--warn:hover[b-j3w98meoez] {
    background: rgba(221, 145, 66, 0.08);
    color: var(--pa-brand-orange, #dd9142);
}

.pu-act-btn--teal:hover[b-j3w98meoez] {
    background: rgba(0, 166, 156, 0.08);
    color: var(--pa-brand-teal, #00a69c);
}

.pu-act-btn--danger:hover[b-j3w98meoez] {
    background: #fef2f2;
    color: #dc2626;
}
/* /Components/Pages/ProAudit/AuditRulesTab.razor.rz.scp.css */
/* ── Filter Bar ── */
.pa-rules-filter-bar[b-jqneja8fy3] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.75rem 1rem;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.pa-rules-filter-divider[b-jqneja8fy3] {
    width: 1px;
    height: 24px;
    background: #e2e8f0;
    flex-shrink: 0;
}

.pa-rules-filter-meta[b-jqneja8fy3] {
    margin-left: auto;
    font-size: 0.75rem;
    color: #94a3b8;
    white-space: nowrap;
}

.pa-rules-add-btn[b-jqneja8fy3] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 1rem;
    background: #f97316;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    font-size: 0.8125rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease;
    white-space: nowrap;
    flex-shrink: 0;
}

.pa-rules-add-btn:hover[b-jqneja8fy3] {
    background: #ea580c;
}

/* ── Bulk Action Bar ── */
.pa-rules-bulk-bar[b-jqneja8fy3] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.625rem 1rem;
    background: #1e293b;
    color: #ffffff;
    border-radius: 10px;
    margin-bottom: 0.75rem;
    font-size: 0.8125rem;
    animation: pa-slideDown-b-jqneja8fy3 0.2s ease;
}

.pa-rules-bulk-count[b-jqneja8fy3] {
    font-weight: 600;
    margin-right: 0.5rem;
}

.pa-rules-bulk-btn[b-jqneja8fy3] {
    padding: 0.3125rem 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 6px;
    background: transparent;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
}

.pa-rules-bulk-btn:hover[b-jqneja8fy3] {
    background: rgba(255, 255, 255, 0.1);
}

.pa-rules-bulk-delete[b-jqneja8fy3] {
    border-color: rgba(239, 68, 68, 0.4);
    color: #fca5a5;
}

.pa-rules-bulk-delete:hover[b-jqneja8fy3] {
    background: rgba(239, 68, 68, 0.15);
}

.pa-rules-bulk-clear[b-jqneja8fy3] {
    margin-left: auto;
    padding: 0;
    border: none;
    background: none;
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.75rem;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.pa-rules-bulk-clear:hover[b-jqneja8fy3] {
    color: rgba(255, 255, 255, 0.8);
}

/* ── Loading ── */
.pa-rules-loading[b-jqneja8fy3] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4rem 0;
}

/* ── Table Container ── */
.pa-rules-table-container[b-jqneja8fy3] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    overflow: hidden;
    margin-bottom: 1rem;
}

.pa-rules-table[b-jqneja8fy3] {
    width: 100%;
    border-collapse: collapse;
}

/* ── Table Header ── */
.pa-rules-th[b-jqneja8fy3] {
    position: sticky;
    top: 0;
    background: #f8fafc;
    padding: 0.625rem 0.875rem;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
    text-align: left;
    border-bottom: 1px solid #e2e8f0;
    white-space: nowrap;
    z-index: 1;
    user-select: none;
}

.pa-rules-th-check[b-jqneja8fy3] {
    width: 40px;
    text-align: center;
}

.pa-rules-th-sortable[b-jqneja8fy3] {
    cursor: pointer;
    transition: color 0.15s ease;
}

.pa-rules-th-sortable:hover[b-jqneja8fy3] {
    color: #334155;
}

.pa-rules-th-sorted[b-jqneja8fy3] {
    color: #f97316;
}

.pa-rules-th-actions[b-jqneja8fy3] {
    width: 100px;
    text-align: right;
    padding-right: 1rem;
}

[b-jqneja8fy3] .pa-rules-sort-icon {
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px;
}

/* ── Table Rows ── */
.pa-rules-row[b-jqneja8fy3] {
    border-bottom: 1px solid #f1f5f9;
    cursor: pointer;
    transition: background 0.12s ease;
}

.pa-rules-row:hover[b-jqneja8fy3] {
    background: #f8fafc;
}

.pa-rules-row-expanded[b-jqneja8fy3] {
    background: #fffbeb;
    border-bottom-color: transparent;
}

.pa-rules-row-expanded:hover[b-jqneja8fy3] {
    background: #fffbeb;
}

/* ── Table Cells ── */
.pa-rules-cell[b-jqneja8fy3] {
    padding: 0.625rem 0.875rem;
    font-size: 0.8125rem;
    color: #334155;
    vertical-align: middle;
}

.pa-rules-cell-check[b-jqneja8fy3] {
    width: 40px;
    text-align: center;
}

.pa-rules-cell-check input[type="checkbox"][b-jqneja8fy3],
.pa-rules-th-check input[type="checkbox"][b-jqneja8fy3] {
    width: 15px;
    height: 15px;
    accent-color: #f97316;
    cursor: pointer;
}

.pa-rules-cell-name[b-jqneja8fy3] {
    max-width: 360px;
}

.pa-rules-name[b-jqneja8fy3] {
    font-weight: 500;
    color: #1e293b;
    line-height: 1.3;
}

.pa-rules-desc[b-jqneja8fy3] {
    font-size: 0.6875rem;
    color: #94a3b8;
    margin-top: 0.125rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 300px;
}

.pa-rules-cell-order[b-jqneja8fy3] {
    font-variant-numeric: tabular-nums;
    color: #94a3b8;
    font-size: 0.75rem;
}

.pa-rules-cell-actions[b-jqneja8fy3] {
    text-align: right;
    padding-right: 1rem;
}

/* ── Action Buttons ── */
.pa-rules-action-row[b-jqneja8fy3] {
    display: inline-flex;
    gap: 0.25rem;
}

.pa-rules-action-btn[b-jqneja8fy3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 6px;
    color: #94a3b8;
    cursor: pointer;
    transition: all 0.15s ease;
}

.pa-rules-action-btn:hover[b-jqneja8fy3] {
    background: #f1f5f9;
    color: #475569;
}

.pa-rules-action-delete:hover[b-jqneja8fy3] {
    background: #fef2f2;
    color: #dc2626;
}

/* ── Expand Row ── */
.pa-rules-expand-row td[b-jqneja8fy3] {
    padding: 0;
    background: #fffbeb;
    border-bottom: 1px solid #e2e8f0;
}

.pa-rules-expand-content[b-jqneja8fy3] {
    padding: 1rem 1.25rem 1.25rem;
    animation: pa-slideDown-b-jqneja8fy3 0.2s ease;
}

.pa-rules-expand-grid[b-jqneja8fy3] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1.5rem;
    margin-bottom: 1rem;
}

.pa-rules-expand-section h4[b-jqneja8fy3] {
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #94a3b8;
    margin: 0 0 0.625rem 0;
}

.pa-rules-expand-kv[b-jqneja8fy3] {
    display: flex;
    justify-content: space-between;
    font-size: 0.8125rem;
    color: #334155;
    padding: 0.25rem 0;
}

.pa-rules-expand-label[b-jqneja8fy3] {
    color: #64748b;
    font-weight: 500;
}

.pa-rules-expand-tags[b-jqneja8fy3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
}

.pa-rules-expand-tag[b-jqneja8fy3] {
    display: inline-flex;
    align-items: center;
    padding: 0.1875rem 0.5rem;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 4px;
    font-size: 0.6875rem;
    color: #475569;
    font-weight: 500;
}

.pa-rules-expand-muted[b-jqneja8fy3] {
    font-size: 0.75rem;
    color: #94a3b8;
    font-style: italic;
}

.pa-rules-expand-actions[b-jqneja8fy3] {
    display: flex;
    gap: 0.5rem;
    padding-top: 0.75rem;
    border-top: 1px solid #fde68a;
}

.pa-rules-btn-primary[b-jqneja8fy3] {
    display: inline-flex;
    align-items: center;
    padding: 0.4375rem 1rem;
    background: #f97316;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    font-size: 0.8125rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease;
}

.pa-rules-btn-primary:hover[b-jqneja8fy3] {
    background: #ea580c;
}

.pa-rules-btn-secondary[b-jqneja8fy3] {
    display: inline-flex;
    align-items: center;
    padding: 0.4375rem 1rem;
    background: transparent;
    color: #475569;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: 0.8125rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
}

.pa-rules-btn-secondary:hover[b-jqneja8fy3] {
    background: #f8fafc;
    border-color: #cbd5e1;
}

/* ── Lifecycle Filter Bar Additions ── */
.pa-rules-lifecycle-label[b-jqneja8fy3] {
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #94a3b8;
    white-space: nowrap;
    flex-shrink: 0;
}

.pa-rules-lifecycle-reset[b-jqneja8fy3] {
    padding: 0;
    border: none;
    background: none;
    font-size: 0.75rem;
    color: #94a3b8;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 2px;
    white-space: nowrap;
    flex-shrink: 0;
    transition: color 0.15s ease;
}

.pa-rules-lifecycle-reset:hover[b-jqneja8fy3] {
    color: #475569;
}

/* ── Animation ── */
@keyframes pa-slideDown-b-jqneja8fy3 {
    from {
        opacity: 0;
        max-height: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    to {
        opacity: 1;
        max-height: 500px;
    }
}
/* /Components/Pages/ProAudit/ClassifierTab.razor.rz.scp.css */
/* ── Filter Bar ── */
.pa-classifier-filter-bar[b-94ytq5zedr] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.75rem 1rem;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.pa-classifier-filter-divider[b-94ytq5zedr] {
    width: 1px;
    height: 24px;
    background: #e2e8f0;
    flex-shrink: 0;
}

.pa-classifier-add-btn[b-94ytq5zedr] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 1rem;
    background: #6b21a8;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    font-size: 0.8125rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease;
    white-space: nowrap;
    flex-shrink: 0;
    margin-left: auto;
}

.pa-classifier-add-btn:hover[b-94ytq5zedr] {
    background: #581c87;
}

/* ── Loading ── */
.pa-classifier-loading[b-94ytq5zedr] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4rem 0;
}

/* ── Split Panel ── */
.pa-classifier-split[b-94ytq5zedr] {
    display: flex;
    min-height: 520px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    overflow: hidden;
}

/* ── Left Panel: Part List ── */
.pa-classifier-list[b-94ytq5zedr] {
    width: 280px;
    flex-shrink: 0;
    border-right: 1px solid #e2e8f0;
    overflow-y: auto;
    max-height: 640px;
    position: sticky;
    top: 0;
}

.pa-classifier-list-empty[b-94ytq5zedr] {
    padding: 2rem 1rem;
    text-align: center;
    font-size: 0.8125rem;
    color: #94a3b8;
}

/* ── Group Header ── */
.pa-classifier-group[b-94ytq5zedr] {
    border-bottom: 1px solid #f1f5f9;
}

.pa-classifier-group:last-child[b-94ytq5zedr] {
    border-bottom: none;
}

.pa-classifier-group-header[b-94ytq5zedr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.625rem 0.875rem;
    background: #f8fafc;
    border: none;
    cursor: pointer;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
    transition: background 0.12s ease;
}

.pa-classifier-group-header:hover[b-94ytq5zedr] {
    background: #f1f5f9;
}

.pa-classifier-group-dot[b-94ytq5zedr] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.pa-classifier-group-label[b-94ytq5zedr] {
    flex: 1;
    text-align: left;
}

.pa-classifier-group-count[b-94ytq5zedr] {
    font-size: 0.625rem;
    font-weight: 700;
    padding: 0.0625rem 0.375rem;
    background: rgba(100, 116, 139, 0.1);
    border-radius: 8px;
    color: #64748b;
}

.pa-classifier-chevron[b-94ytq5zedr] {
    flex-shrink: 0;
    transition: transform 0.2s ease;
    transform: rotate(-90deg);
    color: #94a3b8;
}

.pa-chevron-open[b-94ytq5zedr] {
    transform: rotate(0deg);
}

/* ── Part Item ── */
.pa-classifier-part-item[b-94ytq5zedr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.5rem 0.875rem 0.5rem 1.25rem;
    border: none;
    border-left: 3px solid transparent;
    background: transparent;
    cursor: pointer;
    transition: all 0.15s ease;
    font-size: 0.8125rem;
    text-align: left;
}

.pa-classifier-part-item:hover[b-94ytq5zedr] {
    background: #f8fafc;
}

.pa-part-selected[b-94ytq5zedr] {
    border-left-color: #6b21a8;
    background: rgba(107, 33, 168, 0.04);
}

.pa-part-selected .pa-classifier-part-name[b-94ytq5zedr] {
    color: #6b21a8;
    font-weight: 600;
}

.pa-classifier-dot[b-94ytq5zedr] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    flex-shrink: 0;
}

.pa-classifier-part-name[b-94ytq5zedr] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
    color: #334155;
    transition: color 0.15s ease;
}

.pa-classifier-part-badges[b-94ytq5zedr] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    flex-shrink: 0;
}

.pa-classifier-off-badge[b-94ytq5zedr] {
    font-size: 0.5625rem;
    font-weight: 800;
    padding: 0.0625rem 0.3rem;
    border-radius: 4px;
    background: rgba(239, 68, 68, 0.1);
    color: #ef4444;
    letter-spacing: 0.04em;
}

.pa-classifier-kw-count[b-94ytq5zedr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 0.3rem;
    background: #f1f5f9;
    border-radius: 9px;
    font-size: 0.625rem;
    font-weight: 600;
    color: #94a3b8;
}

/* ── Right Panel: Detail ── */
.pa-classifier-detail[b-94ytq5zedr] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

.pa-classifier-detail-inner[b-94ytq5zedr] {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    overflow-y: auto;
    max-height: 640px;
    animation: pa-classifier-fadeIn-b-94ytq5zedr 0.2s ease;
}

@keyframes pa-classifier-fadeIn-b-94ytq5zedr {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ── Detail Header ── */
.pa-classifier-detail-header[b-94ytq5zedr] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.pa-classifier-detail-title-group[b-94ytq5zedr] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.pa-classifier-detail-name[b-94ytq5zedr] {
    font-size: 1.125rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0;
    line-height: 1.3;
}

.pa-classifier-code-chip[b-94ytq5zedr] {
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.1875rem 0.625rem;
    background: #f1f5f9;
    color: #64748b;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
}

.pa-classifier-detail-actions[b-94ytq5zedr] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    flex-shrink: 0;
}

.pa-classifier-action-btn[b-94ytq5zedr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    background: #ffffff;
    color: #64748b;
    cursor: pointer;
    transition: all 0.15s ease;
}

.pa-classifier-action-btn:hover[b-94ytq5zedr] {
    background: #f8fafc;
    color: #334155;
}

.pa-action-edit:hover[b-94ytq5zedr] {
    border-color: #6b21a8;
    color: #6b21a8;
}

.pa-action-active[b-94ytq5zedr] {
    color: #16a34a;
    border-color: rgba(22, 163, 74, 0.3);
}

.pa-action-active:hover[b-94ytq5zedr] {
    background: rgba(22, 163, 74, 0.05);
}

.pa-action-inactive[b-94ytq5zedr] {
    color: #94a3b8;
}

.pa-action-inactive:hover[b-94ytq5zedr] {
    color: #16a34a;
    border-color: rgba(22, 163, 74, 0.3);
}

.pa-action-delete:hover[b-94ytq5zedr] {
    border-color: #ef4444;
    color: #ef4444;
}

/* ── Description ── */
.pa-classifier-description[b-94ytq5zedr] {
    font-size: 0.875rem;
    font-style: italic;
    color: #64748b;
    margin: 0;
    line-height: 1.5;
}

/* ── Metadata ── */
.pa-classifier-meta[b-94ytq5zedr] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 2rem;
}

.pa-classifier-meta-item[b-94ytq5zedr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.pa-classifier-meta-label[b-94ytq5zedr] {
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #94a3b8;
    white-space: nowrap;
}

.pa-classifier-meta-chips[b-94ytq5zedr] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.pa-classifier-meta-value[b-94ytq5zedr] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #334155;
}

.pa-classifier-cat-chip[b-94ytq5zedr] {
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 0.125rem 0.5rem;
    border-radius: 5px;
    background: rgba(107, 33, 168, 0.08);
    color: #6b21a8;
    white-space: nowrap;
}

.pa-cat-none[b-94ytq5zedr] {
    background: #f1f5f9;
    color: #94a3b8;
}

.pa-classifier-trigger-badge[b-94ytq5zedr] {
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 0.125rem 0.5rem;
    border-radius: 5px;
    white-space: nowrap;
}

/* ── Keywords Section ── */
.pa-classifier-kw-section[b-94ytq5zedr] {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    overflow: hidden;
}

.pa-classifier-kw-header[b-94ytq5zedr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.625rem 0.875rem;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.pa-classifier-kw-title[b-94ytq5zedr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #334155;
}

.pa-classifier-kw-count-badge[b-94ytq5zedr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 0.375rem;
    background: rgba(100, 116, 139, 0.1);
    border-radius: 10px;
    font-size: 0.6875rem;
    font-weight: 700;
    color: #64748b;
}

.pa-classifier-kw-add-btn[b-94ytq5zedr] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.3rem 0.75rem;
    border: 1px solid rgba(107, 33, 168, 0.3);
    border-radius: 6px;
    background: transparent;
    color: #6b21a8;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
}

.pa-classifier-kw-add-btn:hover[b-94ytq5zedr] {
    background: rgba(107, 33, 168, 0.05);
    border-color: #6b21a8;
}

.pa-classifier-kw-empty[b-94ytq5zedr] {
    padding: 2rem 1rem;
    text-align: center;
    color: #94a3b8;
    font-size: 0.8125rem;
}

/* ── Keywords Table ── */
.pa-classifier-kw-table-wrap[b-94ytq5zedr] {
    overflow-x: auto;
}

.pa-classifier-kw-table[b-94ytq5zedr] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8125rem;
}

.pa-classifier-kw-table thead th[b-94ytq5zedr] {
    position: sticky;
    top: 0;
    background: #1e293b;
    padding: 0.5rem 0.75rem;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: rgba(255, 255, 255, 0.85);
    text-align: left;
    border: none;
    white-space: nowrap;
}

.pa-classifier-kw-th-actions[b-94ytq5zedr] {
    width: 80px;
}

.pa-classifier-kw-table tbody tr[b-94ytq5zedr] {
    border-bottom: 1px solid #f1f5f9;
    transition: background 0.12s ease;
}

.pa-classifier-kw-table tbody tr:hover[b-94ytq5zedr] {
    background: #f8fafc;
}

.pa-classifier-kw-table tbody tr:last-child[b-94ytq5zedr] {
    border-bottom: none;
}

.pa-classifier-row-inactive[b-94ytq5zedr] {
    opacity: 0.45;
}

.pa-classifier-kw-pattern[b-94ytq5zedr] {
    padding: 0.5rem 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.pa-classifier-kw-code[b-94ytq5zedr] {
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 0.8rem;
    color: #334155;
    background: transparent;
}

.pa-classifier-kw-meta[b-94ytq5zedr] {
    padding: 0.5rem 0.75rem;
    color: #64748b;
}

.pa-classifier-kw-actions[b-94ytq5zedr] {
    padding: 0.375rem 0.5rem;
    text-align: right;
    white-space: nowrap;
}

.pa-classifier-kw-icon-btn[b-94ytq5zedr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    border-radius: 4px;
    background: transparent;
    color: #94a3b8;
    cursor: pointer;
    transition: all 0.12s ease;
}

.pa-classifier-kw-icon-btn:hover[b-94ytq5zedr] {
    background: #f1f5f9;
    color: #6b21a8;
}

.pa-kw-delete:hover[b-94ytq5zedr] {
    color: #ef4444;
}

.pa-classifier-not-badge[b-94ytq5zedr] {
    font-size: 0.5625rem;
    font-weight: 800;
    padding: 0.0625rem 0.3rem;
    border-radius: 3px;
    background: rgba(239, 68, 68, 0.1);
    color: #ef4444;
    letter-spacing: 0.04em;
    flex-shrink: 0;
}
/* /Components/Pages/ProAudit/Dialogs/ConfirmDeactivateLinkedStatementDialog.razor.rz.scp.css */
/* ── Dialog shell ─────────────────────────────── */
[b-5vtr8qnxw5] .pa-confirm-deactivate-dialog .mud-dialog {
    background: #FDFAF6;
    border-radius: 6px;
    box-shadow:
        0 0 0 1px rgba(0,0,0,0.08),
        0 8px 32px rgba(0,0,0,0.12),
        0 2px 8px rgba(0,0,0,0.06);
    overflow: hidden;
    max-width: 480px;
    width: 100%;
}

[b-5vtr8qnxw5] .pa-confirm-deactivate-dialog .mud-dialog-title {
    padding: 0;
    background: #FDF6EC;
    border-bottom: 1px solid #E8D5B0;
}

[b-5vtr8qnxw5] .pa-confirm-deactivate-dialog .mud-dialog-content {
    padding: 0;
}

[b-5vtr8qnxw5] .pa-confirm-deactivate-dialog .mud-dialog-actions {
    padding: 0;
    border-top: 1px solid #EDE8E0;
}

/* ── Title ────────────────────────────────────── */
.pa-confirm-deactivate-title[b-5vtr8qnxw5] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px 20px;
    font-family: 'DM Serif Display', Georgia, serif;
    font-size: 1.05rem;
    font-weight: 400;
    color: #2C1A06;
    letter-spacing: 0.01em;
}

.pa-confirm-deactivate-title-icon[b-5vtr8qnxw5] {
    width: 18px;
    height: 18px;
    color: #B8640A;
    flex-shrink: 0;
    position: relative;
    top: -1px;
}

/* ── Body ─────────────────────────────────────── */
.pa-confirm-deactivate-body[b-5vtr8qnxw5] {
    padding: 0;
}

/* ── Callout ──────────────────────────────────── */
.pa-confirm-deactivate-callout[b-5vtr8qnxw5] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 20px 20px 16px;
    padding: 14px 16px;
    background: #FFF8EC;
    border: 1px solid #E8C880;
    border-left: 3px solid #D4900A;
    border-radius: 4px;
    font-size: 0.855rem;
    color: #3D2800;
    line-height: 1.5;
}

.pa-confirm-deactivate-callout-rule-count[b-5vtr8qnxw5] {
    font-weight: 500;
    color: #2C1A06;
}

.pa-confirm-deactivate-callout-rule-count strong[b-5vtr8qnxw5] {
    font-style: italic;
    font-weight: 600;
}

.pa-confirm-deactivate-callout-consequence[b-5vtr8qnxw5] {
    color: #6B4A18;
    font-size: 0.82rem;
}

/* ── Rule list ────────────────────────────────── */
.pa-confirm-deactivate-rule-list[b-5vtr8qnxw5] {
    list-style: none;
    margin: 0 20px 20px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
    border: 1px solid #EDE8E0;
    border-radius: 4px;
    overflow: hidden;
    background: #EDE8E0; /* gap color */
}

.pa-confirm-deactivate-rule-item[b-5vtr8qnxw5] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    background: #FDFAF6;
    font-size: 0.8rem;
    line-height: 1.3;
    min-height: 36px;
}

.pa-confirm-deactivate-rule-item:first-child[b-5vtr8qnxw5] {
    border-radius: 3px 3px 0 0;
}

.pa-confirm-deactivate-rule-item:last-child[b-5vtr8qnxw5] {
    border-radius: 0 0 3px 3px;
}

.pa-confirm-deactivate-rule-item:only-child[b-5vtr8qnxw5] {
    border-radius: 3px;
}

.pa-confirm-deactivate-rule-cat[b-5vtr8qnxw5] {
    flex-shrink: 0;
    font-size: 0.67rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #8B6914;
    background: #FFF0CC;
    border: 1px solid #E8C880;
    padding: 2px 6px;
    border-radius: 2px;
    line-height: 1.4;
}

.pa-confirm-deactivate-rule-name[b-5vtr8qnxw5] {
    flex: 1;
    color: #2C1A06;
    font-size: 0.815rem;
    line-height: 1.35;
}

.pa-confirm-deactivate-rule-inactive[b-5vtr8qnxw5] {
    flex-shrink: 0;
    font-size: 0.67rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #9E8E78;
    background: #F0EBE3;
    border: 1px solid #DDD5C8;
    padding: 2px 6px;
    border-radius: 2px;
}

/* ── Actions ──────────────────────────────────── */
.pa-confirm-deactivate-actions[b-5vtr8qnxw5] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 14px 20px;
    background: #FAF7F3;
}

.pa-confirm-deactivate-cancel[b-5vtr8qnxw5] {
    padding: 8px 16px;
    font-size: 0.83rem;
    font-weight: 500;
    color: #5C4A32;
    background: transparent;
    border: 1px solid #D4C9B8;
    border-radius: 4px;
    cursor: pointer;
    letter-spacing: 0.01em;
    transition: background 0.12s ease, border-color 0.12s ease;
    line-height: 1;
}

.pa-confirm-deactivate-cancel:hover[b-5vtr8qnxw5] {
    background: #F0EBE3;
    border-color: #B8A898;
}

.pa-confirm-deactivate-confirm[b-5vtr8qnxw5] {
    padding: 8px 16px;
    font-size: 0.83rem;
    font-weight: 600;
    color: #FDFAF6;
    background: #B03A2E;
    border: 1px solid #9B3226;
    border-radius: 4px;
    cursor: pointer;
    letter-spacing: 0.01em;
    transition: background 0.12s ease, box-shadow 0.12s ease;
    line-height: 1;
}

.pa-confirm-deactivate-confirm:hover[b-5vtr8qnxw5] {
    background: #922C21;
    box-shadow: 0 2px 8px rgba(176,58,46,0.25);
}

.pa-confirm-deactivate-confirm:active[b-5vtr8qnxw5] {
    background: #7A2419;
}

/* ── Reduced motion ───────────────────────────── */
@media (prefers-reduced-motion: reduce) {
    .pa-confirm-deactivate-cancel[b-5vtr8qnxw5],
    .pa-confirm-deactivate-confirm[b-5vtr8qnxw5] {
        transition: none;
    }
}
/* /Components/Pages/ProAudit/PositionStatementsTab.razor.rz.scp.css */
/* ═══════════════════════════════════════════════
   Source Library — Premium Redesign
   ═══════════════════════════════════════════════ */

/* ── Filter Bar ── */
.sl-filter-bar[b-y3znko0n9g] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.625rem 1rem;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    margin-bottom: 0.75rem;
}

.sl-add-btn[b-y3znko0n9g] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 1rem;
    background: #f97316;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    font-size: 0.8125rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease, box-shadow 0.15s ease;
    white-space: nowrap;
    flex-shrink: 0;
}

.sl-add-btn:hover[b-y3znko0n9g] {
    background: #ea580c;
    box-shadow: 0 4px 14px rgba(249, 115, 22, 0.25);
}

.sl-add-icon[b-y3znko0n9g] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

/* ── Make Chip Strip ── */
.sl-make-strip[b-y3znko0n9g] {
    display: flex;
    gap: 0.375rem;
    padding-bottom: 0.75rem;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.sl-make-strip[b-y3znko0n9g]::-webkit-scrollbar { display: none; }

.sl-make-chip[b-y3znko0n9g] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.3125rem 0.75rem;
    border: 1px solid #e2e8f0;
    border-radius: 99px;
    background: #ffffff;
    font-size: 0.75rem;
    font-weight: 500;
    color: #64748b;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.18s ease;
    flex-shrink: 0;
}

.sl-make-chip:hover[b-y3znko0n9g] {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #334155;
}

.sl-make-chip.active[b-y3znko0n9g] {
    background: #1e293b;
    border-color: #1e293b;
    color: #ffffff;
    font-weight: 600;
}

.sl-make-chip-ct[b-y3znko0n9g] {
    font-size: 0.625rem;
    font-weight: 700;
    opacity: 0.55;
}

.sl-make-chip.active .sl-make-chip-ct[b-y3znko0n9g] { opacity: 0.75; }

/* ── Active Filters Bar ── */
.sl-active-filters[b-y3znko0n9g] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.375rem 0;
    margin-bottom: 0.5rem;
    font-size: 0.75rem;
}

.sl-filter-label[b-y3znko0n9g] {
    color: #94a3b8;
    font-weight: 500;
}

.sl-clear-all[b-y3znko0n9g] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.625rem;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    background: #ffffff;
    color: #64748b;
    font-size: 0.6875rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.18s ease;
}

.sl-clear-all:hover[b-y3znko0n9g] {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #334155;
}

.sl-clear-ico[b-y3znko0n9g] {
    width: 12px;
    height: 12px;
}

/* ── Loading ── */
.sl-loading[b-y3znko0n9g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 5rem 2rem;
}

.sl-loading-txt[b-y3znko0n9g] {
    font-size: 0.8125rem;
    color: #94a3b8;
    font-weight: 500;
}

/* ── Body Layout ── */
.sl-body[b-y3znko0n9g] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

/* ── Sidebar ── */
.sl-sidebar[b-y3znko0n9g] {
    width: 240px;
    flex-shrink: 0;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 0.625rem;
    position: sticky;
    top: 1rem;
    max-height: calc(100vh - 16rem);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #e2e8f0 transparent;
}

.sl-sidebar[b-y3znko0n9g]::-webkit-scrollbar { width: 4px; }
.sl-sidebar[b-y3znko0n9g]::-webkit-scrollbar-track { background: transparent; }
.sl-sidebar[b-y3znko0n9g]::-webkit-scrollbar-thumb { background: #e2e8f0; border-radius: 4px; }

.sl-sb-hdr[b-y3znko0n9g] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.5rem;
    margin-bottom: 0.125rem;
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #94a3b8;
}

.sl-sb-hdr-ico[b-y3znko0n9g] {
    width: 14px;
    height: 14px;
    color: #94a3b8;
    flex-shrink: 0;
}

.sl-cat[b-y3znko0n9g] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.4375rem 0.5rem;
    border: none;
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
    font-size: 0.8125rem;
    color: #64748b;
    transition: all 0.18s ease;
}

.sl-cat:hover[b-y3znko0n9g] {
    background: #f8fafc;
    color: #334155;
}

.sl-cat.active[b-y3znko0n9g] {
    background: var(--cat-bg, #f1f5f9);
    color: var(--cat-color, #1e293b);
    font-weight: 600;
}

.sl-cat-bar[b-y3znko0n9g] {
    width: 3px;
    height: 16px;
    border-radius: 2px;
    background: var(--cat-color, #cbd5e1);
    opacity: 0.35;
    transition: all 0.18s ease;
    flex-shrink: 0;
}

.sl-cat.active .sl-cat-bar[b-y3znko0n9g] { opacity: 1; height: 18px; }
.sl-cat:hover .sl-cat-bar[b-y3znko0n9g] { opacity: 0.65; }

.sl-cat-name[b-y3znko0n9g] {
    flex: 1;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sl-cat-ct[b-y3znko0n9g] {
    font-size: 0.6875rem;
    font-weight: 700;
    min-width: 20px;
    text-align: center;
    padding: 0.05rem 0.375rem;
    border-radius: 4px;
    background: #f1f5f9;
    color: #94a3b8;
    transition: all 0.18s ease;
    flex-shrink: 0;
}

.sl-cat.active .sl-cat-ct[b-y3znko0n9g] {
    background: color-mix(in srgb, var(--cat-color, #1e293b) 12%, transparent);
    color: var(--cat-color, #1e293b);
}

/* Subject color tokens */
.sl-subj-adas[b-y3znko0n9g]       { --cat-color: #0891b2; --cat-bg: rgba(8, 145, 178, 0.07); }
.sl-subj-scanning[b-y3znko0n9g]   { --cat-color: #059669; --cat-bg: rgba(5, 150, 105, 0.07); }
.sl-subj-structural[b-y3znko0n9g] { --cat-color: #475569; --cat-bg: rgba(71, 85, 105, 0.07); }
.sl-subj-corrosion[b-y3znko0n9g]  { --cat-color: #d97706; --cat-bg: rgba(217, 119, 6, 0.07); }
.sl-subj-glass[b-y3znko0n9g]      { --cat-color: #0284c7; --cat-bg: rgba(2, 132, 199, 0.07); }
.sl-subj-refinish[b-y3znko0n9g]   { --cat-color: #65a30d; --cat-bg: rgba(101, 163, 13, 0.07); }
.sl-subj-airbag[b-y3znko0n9g]     { --cat-color: #dc2626; --cat-bg: rgba(220, 38, 38, 0.07); }
.sl-subj-alignment[b-y3znko0n9g]  { --cat-color: #7c3aed; --cat-bg: rgba(124, 58, 237, 0.07); }
.sl-subj-hybrid[b-y3znko0n9g]     { --cat-color: #16a34a; --cat-bg: rgba(22, 163, 74, 0.07); }
.sl-subj-oneTimeUse[b-y3znko0n9g] { --cat-color: #64748b; --cat-bg: rgba(100, 116, 139, 0.07); }
.sl-subj-adhesive[b-y3znko0n9g]   { --cat-color: #ea580c; --cat-bg: rgba(234, 88, 12, 0.07); }
.sl-subj-mechanical[b-y3znko0n9g] { --cat-color: #4f46e5; --cat-bg: rgba(79, 70, 229, 0.07); }
.sl-subj-tool[b-y3znko0n9g]       { --cat-color: #78350f; --cat-bg: rgba(120, 53, 15, 0.07); }
.sl-subj-material[b-y3znko0n9g]   { --cat-color: #334155; --cat-bg: rgba(51, 65, 85, 0.07); }
.sl-subj-headlamp[b-y3znko0n9g]   { --cat-color: #ca8a04; --cat-bg: rgba(202, 138, 4, 0.07); }
.sl-subj-bumper[b-y3znko0n9g]     { --cat-color: #b91c1c; --cat-bg: rgba(185, 28, 28, 0.07); }
.sl-subj-general[b-y3znko0n9g]    { --cat-color: #525252; --cat-bg: rgba(82, 82, 82, 0.07); }

/* ── Content ── */
.sl-content[b-y3znko0n9g] { flex: 1; min-width: 0; }

/* ── Group Headers ── */
.sl-group[b-y3znko0n9g] { margin-bottom: 1.25rem; }
.sl-group:last-child[b-y3znko0n9g] { margin-bottom: 0; }

.sl-grp-hdr[b-y3znko0n9g] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    margin-bottom: 0.5rem;
}

.sl-grp-title[b-y3znko0n9g] {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #94a3b8;
    white-space: nowrap;
}

.sl-grp-ct[b-y3znko0n9g] {
    font-size: 0.625rem;
    font-weight: 700;
    background: #f1f5f9;
    color: #94a3b8;
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
    flex-shrink: 0;
}

.sl-grp-line[b-y3znko0n9g] {
    flex: 1;
    height: 1px;
    background: #e2e8f0;
}

/* ── Cards ── */
.sl-cards[b-y3znko0n9g] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.sl-card[b-y3znko0n9g] {
    display: flex;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #ffffff;
    overflow: hidden;
    transition: all 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}

.sl-card:hover[b-y3znko0n9g] {
    border-color: #cbd5e1;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.055), 0 1px 4px rgba(0, 0, 0, 0.035);
    transform: translateY(-1px);
}

.sl-card--off[b-y3znko0n9g] { opacity: 0.48; }
.sl-card--off:hover[b-y3znko0n9g] { opacity: 0.68; }

.sl-card-accent[b-y3znko0n9g] {
    width: 3px;
    flex-shrink: 0;
    background: var(--cat-color, #cbd5e1);
}

.sl-card-body[b-y3znko0n9g] {
    flex: 1;
    min-width: 0;
    padding: 0.6875rem 0.875rem;
}

.sl-card-top[b-y3znko0n9g] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.sl-card-info[b-y3znko0n9g] { flex: 1; min-width: 0; }

/* ── Card Badges ── */
.sl-card-badges[b-y3znko0n9g] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    margin-bottom: 0.25rem;
    flex-wrap: wrap;
}

.sl-bdg-make[b-y3znko0n9g] {
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #64748b;
    background: #f1f5f9;
    padding: 0.1rem 0.4rem;
    border-radius: 3px;
}

.sl-bdg-subj[b-y3znko0n9g] {
    font-size: 0.5625rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--cat-color, #64748b);
    background: var(--cat-bg, #f1f5f9);
    padding: 0.1rem 0.4rem;
    border-radius: 3px;
}

.sl-bdg-year[b-y3znko0n9g] {
    font-size: 0.5625rem;
    font-weight: 600;
    color: #64748b;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 0 0.3rem;
    border-radius: 3px;
    font-variant-numeric: tabular-nums;
}

.sl-bdg-seeded[b-y3znko0n9g] {
    font-size: 0.5625rem;
    font-weight: 600;
    color: rgba(99, 102, 241, 0.75);
    background: rgba(99, 102, 241, 0.07);
    border: 1px solid rgba(99, 102, 241, 0.14);
    padding: 0 0.3rem;
    border-radius: 3px;
}

.sl-bdg-off[b-y3znko0n9g] {
    font-size: 0.5625rem;
    font-weight: 600;
    color: #94a3b8;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    padding: 0 0.3rem;
    border-radius: 3px;
}

/* ── Phase 5: Stale-review stamp + filter toggle ──────────────────────
   The "stale" badge reads as an editor's review stamp, not a UI chip:
   amber dot + small-caps label, no fill. The filter toggle is a custom
   pill-switch in the same amber tone with an italic label. */

.sl-bdg-stale[b-y3znko0n9g] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.5625rem;
    font-weight: 700;
    color: #B47028;
    background: transparent;
    border: 0;
    padding: 0;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    cursor: help;
}

.sl-bdg-stale-mark[b-y3znko0n9g] {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #DD9142;
    box-shadow: 0 0 0 2px rgba(221, 145, 66, 0.18);
    animation: sl-bdg-stale-pulse-b-y3znko0n9g 2.4s ease-in-out infinite;
}

.sl-bdg-stale-label[b-y3znko0n9g] {
    font-family: 'Inter Tight', 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

@keyframes sl-bdg-stale-pulse-b-y3znko0n9g {
    0%, 100% { box-shadow: 0 0 0 2px rgba(221, 145, 66, 0.18); }
    50%      { box-shadow: 0 0 0 5px rgba(221, 145, 66, 0.04); }
}
@media (prefers-reduced-motion: reduce) {
    .sl-bdg-stale-mark[b-y3znko0n9g] { animation: none; }
}

/* Filter toggle ─ custom pill switch with italic label */
.sl-stale-toggle[b-y3znko0n9g] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    cursor: pointer;
    user-select: none;
    padding: 0 0.5rem;
}

.sl-stale-toggle input[b-y3znko0n9g] {
    /* Visually hide the native checkbox but keep it in the tab order. */
    position: absolute;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.sl-stale-toggle-track[b-y3znko0n9g] {
    position: relative;
    width: 30px;
    height: 16px;
    background: #ECEAE6;
    border: 1px solid #DDD9D3;
    border-radius: 999px;
    transition: background 160ms ease, border-color 160ms ease;
    flex-shrink: 0;
}

.sl-stale-toggle-thumb[b-y3znko0n9g] {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 12px;
    height: 12px;
    background: #FFFFFF;
    border-radius: 50%;
    box-shadow: 0 1px 2px rgba(26, 22, 18, 0.18);
    transition: transform 200ms cubic-bezier(0.32, 0.72, 0, 1), background 160ms ease;
}

.sl-stale-toggle input:checked ~ .sl-stale-toggle-track[b-y3znko0n9g] {
    background: rgba(221, 145, 66, 0.85);
    border-color: #B47028;
}

.sl-stale-toggle input:checked ~ .sl-stale-toggle-track .sl-stale-toggle-thumb[b-y3znko0n9g] {
    transform: translateX(14px);
    background: #FFFFFF;
}

.sl-stale-toggle input:focus-visible ~ .sl-stale-toggle-track[b-y3znko0n9g] {
    box-shadow: 0 0 0 2px rgba(221, 145, 66, 0.35);
}

.sl-stale-toggle-label[b-y3znko0n9g] {
    font-family: 'Fraunces', 'Source Serif 4', Georgia, serif;
    font-style: italic;
    font-size: 0.8125rem;
    color: #3A332B;
    font-variation-settings: "opsz" 24, "SOFT" 30;
}

@media (prefers-reduced-motion: reduce) {
    .sl-stale-toggle-thumb[b-y3znko0n9g] { transition: none; }
}

/* ── Card Title ── */
.sl-card-title[b-y3znko0n9g] {
    display: inline-flex;
    align-items: baseline;
    gap: 0.3rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: #1e293b;
    text-decoration: none;
    line-height: 1.4;
    transition: color 0.15s ease;
}

.sl-card-title:hover[b-y3znko0n9g] { color: #f97316; }

.sl-link-ico[b-y3znko0n9g] {
    width: 11px;
    height: 11px;
    color: #cbd5e1;
    flex-shrink: 0;
    transition: color 0.15s ease;
}

.sl-card-title:hover .sl-link-ico[b-y3znko0n9g] { color: #f97316; }

/* ── Card Description ── */
.sl-card-desc[b-y3znko0n9g] {
    font-size: 0.75rem;
    color: #94a3b8;
    line-height: 1.5;
    margin-top: 0.2rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.25s ease;
}

.sl-card-desc--expanded[b-y3znko0n9g] {
    -webkit-line-clamp: unset;
    display: block;
}

/* ── Card Actions ── */
.sl-card-actions[b-y3znko0n9g] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    flex-shrink: 0;
    opacity: 0;
    transition: opacity 0.18s ease;
}

.sl-card:hover .sl-card-actions[b-y3znko0n9g] { opacity: 1; }

.sl-act[b-y3znko0n9g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    border-radius: 6px;
    background: transparent;
    cursor: pointer;
    transition: all 0.15s ease;
    padding: 0;
}

.sl-act svg[b-y3znko0n9g] {
    width: 15px;
    height: 15px;
    color: #94a3b8;
    transition: color 0.15s ease;
}

.sl-act-edit:hover[b-y3znko0n9g] {
    background: rgba(14, 165, 233, 0.08);
}

.sl-act-edit:hover svg[b-y3znko0n9g] {
    color: #0ea5e9;
}

.sl-act-del:hover[b-y3znko0n9g] {
    background: rgba(239, 68, 68, 0.08);
}

.sl-act-del:hover svg[b-y3znko0n9g] {
    color: #ef4444;
}

/* ── Card Meta Tags ── */
.sl-card-meta[b-y3znko0n9g] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid #f1f5f9;
}

.sl-tag[b-y3znko0n9g] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    font-size: 0.625rem;
    font-weight: 600;
    padding: 0.125rem 0.4rem;
    border-radius: 4px;
    white-space: nowrap;
}

.sl-tag-ico[b-y3znko0n9g] {
    width: 12px;
    height: 12px;
    flex-shrink: 0;
}

.sl-tag-src[b-y3znko0n9g] { background: #f1f5f9; color: #64748b; }

.sl-tag-ref[b-y3znko0n9g] {
    background: #f1f5f9;
    color: #94a3b8;
    font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
    font-size: 0.6rem;
}

.sl-tag-trigger[b-y3znko0n9g] {
    background: rgba(14, 165, 233, 0.07);
    color: #0284c7;
}

.sl-tag-comp[b-y3znko0n9g] {
    background: rgba(99, 102, 241, 0.07);
    color: #4338ca;
}
/* /Components/Pages/ProAudit/Reports/Library.razor.rz.scp.css */
/* ═══════════════════════════════════════════════
   Reports Library — brand palette
   #faf9f7 paper · #dd9142 orange · #00a69c teal
   Outfit + Figtree + Fraunces italic + JetBrains Mono
   ═══════════════════════════════════════════════ */

.rl-page[b-yw2c8566rc] {
    font-family: 'Figtree', sans-serif;
    color: #1A1612;
}

/* ── Hero overrides ── */
.rl-hero-top[b-yw2c8566rc] {
    display: flex;
    gap: 2rem;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
}

.rl-hero-text[b-yw2c8566rc] {
    flex: 1 1 420px;
    max-width: 620px;
}

.rl-hero-badge[b-yw2c8566rc] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.75rem;
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 999px;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.7rem;
    letter-spacing: 0.15em;
    color: rgba(255,255,255,0.7);
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.rl-hero-badge svg[b-yw2c8566rc] { width: 14px; height: 14px; }

.rl-hero-title[b-yw2c8566rc] {
    font-family: 'Outfit', sans-serif;
    font-weight: 800;
    font-size: clamp(2.4rem, 4.5vw, 4rem);
    line-height: 1;
    letter-spacing: -0.02em;
    color: #fff;
    margin: 0 0 0.8rem;
}

.rl-hero-title em[b-yw2c8566rc] {
    font-family: 'Fraunces', serif;
    font-style: italic;
    font-weight: 500;
    color: var(--pa-primary, #dd9142);
}

.rl-hero-subtitle[b-yw2c8566rc] {
    font-size: 1rem;
    color: rgba(255,255,255,0.65);
    max-width: 540px;
    line-height: 1.55;
    margin: 0;
}

/* ── Stats ring (right side of hero) ── */
.rl-hero-stats[b-yw2c8566rc] {
    display: flex;
    gap: 1.25rem;
}

.rl-hero-stat[b-yw2c8566rc] {
    text-align: center;
    min-width: 88px;
}

.rl-hero-stat-number[b-yw2c8566rc] {
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 1;
    color: var(--pa-primary, #dd9142);
}

.rl-hero-stat-label[b-yw2c8566rc] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.65rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.55);
    margin-top: 0.5rem;
    line-height: 1.35;
}

/* ── Body ── */
.rl-body[b-yw2c8566rc] {
    padding: 2.5rem 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

/* ── Filter bar ── */
.rl-filter-bar[b-yw2c8566rc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 2rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid;
    border-image: linear-gradient(90deg, rgba(221,145,66,0.4), rgba(0,166,156,0.4)) 1;
}

.rl-chip[b-yw2c8566rc] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 0.85rem;
    background: #fff;
    border: 1px solid #E6E1D8;
    border-radius: 999px;
    font-family: 'Figtree', sans-serif;
    font-size: 0.85rem;
    color: #5C5347;
    cursor: pointer;
    transition: all 120ms ease;
}

.rl-chip:hover[b-yw2c8566rc] {
    border-color: rgba(221,145,66,0.5);
    color: #1A1612;
}

.rl-chip--active[b-yw2c8566rc] {
    background: #1A1612;
    color: #fff;
    border-color: #1A1612;
}

.rl-chip--active .rl-chip-count[b-yw2c8566rc] {
    background: rgba(255,255,255,0.15);
    color: #fff;
}

.rl-chip-count[b-yw2c8566rc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.4rem;
    min-width: 20px;
    height: 18px;
    border-radius: 9px;
    background: #F0EBE2;
    color: #8C8478;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.7rem;
    font-weight: 600;
}

/* ── Grid ── */
.rl-grid[b-yw2c8566rc] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.25rem;
}

.rl-card[b-yw2c8566rc] {
    background: #FDFCFA;
    border: 1px solid #E6E1D8;
    border-radius: 12px;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    min-height: 240px;
    transition: all 180ms ease;
    position: relative;
    overflow: hidden;
}

.rl-card[b-yw2c8566rc]::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, #dd9142, #00a69c);
    opacity: 0;
    transition: opacity 180ms ease;
}

.rl-card:hover[b-yw2c8566rc] {
    border-color: rgba(221,145,66,0.4);
    box-shadow: 0 8px 24px rgba(26,22,18,0.06);
    transform: translateY(-2px);
}

.rl-card:hover[b-yw2c8566rc]::before { opacity: 1; }

.rl-card-head[b-yw2c8566rc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.rl-card-icon[b-yw2c8566rc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px; height: 44px;
    border-radius: 10px;
    background: #F6F4F0;
    color: #dd9142;
}

.rl-card-cat[b-yw2c8566rc] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.7rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #8C8478;
    padding: 0.25rem 0.6rem;
    border: 1px solid #E6E1D8;
    border-radius: 999px;
}

.rl-card-title[b-yw2c8566rc] {
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
    font-size: 1.3rem;
    color: #1A1612;
    margin: 0 0 0.5rem;
    line-height: 1.25;
}

.rl-card-desc[b-yw2c8566rc] {
    color: #5C5347;
    font-size: 0.9rem;
    line-height: 1.5;
    margin: 0 0 1rem;
    flex: 1;
}

.rl-card-meta[b-yw2c8566rc] {
    display: flex;
    gap: 0.4rem;
    margin-bottom: 1rem;
}

.rl-card-fmt[b-yw2c8566rc] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.65rem;
    letter-spacing: 0.12em;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    background: #F6F4F0;
    color: #8C8478;
}

.rl-card-actions[b-yw2c8566rc] {
    display: flex;
    gap: 0.5rem;
}

.rl-btn[b-yw2c8566rc] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.55rem 1rem;
    font-family: 'Figtree', sans-serif;
    font-size: 0.9rem;
    font-weight: 600;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    transition: all 120ms ease;
}

.rl-btn--primary[b-yw2c8566rc] {
    background: #1A1612;
    color: #fff;
}

.rl-btn--primary:hover[b-yw2c8566rc] { background: #dd9142; }

.rl-btn--ghost[b-yw2c8566rc] {
    background: transparent;
    color: #5C5347;
    border: 1px solid #E6E1D8;
}

.rl-btn--ghost:hover:not(:disabled)[b-yw2c8566rc] {
    border-color: #dd9142;
    color: #1A1612;
}

.rl-btn:disabled[b-yw2c8566rc] {
    opacity: 0.62;
    cursor: not-allowed;
}

.rl-btn--pending[b-yw2c8566rc] {
    position: relative;
    padding-right: 0.55rem;
}

.rl-btn--pending:disabled[b-yw2c8566rc] {
    opacity: 0.9;
    background: rgba(230, 225, 216, 0.35);
    border-color: #E6E1D8;
    color: #8A8070;
}

.rl-btn-badge[b-yw2c8566rc] {
    font-family: 'Figtree', sans-serif;
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 0.18rem 0.42rem;
    border-radius: 999px;
    background: rgba(221, 145, 66, 0.14);
    color: #B8752E;
    margin-left: 0.15rem;
    line-height: 1;
}

/* ── Empty / skeleton ── */
.rl-skeleton-grid[b-yw2c8566rc] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.25rem;
}

.rl-skeleton-card[b-yw2c8566rc] {
    height: 240px;
    background: linear-gradient(90deg, #F6F4F0, #FAF8F3, #F6F4F0);
    background-size: 200% 100%;
    border-radius: 12px;
    animation: rl-shimmer-b-yw2c8566rc 1.4s infinite linear;
}

@keyframes rl-shimmer-b-yw2c8566rc {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

.rl-empty[b-yw2c8566rc] {
    text-align: center;
    padding: 4rem 2rem;
    color: #5C5347;
}

.rl-empty h3[b-yw2c8566rc] {
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
    margin: 0 0 0.5rem;
    color: #1A1612;
}
/* /Components/Pages/Public/About.razor.rz.scp.css */
/* ═══════════════════════════════════════════════
   ProEstimate About — Industrial Refined Aesthetic
   Typography: DM Serif Display + Outfit
   ═══════════════════════════════════════════════ */

/* ─── PAGE HERO ─── */

.about-hero[b-0e016n01vh] {
    position: relative;
    background: #323232;
    padding: 7rem 0 4rem;
    overflow: hidden;
}

.about-hero-grain[b-0e016n01vh] {
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");
    pointer-events: none;
    z-index: 1;
}

[b-0e016n01vh] .about-hero-inner {
    position: relative;
    z-index: 2;
}

.page-label[b-0e016n01vh] {
    font-family: 'Outfit', sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #dd9142;
    display: block;
    margin-bottom: 1rem;
    animation: fadeSlideUp-b-0e016n01vh 0.6s ease-out;
}

.page-hero-title[b-0e016n01vh] {
    font-family: 'DM Serif Display', serif;
    font-size: clamp(2.2rem, 5vw, 3.8rem);
    font-weight: 400;
    color: #ffffff;
    line-height: 1.1;
    margin: 0;
    animation: fadeSlideUp-b-0e016n01vh 0.6s ease-out 0.1s both;
}

.page-hero-accent[b-0e016n01vh] {
    color: #dd9142;
    font-style: italic;
}


/* ─── MISSION SECTION ─── */

.mission-section[b-0e016n01vh] {
    padding: 6rem 0;
    background: #ffffff;
}

.section-label[b-0e016n01vh] {
    font-family: 'Outfit', sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #dd9142;
    display: block;
    margin-bottom: 0.5rem;
}

.section-label--light[b-0e016n01vh] {
    color: rgba(255, 255, 255, 0.6);
}

.section-title[b-0e016n01vh] {
    font-family: 'DM Serif Display', serif;
    font-size: clamp(1.8rem, 3.5vw, 2.4rem);
    font-weight: 400;
    color: #323232;
    margin: 0 0 1.25rem;
    line-height: 1.2;
}

.section-title--light[b-0e016n01vh] {
    color: #ffffff;
}

.section-header[b-0e016n01vh] {
    text-align: center;
    margin-bottom: 3.5rem;
}

.section-divider[b-0e016n01vh] {
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #dd9142, #00a69c);
    margin: 0 auto;
    border-radius: 2px;
}

.mission-visual[b-0e016n01vh] {
    position: relative;
    width: 100%;
    height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mission-visual-block[b-0e016n01vh] {
    position: absolute;
    border-radius: 3px;
}

.mission-visual-block--top[b-0e016n01vh] {
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, rgba(221, 145, 66, 0.08), rgba(221, 145, 66, 0.03));
    border: 1px solid rgba(221, 145, 66, 0.12);
    top: 20px;
    left: 20px;
}

.mission-visual-block--bottom[b-0e016n01vh] {
    width: 180px;
    height: 180px;
    background: linear-gradient(135deg, rgba(0, 166, 156, 0.08), rgba(0, 166, 156, 0.03));
    border: 1px solid rgba(0, 166, 156, 0.12);
    bottom: 20px;
    right: 20px;
}

.mission-visual-icon[b-0e016n01vh] {
    position: relative;
    z-index: 2;
    width: 100px;
    height: 100px;
    background: #ffffff;
    border: 1px solid rgba(50, 50, 50, 0.08);
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 40px rgba(50, 50, 50, 0.08);
}

.mission-lead[b-0e016n01vh] {
    font-family: 'DM Serif Display', serif;
    font-size: 1.35rem;
    font-weight: 400;
    color: #323232;
    line-height: 1.5;
    margin: 0 0 1.5rem;
    font-style: italic;
}

.mission-body[b-0e016n01vh] {
    font-family: 'Outfit', sans-serif;
    font-size: 0.95rem;
    font-weight: 300;
    color: #6b6560;
    line-height: 1.8;
    margin: 0 0 1rem;
}


/* ─── VALUES SECTION ─── */

.values-section[b-0e016n01vh] {
    padding: 6rem 0;
    background: #fafaf8;
}

.value-card[b-0e016n01vh] {
    background: #ffffff;
    border: 1px solid rgba(50, 50, 50, 0.06);
    border-radius: 3px;
    padding: 2rem;
    height: 100%;
    transition: all 0.35s ease;
    position: relative;
}

.value-card[b-0e016n01vh]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 0;
    background: linear-gradient(180deg, #dd9142, #00a69c);
    transition: height 0.35s ease;
    border-radius: 3px 0 0 3px;
}

.value-card:hover[b-0e016n01vh] {
    box-shadow: 0 8px 40px rgba(50, 50, 50, 0.08);
    transform: translateY(-3px);
}

.value-card:hover[b-0e016n01vh]::before {
    height: 100%;
}

.value-card-header[b-0e016n01vh] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.value-icon-wrap[b-0e016n01vh] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    flex-shrink: 0;
}

.value-icon-wrap--teal[b-0e016n01vh] {
    background: rgba(0, 166, 156, 0.08);
    color: #00a69c;
}

.value-icon-wrap--orange[b-0e016n01vh] {
    background: rgba(221, 145, 66, 0.08);
    color: #dd9142;
}

.value-title[b-0e016n01vh] {
    font-family: 'DM Serif Display', serif;
    font-size: 1.25rem;
    font-weight: 400;
    color: #323232;
    margin: 0;
    line-height: 1.3;
}

.value-desc[b-0e016n01vh] {
    font-family: 'Outfit', sans-serif;
    font-size: 0.9rem;
    font-weight: 400;
    color: #6b6560;
    line-height: 1.75;
    margin: 0;
}


/* ─── TEAM SECTION ─── */

.team-section[b-0e016n01vh] {
    position: relative;
    padding: 6rem 0;
    background: #323232;
    overflow: hidden;
}

.team-pattern[b-0e016n01vh] {
    position: absolute;
    inset: 0;
    opacity: 0.03;
    background-image:
        repeating-linear-gradient(0deg, transparent, transparent 50px, rgba(255,255,255,0.5) 50px, rgba(255,255,255,0.5) 51px),
        repeating-linear-gradient(90deg, transparent, transparent 50px, rgba(255,255,255,0.5) 50px, rgba(255,255,255,0.5) 51px);
    pointer-events: none;
}

.team-body[b-0e016n01vh] {
    font-family: 'Outfit', sans-serif;
    font-size: 1.05rem;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.8;
    margin: 0 0 1rem;
    text-align: center;
}

.team-card[b-0e016n01vh] {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 3px;
    padding: 2.5rem 1.5rem;
    text-align: center;
    transition: all 0.3s ease;
}

.team-card:hover[b-0e016n01vh] {
    border-color: rgba(0, 166, 156, 0.25);
    background: rgba(0, 166, 156, 0.04);
}

.team-avatar[b-0e016n01vh] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
}

.team-placeholder[b-0e016n01vh] {
    font-family: 'Outfit', sans-serif;
    font-size: 0.8rem;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.35);
}


/* ─── ABOUT BOTTOM CTA ─── */

.about-cta-section[b-0e016n01vh] {
    padding: 5rem 0;
    background: #fafaf8;
}

.about-cta-title[b-0e016n01vh] {
    font-family: 'DM Serif Display', serif;
    font-size: clamp(1.8rem, 3.5vw, 2.4rem);
    font-weight: 400;
    color: #323232;
    margin: 0 0 1rem;
}

.about-cta-body[b-0e016n01vh] {
    font-family: 'Outfit', sans-serif;
    font-size: 1rem;
    font-weight: 300;
    color: #6b6560;
    line-height: 1.75;
    max-width: 550px;
    margin: 0 auto 2rem;
}

[b-0e016n01vh] .about-cta-button {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.03em !important;
    padding: 0.75rem 2rem !important;
    font-size: 0.95rem !important;
    border-radius: 2px !important;
    box-shadow: 0 4px 24px rgba(221, 145, 66, 0.3) !important;
    transition: all 0.3s ease !important;
}

[b-0e016n01vh] .about-cta-button:hover {
    box-shadow: 0 6px 32px rgba(221, 145, 66, 0.45) !important;
    transform: translateY(-1px);
}


/* ─── ANIMATIONS ─── */

@keyframes fadeSlideUp-b-0e016n01vh {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* ─── RESPONSIVE ─── */

@media (max-width: 959.98px) {
    .about-hero[b-0e016n01vh] {
        padding: 6rem 0 3rem;
    }

    .mission-visual[b-0e016n01vh] {
        height: 220px;
        margin-bottom: 2rem;
    }

    .mission-visual-block--top[b-0e016n01vh] {
        width: 140px;
        height: 140px;
    }

    .mission-visual-block--bottom[b-0e016n01vh] {
        width: 120px;
        height: 120px;
    }
}

@media (max-width: 599.98px) {
    .about-hero[b-0e016n01vh] {
        padding: 5rem 0 2.5rem;
    }

    .mission-section[b-0e016n01vh],
    .values-section[b-0e016n01vh],
    .team-section[b-0e016n01vh] {
        padding: 4rem 0;
    }

    .value-card[b-0e016n01vh] {
        padding: 1.5rem;
    }

    .mission-visual[b-0e016n01vh] {
        display: none;
    }

    .about-cta-section[b-0e016n01vh] {
        padding: 3.5rem 0;
    }
}
/* /Components/Pages/Public/Contact.razor.rz.scp.css */
/* ═══════════════════════════════════════════════
   ProEstimate Contact — Industrial Refined Aesthetic
   Typography: DM Serif Display + Outfit
   ═══════════════════════════════════════════════ */

/* ─── PAGE HERO ─── */

.ct-hero[b-sx1ujhc3vo] {
    position: relative;
    background: #323232;
    padding: 7rem 0 4rem;
    overflow: hidden;
}

.ct-hero-grain[b-sx1ujhc3vo] {
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");
    pointer-events: none;
    z-index: 1;
}

[b-sx1ujhc3vo] .ct-hero-inner {
    position: relative;
    z-index: 2;
}

.page-label[b-sx1ujhc3vo] {
    font-family: 'Outfit', sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #dd9142;
    display: block;
    margin-bottom: 1rem;
    animation: fadeSlideUp-b-sx1ujhc3vo 0.6s ease-out;
}

.page-hero-title[b-sx1ujhc3vo] {
    font-family: 'DM Serif Display', serif;
    font-size: clamp(2.2rem, 5vw, 3.8rem);
    font-weight: 400;
    color: #ffffff;
    line-height: 1.1;
    margin: 0 0 1.25rem;
    animation: fadeSlideUp-b-sx1ujhc3vo 0.6s ease-out 0.1s both;
}

.page-hero-subtitle[b-sx1ujhc3vo] {
    font-family: 'Outfit', sans-serif;
    font-size: clamp(0.95rem, 1.3vw, 1.1rem);
    font-weight: 300;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.75;
    max-width: 620px;
    margin: 0;
    animation: fadeSlideUp-b-sx1ujhc3vo 0.6s ease-out 0.2s both;
}


/* ─── CONTENT SECTION ─── */

.ct-content-section[b-sx1ujhc3vo] {
    padding: 5rem 0 6rem;
    background: #ffffff;
}


/* ─── FORM CARD ─── */

.ct-form-card[b-sx1ujhc3vo] {
    background: #ffffff;
    border: 1px solid rgba(50, 50, 50, 0.08);
    border-radius: 3px;
    padding: 2.5rem;
    box-shadow: 0 8px 40px rgba(50, 50, 50, 0.06);
    position: relative;
}

.ct-form-card[b-sx1ujhc3vo]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #dd9142, #00a69c);
    border-radius: 3px 3px 0 0;
}

.ct-form-header[b-sx1ujhc3vo] {
    margin-bottom: 2rem;
}

.ct-form-title[b-sx1ujhc3vo] {
    font-family: 'DM Serif Display', serif;
    font-size: 1.5rem;
    font-weight: 400;
    color: #323232;
    margin: 0;
}

[b-sx1ujhc3vo] .ct-field {
    margin-bottom: 1rem;
}

[b-sx1ujhc3vo] .ct-submit-btn {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.03em !important;
    padding: 0.85rem 2rem !important;
    font-size: 0.95rem !important;
    border-radius: 2px !important;
    box-shadow: 0 4px 24px rgba(221, 145, 66, 0.25) !important;
    transition: all 0.3s ease !important;
    margin-top: 0.5rem;
}

[b-sx1ujhc3vo] .ct-submit-btn:hover {
    box-shadow: 0 6px 32px rgba(221, 145, 66, 0.4) !important;
    transform: translateY(-1px);
}


/* ─── SUCCESS STATE ─── */

.ct-success-wrap[b-sx1ujhc3vo] {
    text-align: center;
    padding: 2rem 0;
}

.ct-success-icon[b-sx1ujhc3vo] {
    margin-bottom: 1.5rem;
}

[b-sx1ujhc3vo] .ct-success-alert {
    margin-bottom: 1.5rem;
    text-align: left;
}

[b-sx1ujhc3vo] .ct-back-link {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 500 !important;
    letter-spacing: 0.02em !important;
}


/* ─── CONTACT INFO CARD ─── */

.ct-info-card[b-sx1ujhc3vo] {
    background: #fafaf8;
    border: 1px solid rgba(50, 50, 50, 0.06);
    border-radius: 3px;
    padding: 2.5rem;
    position: relative;
    height: 100%;
}

.ct-info-accent[b-sx1ujhc3vo] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #00a69c, #dd9142);
    border-radius: 3px 3px 0 0;
}

.ct-info-title[b-sx1ujhc3vo] {
    font-family: 'DM Serif Display', serif;
    font-size: 1.35rem;
    font-weight: 400;
    color: #323232;
    margin: 0 0 2rem;
}

.ct-info-item[b-sx1ujhc3vo] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.ct-info-icon[b-sx1ujhc3vo] {
    width: 40px;
    height: 40px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    margin-top: 2px;
}

.ct-info-icon--orange[b-sx1ujhc3vo] {
    background: rgba(221, 145, 66, 0.08);
    color: #dd9142;
}

.ct-info-icon--teal[b-sx1ujhc3vo] {
    background: rgba(0, 166, 156, 0.08);
    color: #00a69c;
}

.ct-info-label[b-sx1ujhc3vo] {
    font-family: 'Outfit', sans-serif;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #9a9490;
    display: block;
    margin-bottom: 0.25rem;
}

.ct-info-value[b-sx1ujhc3vo] {
    font-family: 'Outfit', sans-serif;
    font-size: 0.9rem;
    font-weight: 400;
    color: #323232;
    line-height: 1.6;
    display: block;
}

[b-sx1ujhc3vo] .ct-info-value a {
    color: #dd9142 !important;
    text-decoration: none !important;
    transition: color 0.2s ease;
}

[b-sx1ujhc3vo] .ct-info-value a:hover {
    color: #c67d30 !important;
}

.ct-info-divider[b-sx1ujhc3vo] {
    width: 100%;
    height: 1px;
    background: rgba(50, 50, 50, 0.08);
    margin: 1.5rem 0;
}


/* ─── ANIMATIONS ─── */

@keyframes fadeSlideUp-b-sx1ujhc3vo {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* ─── RESPONSIVE ─── */

@media (max-width: 959.98px) {
    .ct-hero[b-sx1ujhc3vo] {
        padding: 6rem 0 3rem;
    }

    .ct-content-section[b-sx1ujhc3vo] {
        padding: 3.5rem 0 4rem;
    }
}

@media (max-width: 599.98px) {
    .ct-hero[b-sx1ujhc3vo] {
        padding: 5rem 0 2.5rem;
    }

    .ct-content-section[b-sx1ujhc3vo] {
        padding: 2.5rem 0 3.5rem;
    }

    .ct-form-card[b-sx1ujhc3vo] {
        padding: 1.75rem;
    }

    .ct-info-card[b-sx1ujhc3vo] {
        padding: 1.75rem;
        margin-top: 1.5rem;
    }
}
/* /Components/Pages/Public/Faq.razor.rz.scp.css */
/* ═══════════════════════════════════════════════
   ProEstimate FAQ — Industrial Refined Aesthetic
   Typography: DM Serif Display + Outfit
   ═══════════════════════════════════════════════ */

/* ─── PAGE HERO ─── */

.faq-hero[b-0lsm6t4w8u] {
    position: relative;
    background: #323232;
    padding: 7rem 0 4rem;
    overflow: hidden;
}

.faq-hero-grain[b-0lsm6t4w8u] {
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");
    pointer-events: none;
    z-index: 1;
}

[b-0lsm6t4w8u] .faq-hero-inner {
    position: relative;
    z-index: 2;
}

.page-label[b-0lsm6t4w8u] {
    font-family: 'Outfit', sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #dd9142;
    display: block;
    margin-bottom: 1rem;
    animation: fadeSlideUp-b-0lsm6t4w8u 0.6s ease-out;
}

.page-hero-title[b-0lsm6t4w8u] {
    font-family: 'DM Serif Display', serif;
    font-size: clamp(2.2rem, 5vw, 3.8rem);
    font-weight: 400;
    color: #ffffff;
    line-height: 1.1;
    margin: 0 0 1.25rem;
    animation: fadeSlideUp-b-0lsm6t4w8u 0.6s ease-out 0.1s both;
}

.page-hero-accent[b-0lsm6t4w8u] {
    color: #dd9142;
    font-style: italic;
}

.page-hero-subtitle[b-0lsm6t4w8u] {
    font-family: 'Outfit', sans-serif;
    font-size: clamp(0.95rem, 1.3vw, 1.1rem);
    font-weight: 300;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.75;
    max-width: 620px;
    margin: 0;
    animation: fadeSlideUp-b-0lsm6t4w8u 0.6s ease-out 0.2s both;
}


/* ─── FAQ CONTENT ─── */

.faq-content-section[b-0lsm6t4w8u] {
    padding: 4rem 0 5rem;
    background: #ffffff;
}


/* ─── SEARCH ─── */

.faq-search-wrap[b-0lsm6t4w8u] {
    margin-bottom: 2.5rem;
}

[b-0lsm6t4w8u] .faq-search {
    font-family: 'Outfit', sans-serif;
}

[b-0lsm6t4w8u] .faq-search .mud-input-outlined {
    border-radius: 3px;
}


/* ─── EXPANSION PANELS ─── */

[b-0lsm6t4w8u] .faq-panels {
    border: 1px solid rgba(50, 50, 50, 0.08);
    border-radius: 3px;
    overflow: hidden;
}

[b-0lsm6t4w8u] .faq-panel {
    border-bottom: 1px solid rgba(50, 50, 50, 0.06);
}

[b-0lsm6t4w8u] .faq-panel:last-child {
    border-bottom: none;
}

[b-0lsm6t4w8u] .faq-panel .mud-expand-panel-header {
    padding: 1.25rem 1.5rem;
    font-family: 'Outfit', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    color: #323232;
    transition: background-color 0.2s ease;
}

[b-0lsm6t4w8u] .faq-panel .mud-expand-panel-header:hover {
    background-color: rgba(0, 166, 156, 0.03);
}

[b-0lsm6t4w8u] .faq-panel.mud-panel-expanded .mud-expand-panel-header {
    background-color: rgba(0, 166, 156, 0.05);
    border-bottom: 1px solid rgba(0, 166, 156, 0.1);
}

[b-0lsm6t4w8u] .faq-panel.mud-panel-expanded {
    border-left: 3px solid #00a69c;
}

[b-0lsm6t4w8u] .faq-panel .mud-expand-panel-content {
    padding: 1.25rem 1.5rem 1.5rem;
}

[b-0lsm6t4w8u] .faq-answer {
    font-family: 'Outfit', sans-serif !important;
    font-size: 0.92rem !important;
    font-weight: 400 !important;
    color: #6b6560 !important;
    line-height: 1.8 !important;
}


/* ─── EMPTY STATE ─── */

[b-0lsm6t4w8u] .faq-empty-alert {
    font-family: 'Outfit', sans-serif;
}


/* ─── BOTTOM CTA ─── */

.faq-cta-section[b-0lsm6t4w8u] {
    padding: 5rem 0;
    background: #fafaf8;
}

.faq-cta-icon[b-0lsm6t4w8u] {
    width: 72px;
    height: 72px;
    background: rgba(0, 166, 156, 0.08);
    border: 1px solid rgba(0, 166, 156, 0.12);
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
}

.faq-cta-title[b-0lsm6t4w8u] {
    font-family: 'DM Serif Display', serif;
    font-size: clamp(1.8rem, 3.5vw, 2.4rem);
    font-weight: 400;
    color: #323232;
    margin: 0 0 1rem;
}

.faq-cta-body[b-0lsm6t4w8u] {
    font-family: 'Outfit', sans-serif;
    font-size: 1rem;
    font-weight: 300;
    color: #6b6560;
    line-height: 1.75;
    max-width: 500px;
    margin: 0 auto 2rem;
}

[b-0lsm6t4w8u] .faq-cta-button {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.03em !important;
    padding: 0.75rem 2rem !important;
    font-size: 0.95rem !important;
    border-radius: 2px !important;
    box-shadow: 0 4px 24px rgba(221, 145, 66, 0.3) !important;
    transition: all 0.3s ease !important;
}

[b-0lsm6t4w8u] .faq-cta-button:hover {
    box-shadow: 0 6px 32px rgba(221, 145, 66, 0.45) !important;
    transform: translateY(-1px);
}


/* ─── ANIMATIONS ─── */

@keyframes fadeSlideUp-b-0lsm6t4w8u {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* ─── RESPONSIVE ─── */

@media (max-width: 959.98px) {
    .faq-hero[b-0lsm6t4w8u] {
        padding: 6rem 0 3rem;
    }

    .faq-content-section[b-0lsm6t4w8u] {
        padding: 3rem 0 4rem;
    }
}

@media (max-width: 599.98px) {
    .faq-hero[b-0lsm6t4w8u] {
        padding: 5rem 0 2.5rem;
    }

    .faq-content-section[b-0lsm6t4w8u] {
        padding: 2.5rem 0 3.5rem;
    }

    [b-0lsm6t4w8u] .faq-panel .mud-expand-panel-header {
        padding: 1rem 1.25rem;
    }

    [b-0lsm6t4w8u] .faq-panel .mud-expand-panel-content {
        padding: 1rem 1.25rem 1.25rem;
    }

    .faq-cta-section[b-0lsm6t4w8u] {
        padding: 3.5rem 0;
    }
}
/* /Components/Pages/Public/GetStarted.razor.rz.scp.css */
/* ═══════════════════════════════════════════════
   ProEstimate Get Started — Industrial Refined Aesthetic
   Typography: DM Serif Display + Outfit
   ═══════════════════════════════════════════════ */

/* ─── PAGE HERO ─── */

.gs-hero[b-yaloxl25b9] {
    position: relative;
    background: #323232;
    padding: 7rem 0 4rem;
    overflow: hidden;
}

.gs-hero-grain[b-yaloxl25b9] {
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");
    pointer-events: none;
    z-index: 1;
}

.gs-hero-geometric[b-yaloxl25b9] {
    position: absolute;
    border: 1px solid rgba(221, 145, 66, 0.12);
    pointer-events: none;
    z-index: 1;
}

.gs-hero-geometric--1[b-yaloxl25b9] {
    width: 350px;
    height: 350px;
    top: -100px;
    right: -80px;
    transform: rotate(18deg);
}

.gs-hero-geometric--2[b-yaloxl25b9] {
    width: 200px;
    height: 200px;
    bottom: -50px;
    left: -40px;
    transform: rotate(-10deg);
    border-color: rgba(0, 166, 156, 0.1);
}

[b-yaloxl25b9] .gs-hero-inner {
    position: relative;
    z-index: 2;
}

.gs-hero-badge[b-yaloxl25b9] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(0, 166, 156, 0.08);
    border: 1px solid rgba(0, 166, 156, 0.25);
    padding: 0.4rem 1rem;
    border-radius: 2px;
    margin-bottom: 2rem;
    animation: fadeSlideUp-b-yaloxl25b9 0.6s ease-out;
}

.gs-hero-badge span[b-yaloxl25b9] {
    font-family: 'Outfit', sans-serif;
    font-size: 0.8rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.75);
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.gs-hero-title[b-yaloxl25b9] {
    font-family: 'DM Serif Display', serif;
    font-size: clamp(2.2rem, 5vw, 3.8rem);
    font-weight: 400;
    color: #ffffff;
    line-height: 1.1;
    margin: 0 0 1.5rem;
    max-width: 680px;
    animation: fadeSlideUp-b-yaloxl25b9 0.6s ease-out 0.1s both;
}

.gs-hero-title-accent[b-yaloxl25b9] {
    color: #dd9142;
    font-style: italic;
}

.gs-hero-subtitle[b-yaloxl25b9] {
    font-family: 'Outfit', sans-serif;
    font-size: clamp(1rem, 1.3vw, 1.1rem);
    font-weight: 300;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.75;
    max-width: 600px;
    margin: 0;
    animation: fadeSlideUp-b-yaloxl25b9 0.6s ease-out 0.2s both;
}


/* ─── CONTENT SECTION ─── */

.gs-content-section[b-yaloxl25b9] {
    padding: 5rem 0 6rem;
    background: #ffffff;
}


/* ─── MARKETING COLUMN ─── */

.gs-marketing[b-yaloxl25b9] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}


/* ─── PRODUCT CARDS ─── */

.gs-product-cards[b-yaloxl25b9] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
    transition: all 0.35s ease;
}

.gs-product-cards--single[b-yaloxl25b9] {
    grid-template-columns: 1fr;
}

.gs-product-card[b-yaloxl25b9] {
    position: relative;
    background: #fafaf8;
    border: 1px solid rgba(50, 50, 50, 0.06);
    border-radius: 3px;
    padding: 1.75rem 1.5rem;
    transition: all 0.35s ease;
    overflow: hidden;
}

.gs-product-card:hover[b-yaloxl25b9] {
    border-color: rgba(50, 50, 50, 0.12);
    box-shadow: 0 8px 40px rgba(50, 50, 50, 0.08);
    transform: translateY(-2px);
}

.gs-product-card-accent[b-yaloxl25b9] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    border-radius: 3px 3px 0 0;
}

.gs-product-card-accent--teal[b-yaloxl25b9] {
    background: linear-gradient(90deg, #00a69c, #33c4bb);
}

.gs-product-card-accent--orange[b-yaloxl25b9] {
    background: linear-gradient(90deg, #dd9142, #e8a860);
}

.gs-product-card-icon[b-yaloxl25b9] {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    margin-bottom: 1rem;
}

.gs-product-card-icon--teal[b-yaloxl25b9] {
    background: rgba(0, 166, 156, 0.1);
    color: #00a69c;
}

.gs-product-card-icon--orange[b-yaloxl25b9] {
    background: rgba(221, 145, 66, 0.1);
    color: #dd9142;
}

.gs-product-card-title[b-yaloxl25b9] {
    font-family: 'DM Serif Display', serif;
    font-size: 1.15rem;
    font-weight: 400;
    color: #323232;
    margin: 0 0 1rem;
    line-height: 1.3;
}

.gs-product-card-features[b-yaloxl25b9] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.gs-feature-item[b-yaloxl25b9] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
}

.gs-feature-item span[b-yaloxl25b9] {
    font-family: 'Outfit', sans-serif;
    font-size: 0.85rem;
    font-weight: 400;
    color: #6b6560;
    line-height: 1.5;
}

.gs-product-card--expanded .gs-product-card-title[b-yaloxl25b9] {
    font-size: 1.35rem;
}

.gs-product-card--expanded .gs-feature-item span[b-yaloxl25b9] {
    font-size: 0.92rem;
}


/* ─── STATS ROW ─── */

.gs-stats-row[b-yaloxl25b9] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    padding: 1.75rem 2rem;
    background: #fafaf8;
    border: 1px solid rgba(50, 50, 50, 0.06);
    border-radius: 3px;
}

.gs-stat[b-yaloxl25b9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
}

.gs-stat-value[b-yaloxl25b9] {
    font-family: 'DM Serif Display', serif;
    font-size: 1.4rem;
    font-weight: 400;
    color: #323232;
    line-height: 1;
}

.gs-stat-value--teal[b-yaloxl25b9] {
    color: #00a69c;
}

.gs-stat-value--orange[b-yaloxl25b9] {
    color: #dd9142;
}

.gs-stat-label[b-yaloxl25b9] {
    font-family: 'Outfit', sans-serif;
    font-size: 0.72rem;
    font-weight: 600;
    color: #6b6560;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.gs-stat-divider[b-yaloxl25b9] {
    width: 1px;
    height: 32px;
    background: rgba(50, 50, 50, 0.1);
}


/* ─── PRICING NOTE ─── */

.gs-pricing-note[b-yaloxl25b9] {
    position: relative;
    padding: 1.5rem 1.5rem 1.5rem 2rem;
    background: #fafaf8;
    border-radius: 3px;
}

.gs-pricing-accent[b-yaloxl25b9] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(180deg, #dd9142, #00a69c);
    border-radius: 3px 0 0 3px;
}

.gs-pricing-note p[b-yaloxl25b9] {
    font-family: 'Outfit', sans-serif;
    font-size: 0.9rem;
    font-weight: 300;
    color: #6b6560;
    line-height: 1.75;
    margin: 0;
    font-style: italic;
}


/* ─── FORM CARD ─── */

.gs-form-card[b-yaloxl25b9] {
    background: #ffffff;
    border: 1px solid rgba(50, 50, 50, 0.08);
    border-radius: 3px;
    padding: 2.5rem;
    box-shadow: 0 8px 40px rgba(50, 50, 50, 0.06);
    position: relative;
}

.gs-form-card[b-yaloxl25b9]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #dd9142, #00a69c);
    border-radius: 3px 3px 0 0;
}

.gs-form-header[b-yaloxl25b9] {
    margin-bottom: 2rem;
}

.gs-form-title[b-yaloxl25b9] {
    font-family: 'DM Serif Display', serif;
    font-size: 1.5rem;
    font-weight: 400;
    color: #323232;
    margin: 0 0 0.5rem;
}

.gs-form-subtitle[b-yaloxl25b9] {
    font-family: 'Outfit', sans-serif;
    font-size: 0.88rem;
    font-weight: 300;
    color: #6b6560;
    margin: 0;
    line-height: 1.6;
}

[b-yaloxl25b9] .gs-field {
    margin-bottom: 1rem;
}

[b-yaloxl25b9] .gs-submit-btn {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.03em !important;
    padding: 0.85rem 2rem !important;
    font-size: 0.95rem !important;
    border-radius: 2px !important;
    box-shadow: 0 4px 24px rgba(221, 145, 66, 0.25) !important;
    transition: all 0.3s ease !important;
    margin-top: 0.5rem;
}

[b-yaloxl25b9] .gs-submit-btn:hover {
    box-shadow: 0 6px 32px rgba(221, 145, 66, 0.4) !important;
    transform: translateY(-1px);
}


/* ─── SUCCESS STATE ─── */

.gs-success-wrap[b-yaloxl25b9] {
    text-align: center;
    padding: 2rem 0;
}

.gs-success-icon[b-yaloxl25b9] {
    margin-bottom: 1.5rem;
}

[b-yaloxl25b9] .gs-success-alert {
    margin-bottom: 1.5rem;
    text-align: left;
}

[b-yaloxl25b9] .gs-back-link {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 500 !important;
    letter-spacing: 0.02em !important;
}


/* ─── ANIMATIONS ─── */

@keyframes fadeSlideUp-b-yaloxl25b9 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* ─── RESPONSIVE ─── */

@media (max-width: 959.98px) {
    .gs-hero[b-yaloxl25b9] {
        padding: 6rem 0 3rem;
    }

    .gs-hero-geometric--1[b-yaloxl25b9],
    .gs-hero-geometric--2[b-yaloxl25b9] {
        display: none;
    }

    .gs-content-section[b-yaloxl25b9] {
        padding: 3.5rem 0 4rem;
    }

    .gs-form-card[b-yaloxl25b9] {
        margin-top: 2rem;
    }

    .gs-product-cards[b-yaloxl25b9] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 599.98px) {
    .gs-hero[b-yaloxl25b9] {
        padding: 5rem 0 2.5rem;
    }

    .gs-content-section[b-yaloxl25b9] {
        padding: 2.5rem 0 3.5rem;
    }

    .gs-form-card[b-yaloxl25b9] {
        padding: 1.75rem;
    }

    .gs-pricing-note[b-yaloxl25b9] {
        padding: 1.25rem 1.25rem 1.25rem 1.75rem;
    }

    .gs-stats-row[b-yaloxl25b9] {
        gap: 1.25rem;
        padding: 1.5rem 1.25rem;
    }

    .gs-stat-value[b-yaloxl25b9] {
        font-size: 1.15rem;
    }

    .gs-product-card[b-yaloxl25b9] {
        padding: 1.5rem 1.25rem;
    }
}
/* /Components/Pages/Public/HowItWorks.razor.rz.scp.css */
/* ═══════════════════════════════════════════════
   ProEstimate How It Works — Industrial Refined
   Typography: DM Serif Display + Outfit
   ═══════════════════════════════════════════════ */

/* ─── PAGE HERO ─── */

.hiw-hero[b-hrxyfesx9n] {
    position: relative;
    background: #323232;
    padding: 7rem 0 4rem;
    overflow: hidden;
}

.hiw-hero-grain[b-hrxyfesx9n] {
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");
    pointer-events: none;
    z-index: 1;
}

[b-hrxyfesx9n] .hiw-hero-inner {
    position: relative;
    z-index: 2;
}

.page-label[b-hrxyfesx9n] {
    font-family: 'Outfit', sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #dd9142;
    display: block;
    margin-bottom: 1rem;
    animation: fadeSlideUp-b-hrxyfesx9n 0.6s ease-out;
}

.page-hero-title[b-hrxyfesx9n] {
    font-family: 'DM Serif Display', serif;
    font-size: clamp(2.2rem, 5vw, 3.8rem);
    font-weight: 400;
    color: #ffffff;
    line-height: 1.1;
    margin: 0;
    animation: fadeSlideUp-b-hrxyfesx9n 0.6s ease-out 0.1s both;
}

.page-hero-accent[b-hrxyfesx9n] {
    color: #dd9142;
    font-style: italic;
}

.page-hero-subtitle[b-hrxyfesx9n] {
    font-family: 'Outfit', sans-serif;
    font-size: clamp(1rem, 1.3vw, 1.15rem);
    font-weight: 300;
    color: rgba(255, 255, 255, 0.65);
    line-height: 1.7;
    max-width: 520px;
    margin: 1.5rem 0 0;
    animation: fadeSlideUp-b-hrxyfesx9n 0.6s ease-out 0.2s both;
}


/* ─── STEPS SECTION ─── */

.steps-section[b-hrxyfesx9n] {
    padding: 6rem 0;
    background: #fafaf8;
}

.step-card[b-hrxyfesx9n] {
    text-align: center;
    padding: 2.5rem 2rem;
    position: relative;
    height: 100%;
}

.step-number-wrap[b-hrxyfesx9n] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
}

.step-number[b-hrxyfesx9n] {
    font-family: 'DM Serif Display', serif;
    font-size: 3.5rem;
    font-weight: 400;
    color: rgba(50, 50, 50, 0.15);
    line-height: 1;
    position: relative;
    z-index: 2;
}

.step-connector[b-hrxyfesx9n] {
    position: absolute;
    top: 50%;
    right: -2rem;
    width: calc(4rem);
    height: 2px;
    background: linear-gradient(90deg, rgba(221, 145, 66, 0.2), rgba(0, 166, 156, 0.2));
    z-index: 1;
}

.step-card--last .step-connector[b-hrxyfesx9n] {
    display: none;
}

.step-icon-wrap[b-hrxyfesx9n] {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    margin: 0 auto 1.5rem;
    transition: transform 0.3s ease;
}

.step-card:hover .step-icon-wrap[b-hrxyfesx9n] {
    transform: scale(1.08);
}

.step-icon-wrap--orange[b-hrxyfesx9n] {
    background: rgba(221, 145, 66, 0.08);
    color: #dd9142;
}

.step-icon-wrap--teal[b-hrxyfesx9n] {
    background: rgba(0, 166, 156, 0.08);
    color: #00a69c;
}

.step-title[b-hrxyfesx9n] {
    font-family: 'DM Serif Display', serif;
    font-size: 1.25rem;
    font-weight: 400;
    color: #323232;
    margin: 0 0 0.75rem;
    line-height: 1.3;
}

.step-desc[b-hrxyfesx9n] {
    font-family: 'Outfit', sans-serif;
    font-size: 0.9rem;
    font-weight: 400;
    color: #6b6560;
    line-height: 1.75;
    margin: 0;
}


/* ─── DETAILS SECTION (Need / Receive) ─── */

.details-section[b-hrxyfesx9n] {
    padding: 5rem 0 6rem;
    background: #ffffff;
}

.detail-panel[b-hrxyfesx9n] {
    border: 1px solid rgba(50, 50, 50, 0.06);
    border-radius: 3px;
    padding: 2.5rem;
    height: 100%;
    transition: all 0.35s ease;
}

.detail-panel:hover[b-hrxyfesx9n] {
    box-shadow: 0 8px 40px rgba(50, 50, 50, 0.06);
}

.detail-panel--need[b-hrxyfesx9n] {
    background: #fafaf8;
}

.detail-panel--receive[b-hrxyfesx9n] {
    background: linear-gradient(135deg, rgba(221, 145, 66, 0.02), rgba(221, 145, 66, 0.06));
    border-color: rgba(221, 145, 66, 0.1);
}

.detail-panel-header[b-hrxyfesx9n] {
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid rgba(50, 50, 50, 0.06);
}

.detail-label[b-hrxyfesx9n] {
    font-family: 'Outfit', sans-serif;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #00a69c;
    display: block;
    margin-bottom: 0.5rem;
}

.detail-label--orange[b-hrxyfesx9n] {
    color: #dd9142;
}

.detail-title[b-hrxyfesx9n] {
    font-family: 'DM Serif Display', serif;
    font-size: 1.5rem;
    font-weight: 400;
    color: #323232;
    margin: 0;
    line-height: 1.3;
}

.detail-list[b-hrxyfesx9n] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.detail-item[b-hrxyfesx9n] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.detail-item-icon[b-hrxyfesx9n] {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    flex-shrink: 0;
}

.detail-item-icon--teal[b-hrxyfesx9n] {
    background: rgba(0, 166, 156, 0.08);
    color: #00a69c;
}

.detail-item-icon--orange[b-hrxyfesx9n] {
    background: rgba(221, 145, 66, 0.08);
    color: #dd9142;
}

.detail-item-text[b-hrxyfesx9n] {
    font-family: 'Outfit', sans-serif;
    font-size: 0.9rem;
    font-weight: 400;
    color: #4a4540;
    line-height: 1.6;
    padding-top: 0.5rem;
}


/* ─── HIW BOTTOM CTA ─── */

.hiw-cta-section[b-hrxyfesx9n] {
    position: relative;
    padding: 6rem 0;
    background: linear-gradient(135deg, #dd9142 0%, #c67d30 100%);
    overflow: hidden;
}

.hiw-cta-geometric[b-hrxyfesx9n] {
    position: absolute;
    border: 2px solid rgba(255, 255, 255, 0.1);
    pointer-events: none;
}

.hiw-cta-geometric--1[b-hrxyfesx9n] {
    width: 280px;
    height: 280px;
    top: -80px;
    right: -40px;
    transform: rotate(18deg);
}

.hiw-cta-geometric--2[b-hrxyfesx9n] {
    width: 180px;
    height: 180px;
    bottom: -50px;
    left: -25px;
    transform: rotate(-10deg);
}

.hiw-cta-geometric--3[b-hrxyfesx9n] {
    width: 120px;
    height: 120px;
    bottom: 20%;
    left: 10%;
    transform: rotate(30deg);
    border-color: rgba(0, 166, 156, 0.15);
}

.hiw-cta-eyebrow[b-hrxyfesx9n] {
    font-family: 'Outfit', sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
    display: block;
    margin-bottom: 1rem;
}

.hiw-cta-title[b-hrxyfesx9n] {
    font-family: 'DM Serif Display', serif;
    font-size: clamp(2rem, 4vw, 2.8rem);
    font-weight: 400;
    color: #ffffff;
    margin: 0 0 1.25rem;
    line-height: 1.2;
}

.hiw-cta-body[b-hrxyfesx9n] {
    font-family: 'Outfit', sans-serif;
    font-size: 1.05rem;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.75;
    max-width: 560px;
    margin: 0 auto 2.5rem;
}

[b-hrxyfesx9n] .hiw-cta-button {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.03em !important;
    padding: 0.85rem 2.5rem !important;
    font-size: 1rem !important;
    background: #323232 !important;
    color: #ffffff !important;
    border-radius: 2px !important;
    box-shadow: 0 4px 20px rgba(50, 50, 50, 0.4) !important;
    transition: all 0.3s ease !important;
}

[b-hrxyfesx9n] .hiw-cta-button:hover {
    background: #1a1a1a !important;
    box-shadow: 0 6px 28px rgba(50, 50, 50, 0.55) !important;
    transform: translateY(-2px);
}


/* ─── ANIMATIONS ─── */

@keyframes fadeSlideUp-b-hrxyfesx9n {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* ─── RESPONSIVE ─── */

@media (max-width: 959.98px) {
    .hiw-hero[b-hrxyfesx9n] {
        padding: 6rem 0 3rem;
    }

    .step-connector[b-hrxyfesx9n] {
        display: none;
    }
}

@media (max-width: 599.98px) {
    .hiw-hero[b-hrxyfesx9n] {
        padding: 5rem 0 2.5rem;
    }

    .steps-section[b-hrxyfesx9n] {
        padding: 4rem 0;
    }

    .step-card[b-hrxyfesx9n] {
        padding: 1.5rem 1rem;
    }

    .details-section[b-hrxyfesx9n] {
        padding: 3.5rem 0 4rem;
    }

    .detail-panel[b-hrxyfesx9n] {
        padding: 1.75rem;
    }

    .hiw-cta-section[b-hrxyfesx9n] {
        padding: 4rem 0;
    }

    .hiw-cta-geometric--1[b-hrxyfesx9n],
    .hiw-cta-geometric--2[b-hrxyfesx9n] {
        display: none;
    }
}
/* /Components/Pages/Public/Index.razor.rz.scp.css */
/* ═══════════════════════════════════════════════
   ProEstimate Home — Industrial Refined Aesthetic
   Typography: DM Serif Display + Outfit
   ═══════════════════════════════════════════════ */

/* ─── HERO SECTION ─── */

.hero-section[b-hpddlx14rr] {
    position: relative;
    background: #323232;
    padding: calc(64px + 3rem) 0 5rem;
    overflow: hidden;
    min-height: auto;
    margin-top: -64px;
    display: flex;
    align-items: center;
}

.hero-grain[b-hpddlx14rr] {
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");
    pointer-events: none;
    z-index: 1;
}

.hero-geometric[b-hpddlx14rr] {
    position: absolute;
    border: 1px solid rgba(221, 145, 66, 0.12);
    border-radius: 0;
    pointer-events: none;
    z-index: 1;
}

.hero-geometric--1[b-hpddlx14rr] {
    width: 400px;
    height: 400px;
    top: -80px;
    right: -60px;
    transform: rotate(15deg);
}

.hero-geometric--2[b-hpddlx14rr] {
    width: 250px;
    height: 250px;
    bottom: -40px;
    left: -30px;
    transform: rotate(-8deg);
    border-color: rgba(0, 166, 156, 0.1);
}

[b-hpddlx14rr] .hero-container {
    position: relative;
    z-index: 2;
}

.hero-badge[b-hpddlx14rr] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(0, 166, 156, 0.08);
    border: 1px solid rgba(0, 166, 156, 0.25);
    padding: 0.4rem 1rem;
    border-radius: 2px;
    margin-bottom: 2.5rem;
    animation: fadeSlideUp-b-hpddlx14rr 0.8s ease-out;
}

.hero-badge span[b-hpddlx14rr] {
    font-family: 'Outfit', sans-serif;
    font-size: 0.8rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.75);
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.hero-tagline[b-hpddlx14rr] {
    font-family: 'DM Serif Display', serif;
    font-size: clamp(2.5rem, 5.5vw, 4.5rem);
    font-weight: 400;
    color: #ffffff;
    line-height: 1.1;
    margin: 0 0 2rem;
    max-width: 720px;
    outline: none;
    animation: fadeSlideUp-b-hpddlx14rr 0.8s ease-out 0.1s both;
}

.hero-tagline-accent[b-hpddlx14rr] {
    color: #dd9142;
    font-style: italic;
}

.hero-subtitle[b-hpddlx14rr] {
    font-family: 'Outfit', sans-serif;
    font-size: clamp(1.05rem, 1.4vw, 1.2rem);
    font-weight: 300;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.75;
    max-width: 620px;
    margin: 0 0 1.25rem;
    animation: fadeSlideUp-b-hpddlx14rr 0.8s ease-out 0.2s both;
}

.hero-supporting[b-hpddlx14rr] {
    font-family: 'Outfit', sans-serif;
    font-size: 0.95rem;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.75;
    max-width: 580px;
    margin: 0 0 2.5rem;
    animation: fadeSlideUp-b-hpddlx14rr 0.8s ease-out 0.3s both;
}

.hero-cta-group[b-hpddlx14rr] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    animation: fadeSlideUp-b-hpddlx14rr 0.8s ease-out 0.4s both;
}

[b-hpddlx14rr] .hero-cta-primary {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0.03em !important;
    padding: 0.75rem 2rem !important;
    font-size: 0.95rem !important;
    border-radius: 2px !important;
    background: rgba(255, 255, 255, 0.85) !important;
    color: #323232 !important;
    box-shadow: 0 4px 24px rgba(255, 255, 255, 0.2) !important;
    transition: all 0.3s ease !important;
}

[b-hpddlx14rr] .hero-cta-primary:hover {
    box-shadow: 0 6px 32px rgba(255, 255, 255, 0.3) !important;
    transform: translateY(-1px);
}

[b-hpddlx14rr] .hero-cta-secondary {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0.03em !important;
    padding: 0.75rem 2rem !important;
    font-size: 0.95rem !important;
    border-radius: 2px !important;
    background: rgba(255, 255, 255, 0.85) !important;
    color: #323232 !important;
    transition: all 0.3s ease !important;
}

[b-hpddlx14rr] .hero-cta-secondary:hover {
    background: rgba(255, 255, 255, 0.95) !important;
    transform: translateY(-1px);
}


/* ─── BENEFITS SECTION ─── */

.benefits-section[b-hpddlx14rr] {
    padding: 6rem 0;
    background: #fafaf8;
    position: relative;
}

.section-header[b-hpddlx14rr] {
    text-align: center;
    margin-bottom: 3.5rem;
}

.section-label[b-hpddlx14rr] {
    font-family: 'Outfit', sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #dd9142;
    display: block;
    margin-bottom: 0.75rem;
}

.section-label--light[b-hpddlx14rr] {
    color: rgba(255, 255, 255, 0.6);
}

.section-title[b-hpddlx14rr] {
    font-family: 'DM Serif Display', serif;
    font-size: clamp(1.8rem, 3.5vw, 2.6rem);
    font-weight: 400;
    color: #323232;
    margin: 0 0 1rem;
    line-height: 1.2;
}

.section-divider[b-hpddlx14rr] {
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #dd9142, #00a69c);
    margin: 0 auto;
    border-radius: 2px;
}

.benefit-card[b-hpddlx14rr] {
    background: #ffffff;
    border: 1px solid rgba(50, 50, 50, 0.06);
    padding: 2rem;
    height: 100%;
    border-radius: 3px;
    transition: all 0.35s ease;
    position: relative;
}

.benefit-card[b-hpddlx14rr]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: transparent;
    transition: background 0.35s ease;
    border-radius: 3px 3px 0 0;
}

.benefit-card:hover[b-hpddlx14rr] {
    border-color: rgba(50, 50, 50, 0.12);
    box-shadow: 0 8px 40px rgba(50, 50, 50, 0.08);
    transform: translateY(-4px);
}

.benefit-card:hover[b-hpddlx14rr]::before {
    background: linear-gradient(90deg, #dd9142, #00a69c);
}

.benefit-icon-wrap[b-hpddlx14rr] {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    margin-bottom: 1.25rem;
}

.benefit-icon-wrap--orange[b-hpddlx14rr] {
    background: rgba(221, 145, 66, 0.08);
    color: #dd9142;
}

.benefit-icon-wrap--teal[b-hpddlx14rr] {
    background: rgba(0, 166, 156, 0.08);
    color: #00a69c;
}

.benefit-title[b-hpddlx14rr] {
    font-family: 'DM Serif Display', serif;
    font-size: 1.15rem;
    font-weight: 400;
    color: #323232;
    margin: 0 0 0.6rem;
    line-height: 1.3;
}

.benefit-desc[b-hpddlx14rr] {
    font-family: 'Outfit', sans-serif;
    font-size: 0.88rem;
    font-weight: 400;
    color: #6b6560;
    line-height: 1.7;
    margin: 0;
}


/* ─── CHALLENGE + STATS SECTION ─── */

.challenge-section[b-hpddlx14rr] {
    position: relative;
    padding: 6rem 0;
    background: linear-gradient(135deg, #323232 0%, #3e3e3e 50%, #323232 100%);
    overflow: hidden;
}

.challenge-pattern[b-hpddlx14rr] {
    position: absolute;
    inset: 0;
    opacity: 0.03;
    background-image:
        repeating-linear-gradient(0deg, transparent, transparent 50px, rgba(255,255,255,0.5) 50px, rgba(255,255,255,0.5) 51px),
        repeating-linear-gradient(90deg, transparent, transparent 50px, rgba(255,255,255,0.5) 50px, rgba(255,255,255,0.5) 51px);
    pointer-events: none;
}

.challenge-title[b-hpddlx14rr] {
    font-family: 'DM Serif Display', serif;
    font-size: clamp(1.8rem, 3vw, 2.4rem);
    font-weight: 400;
    color: #ffffff;
    margin: 0.75rem 0 1.5rem;
    line-height: 1.2;
}

.challenge-body[b-hpddlx14rr] {
    font-family: 'Outfit', sans-serif;
    font-size: 0.95rem;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.8;
    margin: 0 0 1rem;
}

.stats-block[b-hpddlx14rr] {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 3px;
    padding: 2.5rem;
}

.stat-item[b-hpddlx14rr] {
    text-align: center;
}

.stat-number[b-hpddlx14rr] {
    font-family: 'DM Serif Display', serif;
    font-size: clamp(3.5rem, 6vw, 5rem);
    font-weight: 400;
    color: #dd9142;
    line-height: 1;
    display: block;
}

.stat-number--teal[b-hpddlx14rr] {
    color: #00a69c;
}

.stat-symbol[b-hpddlx14rr] {
    font-size: 0.5em;
    vertical-align: super;
    color: rgba(221, 145, 66, 0.7);
}

.stat-symbol--teal[b-hpddlx14rr] {
    color: rgba(0, 166, 156, 0.7);
}

.stat-label[b-hpddlx14rr] {
    font-family: 'Outfit', sans-serif;
    font-size: 0.85rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.6);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    display: block;
    margin-top: 0.5rem;
}

.stat-bar[b-hpddlx14rr] {
    width: 100%;
    height: 4px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 2px;
    margin-top: 1rem;
    overflow: hidden;
}

.stat-bar-fill[b-hpddlx14rr] {
    height: 100%;
    background: linear-gradient(90deg, #dd9142, #e8a860);
    border-radius: 2px;
    transition: width 1.6s cubic-bezier(0.22, 1, 0.36, 1);
    box-shadow: 0 0 8px rgba(221, 145, 66, 0.4);
}

.stat-bar-fill--teal[b-hpddlx14rr] {
    background: linear-gradient(90deg, #00a69c, #33c4bb);
    box-shadow: 0 0 8px rgba(0, 166, 156, 0.4);
}

.stat-divider[b-hpddlx14rr] {
    width: 40px;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin: 2rem auto;
}


/* ─── CTA SECTION ─── */

.cta-section[b-hpddlx14rr] {
    position: relative;
    padding: 6rem 0;
    background: linear-gradient(135deg, #dd9142 0%, #00A69C 100%);
    overflow: hidden;
    text-align: center;
}

.cta-geometric[b-hpddlx14rr] {
    position: absolute;
    border: 2px solid rgba(255, 255, 255, 0.1);
    pointer-events: none;
}

.cta-geometric--1[b-hpddlx14rr] {
    width: 300px;
    height: 300px;
    top: -100px;
    right: -50px;
    transform: rotate(20deg);
    border-radius: 0;
}

.cta-geometric--2[b-hpddlx14rr] {
    width: 200px;
    height: 200px;
    bottom: -60px;
    left: -30px;
    transform: rotate(-12deg);
    border-radius: 0;
}

.cta-geometric--3[b-hpddlx14rr] {
    width: 140px;
    height: 140px;
    top: 50%;
    left: 8%;
    transform: translateY(-50%) rotate(25deg);
    border-color: rgba(0, 166, 156, 0.15);
}

[b-hpddlx14rr] .cta-container {
    position: relative;
    z-index: 2;
}

.cta-eyebrow[b-hpddlx14rr] {
    font-family: 'Outfit', sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
    display: block;
    margin-bottom: 1rem;
}

.cta-title[b-hpddlx14rr] {
    font-family: 'DM Serif Display', serif;
    font-size: clamp(2rem, 4vw, 2.8rem);
    font-weight: 400;
    color: #ffffff;
    margin: 0 0 1.25rem;
    line-height: 1.2;
}

.cta-body[b-hpddlx14rr] {
    font-family: 'Outfit', sans-serif;
    font-size: 1.05rem;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.75;
    max-width: 600px;
    margin: 0 auto 2.5rem;
}

[b-hpddlx14rr] .cta-button {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.03em !important;
    padding: 0.85rem 2.5rem !important;
    font-size: 1rem !important;
    background: #323232 !important;
    color: #ffffff !important;
    border-radius: 2px !important;
    box-shadow: 0 4px 20px rgba(50, 50, 50, 0.4) !important;
    transition: all 0.3s ease !important;
}

[b-hpddlx14rr] .cta-button:hover {
    background: #1a1a1a !important;
    box-shadow: 0 6px 28px rgba(50, 50, 50, 0.55) !important;
    transform: translateY(-2px);
}


/* ─── ANIMATIONS ─── */

@keyframes fadeSlideUp-b-hpddlx14rr {
    from {
        opacity: 0;
        transform: translateY(24px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}



/* ─── RESPONSIVE ─── */

@media (max-width: 959.98px) {
    .hero-section[b-hpddlx14rr] {
        padding: 6rem 0 4rem;
        min-height: auto;
    }

    .hero-tagline[b-hpddlx14rr] {
        max-width: 100%;
    }

    .stats-block[b-hpddlx14rr] {
        margin-top: 2rem;
    }

    .hero-geometric--1[b-hpddlx14rr],
    .hero-geometric--2[b-hpddlx14rr] {
        display: none;
    }
}

@media (max-width: 599.98px) {
    .hero-section[b-hpddlx14rr] {
        padding: 5rem 0 3.5rem;
    }

    .hero-cta-group[b-hpddlx14rr] {
        flex-direction: column;
    }

    .benefit-card[b-hpddlx14rr] {
        padding: 1.5rem;
    }

    .challenge-section[b-hpddlx14rr] {
        padding: 4rem 0;
    }

    .cta-section[b-hpddlx14rr] {
        padding: 4rem 0;
    }

    .stats-block[b-hpddlx14rr] {
        padding: 2rem 1.5rem;
    }

    .cta-geometric--1[b-hpddlx14rr],
    .cta-geometric--2[b-hpddlx14rr] {
        display: none;
    }
}
/* /Components/Pages/Public/ProAudit.razor.rz.scp.css */
/* ═══════════════════════ HERO ═══════════════════════ */
.pa-hero[b-ch4fh6go2r] {
    position: relative;
    background: #323232;
    padding: clamp(7rem, 12vw, 10rem) 0 clamp(4rem, 8vw, 6rem);
    overflow: hidden;
    color: #fff;
    font-family: 'Outfit', sans-serif;
}

.pa-hero__grain[b-ch4fh6go2r] {
    position: absolute;
    inset: 0;
    opacity: 0.03;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
    pointer-events: none;
}

.pa-hero__geo[b-ch4fh6go2r] {
    position: absolute;
    width: 340px;
    height: 340px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 3px;
    transform: rotate(45deg);
    pointer-events: none;
}

.pa-hero__geo--1[b-ch4fh6go2r] {
    top: -80px;
    right: -60px;
}

.pa-hero__geo--2[b-ch4fh6go2r] {
    bottom: -120px;
    left: -100px;
    width: 260px;
    height: 260px;
}

[b-ch4fh6go2r] .pa-hero__container {
    position: relative;
    z-index: 1;
}

.pa-hero__badge[b-ch4fh6go2r] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    border-radius: 50px;
    background: rgba(0, 166, 156, 0.15);
    border: 1px solid rgba(0, 166, 156, 0.3);
    color: #00a69c;
    font-size: 0.8rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    margin-bottom: 1.5rem;
    animation: fadeSlideUp-b-ch4fh6go2r 0.8s ease-out both;
}

.pa-hero__title[b-ch4fh6go2r] {
    font-family: 'DM Serif Display', serif;
    font-size: clamp(2.5rem, 5.5vw, 4.2rem);
    font-weight: 400;
    line-height: 1.1;
    margin: 0 0 1.5rem;
    animation: fadeSlideUp-b-ch4fh6go2r 0.8s ease-out 0.1s both;
}

.pa-hero__title-accent[b-ch4fh6go2r] {
    font-style: italic;
    color: #dd9142;
}

.pa-hero__subtitle[b-ch4fh6go2r] {
    font-size: clamp(1rem, 1.8vw, 1.15rem);
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.7;
    max-width: 520px;
    margin-bottom: 2rem;
    animation: fadeSlideUp-b-ch4fh6go2r 0.8s ease-out 0.2s both;
}

.pa-hero__ctas[b-ch4fh6go2r] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    animation: fadeSlideUp-b-ch4fh6go2r 0.8s ease-out 0.3s both;
}

[b-ch4fh6go2r] .pa-hero__cta-primary {
    background: #dd9142 !important;
    color: #fff !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    padding: 10px 28px !important;
    border-radius: 3px !important;
    box-shadow: 0 4px 16px rgba(221, 145, 66, 0.3) !important;
    transition: all 0.3s ease !important;
}

[b-ch4fh6go2r] .pa-hero__cta-primary:hover {
    background: #c47d32 !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(221, 145, 66, 0.4) !important;
}

[b-ch4fh6go2r] .pa-hero__cta-secondary {
    color: rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    padding: 10px 28px !important;
    border-radius: 3px !important;
    transition: all 0.3s ease !important;
}

[b-ch4fh6go2r] .pa-hero__cta-secondary:hover {
    border-color: rgba(255, 255, 255, 0.6) !important;
    background: rgba(255, 255, 255, 0.08) !important;
}

/* ── Hero Preview Card ── */
.pa-hero__preview[b-ch4fh6go2r] {
    animation: fadeSlideUp-b-ch4fh6go2r 0.8s ease-out 0.4s both;
    perspective: 1000px;
}

.pa-preview-card[b-ch4fh6go2r] {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4), 0 0 40px rgba(221, 145, 66, 0.1);
    transform: rotateY(-5deg) rotateX(2deg);
    overflow: hidden;
    color: #323232;
    font-family: 'Outfit', sans-serif;
}

.pa-preview-card__header[b-ch4fh6go2r] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 20px 24px;
    border-bottom: 1px solid #eee;
}

.pa-preview-card__score-ring[b-ch4fh6go2r] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: conic-gradient(#00a69c 0% 87%, #e8e8e8 87% 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.pa-preview-card__score-ring[b-ch4fh6go2r]::before {
    content: '';
    position: absolute;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #fff;
}

.pa-preview-card__score-value[b-ch4fh6go2r] {
    position: relative;
    z-index: 1;
    font-family: 'DM Serif Display', serif;
    font-size: 1.1rem;
    color: #00a69c;
}

.pa-preview-card__header-text[b-ch4fh6go2r] {
    display: flex;
    flex-direction: column;
}

.pa-preview-card__header-title[b-ch4fh6go2r] {
    font-weight: 600;
    font-size: 1rem;
}

.pa-preview-card__header-sub[b-ch4fh6go2r] {
    font-size: 0.8rem;
    color: #6b6560;
}

.pa-preview-card__findings[b-ch4fh6go2r] {
    padding: 8px 24px;
}

.pa-preview-finding[b-ch4fh6go2r] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: 0.85rem;
}

.pa-preview-finding:last-child[b-ch4fh6go2r] {
    border-bottom: none;
}

.pa-preview-finding__pill[b-ch4fh6go2r] {
    padding: 2px 10px;
    border-radius: 12px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    white-space: nowrap;
}

.pa-preview-finding--adas .pa-preview-finding__pill[b-ch4fh6go2r] {
    background: #e8f5e9;
    color: #2e7d32;
}

.pa-preview-finding--high .pa-preview-finding__pill[b-ch4fh6go2r] {
    background: #fce4ec;
    color: #c62828;
}

.pa-preview-finding--moderate .pa-preview-finding__pill[b-ch4fh6go2r] {
    background: #fff3e0;
    color: #e65100;
}

.pa-preview-finding__text[b-ch4fh6go2r] {
    flex: 1;
    color: #323232;
}

.pa-preview-finding__rev[b-ch4fh6go2r] {
    font-weight: 600;
    color: #00a69c;
    white-space: nowrap;
}

.pa-preview-card__footer[b-ch4fh6go2r] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 24px;
    background: #fafaf8;
    font-size: 0.9rem;
    color: #6b6560;
}

.pa-preview-card__total[b-ch4fh6go2r] {
    font-family: 'DM Serif Display', serif;
    font-size: 1.3rem;
    color: #00a69c;
    font-weight: 400;
}

@keyframes fadeSlideUp-b-ch4fh6go2r {
    from {
        opacity: 0;
        transform: translateY(24px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 959.98px) {
    .pa-hero[b-ch4fh6go2r] {
        padding: clamp(6rem, 10vw, 8rem) 0 clamp(3rem, 6vw, 4rem);
    }

    .pa-hero__geo[b-ch4fh6go2r] {
        display: none;
    }
}

@media (max-width: 599.98px) {
    .pa-hero[b-ch4fh6go2r] {
        padding: 6rem 0 3rem;
    }
}

/* ═══════════════════════ STATS BAR ═══════════════════════ */
.pa-stats[b-ch4fh6go2r] {
    background: #fafaf8;
    padding: 3.5rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.pa-stats__grid[b-ch4fh6go2r] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
    text-align: center;
}

.pa-stats__item[b-ch4fh6go2r] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pa-stats__number[b-ch4fh6go2r] {
    font-family: 'DM Serif Display', serif;
    font-size: clamp(2rem, 4vw, 3rem);
    color: #323232;
    line-height: 1;
    margin-bottom: 0.5rem;
}

.pa-stats__label[b-ch4fh6go2r] {
    font-family: 'Outfit', sans-serif;
    font-size: 0.85rem;
    color: #6b6560;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

@media (max-width: 599.98px) {
    .pa-stats__grid[b-ch4fh6go2r] {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem 1rem;
    }
}

/* ═══════════════════════ SECTION HEADER (reusable) ═══════════════════════ */
.pa-section-label[b-ch4fh6go2r] {
    display: block;
    font-family: 'Outfit', sans-serif;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #dd9142;
    margin-bottom: 0.75rem;
}

.pa-section-title[b-ch4fh6go2r] {
    font-family: 'DM Serif Display', serif;
    font-size: clamp(1.8rem, 3.5vw, 2.6rem);
    font-weight: 400;
    color: #323232;
    margin: 0 0 1rem;
}

.pa-section-title--light[b-ch4fh6go2r] {
    color: #fff;
}

.pa-section-divider[b-ch4fh6go2r] {
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #dd9142, #00a69c);
    border-radius: 2px;
    margin-bottom: 3rem;
}

.pa-section-divider--center[b-ch4fh6go2r] {
    margin-left: auto;
    margin-right: auto;
}

.section-header[b-ch4fh6go2r] {
    text-align: center;
    margin-bottom: 3rem;
}

.section-header .pa-section-divider[b-ch4fh6go2r] {
    margin-left: auto;
    margin-right: auto;
}

/* ═══════════════════════ DEMO FLOW ═══════════════════════ */
.pa-demo[b-ch4fh6go2r] {
    background: #fff;
    padding: clamp(4rem, 8vw, 6rem) 0;
    font-family: 'Outfit', sans-serif;
}

.pa-demo__steps[b-ch4fh6go2r] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5rem;
}

.pa-demo__connector[b-ch4fh6go2r] {
    position: absolute;
    top: 28px;
    left: 16.67%;
    right: 16.67%;
    height: 2px;
    background: linear-gradient(90deg, #00a69c, #dd9142, #00a69c);
    opacity: 0.3;
}

.pa-demo__step[b-ch4fh6go2r] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
}

.pa-demo__badge[b-ch4fh6go2r] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'DM Serif Display', serif;
    font-size: 1.1rem;
    color: #fff;
    margin-bottom: 1.5rem;
    position: relative;
    z-index: 1;
}

.pa-demo__badge--teal[b-ch4fh6go2r] {
    background: #00a69c;
}

.pa-demo__badge--orange[b-ch4fh6go2r] {
    background: #dd9142;
}

.pa-demo__content[b-ch4fh6go2r] {
    margin-bottom: 1.5rem;
}

.pa-demo__icon-wrap[b-ch4fh6go2r] {
    width: 52px;
    height: 52px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
}

.pa-demo__icon-wrap--teal[b-ch4fh6go2r] {
    background: rgba(0, 166, 156, 0.1);
    color: #00a69c;
}

.pa-demo__icon-wrap--orange[b-ch4fh6go2r] {
    background: rgba(221, 145, 66, 0.1);
    color: #dd9142;
}

.pa-demo__step-title[b-ch4fh6go2r] {
    font-family: 'Outfit', sans-serif;
    font-size: 1.15rem;
    font-weight: 600;
    color: #323232;
    margin: 0 0 0.5rem;
}

.pa-demo__step-desc[b-ch4fh6go2r] {
    font-size: 0.9rem;
    color: #6b6560;
    line-height: 1.6;
    max-width: 280px;
    margin: 0 auto;
}

/* ── Upload Preview ── */
.pa-demo-upload[b-ch4fh6go2r] {
    border: 2px dashed rgba(0, 166, 156, 0.3);
    border-radius: 8px;
    padding: 1.5rem;
    background: rgba(0, 166, 156, 0.03);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.pa-demo-upload__text[b-ch4fh6go2r] {
    font-size: 0.85rem;
    color: #323232;
    font-weight: 500;
}

.pa-demo-upload__hint[b-ch4fh6go2r] {
    font-size: 0.75rem;
    color: #6b6560;
}

/* ── Scan Preview ── */
.pa-demo-scan[b-ch4fh6go2r] {
    background: #323232;
    border-radius: 8px;
    padding: 1.5rem;
    position: relative;
    overflow: hidden;
}

.pa-demo-scan__bar[b-ch4fh6go2r] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #00a69c, transparent);
    animation: scanBar-b-ch4fh6go2r 2s ease-in-out infinite;
}

.pa-demo-scan__lines[b-ch4fh6go2r] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 1rem;
}

.pa-demo-scan__line[b-ch4fh6go2r] {
    height: 8px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.08);
}

.pa-demo-scan__line--1[b-ch4fh6go2r] { width: 90%; }
.pa-demo-scan__line--2[b-ch4fh6go2r] { width: 75%; }
.pa-demo-scan__line--3[b-ch4fh6go2r] { width: 85%; }
.pa-demo-scan__line--4[b-ch4fh6go2r] { width: 60%; }

.pa-demo-scan__label[b-ch4fh6go2r] {
    font-size: 0.75rem;
    color: #00a69c;
}

@keyframes scanBar-b-ch4fh6go2r {
    0%, 100% { transform: translateX(-100%); }
    50% { transform: translateX(100%); }
}

/* ── Triage Preview ── */
.pa-demo-triage[b-ch4fh6go2r] {
    display: flex;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #eee;
}

.pa-demo-triage__item[b-ch4fh6go2r] {
    flex: 1;
    padding: 1rem 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.pa-demo-triage__item--action[b-ch4fh6go2r] {
    background: rgba(198, 40, 40, 0.06);
}

.pa-demo-triage__item--review[b-ch4fh6go2r] {
    background: rgba(230, 81, 0, 0.06);
}

.pa-demo-triage__item--clean[b-ch4fh6go2r] {
    background: rgba(46, 125, 50, 0.06);
}

.pa-demo-triage__count[b-ch4fh6go2r] {
    font-family: 'DM Serif Display', serif;
    font-size: 1.5rem;
}

.pa-demo-triage__item--action .pa-demo-triage__count[b-ch4fh6go2r] { color: #c62828; }
.pa-demo-triage__item--review .pa-demo-triage__count[b-ch4fh6go2r] { color: #e65100; }
.pa-demo-triage__item--clean .pa-demo-triage__count[b-ch4fh6go2r] { color: #2e7d32; }

.pa-demo-triage__text[b-ch4fh6go2r] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #6b6560;
}

@media (max-width: 959.98px) {
    .pa-demo__steps[b-ch4fh6go2r] {
        grid-template-columns: 1fr;
        max-width: 400px;
        margin: 0 auto;
    }

    .pa-demo__connector[b-ch4fh6go2r] {
        display: none;
    }
}

/* ═══════════════════════ TABBED FEATURES ═══════════════════════ */
.pa-features[b-ch4fh6go2r] {
    position: relative;
    background: #323232;
    padding: clamp(4rem, 8vw, 6rem) 0;
    color: #fff;
    font-family: 'Outfit', sans-serif;
    overflow: hidden;
}

.pa-features__pattern[b-ch4fh6go2r] {
    position: absolute;
    inset: 0;
    opacity: 0.03;
    background-image:
        linear-gradient(rgba(255,255,255,0.1) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.1) 1px, transparent 1px);
    background-size: 40px 40px;
    pointer-events: none;
}

.pa-tabs[b-ch4fh6go2r] {
    position: relative;
    z-index: 1;
}

.pa-tabs__bar[b-ch4fh6go2r] {
    display: flex;
    gap: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 3rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.pa-tabs__btn[b-ch4fh6go2r] {
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.5);
    font-family: 'Outfit', sans-serif;
    font-size: 0.95rem;
    font-weight: 500;
    padding: 1rem 1.5rem;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.pa-tabs__btn:hover[b-ch4fh6go2r] {
    color: rgba(255, 255, 255, 0.8);
}

.pa-tabs__btn.tab-active[b-ch4fh6go2r] {
    color: #dd9142;
    border-bottom-color: #dd9142;
}

.pa-tabs__panels[b-ch4fh6go2r] {
    display: grid;
}

.pa-tabs__panel[b-ch4fh6go2r] {
    grid-area: 1 / 1;
    opacity: 0;
    position: relative;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.pa-tabs__panel.tab-panel-active[b-ch4fh6go2r] {
    opacity: 1;
    pointer-events: auto;
    z-index: 1;
}

.pa-tabs__panel-inner[b-ch4fh6go2r] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: center;
}

.pa-tabs__panel-title[b-ch4fh6go2r] {
    font-family: 'DM Serif Display', serif;
    font-size: clamp(1.4rem, 2.5vw, 1.8rem);
    font-weight: 400;
    margin: 0 0 1.5rem;
    color: #fff;
}

.pa-tabs__list[b-ch4fh6go2r] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.pa-tabs__list li[b-ch4fh6go2r] {
    position: relative;
    padding-left: 1.5rem;
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.6;
}

.pa-tabs__list li[b-ch4fh6go2r]::before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #00a69c;
}

.pa-tabs__visual[b-ch4fh6go2r] {
    display: flex;
    justify-content: center;
}

/* ── Tab Finding Cards ── */
.pa-tab-preview[b-ch4fh6go2r] {
    width: 100%;
    max-width: 360px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

.pa-tab-finding[b-ch4fh6go2r] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    font-size: 0.85rem;
}

.pa-tab-finding:last-of-type[b-ch4fh6go2r] {
    border-bottom: none;
}

.pa-tab-finding__pill[b-ch4fh6go2r] {
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 0.65rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    white-space: nowrap;
}

.pa-tab-finding__name[b-ch4fh6go2r] {
    flex: 1;
    color: rgba(255, 255, 255, 0.85);
}

.pa-tab-finding__amount[b-ch4fh6go2r] {
    font-weight: 600;
    color: #00a69c;
}

.pa-tab-preview__total[b-ch4fh6go2r] {
    display: flex;
    justify-content: space-between;
    padding: 14px 16px;
    background: rgba(0, 166, 156, 0.08);
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.6);
}

.pa-tab-preview__total-amount[b-ch4fh6go2r] {
    font-family: 'DM Serif Display', serif;
    font-size: 1.2rem;
    color: #00a69c;
}

/* ── Tab Categories Chips ── */
.pa-tab-preview--categories[b-ch4fh6go2r] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 20px;
}

.pa-tab-chip[b-ch4fh6go2r] {
    padding: 6px 14px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.8);
}

.pa-tab-chip--more[b-ch4fh6go2r] {
    background: rgba(221, 145, 66, 0.15);
    border-color: rgba(221, 145, 66, 0.3);
    color: #dd9142;
}

/* ── Tab ADAS Vehicle ── */
.pa-tab-preview--adas[b-ch4fh6go2r] {
    padding: 20px;
    display: flex;
    justify-content: center;
}

.pa-adas-vehicle[b-ch4fh6go2r] {
    width: 100%;
    max-width: 300px;
}

/* ── Tab Analytics ── */
.pa-tab-preview--analytics[b-ch4fh6go2r] {
    padding: 20px;
}

.pa-tab-kpi-row[b-ch4fh6go2r] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.pa-tab-kpi[b-ch4fh6go2r] {
    flex: 1;
    text-align: center;
    padding: 12px 8px;
    background: rgba(255, 255, 255, 0.04);
    border-radius: 6px;
}

.pa-tab-kpi__value[b-ch4fh6go2r] {
    display: block;
    font-family: 'DM Serif Display', serif;
    font-size: 1.2rem;
    color: #00a69c;
    margin-bottom: 4px;
}

.pa-tab-kpi__label[b-ch4fh6go2r] {
    font-size: 0.7rem;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.pa-tab-chart[b-ch4fh6go2r] {
    background: rgba(255, 255, 255, 0.03);
    border-radius: 6px;
    padding: 12px;
}

.pa-tab-chart__svg[b-ch4fh6go2r] {
    width: 100%;
    display: block;
}

@media (max-width: 959.98px) {
    .pa-tabs__panel-inner[b-ch4fh6go2r] {
        grid-template-columns: 1fr;
    }

    .pa-tabs__bar[b-ch4fh6go2r] {
        white-space: nowrap;
    }
}

/* ═══════════════════════ AUDIENCE VALUE PROPS ═══════════════════════ */
.pa-audience[b-ch4fh6go2r] {
    background: #fafaf8;
    padding: clamp(4rem, 8vw, 6rem) 0;
    font-family: 'Outfit', sans-serif;
}

.pa-audience__card[b-ch4fh6go2r] {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 3px;
    padding: 2rem;
    height: 100%;
    transition: all 0.35s ease;
    border-top: 3px solid transparent;
}

.pa-audience__card[b-ch4fh6go2r] {
    position: relative;
    overflow: hidden;
}

.pa-audience__card[b-ch4fh6go2r]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #dd9142, #00a69c);
    transform: scaleX(0);
    transition: transform 0.35s ease;
}

.pa-audience__card:hover[b-ch4fh6go2r] {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
}

.pa-audience__card:hover[b-ch4fh6go2r]::before {
    transform: scaleX(1);
}

.pa-audience__icon[b-ch4fh6go2r] {
    width: 52px;
    height: 52px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.25rem;
}

.pa-audience__icon--orange[b-ch4fh6go2r] {
    background: rgba(221, 145, 66, 0.1);
    color: #dd9142;
}

.pa-audience__icon--teal[b-ch4fh6go2r] {
    background: rgba(0, 166, 156, 0.1);
    color: #00a69c;
}

.pa-audience__title[b-ch4fh6go2r] {
    font-family: 'Outfit', sans-serif;
    font-size: 1.15rem;
    font-weight: 600;
    color: #323232;
    margin: 0 0 1rem;
}

.pa-audience__list[b-ch4fh6go2r] {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.pa-audience__list li[b-ch4fh6go2r] {
    position: relative;
    padding-left: 1.25rem;
    font-size: 0.9rem;
    color: #6b6560;
    line-height: 1.5;
}

.pa-audience__list li[b-ch4fh6go2r]::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #00a69c;
}

[b-ch4fh6go2r] .pa-audience__link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.9rem;
    font-weight: 600;
    color: #dd9142 !important;
    text-decoration: none !important;
    transition: gap 0.2s ease;
}

[b-ch4fh6go2r] .pa-audience__link:hover {
    gap: 8px;
}

/* ═══════════════════════ CUSTOM SOLUTIONS ═══════════════════════ */
.pa-custom[b-ch4fh6go2r] {
    position: relative;
    background: #323232;
    padding: clamp(4rem, 8vw, 6rem) 0;
    color: #fff;
    font-family: 'Outfit', sans-serif;
    overflow: hidden;
}

.pa-custom__pattern[b-ch4fh6go2r] {
    position: absolute;
    inset: 0;
    opacity: 0.03;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
    pointer-events: none;
}

.pa-custom__body[b-ch4fh6go2r] {
    font-size: clamp(0.95rem, 1.5vw, 1.1rem);
    color: rgba(255, 255, 255, 0.75);
    line-height: 1.7;
    max-width: 640px;
    margin: 0 auto;
}

.pa-custom__card[b-ch4fh6go2r] {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    padding: 2rem;
    text-align: center;
    height: 100%;
    transition: all 0.35s ease;
}

.pa-custom__card:hover[b-ch4fh6go2r] {
    border-color: rgba(221, 145, 66, 0.3);
    background: rgba(255, 255, 255, 0.06);
}

.pa-custom__card-icon[b-ch4fh6go2r] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: rgba(0, 166, 156, 0.12);
    color: #00a69c;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.25rem;
}

.pa-custom__card-title[b-ch4fh6go2r] {
    font-family: 'Outfit', sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
    color: #fff;
    margin: 0 0 0.75rem;
}

.pa-custom__card-desc[b-ch4fh6go2r] {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.65);
    line-height: 1.6;
    margin: 0;
}

.pa-custom__callout[b-ch4fh6go2r] {
    margin-top: 3rem;
    text-align: center;
    padding: 1.5rem 2rem;
    border-left: 3px solid;
    border-image: linear-gradient(to bottom, #dd9142, #00a69c) 1;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
}

.pa-custom__callout-text[b-ch4fh6go2r] {
    font-family: 'DM Serif Display', serif;
    font-size: clamp(1.2rem, 2.5vw, 1.6rem);
    font-style: italic;
    color: rgba(255, 255, 255, 0.9);
    margin: 0;
}

[b-ch4fh6go2r] .pa-custom__cta {
    color: rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    padding: 10px 28px !important;
    border-radius: 3px !important;
    transition: all 0.3s ease !important;
}

[b-ch4fh6go2r] .pa-custom__cta:hover {
    border-color: rgba(255, 255, 255, 0.6) !important;
    background: rgba(255, 255, 255, 0.08) !important;
}

/* ═══════════════════════ TRUST / SOCIAL PROOF ═══════════════════════ */
.pa-trust[b-ch4fh6go2r] {
    background: #fafaf8;
    padding: clamp(3rem, 6vw, 4rem) 0;
    font-family: 'Outfit', sans-serif;
}

.pa-trust__content[b-ch4fh6go2r] {
    text-align: center;
}

.pa-trust__title[b-ch4fh6go2r] {
    font-family: 'DM Serif Display', serif;
    font-size: clamp(1.4rem, 2.5vw, 1.8rem);
    font-weight: 400;
    color: #323232;
    margin: 1rem 0;
}

.pa-trust__body[b-ch4fh6go2r] {
    font-size: 1rem;
    color: #6b6560;
    line-height: 1.7;
    max-width: 560px;
    margin: 0 auto 2rem;
}

.pa-trust__badges[b-ch4fh6go2r] {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.pa-trust__badge[b-ch4fh6go2r] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 18px;
    border-radius: 50px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    font-size: 0.85rem;
    font-weight: 500;
    color: #323232;
}

/* ═══════════════════════ CTA ═══════════════════════ */
.pa-cta[b-ch4fh6go2r] {
    position: relative;
    background: linear-gradient(135deg, #dd9142 0%, #00A69C 100%);
    padding: clamp(4rem, 8vw, 6rem) 0;
    text-align: center;
    overflow: hidden;
    font-family: 'Outfit', sans-serif;
}

.pa-cta__geo[b-ch4fh6go2r] {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 3px;
    transform: rotate(45deg);
    pointer-events: none;
}

.pa-cta__geo--1[b-ch4fh6go2r] {
    width: 200px;
    height: 200px;
    top: -60px;
    right: 10%;
}

.pa-cta__geo--2[b-ch4fh6go2r] {
    width: 140px;
    height: 140px;
    bottom: -40px;
    left: 8%;
}

.pa-cta__geo--3[b-ch4fh6go2r] {
    width: 100px;
    height: 100px;
    top: 30%;
    left: 3%;
    opacity: 0.5;
}

[b-ch4fh6go2r] .pa-cta__container {
    position: relative;
    z-index: 1;
}

.pa-cta__eyebrow[b-ch4fh6go2r] {
    display: inline-block;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 1rem;
}

.pa-cta__title[b-ch4fh6go2r] {
    font-family: 'DM Serif Display', serif;
    font-size: clamp(1.8rem, 3.5vw, 2.6rem);
    font-weight: 400;
    color: #fff;
    margin: 0 0 1rem;
}

.pa-cta__body[b-ch4fh6go2r] {
    font-size: clamp(0.95rem, 1.5vw, 1.1rem);
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.7;
    max-width: 520px;
    margin: 0 auto 2rem;
}

[b-ch4fh6go2r] .pa-cta__button {
    background: #323232 !important;
    color: #fff !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    padding: 12px 32px !important;
    border-radius: 3px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.3s ease !important;
}

[b-ch4fh6go2r] .pa-cta__button:hover {
    background: #1a1a1a !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.3) !important;
}

/* ═══════════════════════ REDUCED MOTION ═══════════════════════ */
@media (prefers-reduced-motion: reduce) {
    .pa-hero__badge[b-ch4fh6go2r],
    .pa-hero__title[b-ch4fh6go2r],
    .pa-hero__subtitle[b-ch4fh6go2r],
    .pa-hero__ctas[b-ch4fh6go2r],
    .pa-hero__preview[b-ch4fh6go2r] {
        animation: none;
        opacity: 1;
        transform: none;
    }

    .pa-demo-scan__bar[b-ch4fh6go2r] {
        animation: none;
    }

    /* Disable SVG SMIL animations (ADAS sensor pulsing) — hide animate elements via SVG presentation attribute */
    .pa-adas-vehicle circle[b-ch4fh6go2r] {
        opacity: 0.9 !important;
    }
}

/* Note: SVG <animate> elements don't respect CSS prefers-reduced-motion directly.
   The circles have opacity="0.9" as their base, and the <animate> elements pulse them.
   For full compliance, add media="(prefers-reduced-motion: no-preference)" to each
   <animate> element in the SVG markup. See the ADAS tab markup in Task 6. */
/* /Components/Pages/Public/ProAuditHowItWorks.razor.rz.scp.css */
/* ═══════════════════════════════════════════════
   ProAudit How It Works — Industrial Refined
   Typography: DM Serif Display + Outfit
   ═══════════════════════════════════════════════ */

/* ─── PAGE HERO ─── */

.pa-hiw-hero[b-h6cxfdubd7] {
    position: relative;
    background: #323232;
    padding: 7rem 0 4rem;
    overflow: hidden;
}

.pa-hiw-hero-grain[b-h6cxfdubd7] {
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");
    pointer-events: none;
    z-index: 1;
}

.pa-hiw-hero-geo[b-h6cxfdubd7] {
    position: absolute;
    border: 2px solid rgba(255, 255, 255, 0.06);
    pointer-events: none;
    z-index: 1;
}

.pa-hiw-hero-geo--1[b-h6cxfdubd7] {
    width: 320px;
    height: 320px;
    top: -100px;
    right: 5%;
    transform: rotate(22deg);
    border-color: rgba(221, 145, 66, 0.1);
}

.pa-hiw-hero-geo--2[b-h6cxfdubd7] {
    width: 200px;
    height: 200px;
    bottom: -60px;
    right: 15%;
    transform: rotate(-15deg);
    border-color: rgba(0, 166, 156, 0.08);
}

[b-h6cxfdubd7] .pa-hiw-hero-inner {
    position: relative;
    z-index: 2;
}

.pa-hiw-badge[b-h6cxfdubd7] {
    font-family: 'Outfit', sans-serif;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #dd9142;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(221, 145, 66, 0.12);
    border: 1px solid rgba(221, 145, 66, 0.25);
    padding: 4px 14px;
    border-radius: 2px;
    margin-bottom: 1rem;
    animation: fadeSlideUp-b-h6cxfdubd7 0.6s ease-out;
}

.pa-hiw-hero-title[b-h6cxfdubd7] {
    font-family: 'DM Serif Display', serif;
    font-size: clamp(2.2rem, 5vw, 3.8rem);
    font-weight: 400;
    color: #ffffff;
    line-height: 1.1;
    margin: 0;
    animation: fadeSlideUp-b-h6cxfdubd7 0.6s ease-out 0.1s both;
}

.pa-hiw-hero-accent[b-h6cxfdubd7] {
    color: #dd9142;
    font-style: italic;
}

.pa-hiw-hero-subtitle[b-h6cxfdubd7] {
    font-family: 'Outfit', sans-serif;
    font-size: clamp(1rem, 1.3vw, 1.15rem);
    font-weight: 300;
    color: rgba(255, 255, 255, 0.65);
    line-height: 1.7;
    max-width: 520px;
    margin: 1.5rem 0 0;
    animation: fadeSlideUp-b-h6cxfdubd7 0.6s ease-out 0.2s both;
}

.pa-hiw-hero-ctas[b-h6cxfdubd7] {
    display: flex;
    gap: 12px;
    margin-top: 2rem;
    animation: fadeSlideUp-b-h6cxfdubd7 0.6s ease-out 0.3s both;
}

[b-h6cxfdubd7] .pa-hiw-cta-primary {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.03em !important;
    padding: 0.85rem 2.5rem !important;
    font-size: 1rem !important;
    background: #dd9142 !important;
    color: #ffffff !important;
    border-radius: 2px !important;
    box-shadow: 0 4px 20px rgba(221, 145, 66, 0.3) !important;
    transition: all 0.3s ease !important;
}

[b-h6cxfdubd7] .pa-hiw-cta-primary:hover {
    background: #c67d30 !important;
    box-shadow: 0 6px 28px rgba(221, 145, 66, 0.45) !important;
    transform: translateY(-2px);
}

[b-h6cxfdubd7] .pa-hiw-cta-secondary {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 500 !important;
    letter-spacing: 0.03em !important;
    padding: 0.85rem 2.5rem !important;
    font-size: 1rem !important;
    color: white !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    border-radius: 2px !important;
    transition: all 0.3s ease !important;
}

[b-h6cxfdubd7] .pa-hiw-cta-secondary:hover {
    border-color: rgba(255, 255, 255, 0.6) !important;
    background: rgba(255, 255, 255, 0.05) !important;
    transform: translateY(-2px);
}


/* ─── STEPS SECTION ─── */

.pa-hiw-steps[b-h6cxfdubd7] {
    padding: 6rem 0;
    background: #fafaf8;
}

.pa-hiw-steps-header[b-h6cxfdubd7] {
    text-align: center;
    margin-bottom: 3rem;
}

.pa-hiw-section-title[b-h6cxfdubd7] {
    font-family: 'DM Serif Display', serif;
    font-size: 1.75rem;
    font-weight: 400;
    color: #323232;
    margin: 0 0 0.5rem;
    line-height: 1.3;
}

.pa-hiw-section-subtitle[b-h6cxfdubd7] {
    font-family: 'Outfit', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #6b6560;
    margin: 0;
}

.pa-hiw-step-card[b-h6cxfdubd7] {
    text-align: center;
    padding: 2.5rem 2rem;
    position: relative;
    height: 100%;
}

.pa-hiw-step-number-wrap[b-h6cxfdubd7] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
}

.pa-hiw-step-number[b-h6cxfdubd7] {
    font-family: 'DM Serif Display', serif;
    font-size: 3.5rem;
    font-weight: 400;
    color: rgba(50, 50, 50, 0.15);
    line-height: 1;
    position: relative;
    z-index: 2;
}

.pa-hiw-step-connector[b-h6cxfdubd7] {
    position: absolute;
    top: 50%;
    right: -2rem;
    width: calc(4rem);
    height: 2px;
    background: linear-gradient(90deg, rgba(221, 145, 66, 0.2), rgba(0, 166, 156, 0.2));
    z-index: 1;
}

.pa-hiw-step-card--last .pa-hiw-step-connector[b-h6cxfdubd7] {
    display: none;
}

.pa-hiw-step-icon[b-h6cxfdubd7] {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    margin: 0 auto 1.5rem;
    transition: transform 0.3s ease;
}

.pa-hiw-step-card:hover .pa-hiw-step-icon[b-h6cxfdubd7] {
    transform: scale(1.08);
}

.pa-hiw-step-icon--orange[b-h6cxfdubd7] {
    background: rgba(221, 145, 66, 0.08);
    color: #dd9142;
}

.pa-hiw-step-icon--teal[b-h6cxfdubd7] {
    background: rgba(0, 166, 156, 0.08);
    color: #00a69c;
}

.pa-hiw-step-title[b-h6cxfdubd7] {
    font-family: 'DM Serif Display', serif;
    font-size: 1.25rem;
    font-weight: 400;
    color: #323232;
    margin: 0 0 0.75rem;
    line-height: 1.3;
}

.pa-hiw-step-desc[b-h6cxfdubd7] {
    font-family: 'Outfit', sans-serif;
    font-size: 0.9rem;
    font-weight: 400;
    color: #6b6560;
    line-height: 1.75;
    margin: 0;
}


/* ─── DETAILS SECTION (Catch / Get) — DARK VARIANT ─── */

.pa-hiw-details[b-h6cxfdubd7] {
    padding: 5rem 0 6rem;
    background: #323232;
}

.pa-hiw-detail-panel[b-h6cxfdubd7] {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 3px;
    padding: 2.5rem;
    height: 100%;
    transition: all 0.35s ease;
}

.pa-hiw-detail-panel:hover[b-h6cxfdubd7] {
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.15);
}

.pa-hiw-detail-panel--catch[b-h6cxfdubd7] {
    background: rgba(255, 255, 255, 0.04);
}

.pa-hiw-detail-panel--get[b-h6cxfdubd7] {
    background: rgba(221, 145, 66, 0.04);
    border-color: rgba(221, 145, 66, 0.12);
}

.pa-hiw-detail-header[b-h6cxfdubd7] {
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.pa-hiw-detail-label[b-h6cxfdubd7] {
    font-family: 'Outfit', sans-serif;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    display: block;
    margin-bottom: 0.5rem;
}

.pa-hiw-detail-label--teal[b-h6cxfdubd7] {
    color: #00a69c;
}

.pa-hiw-detail-label--orange[b-h6cxfdubd7] {
    color: #dd9142;
}

.pa-hiw-detail-title[b-h6cxfdubd7] {
    font-family: 'DM Serif Display', serif;
    font-size: 1.5rem;
    font-weight: 400;
    color: #ffffff;
    margin: 0;
    line-height: 1.3;
}

.pa-hiw-detail-list[b-h6cxfdubd7] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.pa-hiw-detail-item[b-h6cxfdubd7] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.pa-hiw-detail-icon[b-h6cxfdubd7] {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    flex-shrink: 0;
}

.pa-hiw-detail-icon--teal[b-h6cxfdubd7] {
    background: rgba(0, 166, 156, 0.12);
    color: #00a69c;
}

.pa-hiw-detail-icon--orange[b-h6cxfdubd7] {
    background: rgba(221, 145, 66, 0.12);
    color: #dd9142;
}

.pa-hiw-detail-text[b-h6cxfdubd7] {
    font-family: 'Outfit', sans-serif;
    font-size: 0.9rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.6;
    padding-top: 0.5rem;
}


/* ─── STATS SECTION ─── */

.pa-hiw-stats[b-h6cxfdubd7] {
    padding: 5rem 0;
    background: #fafaf8;
}

.pa-hiw-stat-card[b-h6cxfdubd7] {
    background: #ffffff;
    border: 1px solid rgba(50, 50, 50, 0.06);
    border-radius: 3px;
    padding: 2.5rem;
    text-align: center;
    transition: all 0.35s ease;
}

.pa-hiw-stat-card:hover[b-h6cxfdubd7] {
    box-shadow: 0 8px 40px rgba(50, 50, 50, 0.06);
}

.pa-hiw-stat-value[b-h6cxfdubd7] {
    font-family: 'DM Serif Display', serif;
    font-size: 2.5rem;
    font-weight: 400;
    display: block;
}

.pa-hiw-stat-value--orange[b-h6cxfdubd7] {
    color: #dd9142;
}

.pa-hiw-stat-value--teal[b-h6cxfdubd7] {
    color: #00a69c;
}

.pa-hiw-stat-label[b-h6cxfdubd7] {
    font-family: 'Outfit', sans-serif;
    font-size: 0.85rem;
    font-weight: 500;
    color: #888;
    display: block;
    margin-top: 0.5rem;
    letter-spacing: 0.03em;
}


/* ─── BOTTOM CTA ─── */

.pa-hiw-cta[b-h6cxfdubd7] {
    position: relative;
    padding: 6rem 0;
    background: linear-gradient(135deg, #dd9142 0%, #c67d30 100%);
    overflow: hidden;
}

.pa-hiw-cta-geo[b-h6cxfdubd7] {
    position: absolute;
    border: 2px solid rgba(255, 255, 255, 0.1);
    pointer-events: none;
}

.pa-hiw-cta-geo--1[b-h6cxfdubd7] {
    width: 280px;
    height: 280px;
    top: -80px;
    right: -40px;
    transform: rotate(18deg);
}

.pa-hiw-cta-geo--2[b-h6cxfdubd7] {
    width: 180px;
    height: 180px;
    bottom: -50px;
    left: -25px;
    transform: rotate(-10deg);
}

.pa-hiw-cta-geo--3[b-h6cxfdubd7] {
    width: 120px;
    height: 120px;
    bottom: 20%;
    left: 10%;
    transform: rotate(30deg);
    border-color: rgba(0, 166, 156, 0.15);
}

.pa-hiw-cta-eyebrow[b-h6cxfdubd7] {
    font-family: 'Outfit', sans-serif;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
    display: block;
    margin-bottom: 1rem;
}

.pa-hiw-cta-title[b-h6cxfdubd7] {
    font-family: 'DM Serif Display', serif;
    font-size: clamp(2rem, 4vw, 2.8rem);
    font-weight: 400;
    color: #ffffff;
    margin: 0 0 1.25rem;
    line-height: 1.2;
}

.pa-hiw-cta-body[b-h6cxfdubd7] {
    font-family: 'Outfit', sans-serif;
    font-size: 1.05rem;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.75;
    max-width: 560px;
    margin: 0 auto 2.5rem;
}

.pa-hiw-cta-buttons[b-h6cxfdubd7] {
    display: flex;
    gap: 12px;
    justify-content: center;
}

[b-h6cxfdubd7] .pa-hiw-cta-btn-primary {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.03em !important;
    padding: 0.85rem 2.5rem !important;
    font-size: 1rem !important;
    background: #ffffff !important;
    color: #dd9142 !important;
    border-radius: 2px !important;
    box-shadow: 0 4px 20px rgba(50, 50, 50, 0.2) !important;
    transition: all 0.3s ease !important;
}

[b-h6cxfdubd7] .pa-hiw-cta-btn-primary:hover {
    background: #f5f5f5 !important;
    box-shadow: 0 6px 28px rgba(50, 50, 50, 0.35) !important;
    transform: translateY(-2px);
}

[b-h6cxfdubd7] .pa-hiw-cta-btn-secondary {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 500 !important;
    letter-spacing: 0.03em !important;
    padding: 0.85rem 2.5rem !important;
    font-size: 1rem !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
    border-radius: 2px !important;
    transition: all 0.3s ease !important;
}

[b-h6cxfdubd7] .pa-hiw-cta-btn-secondary:hover {
    border-color: rgba(255, 255, 255, 0.7) !important;
    background: rgba(255, 255, 255, 0.1) !important;
    transform: translateY(-2px);
}


/* ─── ANIMATIONS ─── */

@keyframes fadeSlideUp-b-h6cxfdubd7 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* ─── RESPONSIVE ─── */

@media (max-width: 959.98px) {
    .pa-hiw-hero[b-h6cxfdubd7] {
        padding: 6rem 0 3rem;
    }

    .pa-hiw-step-connector[b-h6cxfdubd7] {
        display: none;
    }

    .pa-hiw-hero-ctas[b-h6cxfdubd7] {
        flex-wrap: wrap;
    }
}

@media (max-width: 599.98px) {
    .pa-hiw-hero[b-h6cxfdubd7] {
        padding: 5rem 0 2.5rem;
    }

    .pa-hiw-steps[b-h6cxfdubd7] {
        padding: 4rem 0;
    }

    .pa-hiw-step-card[b-h6cxfdubd7] {
        padding: 1.5rem 1rem;
    }

    .pa-hiw-details[b-h6cxfdubd7] {
        padding: 3.5rem 0 4rem;
    }

    .pa-hiw-detail-panel[b-h6cxfdubd7] {
        padding: 1.75rem;
    }

    .pa-hiw-stats[b-h6cxfdubd7] {
        padding: 3.5rem 0;
    }

    .pa-hiw-stat-card[b-h6cxfdubd7] {
        padding: 1.75rem;
    }

    .pa-hiw-cta[b-h6cxfdubd7] {
        padding: 4rem 0;
    }

    .pa-hiw-cta-geo--1[b-h6cxfdubd7],
    .pa-hiw-cta-geo--2[b-h6cxfdubd7] {
        display: none;
    }

    .pa-hiw-cta-buttons[b-h6cxfdubd7] {
        flex-direction: column;
        align-items: center;
    }

    .pa-hiw-hero-ctas[b-h6cxfdubd7] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Shared/AccessManagement/RoleTemplateSelector.razor.rz.scp.css */
.rts-container[b-uajw6h8jiu] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.rts-section[b-uajw6h8jiu] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.rts-section-label[b-uajw6h8jiu] {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--pa-text-hint, #94a3b8);
    padding: 0 0.125rem;
}

.rts-grid[b-uajw6h8jiu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
}

/* ── Card ── */
.rts-card[b-uajw6h8jiu] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    padding: 0.75rem 0.875rem;
    background: var(--pa-surface-primary, #ffffff);
    border: 1.5px solid var(--pa-border-default, #e8ecf1);
    border-radius: var(--pa-radius-md, 8px);
    text-align: left;
    cursor: pointer;
    transition: all var(--pa-transition-fast, 150ms ease);
    position: relative;
    width: 100%;
}

.rts-card:hover:not(:disabled)[b-uajw6h8jiu] {
    border-color: var(--pa-border-hover, #cbd5e1);
    background: var(--pa-surface-secondary, #fafbfc);
    transform: translateY(-1px);
    box-shadow: var(--pa-shadow-md, 0 2px 8px rgba(0,0,0,0.06));
}

.rts-card--selected[b-uajw6h8jiu] {
    border-color: var(--pa-brand-orange, #dd9142) !important;
    background: var(--pa-brand-orange-light, rgba(221,145,66,0.06)) !important;
}

.rts-card--selected:hover:not(:disabled)[b-uajw6h8jiu] {
    background: rgba(221, 145, 66, 0.1) !important;
}

.rts-card--locked[b-uajw6h8jiu] {
    opacity: 0.45;
    cursor: not-allowed;
}

.rts-card:disabled[b-uajw6h8jiu] {
    cursor: not-allowed;
}

/* ── Card Header ── */
.rts-card-header[b-uajw6h8jiu] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    flex-wrap: wrap;
}

.rts-card-name[b-uajw6h8jiu] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--pa-text-primary, #0f172a);
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
}

/* ── Current Badge ── */
.rts-current-badge[b-uajw6h8jiu] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.125rem 0.4375rem;
    background: var(--pa-brand-orange, #dd9142);
    color: #ffffff;
    border-radius: 100px;
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    white-space: nowrap;
    flex-shrink: 0;
}

/* ── Lock icon ── */
.rts-lock-icon[b-uajw6h8jiu] {
    display: inline-flex;
    align-items: center;
    color: var(--pa-text-hint, #94a3b8);
    flex-shrink: 0;
}

/* ── Description ── */
.rts-card-desc[b-uajw6h8jiu] {
    font-size: 0.75rem;
    color: var(--pa-text-muted, #64748b);
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ── Meta row ── */
.rts-card-meta[b-uajw6h8jiu] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.125rem;
}

.rts-perm-count[b-uajw6h8jiu] {
    font-size: 0.6875rem;
    color: var(--pa-text-hint, #94a3b8);
    font-variant-numeric: tabular-nums;
}

/* ── Scope Badges ── */
.rts-scope-badge[b-uajw6h8jiu] {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.4375rem;
    border-radius: 100px;
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.rts-scope-badge--shop[b-uajw6h8jiu] {
    background: #eff6ff;
    color: #2563eb;
}

.rts-scope-badge--region[b-uajw6h8jiu] {
    background: #f0fdf4;
    color: #16a34a;
}

.rts-scope-badge--company[b-uajw6h8jiu] {
    background: rgba(221, 145, 66, 0.1);
    color: #9a5e1a;
}

/* ── Empty ── */
.rts-empty[b-uajw6h8jiu] {
    font-size: 0.8125rem;
    color: var(--pa-text-hint, #94a3b8);
    text-align: center;
    padding: 1.5rem;
    border: 1px dashed var(--pa-border-default, #e8ecf1);
    border-radius: var(--pa-radius-md, 8px);
}
/* /Components/Shared/AccessManagement/UserAccessDrawer.razor.rz.scp.css */
/* ── Backdrop ── */
.ud-backdrop[b-nqijs53swe] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1200;
    animation: ud-fade-in-b-nqijs53swe 200ms ease;
}

@keyframes ud-fade-in-b-nqijs53swe {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* ── Panel ── */
.ud-panel[b-nqijs53swe] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 480px;
    max-width: 100vw;
    background: #ffffff;
    border-left: 1px solid var(--pa-border-default, #e8ecf1);
    box-shadow: -8px 0 32px rgba(0, 0, 0, 0.1), -2px 0 8px rgba(0, 0, 0, 0.05);
    z-index: 1201;
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 300ms cubic-bezier(0.16, 1, 0.3, 1);
    overflow: hidden;
}

.ud-panel--open[b-nqijs53swe] {
    transform: translateX(0);
}

/* ── Loading ── */
.ud-loading[b-nqijs53swe] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding: 3rem;
}

/* ── Empty panel (no user loaded) ── */
.ud-empty-panel[b-nqijs53swe] {
    padding: 1rem;
}

.ud-close-btn-top[b-nqijs53swe] {
    display: flex;
    justify-content: flex-end;
}

/* ── Header ── */
.ud-header[b-nqijs53swe] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.25rem 1rem;
    border-bottom: 1px solid var(--pa-border-default, #e8ecf1);
    background: var(--pa-surface-secondary, #fafbfc);
    flex-shrink: 0;
}

.ud-header-identity[b-nqijs53swe] {
    display: flex;
    align-items: flex-start;
    gap: 0.875rem;
    flex: 1;
    min-width: 0;
}

.ud-header-avatar[b-nqijs53swe] {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 0.025em;
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.ud-header-info[b-nqijs53swe] {
    flex: 1;
    min-width: 0;
}

.ud-header-name[b-nqijs53swe] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--pa-text-primary, #0f172a);
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ud-header-email[b-nqijs53swe] {
    font-size: 0.75rem;
    color: var(--pa-text-muted, #64748b);
    margin-top: 0.125rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ud-header-badges[b-nqijs53swe] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    margin-top: 0.5rem;
    flex-wrap: wrap;
}

/* ── Status badge ── */
.ud-status-badge[b-nqijs53swe] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.1875rem 0.5rem;
    border-radius: 100px;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.ud-status-badge--active[b-nqijs53swe] {
    background: rgba(0, 166, 156, 0.08);
    color: #007a72;
}

.ud-status-badge--inactive[b-nqijs53swe] {
    background: #f1f5f9;
    color: #94a3b8;
}

.ud-status-dot[b-nqijs53swe] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    flex-shrink: 0;
}

.ud-status-badge--active .ud-status-dot[b-nqijs53swe] {
    background: var(--pa-brand-teal, #00a69c);
    box-shadow: 0 0 4px rgba(0, 166, 156, 0.5);
}

.ud-status-badge--inactive .ud-status-dot[b-nqijs53swe] {
    background: #cbd5e1;
}

/* ── MFA badge ── */
.ud-mfa-badge[b-nqijs53swe] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.1875rem 0.5rem;
    background: rgba(0, 166, 156, 0.08);
    color: #007a72;
    border-radius: 100px;
    font-size: 0.6875rem;
    font-weight: 600;
    white-space: nowrap;
}

/* ── Header actions ── */
.ud-header-actions[b-nqijs53swe] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.5rem;
    flex-shrink: 0;
}

.ud-view-full-link[b-nqijs53swe] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.75rem;
    color: var(--pa-brand-orange, #dd9142);
    text-decoration: none;
    font-weight: 500;
    transition: color var(--pa-transition-fast, 150ms ease);
    white-space: nowrap;
}

.ud-view-full-link:hover[b-nqijs53swe] {
    color: var(--pa-brand-orange-hover, #c97f35);
}

.ud-close-btn[b-nqijs53swe] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    background: transparent;
    border: 1px solid var(--pa-border-default, #e8ecf1);
    border-radius: var(--pa-radius-sm, 6px);
    color: var(--pa-text-muted, #64748b);
    cursor: pointer;
    transition: all var(--pa-transition-fast, 150ms ease);
    flex-shrink: 0;
}

.ud-close-btn:hover[b-nqijs53swe] {
    background: var(--pa-surface-secondary, #fafbfc);
    border-color: var(--pa-border-hover, #cbd5e1);
    color: var(--pa-text-primary, #0f172a);
}

/* ── Quick Stats ── */
.ud-quick-stats[b-nqijs53swe] {
    display: flex;
    align-items: center;
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid var(--pa-border-default, #e8ecf1);
    background: #ffffff;
    flex-shrink: 0;
    gap: 0;
}

.ud-stat[b-nqijs53swe] {
    flex: 1;
    text-align: center;
}

.ud-stat-value[b-nqijs53swe] {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--pa-text-primary, #0f172a);
    font-variant-numeric: tabular-nums;
    line-height: 1.2;
}

.ud-stat-label[b-nqijs53swe] {
    font-size: 0.625rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--pa-text-hint, #94a3b8);
    font-weight: 600;
    margin-top: 0.125rem;
}

.ud-stat-divider[b-nqijs53swe] {
    width: 1px;
    height: 28px;
    background: var(--pa-border-default, #e8ecf1);
    flex-shrink: 0;
}

/* ── Tab Bar ── */
.ud-tabs[b-nqijs53swe] {
    display: flex;
    gap: 0.25rem;
    padding: 0.625rem 1rem;
    border-bottom: 1px solid var(--pa-border-default, #e8ecf1);
    background: #ffffff;
    flex-shrink: 0;
}

.ud-tab[b-nqijs53swe] {
    display: inline-flex;
    align-items: center;
    padding: 0.3125rem 0.875rem;
    background: transparent;
    border: 1.5px solid transparent;
    border-radius: 100px;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--pa-text-muted, #64748b);
    cursor: pointer;
    transition: all var(--pa-transition-fast, 150ms ease);
    white-space: nowrap;
}

.ud-tab:hover[b-nqijs53swe] {
    color: var(--pa-text-secondary, #334155);
    background: var(--pa-surface-secondary, #fafbfc);
}

.ud-tab--active[b-nqijs53swe] {
    background: rgba(221, 145, 66, 0.1) !important;
    border-color: rgba(221, 145, 66, 0.25) !important;
    color: #9a5e1a !important;
    font-weight: 600;
}

/* ── Body (scrollable) ── */
.ud-body[b-nqijs53swe] {
    flex: 1;
    overflow-y: auto;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ── Section ── */
.ud-section[b-nqijs53swe] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.ud-subsection-label[b-nqijs53swe] {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--pa-text-hint, #94a3b8);
}

/* ── Form fields ── */
.ud-field-group[b-nqijs53swe] {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
}

.ud-field-row[b-nqijs53swe] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.ud-field[b-nqijs53swe] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.ud-label[b-nqijs53swe] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--pa-text-secondary, #334155);
    letter-spacing: 0.01em;
}

.ud-input[b-nqijs53swe],
.ud-select[b-nqijs53swe] {
    padding: 0.5rem 0.75rem;
    background: #ffffff;
    border: 1.5px solid var(--pa-border-default, #e8ecf1);
    border-radius: var(--pa-radius-md, 8px);
    font-size: 0.8125rem;
    color: var(--pa-text-primary, #0f172a);
    transition: border-color var(--pa-transition-fast, 150ms ease),
                box-shadow var(--pa-transition-fast, 150ms ease);
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
    appearance: auto;
}

.ud-input:focus[b-nqijs53swe],
.ud-select:focus[b-nqijs53swe] {
    outline: none;
    border-color: var(--pa-brand-orange, #dd9142);
    box-shadow: 0 0 0 3px var(--pa-focus-ring, rgba(221,145,66,0.15));
}

.ud-input:disabled[b-nqijs53swe],
.ud-select:disabled[b-nqijs53swe] {
    background: var(--pa-surface-secondary, #fafbfc);
    color: var(--pa-text-muted, #64748b);
    cursor: not-allowed;
}

.ud-field-hint[b-nqijs53swe] {
    font-size: 0.6875rem;
    color: var(--pa-text-hint, #94a3b8);
    line-height: 1.4;
}

/* ── Section footer ── */
.ud-section-footer[b-nqijs53swe] {
    display: flex;
    justify-content: flex-end;
    padding-top: 0.25rem;
    border-top: 1px solid var(--pa-border-subtle, #f1f5f9);
}

/* ── Buttons ── */
.ud-btn[b-nqijs53swe] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 1rem;
    border-radius: var(--pa-radius-md, 8px);
    font-size: 0.8125rem;
    font-weight: 600;
    cursor: pointer;
    transition: all var(--pa-transition-fast, 150ms ease);
    border: 1.5px solid transparent;
    white-space: nowrap;
}

.ud-btn:disabled[b-nqijs53swe] {
    opacity: 0.5;
    cursor: not-allowed;
}

.ud-btn--primary[b-nqijs53swe] {
    background: var(--pa-brand-orange, #dd9142);
    color: #ffffff;
    border-color: var(--pa-brand-orange, #dd9142);
}

.ud-btn--primary:hover:not(:disabled)[b-nqijs53swe] {
    background: var(--pa-brand-orange-hover, #c97f35);
    border-color: var(--pa-brand-orange-hover, #c97f35);
}

.ud-btn--outline[b-nqijs53swe] {
    background: transparent;
    color: var(--pa-text-secondary, #334155);
    border-color: var(--pa-border-default, #e8ecf1);
}

.ud-btn--outline:hover:not(:disabled)[b-nqijs53swe] {
    background: var(--pa-surface-secondary, #fafbfc);
    border-color: var(--pa-border-hover, #cbd5e1);
}

.ud-btn--warn-outline[b-nqijs53swe] {
    background: transparent;
    color: #c2410c;
    border-color: rgba(194, 65, 12, 0.2);
}

.ud-btn--warn-outline:hover:not(:disabled)[b-nqijs53swe] {
    background: rgba(194, 65, 12, 0.05);
    border-color: rgba(194, 65, 12, 0.4);
}

.ud-btn--teal-outline[b-nqijs53swe] {
    background: transparent;
    color: #007a72;
    border-color: rgba(0, 122, 114, 0.2);
}

.ud-btn--teal-outline:hover:not(:disabled)[b-nqijs53swe] {
    background: rgba(0, 166, 156, 0.05);
    border-color: rgba(0, 122, 114, 0.4);
}

/* ── Button spinner ── */
.ud-btn-spinner[b-nqijs53swe] {
    width: 12px;
    height: 12px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: ud-spin-b-nqijs53swe 600ms linear infinite;
    flex-shrink: 0;
}

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

/* ── Scope preview ── */
.ud-scope-preview[b-nqijs53swe] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    padding: 0.75rem;
    background: var(--pa-surface-secondary, #fafbfc);
    border: 1px solid var(--pa-border-default, #e8ecf1);
    border-radius: var(--pa-radius-md, 8px);
}

.ud-scope-item[b-nqijs53swe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.ud-scope-key[b-nqijs53swe] {
    font-size: 0.75rem;
    color: var(--pa-text-muted, #64748b);
}

.ud-scope-val[b-nqijs53swe] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--pa-text-primary, #0f172a);
}

/* ── Empty hint ── */
.ud-empty-hint[b-nqijs53swe] {
    font-size: 0.8125rem;
    color: var(--pa-text-hint, #94a3b8);
    text-align: center;
    padding: 1.5rem;
    border: 1px dashed var(--pa-border-default, #e8ecf1);
    border-radius: var(--pa-radius-md, 8px);
}

/* ── Security rows ── */
.ud-security-row[b-nqijs53swe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.75rem 0;
}

.ud-security-row-info[b-nqijs53swe] {
    flex: 1;
    min-width: 0;
}

.ud-security-row-label[b-nqijs53swe] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--pa-text-primary, #0f172a);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.ud-security-row-sub[b-nqijs53swe] {
    font-size: 0.75rem;
    color: var(--pa-text-muted, #64748b);
    margin-top: 0.125rem;
}

.ud-security-divider[b-nqijs53swe] {
    height: 1px;
    background: var(--pa-border-subtle, #f1f5f9);
    margin: 0;
}

/* ── MFA status inline badge ── */
.ud-mfa-status[b-nqijs53swe] {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.4375rem;
    border-radius: 100px;
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.ud-mfa-status--on[b-nqijs53swe] {
    background: rgba(0, 166, 156, 0.08);
    color: #007a72;
}

.ud-mfa-status--off[b-nqijs53swe] {
    background: #f1f5f9;
    color: #94a3b8;
}

/* ── Temp password block ── */
.ud-temp-password[b-nqijs53swe] {
    background: var(--pa-surface-secondary, #fafbfc);
    border: 1px solid var(--pa-border-default, #e8ecf1);
    border-radius: var(--pa-radius-md, 8px);
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.ud-temp-password-label[b-nqijs53swe] {
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--pa-text-hint, #94a3b8);
}

.ud-temp-password-row[b-nqijs53swe] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.ud-temp-password-val[b-nqijs53swe] {
    flex: 1;
    font-family: var(--pa-font-mono, 'SF Mono', monospace);
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--pa-text-primary, #0f172a);
    background: #ffffff;
    border: 1.5px solid var(--pa-border-default, #e8ecf1);
    border-radius: var(--pa-radius-sm, 6px);
    padding: 0.375rem 0.625rem;
    letter-spacing: 0.05em;
}

.ud-copy-btn[b-nqijs53swe] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    background: transparent;
    border: 1px solid var(--pa-border-default, #e8ecf1);
    border-radius: var(--pa-radius-sm, 6px);
    color: var(--pa-text-muted, #64748b);
    cursor: pointer;
    transition: all var(--pa-transition-fast, 150ms ease);
    flex-shrink: 0;
}

.ud-copy-btn:hover[b-nqijs53swe] {
    background: var(--pa-surface-secondary, #fafbfc);
    border-color: var(--pa-border-hover, #cbd5e1);
    color: var(--pa-text-primary, #0f172a);
}

.ud-temp-password-hint[b-nqijs53swe] {
    font-size: 0.6875rem;
    color: var(--pa-text-hint, #94a3b8);
}
/* /Components/Shared/ProAudit/Admin/ActivityLogGrid.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════
   ActivityLogGrid — Dense operations console table
   ═══════════════════════════════════════════════════════════════════ */

.alg-wrap[b-irbjjd76v0] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
}

/* ── Table ── */
.alg-table[b-irbjjd76v0] {
    width: 100%;
    border-collapse: collapse;
    font-family: 'SF Mono', 'Consolas', 'Menlo', monospace;
    font-size: 11.5px;
    color: #334155;
}

.alg-table thead tr[b-irbjjd76v0] {
    border-bottom: 2px solid #e2e8f0;
    background: #f8fafc;
}

.alg-table th[b-irbjjd76v0] {
    padding: 7px 10px;
    text-align: left;
    color: #64748b;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-weight: 700;
    white-space: nowrap;
}

.alg-table th.th-stripe[b-irbjjd76v0] {
    padding: 0;
    width: 3px;
}

.alg-table tbody tr[b-irbjjd76v0] {
    transition: background 80ms;
}

.alg-table tbody tr:nth-child(even)[b-irbjjd76v0] {
    background: #f8fafc;
}

.alg-table tbody tr:hover[b-irbjjd76v0] {
    background: #f1f5f9;
}

.alg-table td[b-irbjjd76v0] {
    padding: 5px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Tier Stripe ── */
.td-stripe[b-irbjjd76v0] {
    padding: 0;
    width: 3px;
}

.stripe[b-irbjjd76v0] {
    display: block;
    width: 3px;
    height: 100%;
    min-height: 24px;
}

.stripe-crt[b-irbjjd76v0] { background: #ef4444; }
.stripe-imp[b-irbjjd76v0] { background: #f59e0b; }
.stripe-ops[b-irbjjd76v0] { background: #00a69c; }

/* ── Level Badges ── */
.lvl[b-irbjjd76v0] { font-weight: 700; }
.lvl-crt[b-irbjjd76v0] { color: #dc2626; }
.lvl-imp[b-irbjjd76v0] { color: #b45309; }
.lvl-ops[b-irbjjd76v0] { color: #0d9488; }

/* ── Column Styles ── */
.td-time[b-irbjjd76v0] { color: #94a3b8; }
.td-event[b-irbjjd76v0] { color: #0f172a; font-weight: 600; }
.td-category[b-irbjjd76v0] { color: #64748b; }
.td-actor[b-irbjjd76v0] { color: #2563eb; }
.td-details[b-irbjjd76v0] { color: #64748b; max-width: 320px; }
.td-ip[b-irbjjd76v0] { color: #94a3b8; letter-spacing: 0.01em; }

/* ── Loading / Empty ── */
.alg-loading[b-irbjjd76v0] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 64px 0;
}

.alg-empty[b-irbjjd76v0] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 64px 0;
    color: #94a3b8;
    font-size: 13px;
}

/* ── Footer / Pagination ── */
.alg-footer[b-irbjjd76v0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
    font-size: 11.5px;
    color: #64748b;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.alg-footer-left[b-irbjjd76v0] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.alg-dot[b-irbjjd76v0] {
    color: #cbd5e1;
}

.alg-per-page[b-irbjjd76v0] {
    color: #94a3b8;
}

.alg-page-size[b-irbjjd76v0] {
    appearance: none;
    -webkit-appearance: none;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 4px;
    padding: 3px 20px 3px 6px;
    font-size: 11px;
    font-family: 'SF Mono', 'Consolas', 'Menlo', monospace;
    color: #334155;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 3px center;
    background-size: 12px;
}

/* ── Pager Buttons ── */
.alg-pager[b-irbjjd76v0] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.alg-page-btn[b-irbjjd76v0] {
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e2e8f0;
    border-radius: 4px;
    background: #fff;
    color: #64748b;
    font-size: 11px;
    cursor: pointer;
    font-family: inherit;
    padding: 0;
    transition: background 80ms, color 80ms;
}

.alg-page-btn:hover:not(:disabled)[b-irbjjd76v0] {
    background: #f1f5f9;
    color: #0f172a;
}

.alg-page-btn.alg-page-active[b-irbjjd76v0] {
    background: #0f172a;
    color: #fff;
    border-color: #0f172a;
}

.alg-page-btn:disabled[b-irbjjd76v0] {
    opacity: 0.3;
    cursor: not-allowed;
}

.alg-page-ellipsis[b-irbjjd76v0] {
    width: 26px;
    text-align: center;
    color: #94a3b8;
    font-size: 11px;
}
/* /Components/Shared/ProAudit/Admin/ActivityTimeline.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════
   ActivityTimeline — Container & Date Groups
   ═══════════════════════════════════════════════════════════════════ */

.atl-root[b-7t7ibd11yv] {
    display: flex;
    flex-direction: column;
}

/* ── Loading state ── */
.atl-spinner-wrap[b-7t7ibd11yv] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 64px 0;
}

/* ── Date group header ── */
.atl-date-header[b-7t7ibd11yv] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 24px;
    margin-bottom: 4px;
    padding: 0 0 0 0;
}

.atl-date-header:first-child[b-7t7ibd11yv] {
    margin-top: 0;
}

/* The label itself */
.atl-date-header[b-7t7ibd11yv]::before {
    content: '';
    width: 24px;
    display: flex;
    justify-content: center;
    flex-shrink: 0;
}

.atl-date-header[b-7t7ibd11yv] {
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--pa-text-hint, #94a3b8);
    padding-left: 24px;
}

.atl-date-header[b-7t7ibd11yv]::after {
    content: '';
    flex: 1;
    height: 1px;
    background: linear-gradient(to right, var(--pa-border-default, #e8ecf1), transparent);
    margin-left: 8px;
}

/* ── Load more ── */
.atl-load-more-wrap[b-7t7ibd11yv] {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    padding-left: 24px;
}

.atl-load-more-btn[b-7t7ibd11yv] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: var(--pa-text-muted, #64748b);
    background: var(--pa-surface-primary, #fff);
    border: 1px solid var(--pa-border-default, #e8ecf1);
    border-radius: 6px;
    padding: 7px 20px;
    cursor: pointer;
    transition: all 180ms ease;
    font-family: inherit;
    letter-spacing: 0.01em;
}

.atl-load-more-btn:hover:not(:disabled)[b-7t7ibd11yv] {
    border-color: var(--pa-border-hover, #cbd5e1);
    background: var(--pa-surface-secondary, #fafbfc);
    color: var(--pa-text-primary, #0f172a);
    box-shadow: var(--pa-shadow-sm, 0 1px 2px rgba(0,0,0,0.04));
}

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

.atl-load-more-btn:disabled[b-7t7ibd11yv] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ── Inline spinner ── */
.atl-btn-spinner[b-7t7ibd11yv] {
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 1.5px solid var(--pa-border-default, #e8ecf1);
    border-top-color: var(--pa-text-muted, #64748b);
    border-radius: 50%;
    animation: atl-spin-b-7t7ibd11yv 0.65s linear infinite;
}

@keyframes atl-spin-b-7t7ibd11yv {
    to { transform: rotate(360deg); }
}
/* /Components/Shared/ProAudit/Admin/ActivityTimelineEvent.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════
   ActivityTimelineEvent — Refined Operations Console
   ═══════════════════════════════════════════════════════════════════ */

/* ── Row layout ── */
.ate-row[b-zqdgfe14eo] {
    display: flex;
    gap: 0;
    position: relative;
    padding: 0;
}

/* ── Timeline spine ── */
.ate-spine[b-zqdgfe14eo] {
    position: relative;
    width: 24px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    padding-top: 16px;
}

.ate-spine[b-zqdgfe14eo]::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 1.5px;
    background: var(--pa-border-default, #e8ecf1);
    transform: translateX(-50%);
}

.ate-dot[b-zqdgfe14eo] {
    position: relative;
    z-index: 1;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--pa-border-default, #e8ecf1);
    border: 2px solid var(--pa-surface-primary, #fff);
    box-shadow: 0 0 0 2px var(--pa-border-default, #e8ecf1);
    transition: all 180ms ease;
}

.ate-dot--critical[b-zqdgfe14eo] {
    background: #ef4444;
    box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.2);
}

.ate-dot--important[b-zqdgfe14eo] {
    background: #f59e0b;
    box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.2);
}

.ate-dot--operational[b-zqdgfe14eo] {
    background: var(--pa-brand-teal, #00a69c);
    box-shadow: 0 0 0 2px rgba(0, 166, 156, 0.15);
}

/* ── Event card ── */
.ate-card[b-zqdgfe14eo] {
    flex: 1;
    min-width: 0;
    padding: 6px 0 6px 10px;
}

.ate-card-inner[b-zqdgfe14eo] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 14px;
    border-radius: 8px;
    transition: background 150ms ease;
}

.ate-card-inner:hover[b-zqdgfe14eo] {
    background: var(--pa-surface-secondary, #fafbfc);
}

/* ── Left section ── */
.ate-left[b-zqdgfe14eo] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    min-width: 0;
    flex: 1;
}

/* ── Category icon ── */
.ate-icon[b-zqdgfe14eo] {
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1px;
}

.ate-icon--auth[b-zqdgfe14eo]     { background: #fef2f2; color: #dc2626; }
.ate-icon--account[b-zqdgfe14eo]  { background: #eff6ff; color: #2563eb; }
.ate-icon--perms[b-zqdgfe14eo]    { background: #faf5ff; color: #7c3aed; }
.ate-icon--security[b-zqdgfe14eo] { background: #fef2f2; color: #dc2626; }
.ate-icon--audit[b-zqdgfe14eo]    { background: rgba(221, 145, 66, 0.08); color: #dd9142; }
.ate-icon--estimates[b-zqdgfe14eo] { background: #f0f9ff; color: #0284c7; }
.ate-icon--billing[b-zqdgfe14eo]  { background: #f0fdf4; color: #16a34a; }
.ate-icon--org[b-zqdgfe14eo]      { background: #fef3c7; color: #d97706; }
.ate-icon--rules[b-zqdgfe14eo]    { background: rgba(0, 166, 156, 0.08); color: var(--pa-brand-teal, #00a69c); }
.ate-icon--classifier[b-zqdgfe14eo] { background: #f1f5f9; color: #475569; }
.ate-icon--adas[b-zqdgfe14eo]     { background: #eff6ff; color: #2563eb; }
.ate-icon--leads[b-zqdgfe14eo]    { background: #fce7f3; color: #db2777; }
.ate-icon--system[b-zqdgfe14eo]   { background: #f1f5f9; color: #64748b; }

/* ── Content block ── */
.ate-content[b-zqdgfe14eo] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

/* ── Headline row ── */
.ate-headline[b-zqdgfe14eo] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    line-height: 1;
}

.ate-action[b-zqdgfe14eo] {
    font-size: 13px;
    font-weight: 600;
    color: var(--pa-text-primary, #0f172a);
    letter-spacing: -0.01em;
}

/* ── Tier pill ── */
.ate-tier[b-zqdgfe14eo] {
    display: inline-flex;
    align-items: center;
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    border-radius: 3px;
    padding: 2px 5px;
    line-height: 1;
}

.ate-tier--critical[b-zqdgfe14eo] {
    background: #fef2f2;
    color: #dc2626;
}

.ate-tier--important[b-zqdgfe14eo] {
    background: #fffbeb;
    color: #d97706;
}

.ate-tier--operational[b-zqdgfe14eo] {
    background: rgba(0, 166, 156, 0.07);
    color: #0d9488;
}

/* ── Category label ── */
.ate-category[b-zqdgfe14eo] {
    font-size: 11px;
    color: var(--pa-text-hint, #94a3b8);
    font-weight: 400;
}

/* ── Description ── */
.ate-desc[b-zqdgfe14eo] {
    font-size: 12.5px;
    color: var(--pa-text-muted, #64748b);
    line-height: 1.45;
    word-break: break-word;
    max-width: 600px;
}

.ate-desc strong[b-zqdgfe14eo] {
    font-weight: 600;
    color: var(--pa-text-secondary, #334155);
}

/* ── Meta row (actor, target, IP) ── */
.ate-meta-row[b-zqdgfe14eo] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 2px;
    flex-wrap: wrap;
}

/* ── Actor avatar + name ── */
.ate-actor[b-zqdgfe14eo] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.ate-avatar[b-zqdgfe14eo] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    font-size: 8.5px;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1;
    flex-shrink: 0;
}

.ate-avatar--critical[b-zqdgfe14eo] {
    background: #fef2f2;
    color: #dc2626;
}

.ate-avatar--important[b-zqdgfe14eo] {
    background: #fffbeb;
    color: #d97706;
}

.ate-avatar--operational[b-zqdgfe14eo] {
    background: rgba(0, 166, 156, 0.08);
    color: #0d9488;
}

.ate-actor-name[b-zqdgfe14eo] {
    font-size: 11.5px;
    font-weight: 500;
    color: var(--pa-text-secondary, #334155);
}

.ate-meta-dot[b-zqdgfe14eo] {
    font-size: 11px;
    color: var(--pa-border-default, #e8ecf1);
    line-height: 1;
}

.ate-target-type[b-zqdgfe14eo] {
    font-size: 11px;
    color: var(--pa-text-hint, #94a3b8);
}

.ate-ip[b-zqdgfe14eo] {
    font-size: 10.5px;
    font-family: var(--pa-font-mono, 'SF Mono', 'Consolas', monospace);
    color: var(--pa-text-hint, #94a3b8);
    letter-spacing: 0.01em;
}

/* ── Right: timestamps ── */
.ate-right[b-zqdgfe14eo] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    flex-shrink: 0;
    padding-top: 1px;
}

.ate-time[b-zqdgfe14eo] {
    font-size: 11.5px;
    font-weight: 500;
    color: var(--pa-text-muted, #64748b);
    white-space: nowrap;
    letter-spacing: -0.01em;
}

.ate-time-abs[b-zqdgfe14eo] {
    font-size: 10px;
    font-family: var(--pa-font-mono, 'SF Mono', 'Consolas', monospace);
    color: var(--pa-text-hint, #94a3b8);
    white-space: nowrap;
    letter-spacing: 0.02em;
}
/* /Components/Shared/ProAudit/Admin/AddUserDialog.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════
   AddUserDialog — Premium light scoped styles
   Tokens: brand-orange #dd9142, brand-teal #00a69c, charcoal #323232
   ══════════════════════════════════════════════════════════════ */

/* ── Design tokens ── */
:root[b-10mc5m22jl] {
    --aud-orange: #dd9142;
    --aud-orange-hover: #c47f38;
    --aud-orange-glow: rgba(221, 145, 66, 0.2);
    --aud-teal: #00a69c;
    --aud-charcoal: #323232;
    --aud-border: rgba(50, 50, 50, 0.08);
    --aud-surface: #ffffff;
    --aud-warm: #f7f5f2;
    --aud-radius: 10px;
}

/* ── MudDialog overrides ── */
[b-10mc5m22jl] .mud-dialog {
    max-width: min(520px, 95vw) !important;
    width: min(520px, 95vw) !important;
    border-radius: 14px !important;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.14), 0 4px 16px rgba(0, 0, 0, 0.08) !important;
}

[b-10mc5m22jl] .mud-dialog-title {
    padding: 0 !important;
    border-bottom: 1px solid var(--aud-border);
}

[b-10mc5m22jl] .aud-dialog-content {
    padding: 0 1.5rem 0.5rem !important;
    max-height: 78vh;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(50, 50, 50, 0.12) transparent;
}

[b-10mc5m22jl] .aud-dialog-content::-webkit-scrollbar { width: 4px; }
[b-10mc5m22jl] .aud-dialog-content::-webkit-scrollbar-thumb { background: rgba(50,50,50,0.12); border-radius: 2px; }

[b-10mc5m22jl] .aud-dialog-actions {
    padding: 0.875rem 1.5rem !important;
    border-top: 1px solid var(--aud-border);
    gap: 0.5rem;
}

/* ── Title bar ── */
.aud-title-bar[b-10mc5m22jl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.125rem 1.5rem;
}

.aud-title-left[b-10mc5m22jl] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.aud-title-icon[b-10mc5m22jl] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 9px;
    background: rgba(221, 145, 66, 0.08);
    border: 1px solid rgba(221, 145, 66, 0.18);
    color: var(--aud-orange);
    flex-shrink: 0;
}

.aud-title-text[b-10mc5m22jl] {
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--aud-charcoal);
    letter-spacing: -0.01em;
    line-height: 1.2;
}

.aud-seat-badge[b-10mc5m22jl] {
    display: inline-flex;
    align-items: center;
    margin-top: 0.2rem;
    padding: 0.125rem 0.5rem;
    border-radius: 100px;
    font-size: 0.6875rem;
    font-weight: 600;
    background: rgba(50, 50, 50, 0.05);
    color: rgba(50, 50, 50, 0.45);
    border: 1px solid transparent;
    letter-spacing: 0.02em;
    transition: all 0.2s;
}

.aud-seat-badge--warn[b-10mc5m22jl] {
    background: rgba(245, 158, 11, 0.08);
    color: #b45309;
    border-color: rgba(245, 158, 11, 0.15);
}

.aud-seat-badge--full[b-10mc5m22jl] {
    background: rgba(191, 26, 42, 0.07);
    color: #bf1a2a;
    border-color: rgba(191, 26, 42, 0.12);
}

/* ── Section divider (inherits from SectionDivider component) ── */
[b-10mc5m22jl] .pa-section-divider {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 1rem 0 0.75rem;
}

[b-10mc5m22jl] .pa-section-divider::before,
[b-10mc5m22jl] .pa-section-divider::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--aud-border);
}

[b-10mc5m22jl] .pa-section-label {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: rgba(50, 50, 50, 0.35);
    white-space: nowrap;
}

/* ── Loading ── */
.aud-loading[b-10mc5m22jl] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem;
}

/* ── No locations hint ── */
.aud-no-locations[b-10mc5m22jl] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.5rem 0.75rem;
    border-radius: 7px;
    background: rgba(50, 50, 50, 0.03);
    border: 1px dashed rgba(50, 50, 50, 0.1);
    font-size: 0.8125rem;
    color: rgba(50, 50, 50, 0.4);
    margin-bottom: 0.75rem;
}

.aud-no-locations svg[b-10mc5m22jl] { flex-shrink: 0; }

/* ── Role required error ── */
.aud-role-error[b-10mc5m22jl] {
    font-size: 0.75rem;
    color: #bf1a2a;
    margin-top: 0.375rem;
    padding-left: 0.125rem;
}

/* ── Success state ── */
.aud-success[b-10mc5m22jl] {
    padding: 1rem 0;
    animation: aud-fade-in-b-10mc5m22jl 0.3s ease;
}

@keyframes aud-fade-in-b-10mc5m22jl {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

.aud-success-icon[b-10mc5m22jl] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 16px;
    background: rgba(0, 166, 156, 0.08);
    border: 1px solid rgba(0, 166, 156, 0.18);
    color: var(--aud-teal);
    margin: 0 auto 0.75rem;
}

.aud-success-heading[b-10mc5m22jl] {
    text-align: center;
    font-size: 1rem;
    font-weight: 700;
    color: var(--aud-charcoal);
    margin-bottom: 0.25rem;
}

.aud-success-name[b-10mc5m22jl] {
    text-align: center;
    font-size: 0.875rem;
    color: rgba(50, 50, 50, 0.5);
    margin-bottom: 0.25rem;
}

/* ── Password reveal row ── */
.aud-password-row[b-10mc5m22jl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0.5rem 0 0.75rem;
}

.aud-password-field[b-10mc5m22jl] {
    flex: 1;
    padding: 0.625rem 0.875rem;
    background: #f8f7f5;
    border: 1px solid rgba(50, 50, 50, 0.1);
    border-radius: 8px;
    overflow: hidden;
}

.aud-password-code[b-10mc5m22jl] {
    font-family: 'Consolas', 'SF Mono', 'Fira Code', monospace;
    font-size: 0.9375rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    color: var(--aud-charcoal);
    background: none;
    user-select: all;
    word-break: break-all;
}

.aud-copy-btn[b-10mc5m22jl] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.625rem 0.875rem;
    border: 1px solid rgba(50, 50, 50, 0.1);
    border-radius: 8px;
    background: white;
    color: rgba(50, 50, 50, 0.55);
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
    flex-shrink: 0;
}

.aud-copy-btn:hover[b-10mc5m22jl] {
    background: rgba(0, 166, 156, 0.05);
    border-color: rgba(0, 166, 156, 0.25);
    color: var(--aud-teal);
}

/* ── Action buttons ── */
.aud-btn-cancel[b-10mc5m22jl] {
    border-radius: 8px !important;
    text-transform: none !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    border-color: rgba(50, 50, 50, 0.15) !important;
    color: rgba(50, 50, 50, 0.6) !important;
    min-width: 90px !important;
}

.aud-btn-cancel:hover[b-10mc5m22jl] {
    background: rgba(50, 50, 50, 0.04) !important;
    border-color: rgba(50, 50, 50, 0.25) !important;
}

.aud-btn-create[b-10mc5m22jl] {
    background: var(--aud-orange) !important;
    color: white !important;
    border-radius: 8px !important;
    text-transform: none !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    min-width: 110px !important;
    box-shadow: 0 2px 8px var(--aud-orange-glow) !important;
    transition: all 0.2s ease !important;
}

.aud-btn-create:hover:not(:disabled)[b-10mc5m22jl] {
    background: var(--aud-orange-hover) !important;
    box-shadow: 0 4px 16px var(--aud-orange-glow) !important;
    transform: translateY(-1px);
}

.aud-btn-create:disabled[b-10mc5m22jl] {
    opacity: 0.45 !important;
    box-shadow: none !important;
}

.aud-btn-close[b-10mc5m22jl] {
    background: var(--aud-teal) !important;
    color: white !important;
    border-radius: 8px !important;
    text-transform: none !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    min-width: 90px !important;
    margin-left: auto !important;
}

.aud-btn-close:hover[b-10mc5m22jl] {
    background: #008f86 !important;
}

/* ── MudTextField density tweak ── */
[b-10mc5m22jl] .mud-input-outlined .mud-input-outlined-border {
    border-radius: 8px;
}

/* ── Responsive ── */
@media (max-width: 480px) {
    .aud-title-bar[b-10mc5m22jl] { padding: 1rem; }
    [b-10mc5m22jl] .aud-dialog-content { padding: 0 1rem 0.5rem !important; }
    [b-10mc5m22jl] .aud-dialog-actions { padding: 0.75rem 1rem !important; }
}
/* /Components/Shared/ProAudit/Admin/CategoryBadge.razor.rz.scp.css */
.pa-cat-badge[b-4meej6xged] {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: var(--pa-radius-sm);
    font-size: 11px;
    font-weight: 500;
    white-space: nowrap;
    line-height: 1.4;
}
/* /Components/Shared/ProAudit/Admin/ChipToggleGrid.razor.rz.scp.css */
.pa-chip-grid[b-ecnn65zqp4] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}

.pa-chip-toggle[b-ecnn65zqp4] {
    padding: 6px 12px;
    border-radius: var(--pa-radius-sm);
    font-size: 12px;
    font-weight: 500;
    font-family: var(--pa-font-family);
    border: 1px solid var(--pa-border-default);
    background: var(--pa-surface-primary);
    color: var(--pa-text-muted);
    cursor: pointer;
    transition: all var(--pa-transition-fast);
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pa-chip-toggle:hover[b-ecnn65zqp4] {
    border-color: var(--pa-border-hover);
    color: var(--pa-text-secondary);
}

.pa-chip-selected[b-ecnn65zqp4] {
    background: var(--pa-brand-orange-light);
    border-color: var(--pa-brand-orange);
    color: var(--pa-brand-orange);
}

.pa-chip-selected:hover[b-ecnn65zqp4] {
    background: rgba(221, 145, 66, 0.15);
}

@media (max-width: 640px) {
    .pa-chip-grid[b-ecnn65zqp4] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Components/Shared/ProAudit/Admin/EmptyState.razor.rz.scp.css */
.pa-empty-state[b-4swlf9u69e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 320px;
    padding: 40px 24px;
    text-align: center;
}

.pa-empty-icon[b-4swlf9u69e] {
    color: var(--pa-text-hint);
    margin-bottom: 16px;
    opacity: 0.6;
}

.pa-empty-title[b-4swlf9u69e] {
    font-size: 16px;
    font-weight: 600;
    color: var(--pa-text-primary);
    margin-bottom: 4px;
}

.pa-empty-subtitle[b-4swlf9u69e] {
    font-size: 13px;
    color: var(--pa-text-hint);
    max-width: 320px;
}

.pa-empty-action[b-4swlf9u69e] {
    margin-top: 16px;
    padding: 8px 20px;
    border-radius: var(--pa-radius-md);
    font-size: 13px;
    font-weight: 600;
    font-family: var(--pa-font-family);
    background: var(--pa-brand-orange);
    color: white;
    border: none;
    cursor: pointer;
    transition: all var(--pa-transition-fast);
}

.pa-empty-action:hover[b-4swlf9u69e] {
    background: var(--pa-brand-orange-hover);
    transform: translateY(-1px);
}
/* /Components/Shared/ProAudit/Admin/FilterChip.razor.rz.scp.css */
.pa-filter-chip[b-8tsro9mz8r] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 7px 14px;
    border-radius: var(--pa-radius-md);
    font-size: 12px;
    font-weight: 500;
    font-family: var(--pa-font-family);
    background: #ffffff;
    border: 1px solid #e2e8f0;
    /* Hard-coded color — avoids inheriting the white-on-dark --pa-text-muted set by the
       sidebar layout. Chip labels must be readable on the light page background. */
    color: #475569;
    cursor: pointer;
    transition: all var(--pa-transition-fast);
    user-select: none;
    white-space: nowrap;
}

.pa-filter-chip:hover[b-8tsro9mz8r] {
    border-color: var(--pa-border-hover);
    color: var(--pa-text-secondary);
}

.pa-filter-chip:active[b-8tsro9mz8r] {
    transform: scale(1.03);
}

.pa-chip-active[b-8tsro9mz8r] {
    background: #f0f4ff;
    border-color: #93c5fd;
    color: #2563eb;
}

.pa-chip-active:hover[b-8tsro9mz8r] {
    background: #e0e7ff;
    border-color: #60a5fa;
}

.pa-chip-count[b-8tsro9mz8r] {
    background: #f1f5f9;
    color: #475569;
    font-size: 10px;
    font-weight: 600;
    padding: 1px 6px;
    border-radius: 10px;
    margin-left: 2px;
}

.pa-chip-active .pa-chip-count[b-8tsro9mz8r] {
    background: #dbeafe;
    color: #2563eb;
}

.pa-chip-dot[b-8tsro9mz8r] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    flex-shrink: 0;
}
/* /Components/Shared/ProAudit/Admin/ImpactPill.razor.rz.scp.css */
.pa-impact-pill[b-45rspxvre1] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.02em;
    white-space: nowrap;
    line-height: 1.4;
}

.pa-impact-dot[b-45rspxvre1] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    flex-shrink: 0;
}
/* /Components/Shared/ProAudit/Admin/PermissionGrid.razor.rz.scp.css */
.pgrid-container[b-0e3xroav2a] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/* ── Progress Bar ── */
.pgrid-progress-bar[b-0e3xroav2a] {
    height: 4px;
    background: var(--pa-border-subtle, #f1f5f9);
    border-radius: 100px;
    overflow: hidden;
}

.pgrid-progress-fill[b-0e3xroav2a] {
    height: 100%;
    background: linear-gradient(90deg, var(--pa-brand-teal, #00a69c), var(--pa-brand-orange, #dd9142));
    border-radius: 100px;
    transition: width 0.3s ease;
}

.pgrid-progress-label[b-0e3xroav2a] {
    font-size: 0.6875rem;
    color: var(--pa-text-hint, #94a3b8);
    text-align: right;
    margin-top: -0.125rem;
    margin-bottom: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.625rem;
}

/* ── Variant summary badges ── */
.pgrid-variant-summary[b-0e3xroav2a] {
    display: inline-flex;
    align-items: center;
    gap: 0.325rem;
    font-size: 0.625rem;
    color: var(--pa-text-hint, #94a3b8);
}

.pgrid-variant-added-badge[b-0e3xroav2a] {
    padding: 0.0625rem 0.375rem;
    background: rgba(16, 185, 129, 0.08);
    color: #059669;
    border-radius: 100px;
    font-weight: 600;
    font-size: 0.625rem;
}

.pgrid-variant-removed-badge[b-0e3xroav2a] {
    padding: 0.0625rem 0.375rem;
    background: rgba(239, 68, 68, 0.06);
    color: #dc2626;
    border-radius: 100px;
    font-weight: 600;
    font-size: 0.625rem;
}

/* ── Group ── */
.pgrid-group[b-0e3xroav2a] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.pgrid-group-header[b-0e3xroav2a] {
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--pa-text-hint, #94a3b8);
    padding: 0.25rem 0.25rem 0;
    border-top: 1px solid var(--pa-border-subtle, #f1f5f9);
    margin-top: 0.25rem;
}

/* ── Area ── */
.pgrid-area[b-0e3xroav2a] {
    background: var(--pa-surface-primary, #ffffff);
    border: 1px solid var(--pa-border-default, #e8ecf1);
    border-radius: var(--pa-radius-md, 8px);
    overflow: hidden;
}

.pgrid-area--has-variants[b-0e3xroav2a] {
    border-color: #fde68a;
}

.pgrid-area-header[b-0e3xroav2a] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.5rem 0.75rem;
    background: transparent;
    border: none;
    cursor: pointer;
    text-align: left;
    transition: background var(--pa-transition-fast, 150ms ease);
}

.pgrid-area-header:hover[b-0e3xroav2a] {
    background: var(--pa-surface-secondary, #fafbfc);
}

.pgrid-area-name[b-0e3xroav2a] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--pa-text-secondary, #334155);
    flex: 1;
    display: inline-flex;
    align-items: baseline;
    gap: 8px;
    min-width: 0;
}

.pgrid-area-section[b-0e3xroav2a] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--pa-accent, #dd9142);
    flex-shrink: 0;
}

.pgrid-area-variant-dot[b-0e3xroav2a] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #f59e0b;
    flex-shrink: 0;
}

.pgrid-area-count[b-0e3xroav2a] {
    font-size: 0.6875rem;
    color: var(--pa-text-hint, #94a3b8);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.pgrid-area-count--active[b-0e3xroav2a] {
    color: var(--pa-brand-teal, #00a69c);
    font-weight: 600;
}

.pgrid-area-chevron[b-0e3xroav2a] {
    color: var(--pa-text-hint, #94a3b8);
    display: flex;
    align-items: center;
    transition: transform var(--pa-transition-fast, 150ms ease);
    flex-shrink: 0;
}

.pgrid-area-chevron--open[b-0e3xroav2a] {
    transform: rotate(180deg);
}

/* ── Area Items ── */
.pgrid-area-items[b-0e3xroav2a] {
    border-top: 1px solid var(--pa-border-subtle, #f1f5f9);
    padding: 0.375rem 0;
}

.pgrid-item[b-0e3xroav2a] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.3125rem 0.75rem;
    transition: background var(--pa-transition-fast, 150ms ease);
}

.pgrid-item:hover:not(.pgrid-item--locked)[b-0e3xroav2a] {
    background: var(--pa-surface-secondary, #fafbfc);
}

/* ── Variant highlights ── */
.pgrid-item--added[b-0e3xroav2a] {
    background: rgba(16, 185, 129, 0.04);
}

.pgrid-item--added:hover[b-0e3xroav2a] {
    background: rgba(16, 185, 129, 0.08) !important;
}

.pgrid-item--removed[b-0e3xroav2a] {
    background: rgba(239, 68, 68, 0.03);
}

.pgrid-item--removed:hover[b-0e3xroav2a] {
    background: rgba(239, 68, 68, 0.06) !important;
}

/* ── Variant tags ── */
.pgrid-variant-tag[b-0e3xroav2a] {
    display: inline-flex;
    align-items: center;
    padding: 0.0625rem 0.375rem;
    border-radius: 100px;
    font-size: 0.5625rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    flex-shrink: 0;
    text-transform: uppercase;
}

.pgrid-variant-tag--added[b-0e3xroav2a] {
    background: rgba(16, 185, 129, 0.1);
    color: #059669;
}

.pgrid-variant-tag--removed[b-0e3xroav2a] {
    background: rgba(239, 68, 68, 0.07);
    color: #dc2626;
}

/* ── Toggle button ── */
.pgrid-toggle[b-0e3xroav2a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    min-width: 16px;
    border-radius: 4px;
    border: 1.5px solid var(--pa-border-hover, #cbd5e1);
    background: transparent;
    cursor: pointer;
    transition: all var(--pa-transition-fast, 150ms ease);
    padding: 0;
    color: transparent;
}

.pgrid-item--on .pgrid-toggle[b-0e3xroav2a] {
    background: var(--pa-brand-teal, #00a69c);
    border-color: var(--pa-brand-teal, #00a69c);
    color: #ffffff;
}

.pgrid-item--added .pgrid-toggle[b-0e3xroav2a] {
    background: #059669;
    border-color: #059669;
}

.pgrid-toggle:hover:not(:disabled)[b-0e3xroav2a] {
    border-color: var(--pa-brand-teal, #00a69c);
}

.pgrid-toggle:disabled[b-0e3xroav2a] {
    cursor: not-allowed;
    opacity: 0.5;
}

/* ── Code name ── */
.pgrid-code-name[b-0e3xroav2a] {
    font-size: 0.8125rem;
    color: var(--pa-text-secondary, #334155);
    flex: 1;
    line-height: 1.3;
}

.pgrid-item--on .pgrid-code-name[b-0e3xroav2a] {
    color: var(--pa-text-primary, #0f172a);
    font-weight: 500;
}

.pgrid-item--locked .pgrid-code-name[b-0e3xroav2a] {
    color: var(--pa-text-hint, #94a3b8);
}

.pgrid-item--removed .pgrid-code-name[b-0e3xroav2a] {
    color: var(--pa-text-hint, #94a3b8);
    text-decoration: line-through;
    text-decoration-color: rgba(220, 38, 38, 0.3);
}

/* ── Lock icon ── */
.pgrid-lock-icon[b-0e3xroav2a] {
    display: inline-flex;
    align-items: center;
    color: var(--pa-text-hint, #94a3b8);
    flex-shrink: 0;
}
/* /Components/Shared/ProAudit/Admin/PremiumPagination.razor.rz.scp.css */
.pa-pagination[b-2e68tyaz5y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-top: 1px solid var(--pa-border-default);
    background: var(--pa-surface-secondary);
}

.pa-pagination-info[b-2e68tyaz5y] {
    font-size: 12px;
    color: var(--pa-text-hint);
}

.pa-pagination-controls[b-2e68tyaz5y] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.pa-page-btn[b-2e68tyaz5y] {
    width: 32px;
    height: 32px;
    border-radius: var(--pa-radius-sm);
    border: 1px solid var(--pa-border-default);
    background: var(--pa-surface-primary);
    font-size: 12px;
    font-weight: 500;
    font-family: var(--pa-font-family);
    color: var(--pa-text-muted);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all var(--pa-transition-fast);
    padding: 0;
}

.pa-page-btn:hover:not(.pa-page-disabled):not(.pa-page-active)[b-2e68tyaz5y] {
    border-color: var(--pa-border-hover);
    color: var(--pa-text-secondary);
}

.pa-page-active[b-2e68tyaz5y] {
    background: var(--pa-text-primary);
    color: white !important;
    border-color: var(--pa-text-primary);
}

.pa-page-disabled[b-2e68tyaz5y] {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
}

.pa-page-btn svg[b-2e68tyaz5y] {
    width: 14px;
    height: 14px;
}

.pa-page-ellipsis[b-2e68tyaz5y] {
    color: var(--pa-text-hint);
    font-size: 12px;
    margin: 0 4px;
    user-select: none;
}
/* /Components/Shared/ProAudit/Admin/SearchBox.razor.rz.scp.css */
.pa-search-box[b-7ofw0nfc25] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: var(--pa-surface-primary);
    border: 1px solid var(--pa-border-default);
    border-radius: var(--pa-radius-md);
    padding: 8px 14px;
    flex: 1;
    min-width: 200px;
    max-width: 360px;
    transition: border-color var(--pa-transition-fast), box-shadow var(--pa-transition-fast);
}

.pa-search-focused[b-7ofw0nfc25] {
    border-color: var(--pa-brand-orange) !important;
    box-shadow: 0 0 0 3px var(--pa-focus-ring);
}

.pa-search-icon[b-7ofw0nfc25] {
    width: 16px;
    height: 16px;
    color: var(--pa-text-hint);
    flex-shrink: 0;
}

.pa-search-input[b-7ofw0nfc25] {
    border: none;
    outline: none;
    font-size: 13px;
    font-family: var(--pa-font-family);
    width: 100%;
    color: var(--pa-text-secondary);
    background: transparent;
}

.pa-search-input[b-7ofw0nfc25]::placeholder {
    color: #c1c9d4;
}

.pa-search-clear[b-7ofw0nfc25] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: none;
    background: transparent;
    cursor: pointer;
    color: var(--pa-text-hint);
    padding: 0;
    border-radius: 50%;
    transition: color var(--pa-transition-fast), background var(--pa-transition-fast);
    flex-shrink: 0;
}

.pa-search-clear:hover[b-7ofw0nfc25] {
    color: var(--pa-text-secondary);
    background: var(--pa-border-subtle);
}

.pa-search-clear svg[b-7ofw0nfc25] {
    width: 14px;
    height: 14px;
}
/* /Components/Shared/ProAudit/Admin/SectionDivider.razor.rz.scp.css */
.pa-section-divider[b-n7ni374yya] {
    margin: 20px 0 12px 0;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--pa-border-subtle);
}

.pa-section-label[b-n7ni374yya] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--pa-text-hint);
}
/* /Components/Shared/ProAudit/Admin/StatCard.razor.rz.scp.css */
.pa-stat-card[b-bzy938qiyr] {
    flex: 1;
    background: var(--pa-surface-primary);
    border: 1px solid var(--pa-border-default);
    border-radius: var(--pa-radius-lg);
    padding: 14px 18px;
    transition: border-color var(--pa-transition-fast), box-shadow var(--pa-transition-fast);
    min-width: 0;
}

.pa-stat-card:hover[b-bzy938qiyr] {
    border-color: var(--pa-border-hover);
    box-shadow: var(--pa-shadow-sm);
}

.pa-stat-value[b-bzy938qiyr] {
    font-size: 24px;
    font-weight: 700;
    color: var(--pa-text-primary);
    line-height: 1.2;
}

.pa-stat-label[b-bzy938qiyr] {
    font-size: 11px;
    font-weight: 500;
    color: var(--pa-text-hint);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 2px;
}

.pa-stat-green .pa-stat-value[b-bzy938qiyr] { color: #16a34a; }
.pa-stat-amber .pa-stat-value[b-bzy938qiyr] { color: #d97706; }
.pa-stat-blue .pa-stat-value[b-bzy938qiyr] { color: #2563eb; }
.pa-stat-purple .pa-stat-value[b-bzy938qiyr] { color: #7c3aed; }
/* /Components/Shared/ProAudit/Admin/StatsBar.razor.rz.scp.css */
.pa-stats-bar[b-rg5pc5lcz1] {
    display: flex;
    gap: 16px;
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    .pa-stats-bar[b-rg5pc5lcz1] {
        flex-wrap: wrap;
    }
}
/* /Components/Shared/ProAudit/Admin/StatusToggle.razor.rz.scp.css */
.pa-toggle[b-gkyrldqk4c] {
    width: 36px;
    height: 20px;
    border-radius: 10px;
    border: none;
    position: relative;
    cursor: pointer;
    transition: background var(--pa-transition-normal);
    padding: 0;
    flex-shrink: 0;
}

.pa-toggle-on[b-gkyrldqk4c] { background: #16a34a; }
.pa-toggle-off[b-gkyrldqk4c] { background: #e2e8f0; }

.pa-toggle-knob[b-gkyrldqk4c] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: white;
    position: absolute;
    top: 2px;
    transition: left var(--pa-transition-normal);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    pointer-events: none;
}

.pa-toggle-on .pa-toggle-knob[b-gkyrldqk4c] { left: 18px; }
.pa-toggle-off .pa-toggle-knob[b-gkyrldqk4c] { left: 2px; }
/* /Components/Shared/ProAudit/Admin/TagInput.razor.rz.scp.css */
.pa-tag-input[b-o3kh88iqzr] {
    background: var(--pa-surface-primary);
    border: 1px solid var(--pa-border-default);
    border-radius: var(--pa-radius-md);
    padding: 4px 8px;
    transition: border-color var(--pa-transition-fast), box-shadow var(--pa-transition-fast);
    min-height: 38px;
}

.pa-tag-focused[b-o3kh88iqzr] {
    border-color: var(--pa-brand-orange);
    box-shadow: 0 0 0 3px var(--pa-focus-ring);
}

.pa-tag-list[b-o3kh88iqzr] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
}

.pa-tag[b-o3kh88iqzr] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    font-family: var(--pa-font-mono);
    background: var(--pa-surface-secondary);
    color: var(--pa-text-secondary);
    border: 1px solid var(--pa-border-default);
    white-space: nowrap;
}

.pa-tag-remove[b-o3kh88iqzr] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    border: none;
    background: transparent;
    color: var(--pa-text-hint);
    cursor: pointer;
    font-size: 14px;
    padding: 0;
    line-height: 1;
    border-radius: 50%;
}

.pa-tag-remove:hover[b-o3kh88iqzr] {
    color: var(--pa-text-primary);
    background: var(--pa-border-default);
}

.pa-tag-text[b-o3kh88iqzr] {
    border: none;
    outline: none;
    font-size: 13px;
    font-family: var(--pa-font-family);
    color: var(--pa-text-secondary);
    background: transparent;
    flex: 1;
    min-width: 80px;
    padding: 4px;
}

.pa-tag-text[b-o3kh88iqzr]::placeholder {
    color: #c1c9d4;
}
/* /Components/Shared/ProAudit/QuickAuditLearnDrawer.razor.rz.scp.css */
/* ════════════════════════════════════════════════════════════════════════════
   QuickAuditLearnDrawer
   ────────────────────
   "A folio slid out from the catalog." A right-side drawer that opens over
   the dark Quick Audit canvas, presenting OEM references in the same
   editorial language as /proaudit/library/sources. Backdrop is ink-tone so
   the audit page atmospherically yields; the panel itself is warm paper
   bordered by a thin orange spine, like the colored edge of a folio in a
   card-catalog drawer. Type pairs Fraunces (display) with Inter Tight
   (body); the cards inside reuse `_LibraryResourceCard` verbatim so the
   subject color stripes, kicker rhythm, and meta pills carry through
   unchanged from the Library page.

   Class prefix: `qa-learn-`. Inherits the lib-page CSS variables by
   stacking `.lib-page` on the panel root.
   ════════════════════════════════════════════════════════════════════════ */

/* NOTE: these classes apply to the component's own rendered elements, not
   nested children, so we use plain selectors (no scope-piercing prefix).
   With the piercing prefix the compiled form is [b-xyz] .qa-learn-panel
   which expects scope on an ancestor, but .qa-learn-panel IS the scoped
   element itself, so the rule never matched. */
.qa-learn-backdrop[b-5jrhikh76p] {
    position: fixed;
    inset: 0;
    background: rgba(26, 22, 18, 0.42);
    backdrop-filter: blur(3px) saturate(0.92);
    -webkit-backdrop-filter: blur(3px) saturate(0.92);
    z-index: 1200;
    animation: qa-learn-fade-in-b-5jrhikh76p 180ms ease-out;
}

.qa-learn-panel[b-5jrhikh76p] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: min(620px, 94vw);
    background: var(--paper, #F4F2EF);
    color: var(--ink, #1A1612);
    box-shadow:
        -1px 0 0 rgba(26, 22, 18, 0.06),
        -24px 0 64px -20px rgba(26, 22, 18, 0.32);
    z-index: 1201;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 36px 40px 56px;

    /* Spine: a thin orange rule on the leading edge, like the colored
       edge of a folio jacket. Doubled hairline above it for richness. */
    border-left: 3px solid var(--accent, #DD9142);
    box-shadow:
        inset 4px 0 0 rgba(180, 112, 40, 0.18),
        -1px 0 0 rgba(26, 22, 18, 0.06),
        -24px 0 64px -20px rgba(26, 22, 18, 0.32);

    animation: qa-learn-slide-in-b-5jrhikh76p 280ms cubic-bezier(0.32, 0.72, 0, 1);
    -webkit-font-smoothing: antialiased;
}

/* Subtle paper grain — a near-invisible noise gradient that takes the
   panel from "flat fill" to "actual paper". Layered over the base color. */
.qa-learn-panel[b-5jrhikh76p]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 15% 20%, rgba(180, 112, 40, 0.04), transparent 50%),
        radial-gradient(circle at 85% 80%, rgba(26, 22, 18, 0.03), transparent 60%);
    pointer-events: none;
    z-index: 0;
}

.qa-learn-panel > *[b-5jrhikh76p] {
    position: relative;
    z-index: 1;
}

/* ── Mast (header block, mirrors lib-mast at smaller scale) ─────────── */

.qa-learn-mast[b-5jrhikh76p] {
    margin-bottom: 28px;
    padding-bottom: 0;
}

.qa-learn-kicker[b-5jrhikh76p] {
    display: flex;
    align-items: baseline;
    gap: 10px;
    color: var(--muted, #9A958E);
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    font-weight: 600;
    margin-bottom: 14px;
}

.qa-learn-kicker-numeral[b-5jrhikh76p] {
    font-family: var(--font-display, 'Fraunces', Georgia, serif);
    font-style: italic;
    font-size: 0.95rem;
    color: var(--accent, #DD9142);
    letter-spacing: 0;
    text-transform: none;
    font-weight: 500;
    line-height: 1;
}

.qa-learn-kicker-label[b-5jrhikh76p] {
    font-family: var(--font-body, 'Inter Tight', sans-serif);
}

.qa-learn-kicker-rule[b-5jrhikh76p] {
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg,
        rgba(197, 192, 184, 0.85),
        rgba(197, 192, 184, 0));
    align-self: center;
}

.qa-learn-mast-row[b-5jrhikh76p] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.qa-learn-headline[b-5jrhikh76p] {
    font-family: var(--font-display, 'Fraunces', Georgia, serif);
    font-size: clamp(1.875rem, 3.4vw, 2.5rem);
    font-weight: 600;
    line-height: 0.98;
    letter-spacing: -0.025em;
    color: var(--ink, #1A1612);
    margin: 0 0 14px;
    font-variation-settings: "opsz" 96, "SOFT" 0;
}

.qa-learn-headline em[b-5jrhikh76p] {
    font-style: italic;
    color: var(--accent-deep, #B47028);
    font-variation-settings: "opsz" 96, "SOFT" 30, "WONK" 1;
}

.qa-learn-deck[b-5jrhikh76p] {
    font-family: var(--font-body, 'Inter Tight', sans-serif);
    font-size: 0.875rem;
    line-height: 1.55;
    color: var(--ink-soft, #3A332B);
    margin: 0;
    max-width: 46ch;
}

.qa-learn-close[b-5jrhikh76p] {
    background: transparent;
    border: 1px solid var(--border, #DDD9D3);
    border-radius: 999px;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--ink-soft, #3A332B);
    transition: background 140ms ease, color 140ms ease, border-color 140ms ease, transform 140ms ease;
}
.qa-learn-close:hover[b-5jrhikh76p] {
    background: var(--paper-raised, #FFFFFF);
    color: var(--ink, #1A1612);
    border-color: var(--ink-soft, #3A332B);
    transform: rotate(90deg);
}

/* ── Section heads (numbered I, II ─ matches lib-mast-kicker rhythm) ── */

.qa-learn-section[b-5jrhikh76p] {
    margin-top: 32px;
}

.qa-learn-section-head[b-5jrhikh76p] {
    display: flex;
    align-items: baseline;
    gap: 12px;
    padding-bottom: 12px;
    margin-bottom: 18px;
    border-bottom: 1px solid var(--hairline, #E8E5E0);
}

.qa-learn-section-numeral[b-5jrhikh76p] {
    font-family: var(--font-display, 'Fraunces', Georgia, serif);
    font-style: italic;
    font-weight: 500;
    font-size: 1.05rem;
    color: var(--accent, #DD9142);
    line-height: 1;
    min-width: 16px;
    font-variation-settings: "opsz" 60, "SOFT" 30, "WONK" 1;
}

.qa-learn-section-label[b-5jrhikh76p] {
    font-family: var(--font-body, 'Inter Tight', sans-serif);
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    font-weight: 600;
    color: var(--ink, #1A1612);
    flex: 1;
}

.qa-learn-section-count[b-5jrhikh76p] {
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-size: 0.7rem;
    color: var(--muted, #9A958E);
    letter-spacing: 0.04em;
    font-variant-numeric: tabular-nums;
}

.qa-learn-grid[b-5jrhikh76p] {
    display: grid;
    gap: 14px;
}

/* Card stagger reveal — each card fades up with a per-card delay set
   inline via --qa-stagger. Keeps the open feeling editorial, not snappy. */
.qa-learn-card-wrap[b-5jrhikh76p] {
    animation: qa-learn-card-rise-b-5jrhikh76p 420ms cubic-bezier(0.32, 0.72, 0, 1) both;
    animation-delay: var(--qa-stagger, 0ms);
}

/* ── Loading + empty states — phrased as catalog asides ─────────────── */

.qa-learn-loading[b-5jrhikh76p] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 56px 16px;
    font-family: var(--font-display, 'Fraunces', Georgia, serif);
    font-style: italic;
    font-size: 0.95rem;
    color: var(--ink-soft, #3A332B);
    letter-spacing: 0.01em;
}

.qa-learn-loading-mark[b-5jrhikh76p] {
    color: var(--accent, #DD9142);
    font-size: 1.4rem;
    line-height: 0;
    animation: qa-learn-pulse-b-5jrhikh76p 1.6s ease-in-out infinite;
}
.qa-learn-loading-mark:last-child[b-5jrhikh76p] {
    animation-delay: 0.4s;
}

.qa-learn-empty[b-5jrhikh76p] {
    padding: 56px 16px 32px;
    text-align: center;
}

.qa-learn-empty-headline[b-5jrhikh76p] {
    font-family: var(--font-display, 'Fraunces', Georgia, serif);
    font-style: italic;
    font-size: 1.1rem;
    font-weight: 500;
    color: var(--ink, #1A1612);
    margin: 0 0 10px;
}

.qa-learn-empty-hint[b-5jrhikh76p] {
    font-family: var(--font-body, 'Inter Tight', sans-serif);
    font-size: 0.8125rem;
    color: var(--subtle, #6B6560);
    line-height: 1.6;
    max-width: 38ch;
    margin: 0 auto;
}

/* ── Footer (closing flourish — "end of references") ────────────────── */

.qa-learn-foot[b-5jrhikh76p] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 40px;
    padding-top: 12px;
}

.qa-learn-foot-rule[b-5jrhikh76p] {
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg,
        rgba(197, 192, 184, 0),
        rgba(197, 192, 184, 0.85),
        rgba(197, 192, 184, 0));
}

.qa-learn-foot-mark[b-5jrhikh76p] {
    font-family: var(--font-display, 'Fraunces', Georgia, serif);
    font-style: italic;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: var(--muted, #9A958E);
    font-weight: 500;
    font-variation-settings: "opsz" 24, "SOFT" 30;
}

/* ── Motion ─────────────────────────────────────────────────────────── */

@keyframes qa-learn-fade-in-b-5jrhikh76p {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes qa-learn-slide-in-b-5jrhikh76p {
    from { transform: translateX(28px); opacity: 0; }
    to   { transform: translateX(0);    opacity: 1; }
}

@keyframes qa-learn-card-rise-b-5jrhikh76p {
    from { transform: translateY(8px); opacity: 0; }
    to   { transform: translateY(0);   opacity: 1; }
}

@keyframes qa-learn-pulse-b-5jrhikh76p {
    0%, 100% { opacity: 0.3; transform: translateY(-1px); }
    50%      { opacity: 1;   transform: translateY(1px); }
}

@media (prefers-reduced-motion: reduce) {
    .qa-learn-backdrop[b-5jrhikh76p],
    .qa-learn-panel[b-5jrhikh76p],
    .qa-learn-card-wrap[b-5jrhikh76p],
    .qa-learn-loading-mark[b-5jrhikh76p] {
        animation: none !important;
    }
    .qa-learn-close:hover[b-5jrhikh76p] { transform: none; }
}
/* /Components/Shared/StaffCompanyContextBar.razor.rz.scp.css */
/* ══════════════════════════════════════════ */
/*  Company Context Bar                       */
/* ══════════════════════════════════════════ */
.company-bar[b-8og9ii3oht] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 0.625rem 2rem; background: #ffffff;
    border-bottom: 1px solid rgba(0,0,0,0.06);
}
.company-bar-left[b-8og9ii3oht] {
    display: flex; align-items: center; gap: 0.625rem;
    font-size: 0.8125rem; color: rgba(0,0,0,0.4); font-weight: 500;
    position: relative;
}
.company-bar-left > svg[b-8og9ii3oht] { width: 14px; height: 14px; color: rgba(0,0,0,0.2); }
.company-bar-selected[b-8og9ii3oht] {
    display: inline-flex; align-items: center; gap: 0.5rem;
    padding: 0.375rem 0.75rem; background: rgba(0,0,0,0.03);
    border: 1px solid rgba(0,0,0,0.06); border-radius: 6px;
    cursor: pointer; transition: all 0.2s ease;
}
.company-bar-selected:hover[b-8og9ii3oht] { border-color: var(--pa-primary); background: rgba(221,145,66,0.06); }
.company-bar-selected-avatar[b-8og9ii3oht] {
    width: 22px; height: 22px; min-width: 22px; border-radius: 5px;
    display: flex; align-items: center; justify-content: center;
    font-weight: 800; font-size: 0.5625rem;
    letter-spacing: -0.02em; color: white;
}
.company-bar-selected-name[b-8og9ii3oht] { font-weight: 600; color: #1a1a1a; font-size: 0.8125rem; white-space: nowrap; }
.company-bar-selected-chevron[b-8og9ii3oht] { width: 14px; height: 14px; color: rgba(0,0,0,0.4); transition: transform 0.2s ease; }
.company-bar-selected:hover .company-bar-selected-chevron[b-8og9ii3oht] { color: var(--pa-primary); }
.company-bar-clear[b-8og9ii3oht] {
    width: 24px; height: 24px; border-radius: 4px;
    border: none; background: transparent; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    color: rgba(0,0,0,0.25); transition: all 0.15s; padding: 0;
}
.company-bar-clear:hover[b-8og9ii3oht] { background: rgba(0,0,0,0.06); color: rgba(0,0,0,0.6); }
.company-bar-clear svg[b-8og9ii3oht] { width: 14px; height: 14px; }
.company-bar-empty[b-8og9ii3oht] {
    display: inline-flex; align-items: center; gap: 0.375rem;
    padding: 0.375rem 0.75rem; background: rgba(221,145,66,0.06);
    border: 1px dashed rgba(221,145,66,0.3); border-radius: 6px;
    color: var(--pa-primary); font-weight: 600; font-size: 0.8125rem;
    cursor: pointer; transition: all 0.2s ease;
}
.company-bar-empty:hover[b-8og9ii3oht] { background: rgba(221,145,66,0.15); border-color: var(--pa-primary); }
.company-bar-empty svg[b-8og9ii3oht] { width: 14px; height: 14px; }

/* ── Location Picker ── */
.company-bar-divider[b-8og9ii3oht] {
    width: 1px; height: 20px; background: rgba(0,0,0,0.1); margin: 0 0.25rem;
}
.company-bar-location-static[b-8og9ii3oht] {
    font-size: 0.8125rem; font-weight: 500; color: rgba(0,0,0,0.5);
}
.company-bar-loc-wrapper[b-8og9ii3oht] {
    position: relative; display: inline-flex; align-items: center; gap: 0.375rem;
}
.company-bar-loc-overlay[b-8og9ii3oht] {
    position: fixed; inset: 0; z-index: 499; cursor: default;
}
.company-bar-loc-dropdown[b-8og9ii3oht] {
    position: absolute; top: calc(100% + 4px); min-width: 280px; background: #FFF;
    border: 1px solid #DDD9D3; border-radius: 10px;
    box-shadow: 0 4px 20px rgba(26,22,18,0.12); z-index: 500;
    animation: locPickerIn-b-8og9ii3oht 0.15s ease; overflow: hidden; padding: 4px 0;
}
@keyframes locPickerIn-b-8og9ii3oht { from { opacity:0; transform:translateY(-4px); } to { opacity:1; transform:translateY(0); } }
.company-bar-loc-option[b-8og9ii3oht] {
    display: flex; align-items: center; justify-content: space-between; gap: 8px;
    padding: 7px 12px; cursor: pointer; transition: background 0.1s;
    font-size: 0.8rem; font-weight: 600; color: #1A1612;
}
.company-bar-loc-option:hover[b-8og9ii3oht] { background: #F0EEEA; }
.company-bar-loc-option.selected[b-8og9ii3oht] { background: rgba(0,166,156,0.06); }
.company-bar-loc-check[b-8og9ii3oht] { width: 14px; height: 14px; color: #00A69C; flex-shrink: 0; }

/* ══════════════════════════════════════════ */
/*  Company Select Modal                      */
/* ══════════════════════════════════════════ */
.company-modal-overlay[b-8og9ii3oht] {
    position: fixed; inset: 0; z-index: 2000;
    background: rgba(0,0,0,0.5); backdrop-filter: blur(4px);
    display: flex; align-items: flex-start; justify-content: center;
    padding: 6vh 1rem; opacity: 0; pointer-events: none;
    transition: opacity 0.25s ease;
}
.company-modal-overlay.open[b-8og9ii3oht] { opacity: 1; pointer-events: auto; }
.company-modal[b-8og9ii3oht] {
    width: 100%; max-width: 480px; max-height: 75vh;
    background-color: #ffffff !important;
    border-radius: 12px;
    box-shadow: 0 25px 60px rgba(0,0,0,0.3);
    display: flex; flex-direction: column;
    transform: translateY(-10px) scale(0.98);
    transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
    isolation: isolate;
}
.company-modal-overlay.open .company-modal[b-8og9ii3oht] { transform: translateY(0) scale(1); }
.company-modal-header[b-8og9ii3oht] { padding: 1.5rem 1.5rem 0; flex-shrink: 0; background-color: #ffffff; border-radius: 12px 12px 0 0; }
.company-modal-header-row[b-8og9ii3oht] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; }
.company-modal-title[b-8og9ii3oht] { font-size: 1.125rem; font-weight: 700; }
.company-modal-close[b-8og9ii3oht] {
    width: 32px; height: 32px; border-radius: 6px;
    border: none; background: transparent; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    color: rgba(0,0,0,0.4); transition: all 0.15s;
}
.company-modal-close:hover[b-8og9ii3oht] { background: rgba(0,0,0,0.04); color: #1a1a1a; }
.company-modal-close svg[b-8og9ii3oht] { width: 18px; height: 18px; }
.company-search-wrapper[b-8og9ii3oht] { position: relative; margin-bottom: 0.75rem; }
.company-search[b-8og9ii3oht] {
    width: 100%; padding: 0.75rem 1rem 0.75rem 2.5rem;
    border: 1px solid rgba(0,0,0,0.06); border-radius: 6px;
    font-size: 0.875rem; outline: none;
    background: #fafaf8; transition: border-color 0.2s;
}
.company-search:focus[b-8og9ii3oht] { border-color: var(--pa-primary); }
.company-search-wrapper svg[b-8og9ii3oht] {
    position: absolute; left: 0.875rem; top: 50%; transform: translateY(-50%);
    width: 16px; height: 16px; color: rgba(0,0,0,0.2);
}
.company-modal-divider[b-8og9ii3oht] { height: 1px; background: rgba(0,0,0,0.06); }
.company-list[b-8og9ii3oht] { flex: 1; overflow-y: auto; padding: 0.5rem 0; background-color: #ffffff; }
.company-item[b-8og9ii3oht] {
    display: flex; align-items: center; gap: 0.75rem;
    padding: 0.625rem 1.5rem; cursor: pointer; transition: background 0.15s;
}
.company-item:hover[b-8og9ii3oht] { background: rgba(0,0,0,0.03); }
.company-item--active[b-8og9ii3oht] { background: rgba(221,145,66,0.06); }
.company-item--clear[b-8og9ii3oht] { border-bottom: 1px solid rgba(0,0,0,0.06); }
.company-item-avatar--clear[b-8og9ii3oht] {
    background: rgba(0,0,0,0.06); color: rgba(0,0,0,0.35);
}
.company-item-avatar--clear svg[b-8og9ii3oht] { width: 16px; height: 16px; }
.company-item--clear:hover .company-item-avatar--clear[b-8og9ii3oht] { background: rgba(0,0,0,0.1); }
.company-item-avatar[b-8og9ii3oht] {
    width: 32px; height: 32px; min-width: 32px; border-radius: 8px;
    display: flex; align-items: center; justify-content: center;
    font-weight: 800; font-size: 0.6875rem;
    color: white; letter-spacing: -0.02em;
}
.company-item-info[b-8og9ii3oht] { flex: 1; min-width: 0; }
.company-item-name[b-8og9ii3oht] { font-weight: 600; font-size: 0.875rem; }
.company-item-meta[b-8og9ii3oht] { margin-top: 0.125rem; }
.company-item-detail[b-8og9ii3oht] { font-size: 0.75rem; color: rgba(0,0,0,0.4); }
.company-item-arrow[b-8og9ii3oht] { width: 20px; height: 20px; opacity: 0; transition: opacity 0.15s; flex-shrink: 0; }
.company-item-arrow svg[b-8og9ii3oht] { width: 100%; height: 100%; color: rgba(0,0,0,0.4); }
.company-item:hover .company-item-arrow[b-8og9ii3oht] { opacity: 1; }
.company-empty-state[b-8og9ii3oht] { padding: 2rem; text-align: center; color: rgba(0,0,0,0.4); }
.company-empty-state svg[b-8og9ii3oht] { width: 40px; height: 40px; margin-bottom: 0.5rem; color: rgba(0,0,0,0.2); }
.company-empty-state p[b-8og9ii3oht] { font-size: 0.8125rem; }
.company-modal-footer[b-8og9ii3oht] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 0.875rem 1.5rem; border-top: 1px solid rgba(0,0,0,0.06);
    background-color: #ffffff; border-radius: 0 0 12px 12px;
}
.company-modal-count[b-8og9ii3oht] { font-size: 0.75rem; color: rgba(0,0,0,0.4); }
.company-modal-hint[b-8og9ii3oht] { font-size: 0.6875rem; color: rgba(0,0,0,0.2); font-style: italic; }