/* /Components/Pages/Admin/AccountDetail.razor.rz.scp.css */
/* Account detail.

   Only the spend rollup is styled here; everything else on this page uses the shared vocabulary in
   app.css. */

/* ⚠️ NOT `.muted`. That class is --text-faint, which measures 3.72:1 against this canvas - under
   WCAG AA's 4.5:1 - and these lines are not decoration: one is the date range the total covers and
   the other carries the two links that explain how spend gets attributed at all. The rest of this
   page still uses `.muted` for its own prose, which has the same problem and is a wider change than
   this one; see the note in app.css's table section where the same fault was fixed for cells. */
.spend-note[b-xu5sskg1k8] {
    margin-top: var(--s3);
    color: var(--text-dim);
    font-size: .9rem;
    line-height: 1.55;
}

.spend-note a[b-xu5sskg1k8] {
    color: var(--a1);
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* The rollup's own first line sits directly under the stats it qualifies. */
.spend-since[b-xu5sskg1k8] {
    margin-top: var(--s2);
}

/* A stat's value is one line per currency - see LoadSpendAsync for why they are never added
   together. The second and later lines step down so the dominant currency still reads as the
   headline figure rather than one of a list. */
.stat-value > div + div[b-xu5sskg1k8] {
    font-size: .72em;
    opacity: .9;
}
/* /Components/Pages/Admin/ExpenseEditor.razor.rz.scp.css */
/* Expense editor.

   The form itself is styled by the `.editor-card` section in app.css, shared with the schedule
   editor and the account detail page - see the long comment there for why those rules are nested
   rather than applied to bare `.stack`. Only the one thing that is true of THIS page and no other
   lives here. */

/* Confirming a variable schedule's real amount is the only thing that page is asking for, so the
   field it wants says so. Never applied when recording a new expense - the class is bound to
   _awaitingActual. */
.is-primary-task .money[b-sy47g0ic9t] {
    border-color: rgba(34, 211, 238, .45);
    background: rgba(34, 211, 238, .05);
}
/* /Components/Pages/Admin/GitHubOperations.razor.rz.scp.css */
.github-operations[b-r85zcx3ozd] {
    /* Keep page-level semantic names on the Company's established design tokens. */
    --fg: var(--text);
    --muted: var(--text-dim);
    --line: var(--border);
    min-height: 70vh;
    padding: var(--s5) 0 var(--s8);
}

.back-link[b-r85zcx3ozd] {
    display: inline-flex;
    gap: .45rem;
    align-items: center;
    margin-bottom: var(--s5);
    color: var(--muted);
    font-size: .9rem;
    text-decoration: none;
}

.back-link:hover[b-r85zcx3ozd],
.back-link:focus-visible[b-r85zcx3ozd] {
    color: var(--a1);
}

.operations-heading[b-r85zcx3ozd] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--s5);
    align-items: end;
    padding-bottom: var(--s5);
    border-bottom: 1px solid var(--line);
}

.operations-heading h1[b-r85zcx3ozd] {
    max-width: 18ch;
    margin: .7rem 0 .8rem;
    font-size: clamp(2.35rem, 5vw, 2.65rem);
    line-height: 1.04;
    letter-spacing: -.035em;
}

.operations-heading p[b-r85zcx3ozd] {
    max-width: 720px;
    margin: 0;
    color: var(--muted);
    line-height: 1.65;
}

.refresh-button[b-r85zcx3ozd] {
    min-height: 44px;
    padding: .65rem .95rem;
    border: 1px solid var(--line);
    border-radius: 7px;
    background: transparent;
    color: var(--fg);
    font: inherit;
    font-weight: 650;
    cursor: pointer;
}

.refresh-button:hover:not(:disabled)[b-r85zcx3ozd],
.refresh-button:focus-visible[b-r85zcx3ozd] {
    border-color: var(--a1);
    color: var(--a1);
}

.refresh-button:disabled[b-r85zcx3ozd] {
    cursor: not-allowed;
    opacity: .58;
}

.live-updates[b-r85zcx3ozd] {
    display: grid;
    grid-template-columns: minmax(210px, .75fr) minmax(280px, 1.25fr);
    gap: .35rem 1.5rem;
    align-items: center;
    padding: .9rem 0;
    border-bottom: 1px solid var(--line);
}

.live-updates-heading[b-r85zcx3ozd] {
    display: flex;
    gap: .55rem;
    align-items: center;
}

.live-updates h2[b-r85zcx3ozd] {
    margin: 0;
    font-size: .9rem;
    letter-spacing: .01em;
}

.live-indicator[b-r85zcx3ozd] {
    flex: 0 0 auto;
    width: .55rem;
    height: .55rem;
    border-radius: 50%;
    background: #c0c7d4;
}

.live-indicator.is-listening[b-r85zcx3ozd] {
    background: var(--a1);
    box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--a1) 12%, transparent);
}

