/* /Components/Pages/Admin/Data/Users.razor.rz.scp.css */
.table-responsive[b-o2stwb9o4g] {
    max-height: calc(100vh - 300px);
    overflow-y: auto;
}

.modal.show[b-o2stwb9o4g] {
    display: block;
}
/* /Components/Pages/Admin/Intelligence/Prompts.razor.rz.scp.css */
.prompt-card[b-5l61x88xgs] {
    border: 1px solid var(--it-border);
    border-radius: var(--it-radius-sm);
    padding: 1rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    transition: all 0.2s;
}

.prompt-card:hover[b-5l61x88xgs] {
    background-color: var(--it-surface-2);
    border-color: var(--it-border-strong);
}

.prompt-card.active[b-5l61x88xgs] {
    border-color: var(--it-brand);
    background-color: var(--it-brand-soft);
}

.prompt-card.selected[b-5l61x88xgs] {
    border-color: var(--it-mint);
    background-color: var(--it-mint-soft);
}

.prompt-list[b-5l61x88xgs] {
    max-height: 500px;
    overflow-y: auto;
}

.token-chips[b-5l61x88xgs] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.token-chip[b-5l61x88xgs] {
    margin: 0;
    font-family: var(--it-font-mono);
    font-size: 0.875rem;
}

.test-output[b-5l61x88xgs] {
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-width: 100%;
}
/* /Components/Pages/Admin/Operations/EmailTemplates.razor.rz.scp.css */
.template-list[b-vzw8bu7i7t] {
    max-height: 600px;
    overflow-y: auto;
    border: 1px solid var(--it-border);
    border-radius: var(--it-radius-sm);
    padding: 0.5rem;
}

.template-card[b-vzw8bu7i7t] {
    padding: 0.75rem;
    margin-bottom: 0.5rem;
    border: 1px solid var(--it-border);
    border-radius: var(--it-radius-sm);
    cursor: pointer;
    transition: all 0.2s;
}

.template-card:hover[b-vzw8bu7i7t] {
    background-color: var(--it-surface-2);
    border-color: var(--it-brand);
}

.template-card.selected[b-vzw8bu7i7t] {
    background-color: var(--it-brand-soft);
    border-color: var(--it-brand);
    border-width: 2px;
}

.template-card.active[b-vzw8bu7i7t] {
    border-left: 4px solid var(--it-mint);
}

.token-chips[b-vzw8bu7i7t] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.token-chip[b-vzw8bu7i7t] {
    font-family: var(--it-font-mono);
    font-size: 0.85rem;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    white-space: nowrap;
}

.font-monospace[b-vzw8bu7i7t] {
    font-family: var(--it-font-mono);
    font-size: 0.9rem;
}

h4[b-vzw8bu7i7t] {
    margin-bottom: 1rem;
    color: var(--it-ink-2);
}
/* /Components/Pages/Admin/Tasks/Manual.razor.rz.scp.css */
.card[b-fp7brndqy8] {
    transition: all 0.2s ease-in-out;
}

.card:hover[b-fp7brndqy8] {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
}

.spinner-border-sm[b-fp7brndqy8] {
    width: 1rem;
    height: 1rem;
    border-width: 0.15em;
}

.alert pre[b-fp7brndqy8] {
    margin-bottom: 0;
}
/* /Components/Shared/EntitlementTree.razor.rz.scp.css */
/*
    The group header row that splits the tree by feature-key root.

    Uses the design system's raised-surface token rather than Bootstrap's .table-light, which is a fixed near-white
    and reads as a bright band across the dark console. The token is theme-aware (#EEEDEA light, #252830 dark), so
    the row stays one step off the card behind it in both themes instead of fighting one of them.

    Set through --bs-table-bg rather than background-color because that is the variable Bootstrap's own cells
    paint from; setting the background directly is overpainted by .table > :not(caption) > * > *.
*/
.group-row[b-p5ty3k1kcp] {
    --bs-table-bg: var(--it-surface-2);
    --bs-table-color: var(--it-ink);
    cursor: pointer;
}

.group-row:hover[b-p5ty3k1kcp] {
    --bs-table-bg: var(--it-border);
}

/* The disclosure chevron is chrome, not content — dim it so the key beside it stays the thing being read. */
.group-row .bi[b-p5ty3k1kcp] {
    color: var(--it-ink-3);
}

/*
    Column headers pinned while the rows scroll. With sixty-odd features the header is off-screen for most of the
    list, and a row of decisions, steps and origins is unreadable once you cannot see which column is which.

    Needs an opaque background of its own: a sticky cell is lifted out of flow, so the rows travel underneath it
    and would otherwise show through. --it-surface is the card behind the table, so the header reads as part of
    the card rather than as a floating band.
*/
.tree-scroll thead th[b-p5ty3k1kcp] {
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: var(--it-surface);
}

/*
    The group bars are sticky too, so the section you are inside stays named as you scroll it. Offset by the
    header's height so the two stack rather than overlapping, and below it in z-order so it passes underneath.
*/
.tree-scroll .group-row th[b-p5ty3k1kcp] {
    position: sticky;
    top: 2.1rem;
    z-index: 1;
    background-color: var(--it-surface-2);
}
/* /Components/Shared/InfoBadge.razor.rz.scp.css */
.info-badge[b-2lkplitzt2] {
    cursor: help;
    color: var(--it-ink-3);
    font-size: 0.85em;
    margin-left: 0.35rem;
    vertical-align: middle;
}

.info-badge:hover[b-2lkplitzt2] {
    color: var(--it-brand);
}
/* /Components/Shared/PageHelp.razor.rz.scp.css */
details.page-help[b-9qupk2n2ro] {
    border: 1px solid var(--it-border);
    border-radius: var(--it-radius);
    background: var(--it-surface);
}

.page-help-toggle[b-9qupk2n2ro] {
    padding: 0.5rem 0.75rem;
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--it-ink-2);
    list-style: none;
    user-select: none;
}

.page-help-toggle[b-9qupk2n2ro]::-webkit-details-marker {
    display: none;
}

.page-help-toggle[b-9qupk2n2ro]::before {
    content: "\25B6";
    display: inline-block;
    margin-right: 0.4rem;
    font-size: 0.65rem;
    transition: transform 0.15s ease;
    vertical-align: middle;
}

details[open].page-help > .page-help-toggle[b-9qupk2n2ro]::before {
    transform: rotate(90deg);
}

.page-help-body[b-9qupk2n2ro] {
    padding: 0.5rem 0.75rem 0.75rem;
    font-size: 0.875rem;
    color: var(--it-ink-2);
    line-height: 1.5;
    border-top: 1px solid var(--it-border);
}