.live-indicator.is-reconciling[b-r85zcx3ozd],
.live-indicator.is-paused[b-r85zcx3ozd] {
    background: #f2b84b;
    box-shadow: 0 0 0 .25rem color-mix(in srgb, #f2b84b 12%, transparent);
}

.live-indicator.is-setup-pending[b-r85zcx3ozd] {
    background: #c0c7d4;
    box-shadow: 0 0 0 .25rem color-mix(in srgb, #c0c7d4 12%, transparent);
}

.live-state[b-r85zcx3ozd] {
    color: var(--muted);
    font-size: .78rem;
}

.live-updates > p[b-r85zcx3ozd] {
    margin: 0;
    color: var(--muted);
    font-size: .82rem;
    line-height: 1.5;
}

.live-timings[b-r85zcx3ozd] {
    display: flex;
    grid-column: 1 / -1;
    flex-wrap: wrap;
    gap: .4rem 1.5rem;
    margin: .2rem 0 0 1.1rem;
    color: var(--muted);
    font-size: .75rem;
}

.live-timings > div[b-r85zcx3ozd],
.live-timings dd[b-r85zcx3ozd] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: .35rem;
    align-items: baseline;
}

.live-timings dt[b-r85zcx3ozd] {
    font-weight: 700;
}

.live-timings dd[b-r85zcx3ozd] {
    margin: 0;
}

.live-timings dd > span:last-child[b-r85zcx3ozd] {
    color: var(--muted);
}

.initial-check[b-r85zcx3ozd] {
    display: flex;
    gap: .75rem;
    align-items: center;
    padding: var(--s6) 0;
    border-bottom: 1px solid var(--line);
    color: var(--muted);
}

.initial-check strong[b-r85zcx3ozd] {
    color: var(--fg);
}

.checking-mark[b-r85zcx3ozd] {
    width: .65rem;
    height: .65rem;
    border-radius: 50%;
    background: var(--a1);
    box-shadow: 0 0 0 .3rem color-mix(in srgb, var(--a1) 14%, transparent);
}

.evidence-surface[b-r85zcx3ozd] {
    transition: opacity 180ms ease;
}

.evidence-surface.is-checking[b-r85zcx3ozd] {
    opacity: .72;
}

.evidence-meta[b-r85zcx3ozd] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem 1rem;
    align-items: center;
    padding: 1rem 0;
    border-bottom: 1px solid var(--line);
    color: var(--muted);
    font-size: .875rem;
}

.evidence-state[b-r85zcx3ozd],
.source-label[b-r85zcx3ozd] {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: .2rem .55rem;
    border: 1px solid currentColor;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 750;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.state-current[b-r85zcx3ozd],
.source-current[b-r85zcx3ozd] {
    color: var(--a1);
}

.state-partial[b-r85zcx3ozd],
.source-stale[b-r85zcx3ozd] {
    color: #f2b84b;
}

.state-unchecked[b-r85zcx3ozd],
.source-unchecked[b-r85zcx3ozd] {
    color: #c0c7d4;
}

/* Informational, deliberately not the amber of `partial` or the grey of `unchecked`: a settling
   board is the normal state of a busy repository and must not read as a warning. */
.state-settling[b-r85zcx3ozd],
.source-settling[b-r85zcx3ozd] {
    color: #7fb2f0;
}

.checking-copy[b-r85zcx3ozd] {
    color: var(--a1);
}

[b-r85zcx3ozd] time {
    display: inline-flex;
    gap: .4rem;
    align-items: baseline;
    color: var(--fg);
    font-variant-numeric: tabular-nums;
}

.exact-time[b-r85zcx3ozd] {
    color: var(--muted);
    font-size: .78rem;
}

.summary-ledger[b-r85zcx3ozd] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
    border-bottom: 1px solid var(--line);
}

.summary-ledger > div[b-r85zcx3ozd] {
    display: grid;
    gap: .45rem;
    min-height: 106px;
    padding: 1.1rem 1rem 1rem 0;
}

.summary-ledger > div + div[b-r85zcx3ozd] {
    padding-left: 1rem;
    border-left: 1px solid var(--line);
}

.summary-ledger dt[b-r85zcx3ozd] {
    color: var(--muted);
    font-size: .8rem;
    line-height: 1.35;
}

.summary-ledger dd[b-r85zcx3ozd] {
    margin: 0;
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
    font-size: clamp(1.65rem, 3vw, 2.2rem);
    font-weight: 700;
    line-height: 1;
}

.summary-ledger dd.unchecked-count[b-r85zcx3ozd] {
    color: #c0c7d4;
    font-family: inherit;
    font-size: 1rem;
}

.plain-notice[b-r85zcx3ozd] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem 1rem;
    align-items: baseline;
    padding: 1rem 0;
    border-bottom: 1px solid var(--line);
    color: var(--muted);
}

.plain-notice strong[b-r85zcx3ozd] {
    color: #c0c7d4;
}

.plain-notice.notice-amber strong[b-r85zcx3ozd] {
    color: #f2b84b;
}

.plain-notice a[b-r85zcx3ozd] {
    margin-left: auto;
}

.nothing-state[b-r85zcx3ozd] {
    padding: var(--s7) 0;
    border-bottom: 1px solid var(--line);
}

.nothing-state h2[b-r85zcx3ozd] {
    margin: 0 0 .6rem;
    font-size: 1.55rem;
}

.nothing-state p[b-r85zcx3ozd] {
    max-width: 700px;
    margin: 0;
    color: var(--muted);
}

.queue-section[b-r85zcx3ozd] {
    margin-top: 2rem;
    border-top: 1px solid var(--line);
}

.queue-section > header[b-r85zcx3ozd] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: start;
    padding: 1.05rem 0 .9rem;
    border-bottom: 1px solid var(--line);
}

.queue-section h2[b-r85zcx3ozd] {
    margin: 0;
    font-size: 1.25rem;
    letter-spacing: -.015em;
}

.queue-section header p[b-r85zcx3ozd],
.source-message[b-r85zcx3ozd],
.queue-empty[b-r85zcx3ozd] {
    margin: .35rem 0 0;
    color: var(--muted);
    font-size: .88rem;
    line-height: 1.55;
}

.source-message[b-r85zcx3ozd],
.queue-empty[b-r85zcx3ozd] {
    padding: .85rem 0;
    border-bottom: 1px solid var(--line);
}

/* The reason code sits inline with the safe message it disambiguates. Monospace because it is an
   identifier to be read literally and searched for, not prose. */
.reason-code[b-r85zcx3ozd] {
    display: inline-block;
    margin-inline-start: .4rem;
    padding: .05rem .4rem;
    border: 1px solid color-mix(in srgb, currentColor 28%, transparent);
    border-radius: .3rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .82em;
    white-space: nowrap;
}

.attention-row[b-r85zcx3ozd] {
    display: grid;
    grid-template-columns: minmax(110px, .7fr) minmax(0, 3fr) minmax(150px, .85fr) minmax(170px, auto);
    gap: 1rem;
    align-items: center;
    min-height: 76px;
    padding: .9rem 0;
    border-bottom: 1px solid var(--line);
}

.attention-row[b-r85zcx3ozd]::before {
    align-self: stretch;
    width: 2px;
    margin-right: -1rem;
    background: #c0c7d4;
    content: "";
}

.attention-row[b-r85zcx3ozd] {
    grid-template-columns: 2px minmax(110px, .7fr) minmax(0, 3fr) minmax(150px, .85fr) minmax(170px, auto);
}

.urgency-decision[b-r85zcx3ozd]::before,
.urgency-waiting[b-r85zcx3ozd]::before,
.urgency-inactive[b-r85zcx3ozd]::before,
.evidence-stale[b-r85zcx3ozd]::before {
    background: #f2b84b;
}

.urgency-blocked[b-r85zcx3ozd]::before {
    background: #ff7a7a;
}

.row-kind[b-r85zcx3ozd] {
    color: var(--muted);
    font-size: .73rem;
    font-weight: 750;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.row-copy[b-r85zcx3ozd] {
    min-width: 0;
}

.row-copy h3[b-r85zcx3ozd] {
    overflow-wrap: anywhere;
    margin: 0;
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
    font-size: .95rem;
    line-height: 1.45;
}

.row-copy p[b-r85zcx3ozd],
.row-reasons[b-r85zcx3ozd] {
    margin: .25rem 0 0;
    color: var(--muted);
    font-size: .86rem;
    line-height: 1.5;
}

.row-reasons[b-r85zcx3ozd] {
    display: grid;
    gap: .2rem;
    padding-left: 1.1rem;
}

.branch-distance[b-r85zcx3ozd] {
    display: inline-block;
    margin-top: .35rem;
    color: #c0c7d4;
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
    font-size: .78rem;
}

.row-age time[b-r85zcx3ozd] {
    display: grid;
    gap: .15rem;
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
    font-size: .82rem;
}

.row-age .exact-time[b-r85zcx3ozd] {
    font-family: inherit;
    white-space: normal;
}

.row-action[b-r85zcx3ozd] {
    text-align: right;
}

.row-action a[b-r85zcx3ozd],
.plain-notice a[b-r85zcx3ozd] {
    display: inline-flex;
    gap: .4rem;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    color: var(--a1);
    font-size: .84rem;
    font-weight: 700;
    text-decoration: none;
}

.row-action a:hover[b-r85zcx3ozd],
.row-action a:focus-visible[b-r85zcx3ozd],
.plain-notice a:hover[b-r85zcx3ozd],
.plain-notice a:focus-visible[b-r85zcx3ozd] {
    text-decoration: underline;
    text-underline-offset: .2rem;
}

.no-link[b-r85zcx3ozd] {
    color: var(--muted);
    font-size: .82rem;
}

.healthy-disclosure[b-r85zcx3ozd] {
    margin-top: 2rem;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}

.healthy-disclosure summary[b-r85zcx3ozd] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    min-height: 52px;
    padding: .85rem 0;
    align-items: center;
    cursor: pointer;
    font-weight: 700;
}

.healthy-disclosure summary span:last-child[b-r85zcx3ozd] {
    color: var(--muted);
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
}

.healthy-disclosure p[b-r85zcx3ozd] {
    max-width: 760px;
    margin: 0;
    padding: 0 0 1rem;
    color: var(--muted);
    line-height: 1.6;
}

@media (max-width: 800px) {
    .operations-heading[b-r85zcx3ozd] {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .refresh-button[b-r85zcx3ozd] {
        justify-self: start;
    }

    .live-updates[b-r85zcx3ozd] {
        grid-template-columns: 1fr;
    }

    .live-timings[b-r85zcx3ozd] {
        grid-column: 1;
        margin-left: 0;
    }

    .attention-row[b-r85zcx3ozd] {
        grid-template-columns: 2px minmax(0, 1fr) auto;
        gap: .75rem;
        align-items: start;
        padding: .95rem 0;
    }

    .attention-row[b-r85zcx3ozd]::before {
        grid-row: 1 / 4;
        margin-right: 0;
    }

    .row-kind[b-r85zcx3ozd] {
        grid-column: 2;
    }

    .row-age[b-r85zcx3ozd] {
        grid-column: 3;
        grid-row: 1;
        text-align: right;
    }

    .row-copy[b-r85zcx3ozd] {
        grid-column: 2 / 4;
    }

    .row-action[b-r85zcx3ozd] {
        grid-column: 2 / 4;
        text-align: left;
    }
}

@media (max-width: 520px) {
    .github-operations[b-r85zcx3ozd] {
        padding-top: var(--s4);
    }

    .operations-heading h1[b-r85zcx3ozd] {
        font-size: 2.15rem;
    }

    .live-timings[b-r85zcx3ozd],
    .live-timings > div[b-r85zcx3ozd],
    .live-timings dd[b-r85zcx3ozd] {
        display: grid;
    }

    .summary-ledger[b-r85zcx3ozd] {
        grid-template-columns: 1fr;
    }

    .summary-ledger > div[b-r85zcx3ozd],
    .summary-ledger > div + div[b-r85zcx3ozd],
    .summary-ledger > div:nth-child(3)[b-r85zcx3ozd] {
        min-height: 82px;
        padding: .9rem 0;
        border-top: 1px solid var(--line);
        border-left: 0;
    }

    .summary-ledger > div:first-child[b-r85zcx3ozd] {
        border-top: 0;
    }

    .queue-section > header[b-r85zcx3ozd] {
        display: grid;
    }

    .source-label[b-r85zcx3ozd] {
        justify-self: start;
    }

    .plain-notice a[b-r85zcx3ozd] {
        width: 100%;
        justify-content: flex-start;
        margin-left: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .evidence-surface[b-r85zcx3ozd] {
        transition: none;
    }
}
/* /Components/Pages/Admin/Recurring.razor.rz.scp.css */
/* Schedules.

   The editor form is styled by the `.editor-card` section in app.css and the table by the `.table`
   section, both shared with the rest of the back office. What stays here is only what is true of
   this page: the editor's width, and the two columns that need a fixed shape. */

.schedule-editor[b-g8ix8dfpsq] {
    max-width: 760px;
    margin-bottom: var(--s5);
}

/* The alerts sit at page level, above whichever of the editor or the table is showing. Left to the
   wrap they stretch to the full content width and read as a page-wide banner rather than as a reply
   to what was just saved. */
.error[b-g8ix8dfpsq],
.notice[b-g8ix8dfpsq] {
    max-width: 760px;
}

/* Description is the only free-text column and will happily take half the table if the vendor names
   are short. Everything else here is a date, a count or an amount. */
.schedules td:nth-child(2)[b-g8ix8dfpsq] {
    min-width: 14ch;
}
/* /Components/Pages/Admin/ServiceRemediation.razor.rz.scp.css */
.guide-hero[b-wsalyggvj1] {
    padding: clamp(3.5rem, 8vw, 6.5rem) 0 2.5rem;
}

.guide-wrap[b-wsalyggvj1] {
    max-width: 1180px;
}

.back-link[b-wsalyggvj1] {
    display: inline-flex;
    gap: .45rem;
    align-items: center;
    min-height: 2.25rem;
    margin-bottom: 2rem;
    color: var(--text-dim);
    font-size: .9rem;
}

.back-link:hover[b-wsalyggvj1] {
    color: var(--a1);
}

.back-link:focus-visible[b-wsalyggvj1],
.destination-link:focus-visible[b-wsalyggvj1],
.related-list a:focus-visible[b-wsalyggvj1],
.completion-actions a:focus-visible[b-wsalyggvj1] {
    border-radius: .25rem;
    outline: 2px solid var(--a1);
    outline-offset: 3px;
}

.action-kicker[b-wsalyggvj1] {
    display: block;
    color: #fca5a5;
    font-size: .75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .09em;
}

.guide-hero h1[b-wsalyggvj1] {
    max-width: 18ch;
    margin-top: .85rem;
    font-size: clamp(2.35rem, 5.5vw, 4.8rem);
    line-height: 1;
    letter-spacing: -.045em;
}

.guide-lead[b-wsalyggvj1] {
    max-width: 70ch;
    margin-top: 1.15rem;
    color: var(--text-dim);
    font-size: clamp(1rem, 1.7vw, 1.15rem);
}

.guide-lead strong[b-wsalyggvj1] {
    color: var(--text);
}

.guide-body[b-wsalyggvj1] {
    padding-bottom: var(--s8);
}

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

.guide-main[b-wsalyggvj1] {
    display: grid;
    gap: 1rem;
}

.guide-section[b-wsalyggvj1],
.completion-note[b-wsalyggvj1],
.context-card[b-wsalyggvj1] {
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: var(--surface);
}

.guide-section[b-wsalyggvj1] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1.1rem;
    padding: clamp(1.2rem, 3vw, 2rem);
}

.outcome-card[b-wsalyggvj1] {
    border-color: rgba(34, 211, 238, .3);
    background: rgba(34, 211, 238, .055);
}

.section-number[b-wsalyggvj1] {
    color: var(--a1);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: .75rem;
    font-weight: 800;
}

.guide-section h2[b-wsalyggvj1],
.completion-note h2[b-wsalyggvj1],
.context-card h2[b-wsalyggvj1] {
    color: var(--text);
}

.guide-section h2[b-wsalyggvj1] {
    font-size: clamp(1.3rem, 2.5vw, 1.7rem);
}

.guide-section h3[b-wsalyggvj1] {
    margin-top: 1.15rem;
    color: var(--text);
    font-size: .82rem;
    text-transform: uppercase;
    letter-spacing: .065em;
}

.guide-section p[b-wsalyggvj1],
.completion-note p[b-wsalyggvj1],
.context-card p[b-wsalyggvj1],
.context-card dd[b-wsalyggvj1] {
    color: var(--text-dim);
    font-size: 1rem;
    line-height: 1.6;
}

.guide-section h2 + p[b-wsalyggvj1],
.guide-section h3 + p[b-wsalyggvj1],
.completion-note h2 + p[b-wsalyggvj1],
.context-card h2 + p[b-wsalyggvj1] {
    margin-top: .55rem;
}

.caution[b-wsalyggvj1] {
    margin-top: 1.25rem;
    padding: 1rem;
    border-left: 3px solid #fca5a5;
    border-radius: 0 .65rem .65rem 0;
    background: rgba(239, 68, 68, .055);
}

.caution strong[b-wsalyggvj1] {
    color: #fecaca;
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.caution p[b-wsalyggvj1] {
    margin-top: .35rem;
}

.guide-steps[b-wsalyggvj1] {
    display: grid;
    gap: 1rem;
    margin: 1.15rem 0 0;
    padding-left: 1.5rem;
    color: var(--text-dim);
}

.guide-steps li[b-wsalyggvj1] {
    padding-left: .35rem;
    font-size: 1rem;
    line-height: 1.6;
}

.guide-steps li[b-wsalyggvj1]::marker {
    color: var(--a1);
    font-weight: 800;
}

.section-intro[b-wsalyggvj1] {
    margin-top: .55rem;
}

.verification-list[b-wsalyggvj1],
.related-list[b-wsalyggvj1] {
    list-style: none;
    margin: 1rem 0 0;
    padding: 0;
}

.verification-list[b-wsalyggvj1] {
    display: grid;
    gap: .8rem;
}

.verification-list li[b-wsalyggvj1] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .7rem;
    align-items: start;
    color: var(--text-dim);
    font-size: 1rem;
    line-height: 1.55;
}

.check-box[b-wsalyggvj1] {
    width: 1rem;
    height: 1rem;
    margin-top: .25rem;
    border: 1px solid var(--border-bright);
    border-radius: .25rem;
    background: rgba(255, 255, 255, .025);
}

.completion-note[b-wsalyggvj1] {
    padding: 1.35rem 1.5rem;
}

.completion-note h2[b-wsalyggvj1] {
    font-size: 1.05rem;
}

.completion-note code[b-wsalyggvj1] {
    color: #c4d4e9;
    overflow-wrap: anywhere;
}

.completion-actions[b-wsalyggvj1] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1rem;
}

.completion-actions a[b-wsalyggvj1] {
    display: inline-flex;
    gap: .4rem;
    align-items: center;
    min-height: 2.75rem;
    padding: .65rem .9rem;
    border: 1px solid var(--border-bright);
    border-radius: .65rem;
    color: var(--a1);
    font-size: .86rem;
    font-weight: 750;
}

.completion-actions a:hover[b-wsalyggvj1] {
    border-color: var(--a1);
    color: var(--text);
}

.completion-safety[b-wsalyggvj1] {
    margin-top: .9rem;
    font-size: .88rem !important;
}

.guide-sidebar[b-wsalyggvj1] {
    display: grid;
    gap: 1rem;
}

.destination-link[b-wsalyggvj1] {
    display: inline-flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    min-height: 3rem;
    padding: .8rem 1rem;
    border: 1px solid var(--a1);
    border-radius: .75rem;
    color: #061018;
    background: var(--a1);
    font-weight: 800;
}

.destination-link:hover[b-wsalyggvj1] {
    background: #a5f3fc;
}

.destination-note[b-wsalyggvj1] {
    margin-top: -.45rem;
    color: var(--text-dim);
    font-size: .78rem;
    line-height: 1.5;
}

.context-card[b-wsalyggvj1] {
    padding: 1.15rem;
}

.context-card h2[b-wsalyggvj1] {
    font-size: .95rem;
}

.context-card dl[b-wsalyggvj1] {
    margin: .7rem 0 0;
}

.context-card dl div[b-wsalyggvj1] {
    padding: .75rem 0;
    border-top: 1px solid var(--border);
}

.context-card dt[b-wsalyggvj1] {
    color: var(--text-dim);
    font-size: .68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.context-card dd[b-wsalyggvj1] {
    margin: .3rem 0 0;
    overflow-wrap: anywhere;
}

.context-card code[b-wsalyggvj1] {
    color: #c4d4e9;
    font-size: .78rem;
    white-space: normal;
}

.status-badge[b-wsalyggvj1] {
    display: inline-flex;
    align-items: center;
    padding: .3rem .55rem;
    border: 1px solid currentColor;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: .045em;
}

.status-recovered[b-wsalyggvj1] { color: #67e8f9; background: rgba(34, 211, 238, .08); }
.status-source[b-wsalyggvj1] { color: #fca5a5; background: rgba(239, 68, 68, .08); }
.status-remote[b-wsalyggvj1] { color: #c4b5fd; background: rgba(168, 85, 247, .08); }
.status-burned[b-wsalyggvj1] { color: #fdba74; background: rgba(249, 115, 22, .08); }
.status-unknown[b-wsalyggvj1] { color: #fde68a; background: rgba(234, 179, 8, .07); }
.status-unconfigured[b-wsalyggvj1] { color: #94a3b8; background: rgba(148, 163, 184, .07); }
.status-none[b-wsalyggvj1] { color: #86efac; background: rgba(34, 197, 94, .07); }

.related-list[b-wsalyggvj1] {
    display: grid;
    gap: .5rem;
}

.related-list li[b-wsalyggvj1] {
    color: var(--text-dim);
    font-size: .9rem;
    line-height: 1.4;
}

.related-list a[b-wsalyggvj1] {
    display: inline-flex;
    min-height: 1.75rem;
    align-items: center;
    color: var(--a1);
}

.related-list strong[b-wsalyggvj1] {
    color: var(--text);
}

.secret-boundary[b-wsalyggvj1] {
    border-color: rgba(252, 165, 165, .22);
}

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

@media (max-width: 860px) {
    .guide-layout[b-wsalyggvj1] {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 560px) {
    .guide-hero[b-wsalyggvj1] {
        padding-top: 2.5rem;
    }

    .guide-section[b-wsalyggvj1] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/Services.razor.rz.scp.css */
.inventory-hero[b-wbmsoym2td] {
    padding: clamp(3.5rem, 8vw, 6.5rem) 0 2.5rem;
}

.inventory-hero h1[b-wbmsoym2td] {
    max-width: 16ch;
    margin-top: 1rem;
    font-size: clamp(2.35rem, 5.5vw, 4.8rem);
    line-height: .98;
    letter-spacing: -.045em;
}

.inventory-lead[b-wbmsoym2td] {
    max-width: 72ch;
    margin-top: 1.25rem;
    color: var(--text-dim);
    font-size: clamp(1rem, 1.7vw, 1.15rem);
}

.review-stamp[b-wbmsoym2td] {
    margin-top: .9rem;
    color: var(--text-faint);
    font-size: .82rem;
    text-transform: uppercase;
    letter-spacing: .075em;
}

.back-link[b-wbmsoym2td] {
    display: inline-flex;
    gap: .45rem;
    align-items: center;
    margin-bottom: 2rem;
    color: var(--text-dim);
    font-size: .9rem;
}

.back-link:hover[b-wbmsoym2td] {
    color: var(--a1);
}

.inventory-body[b-wbmsoym2td] {
    padding: 0 0 var(--s8);
}

.safety-callout[b-wbmsoym2td] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    align-items: start;
    padding: 1.2rem 1.3rem;
    border: 1px solid rgba(34, 211, 238, .28);
    border-radius: var(--radius-lg);
    background: rgba(34, 211, 238, .07);
}

.safety-callout strong[b-wbmsoym2td] {
    color: var(--text);
}

.safety-callout p[b-wbmsoym2td] {
    max-width: 90ch;
    margin-top: .35rem;
    color: var(--text-dim);
    font-size: 1rem;
}

.safety-icon[b-wbmsoym2td] {
    display: grid;
    width: 2.5rem;
    height: 2.5rem;
    place-items: center;
    border: 1px solid rgba(34, 211, 238, .28);
    border-radius: .75rem;
    color: var(--a1);
    background: rgba(34, 211, 238, .09);
}

.safety-icon svg[b-wbmsoym2td] {
    width: 1.25rem;
    height: 1.25rem;
}

.inventory-metrics[b-wbmsoym2td] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    margin: 1.5rem 0;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: var(--border);
}

.inventory-metrics article[b-wbmsoym2td] {
    min-width: 0;
    padding: 1.2rem;
    background: rgba(255, 255, 255, .025);
}

.inventory-metrics strong[b-wbmsoym2td],
.inventory-metrics span[b-wbmsoym2td] {
    display: block;
}

.inventory-metrics strong[b-wbmsoym2td] {
    color: var(--text);
    font-size: 1.8rem;
    line-height: 1;
}

.inventory-metrics span[b-wbmsoym2td] {
    margin-top: .4rem;
    color: var(--text-faint);
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.inventory-metrics .metric-alert strong[b-wbmsoym2td] {
    color: #fca5a5;
}

.rotation-panel[b-wbmsoym2td],
.inventory-group[b-wbmsoym2td] {
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: var(--surface);
}

.rotation-panel[b-wbmsoym2td] {
    margin: 1.5rem 0 2rem;
}

.rotation-panel > summary[b-wbmsoym2td],
.inventory-group > summary[b-wbmsoym2td] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.2rem;
    cursor: pointer;
    color: var(--text);
    font-weight: 700;
    list-style: none;
}

.rotation-panel > summary[b-wbmsoym2td]::-webkit-details-marker,
.inventory-group > summary[b-wbmsoym2td]::-webkit-details-marker {
    display: none;
}

.rotation-panel > summary[b-wbmsoym2td]::before,
.inventory-group > summary[b-wbmsoym2td]::before {
    content: "+";
    display: inline-grid;
    width: 1.5rem;
    height: 1.5rem;
    flex: none;
    place-items: center;
    border-radius: .45rem;
    color: var(--a1);
    background: rgba(34, 211, 238, .08);
}

.rotation-panel[open] > summary[b-wbmsoym2td]::before,
.inventory-group[open] > summary[b-wbmsoym2td]::before {
    content: "–";
}

.rotation-panel > summary > :first-child[b-wbmsoym2td],
.inventory-group > summary > :first-child[b-wbmsoym2td] {
    margin-right: auto;
}

.queue-count[b-wbmsoym2td],
.group-count[b-wbmsoym2td] {
    color: var(--text-faint);
    font-size: .78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.rotation-panel ol[b-wbmsoym2td] {
    display: grid;
    gap: .7rem;
    margin: 0;
    padding: .2rem 1.5rem 1.3rem 3.4rem;
    color: var(--text-dim);
}

.rotation-intro[b-wbmsoym2td] {
    max-width: 75ch;
    margin: 0;
    padding: 0 1.2rem .25rem;
    color: var(--text-dim);
    font-size: .95rem;
    line-height: 1.55;
}

.rotation-links[b-wbmsoym2td] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem 1rem;
    padding: 0 1.2rem .6rem;
}

.rotation-checklist-link[b-wbmsoym2td] {
    display: inline-flex;
    gap: .35rem;
    align-items: center;
    min-height: 2rem;
    color: var(--a1);
    font-size: .9rem;
    font-weight: 700;
}

.rotation-checklist-link:hover[b-wbmsoym2td] {
    color: var(--text);
}

.rotation-checklist-link:focus-visible[b-wbmsoym2td] {
    border-radius: .25rem;
    outline: 2px solid var(--a1);
    outline-offset: 2px;
}

.rotation-panel li[b-wbmsoym2td]::marker {
    color: #fca5a5;
    font-weight: 700;
}

.rotation-panel li > span[b-wbmsoym2td] {
    display: block;
}

.priority-workstream-list[b-wbmsoym2td] {
    gap: 1rem;
}

.priority-workstream[b-wbmsoym2td] {
    padding-bottom: .2rem;
}

.priority-workstream-heading[b-wbmsoym2td] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .75rem;
}

.priority-action[b-wbmsoym2td] {
    flex: 1 1 16rem;
    min-width: 0;
    color: var(--text);
    font-weight: 650;
}

.priority-status[b-wbmsoym2td] {
    display: inline-flex;
    flex: none;
    align-items: center;
    min-height: 1.55rem;
    padding: .1rem .45rem;
    border: 1px solid currentColor;
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.priority-in-progress[b-wbmsoym2td] {
    color: var(--a1);
    background: rgba(34, 211, 238, .08);
}

.priority-blocked[b-wbmsoym2td] {
    color: #fca5a5;
    background: rgba(248, 113, 113, .08);
}

.priority-ready-for-review[b-wbmsoym2td] {
    color: #fcd34d;
    background: rgba(252, 211, 77, .08);
}

.priority-verified[b-wbmsoym2td] {
    color: #86efac;
    background: rgba(134, 239, 172, .08);
}

.priority-not-applicable[b-wbmsoym2td] {
    color: var(--text-dim);
    background: rgba(255, 255, 255, .04);
}

.priority-progress[b-wbmsoym2td],
.priority-next-gate[b-wbmsoym2td],
.priority-evidence[b-wbmsoym2td] {
    max-width: 75ch;
    margin: .45rem 0 0;
    line-height: 1.5;
}

.priority-next-gate strong[b-wbmsoym2td],
.priority-evidence strong[b-wbmsoym2td] {
    color: var(--text);
}

.closed-workstreams[b-wbmsoym2td] {
    margin: 0 1.2rem 1.2rem;
    border-top: 1px solid var(--border);
}

.closed-workstreams summary[b-wbmsoym2td] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 0 .75rem;
    cursor: pointer;
    color: var(--text);
    font-weight: 700;
    list-style: none;
}

.closed-workstreams summary[b-wbmsoym2td]::-webkit-details-marker {
    display: none;
}

.closed-workstreams summary[b-wbmsoym2td]::before {
    content: "+";
    display: inline-grid;
    width: 1.5rem;
    height: 1.5rem;
    flex: none;
    place-items: center;
    border-radius: .45rem;
    color: var(--a1);
    background: rgba(34, 211, 238, .08);
}

.closed-workstreams[open] summary[b-wbmsoym2td]::before {
    content: "–";
}

.closed-workstreams summary > :first-child[b-wbmsoym2td] {
    margin-right: auto;
}

.closed-workstreams .priority-workstream-list[b-wbmsoym2td] {
    padding-right: 0;
    padding-left: 2.2rem;
}

.rotation-panel li a[b-wbmsoym2td] {
    display: inline-flex;
    gap: .35rem;
    align-items: center;
    width: fit-content;
    min-height: 2rem;
    margin-top: .25rem;
    padding: .3rem 0;
    color: var(--a1);
    font-size: .82rem;
    font-weight: 700;
}

.rotation-panel li a:hover[b-wbmsoym2td] {
    color: var(--text);
}

.rotation-panel li a:focus-visible[b-wbmsoym2td] {
    border-radius: .25rem;
    outline: 2px solid var(--a1);
    outline-offset: 2px;
}

.inventory-controls[b-wbmsoym2td] {
    display: grid;
    grid-template-columns: minmax(260px, 1.5fr) repeat(2, minmax(180px, .7fr));
    gap: 1rem;
    align-items: end;
    padding: 1.1rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    background: rgba(255, 255, 255, .018);
}

.inventory-controls label:not(.action-toggle)[b-wbmsoym2td] {
    display: grid;
    gap: .45rem;
}

.inventory-controls label > span[b-wbmsoym2td] {
    color: var(--text-dim);
    font-size: .8rem;
    font-weight: 600;
}

.inventory-controls input[type="search"][b-wbmsoym2td],
.inventory-controls select[b-wbmsoym2td] {
    width: 100%;
    min-height: 44px;
    padding: .7rem .8rem;
    border: 1px solid var(--border-bright);
    border-radius: .7rem;
    color: var(--text);
    background: #0b0f1a;
    font: inherit;
    font-size: .9rem;
}

.inventory-controls input:focus[b-wbmsoym2td],
.inventory-controls select:focus[b-wbmsoym2td] {
    border-color: var(--a1);
    outline: 2px solid rgba(34, 211, 238, .18);
    outline-offset: 1px;
}

.action-toggle[b-wbmsoym2td] {
    display: inline-flex;
    grid-column: 1 / -1;
    gap: .55rem;
    align-items: center;
    width: fit-content;
    cursor: pointer;
}

.action-toggle input[b-wbmsoym2td] {
    width: 1rem;
    height: 1rem;
    accent-color: var(--a1);
}

.result-count[b-wbmsoym2td] {
    margin: 1rem 0;
    color: var(--text-faint);
    font-size: .88rem;
}

.inventory-groups[b-wbmsoym2td] {
    display: grid;
    gap: 1rem;
}

.inventory-group[b-wbmsoym2td] {
    overflow: clip;
}

.inventory-group > summary[b-wbmsoym2td] {
    background: rgba(255, 255, 255, .025);
}

.inventory-table-wrap[b-wbmsoym2td] {
    overflow-x: auto;
    border-top: 1px solid var(--border);
}

.inventory-table-wrap:focus-visible[b-wbmsoym2td] {
    outline: 2px solid var(--a1);
    outline-offset: 2px;
}

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

table[b-wbmsoym2td] {
    width: 100%;
    min-width: 1120px;
    border-collapse: collapse;
    table-layout: fixed;
}

th[b-wbmsoym2td],
td[b-wbmsoym2td] {
    padding: .95rem 1rem;
    border-bottom: 1px solid var(--border);
    vertical-align: top;
    text-align: left;
}

th[b-wbmsoym2td] {
    color: var(--text-faint);
    background: rgba(255, 255, 255, .018);
    font-size: .73rem;
    text-transform: uppercase;
    letter-spacing: .065em;
}

th:nth-child(1)[b-wbmsoym2td] { width: 16%; }
th:nth-child(2)[b-wbmsoym2td] { width: 19%; }
th:nth-child(3)[b-wbmsoym2td] { width: 19%; }
th:nth-child(4)[b-wbmsoym2td] { width: 14%; }
th:nth-child(5)[b-wbmsoym2td] { width: 32%; }

td[b-wbmsoym2td] {
    color: var(--text-dim);
    font-size: 1rem;
    line-height: 1.48;
    overflow-wrap: anywhere;
}

tbody tr:last-child td[b-wbmsoym2td] {
    border-bottom: 0;
}

tbody tr.needs-action[b-wbmsoym2td] {
    background: rgba(239, 68, 68, .035);
}

tbody tr[id][b-wbmsoym2td] {
    scroll-margin-top: 6rem;
}

td strong[b-wbmsoym2td] {
    display: block;
    color: var(--text);
    font-size: 1rem;
}

.action-mark[b-wbmsoym2td] {
    display: block;
    width: fit-content;
    margin-top: .45rem;
    color: #fca5a5;
    font-size: .69rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.remediation-link[b-wbmsoym2td] {
    display: inline-flex;
    gap: .35rem;
    align-items: center;
    min-height: 2rem;
    margin-top: .35rem;
    padding: .3rem 0;
    color: var(--a1);
    font-size: .78rem;
    font-weight: 700;
}

.remediation-link:hover[b-wbmsoym2td] {
    color: var(--text);
}

.remediation-link:focus-visible[b-wbmsoym2td] {
    border-radius: .25rem;
    outline: 2px solid var(--a1);
    outline-offset: 2px;
}

code[b-wbmsoym2td] {
    color: #c4d4e9;
    font-size: .78rem;
    white-space: normal;
}

/* The explanation is the longest text in the row and it is context, not a lookup key, so it sits
   behind its own disclosure. <details>/<summary> is used rather than an @onclick button because
   this page carries the whole inventory over an InteractiveServer circuit: a native disclosure
   toggles locally with no round trip, works before the circuit connects, and already announces
   its own expanded/collapsed state. */
.note-disclosure[b-wbmsoym2td] {
    margin-top: .55rem;
}

.note-disclosure > summary[b-wbmsoym2td] {
    display: inline-flex;
    gap: .4rem;
    align-items: center;
    width: fit-content;
    min-height: 2rem;
    padding: .3rem .7rem;
    border: 1px solid var(--border-bright);
    border-radius: 999px;
    color: var(--a1);
    background: var(--surface);
    font-size: .78rem;
    font-weight: 700;
    cursor: pointer;
    list-style: none;
}

.note-disclosure > summary[b-wbmsoym2td]::-webkit-details-marker {
    display: none;
}

.note-disclosure > summary[b-wbmsoym2td]::before {
    content: "+";
    display: inline-grid;
    width: 1.05rem;
    height: 1.05rem;
    flex: none;
    place-items: center;
    border-radius: .3rem;
    color: var(--a1);
    background: rgba(34, 211, 238, .12);
    font-size: .85rem;
    line-height: 1;
}

.note-disclosure[open] > summary[b-wbmsoym2td]::before {
    content: "–";
}

.note-disclosure > summary:hover[b-wbmsoym2td] {
    color: var(--text);
    border-color: var(--a1);
    background: var(--surface-hover);
}

.note-disclosure > summary:focus-visible[b-wbmsoym2td] {
    outline: 2px solid var(--a1);
    outline-offset: 2px;
}

/* --text-faint measures 3.56:1 on this canvas, under WCAG AA. The note is now revealed on
   purpose rather than skimmed past, so it reads at --text-dim. */
.inventory-note[b-wbmsoym2td] {
    max-width: 80ch;
    margin-top: .55rem;
    padding: .6rem .75rem;
    border-left: 2px solid rgba(34, 211, 238, .35);
    border-radius: .4rem;
    color: var(--text-dim);
    background: rgba(255, 255, 255, .025);
    font-size: .95rem;
    line-height: 1.55;
}

/* This page uses .visually-hidden, but the only definition lived in the sibling
   ServiceRemediation scoped stylesheet, so "(opens in a new tab)" rendered visibly here. */
.visually-hidden[b-wbmsoym2td] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

.status-badge[b-wbmsoym2td] {
    display: inline-flex;
    align-items: center;
    padding: .3rem .55rem;
    border: 1px solid currentColor;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: .045em;
}

.status-recovered[b-wbmsoym2td] { color: #67e8f9; background: rgba(34, 211, 238, .08); }
.status-source[b-wbmsoym2td] { color: #fca5a5; background: rgba(239, 68, 68, .08); }
.status-remote[b-wbmsoym2td] { color: #c4b5fd; background: rgba(168, 85, 247, .08); }
.status-burned[b-wbmsoym2td] { color: #fdba74; background: rgba(249, 115, 22, .08); }
.status-unknown[b-wbmsoym2td] { color: #fde68a; background: rgba(234, 179, 8, .07); }
.status-unconfigured[b-wbmsoym2td] { color: #94a3b8; background: rgba(148, 163, 184, .07); }
.status-none[b-wbmsoym2td] { color: #86efac; background: rgba(34, 197, 94, .07); }

.empty-state[b-wbmsoym2td] {
    padding: 3rem 1.5rem;
    border: 1px dashed var(--border-bright);
    border-radius: var(--radius-lg);
    text-align: center;
}

.empty-state h2[b-wbmsoym2td] {
    font-size: 1.4rem;
}

.empty-state p[b-wbmsoym2td] {
    margin: .5rem 0 1.2rem;
    color: var(--text-dim);
}

.limitations-panel[b-wbmsoym2td] {
    margin-top: 1.5rem;
    padding: 1.2rem 1.3rem;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    color: var(--text-faint);
    background: rgba(255, 255, 255, .018);
}

.limitations-panel h2[b-wbmsoym2td] {
    color: var(--text-dim);
    font-size: .9rem;
}

.limitations-panel p[b-wbmsoym2td] {
    max-width: 100ch;
    margin-top: .45rem;
    font-size: 1rem;
    line-height: 1.6;
}

@media (max-width: 880px) {
    .inventory-metrics[b-wbmsoym2td] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .inventory-controls[b-wbmsoym2td] {
        grid-template-columns: 1fr 1fr;
    }

    .search-control[b-wbmsoym2td] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 620px) {
    .inventory-hero[b-wbmsoym2td] {
        padding-top: 2.5rem;
    }

    .safety-callout[b-wbmsoym2td] {
        grid-template-columns: 1fr;
    }

    .inventory-controls[b-wbmsoym2td],
    .inventory-metrics[b-wbmsoym2td] {
        grid-template-columns: 1fr;
    }

    .search-control[b-wbmsoym2td],
    .action-toggle[b-wbmsoym2td] {
        grid-column: auto;
    }

    .inventory-table-wrap[b-wbmsoym2td] {
        overflow: visible;
    }

    table[b-wbmsoym2td],
    thead[b-wbmsoym2td],
    tbody[b-wbmsoym2td],
    tr[b-wbmsoym2td],
    th[b-wbmsoym2td],
    td[b-wbmsoym2td] {
        display: block;
        width: 100%;
        min-width: 0;
    }

    thead[b-wbmsoym2td] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }

    tbody tr[b-wbmsoym2td] {
        padding: .25rem 1rem .9rem;
        border-bottom: 1px solid var(--border);
    }

    tbody tr:last-child[b-wbmsoym2td] {
        border-bottom: 0;
    }

    td[b-wbmsoym2td] {
        display: grid;
        grid-template-columns: minmax(7rem, 36%) 1fr;
        gap: .8rem;
        padding: .65rem 0;
        border-bottom: 1px solid rgba(255, 255, 255, .045);
    }

    td[b-wbmsoym2td]::before {
        content: attr(data-label);
        color: var(--text-faint);
        font-size: .68rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .05em;
    }

    td > strong[b-wbmsoym2td],
    td > .action-mark[b-wbmsoym2td],
    td > .remediation-link[b-wbmsoym2td],
    td > code[b-wbmsoym2td],
    td > .note-disclosure[b-wbmsoym2td],
    td > .status-badge[b-wbmsoym2td] {
        grid-column: 2;
    }

    td:last-child[b-wbmsoym2td] {
        border-bottom: 0;
    }
}