/* /Components/AccountModelRestrictionEditor.razor.rz.scp.css */
.model-restriction-editor[b-0f2hl1jpuv] {
    display: grid;
    gap: 14px;
    width: 100%;
    padding-top: 18px;
    border-top: 1px solid var(--line);
}

.model-restriction-heading strong[b-0f2hl1jpuv] {
    display: block;
    color: var(--text);
    font-size: 15px;
}

.model-restriction-heading small[b-0f2hl1jpuv],
.selected-count[b-0f2hl1jpuv] {
    display: block;
    margin-top: 4px;
    color: var(--muted);
    font-size: 12px;
}

.model-mode-tabs[b-0f2hl1jpuv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.model-mode-tabs button[b-0f2hl1jpuv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 42px;
    color: var(--muted);
    background: var(--surface-muted);
    border: 1px solid transparent;
    border-radius: 6px;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

.model-mode-tabs button.selected[b-0f2hl1jpuv] {
    color: var(--primary-strong);
    background: var(--primary-soft);
    border-color: color-mix(in srgb, var(--primary) 36%, transparent);
}

.model-mode-tabs button.mapping.selected[b-0f2hl1jpuv] {
    color: #8254b5;
    background: color-mix(in srgb, #8254b5 12%, var(--surface));
    border-color: color-mix(in srgb, #8254b5 36%, transparent);
}

.model-selector[b-0f2hl1jpuv] {
    padding: 10px;
    color: var(--text);
    background: var(--form-control-bg);
    border: 1px solid var(--form-control-border);
    border-radius: var(--form-control-radius);
    cursor: pointer;
}

.model-selector:focus-visible[b-0f2hl1jpuv] {
    border-color: var(--form-control-focus);
    outline: none;
    box-shadow: 0 0 0 3px var(--form-control-focus-ring);
}

.model-selector-empty[b-0f2hl1jpuv] {
    display: block;
    padding: 6px 2px 10px;
    color: var(--muted);
    font-size: 13px;
}

.selected-model-grid[b-0f2hl1jpuv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
}

.selected-model[b-0f2hl1jpuv] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    padding: 6px 8px;
    color: var(--text);
    background: var(--surface-muted);
    border-radius: 5px;
    font-size: 13px;
}

.selected-model > span[b-0f2hl1jpuv] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.selected-model button[b-0f2hl1jpuv],
.model-copy[b-0f2hl1jpuv],
.mapping-remove[b-0f2hl1jpuv] {
    display: inline-grid;
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    place-items: center;
    padding: 0;
    color: var(--muted);
    background: transparent;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
}

.selected-model button:hover[b-0f2hl1jpuv],
.model-copy:hover[b-0f2hl1jpuv] { color: var(--primary); background: var(--surface-hover); }
.mapping-remove:hover[b-0f2hl1jpuv] { color: var(--danger); background: color-mix(in srgb, var(--danger) 10%, transparent); }

.model-selector-footer[b-0f2hl1jpuv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 9px;
    padding-top: 8px;
    color: var(--muted);
    border-top: 1px solid var(--line);
    font-size: 12px;
}

.model-options[b-0f2hl1jpuv] {
    overflow: hidden;
    background: var(--surface);
    border: 1px solid var(--form-control-border);
    border-radius: 6px;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .12);
}

.model-search[b-0f2hl1jpuv] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    color: var(--muted);
    border-bottom: 1px solid var(--line);
}

.model-search input[b-0f2hl1jpuv],
.custom-model input[b-0f2hl1jpuv],
.mapping-row input[b-0f2hl1jpuv] {
    width: 100%;
    min-width: 0;
    height: var(--form-control-height);
    padding: 0 11px;
    color: var(--form-control-color);
    background: var(--form-control-bg);
    border: 1px solid var(--form-control-border);
    border-radius: var(--form-control-radius);
    font: inherit;
}

.model-search input[b-0f2hl1jpuv] {
    height: 34px;
    padding: 0;
    background: transparent;
    border: 0;
}

.model-search input:focus[b-0f2hl1jpuv] { outline: none; }
.custom-model input:focus[b-0f2hl1jpuv],
.mapping-row input:focus[b-0f2hl1jpuv] { border-color: var(--form-control-focus); outline: none; box-shadow: 0 0 0 3px var(--form-control-focus-ring); }

.model-options-list[b-0f2hl1jpuv] { max-height: 250px; overflow-y: auto; }
.model-option[b-0f2hl1jpuv] { display: flex; align-items: center; border-bottom: 1px solid var(--line); }
.model-option:last-child[b-0f2hl1jpuv] { border-bottom: 0; }
.model-option:hover[b-0f2hl1jpuv] { background: var(--surface-hover); }

.model-option-select[b-0f2hl1jpuv] {
    display: flex;
    min-width: 0;
    flex: 1;
    align-items: center;
    gap: 9px;
    padding: 9px 10px;
    color: var(--text);
    background: transparent;
    border: 0;
    font: inherit;
    font-size: 13px;
    text-align: left;
    cursor: pointer;
}

.model-option-select > span:last-child[b-0f2hl1jpuv] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.model-checkbox[b-0f2hl1jpuv] { display: inline-grid; width: 17px; height: 17px; flex: 0 0 auto; place-items: center; border: 1px solid var(--form-control-border); border-radius: 4px; }
.model-checkbox.checked[b-0f2hl1jpuv] { color: #fff; background: var(--primary); border-color: var(--primary); }
.model-options-empty[b-0f2hl1jpuv] { padding: 18px; color: var(--muted); font-size: 13px; text-align: center; }

.model-actions[b-0f2hl1jpuv] { display: flex; flex-wrap: wrap; gap: 8px; }
.model-action[b-0f2hl1jpuv],
.custom-model button[b-0f2hl1jpuv],
.add-mapping[b-0f2hl1jpuv],
.mapping-presets button[b-0f2hl1jpuv],
.mapping-footer button[b-0f2hl1jpuv] {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 11px;
    color: var(--primary-strong);
    background: transparent;
    border: 1px solid color-mix(in srgb, var(--primary) 42%, var(--form-control-border));
    border-radius: 6px;
    font: inherit;
    font-size: 13px;
    cursor: pointer;
}

.model-action:hover[b-0f2hl1jpuv],
.custom-model button:hover[b-0f2hl1jpuv],
.add-mapping:hover[b-0f2hl1jpuv] { background: var(--primary-soft); }
.model-action.clear[b-0f2hl1jpuv],
.mapping-footer button[b-0f2hl1jpuv] { color: var(--danger); border-color: color-mix(in srgb, var(--danger) 45%, var(--form-control-border)); }
.model-action.clear:hover[b-0f2hl1jpuv],
.mapping-footer button:hover[b-0f2hl1jpuv] { background: color-mix(in srgb, var(--danger) 10%, transparent); }
.model-action:disabled[b-0f2hl1jpuv],
.custom-model button:disabled[b-0f2hl1jpuv],
.mapping-footer button:disabled[b-0f2hl1jpuv] { opacity: .5; cursor: not-allowed; }

.custom-model label[b-0f2hl1jpuv] { display: block; margin-bottom: 6px; color: var(--text); font-size: 13px; font-weight: 600; }
.custom-model > div[b-0f2hl1jpuv] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.custom-model button[b-0f2hl1jpuv] { min-width: 70px; color: var(--primary-strong); background: var(--primary-soft); }

.mapping-help[b-0f2hl1jpuv] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 10px 12px;
    color: #8254b5;
    background: color-mix(in srgb, #8254b5 10%, var(--surface));
    border-radius: 6px;
    font-size: 13px;
}

.mapping-list[b-0f2hl1jpuv] { display: grid; gap: 8px; }
.mapping-row[b-0f2hl1jpuv] { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) 32px; align-items: center; gap: 8px; }
.add-mapping[b-0f2hl1jpuv] { width: 100%; border-style: dashed; }
.mapping-presets[b-0f2hl1jpuv] { display: flex; flex-wrap: wrap; gap: 7px; }
.mapping-presets button[b-0f2hl1jpuv] { min-height: 30px; padding: 0 9px; color: #8254b5; border-color: color-mix(in srgb, #8254b5 32%, var(--form-control-border)); font-size: 12px; }
.mapping-presets button:hover[b-0f2hl1jpuv] { background: color-mix(in srgb, #8254b5 10%, var(--surface)); }
.mapping-footer[b-0f2hl1jpuv] { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--muted); font-size: 12px; }

@media (max-width: 640px) {
    .selected-model-grid[b-0f2hl1jpuv] { grid-template-columns: 1fr; }
    .model-mode-tabs[b-0f2hl1jpuv] { gap: 6px; }
    .model-mode-tabs button[b-0f2hl1jpuv] { padding: 0 8px; font-size: 13px; }
    .model-actions[b-0f2hl1jpuv] { display: grid; grid-template-columns: 1fr; }
    .model-action[b-0f2hl1jpuv] { width: 100%; }
    .custom-model > div[b-0f2hl1jpuv] { grid-template-columns: 1fr; }
    .custom-model button[b-0f2hl1jpuv] { width: 100%; }
    .mapping-row[b-0f2hl1jpuv] { grid-template-columns: minmax(0, 1fr) 32px; }
    .mapping-row > svg[b-0f2hl1jpuv] { display: none; }
    .mapping-row input:nth-of-type(2)[b-0f2hl1jpuv] { grid-column: 1; }
    .mapping-remove[b-0f2hl1jpuv] { grid-column: 2; grid-row: 1 / span 2; align-self: center; }
    .mapping-footer[b-0f2hl1jpuv] { align-items: stretch; flex-direction: column; }
    .mapping-footer button[b-0f2hl1jpuv] { width: 100%; }
}
/* /Components/AccountQuotaUsageCell.razor.rz.scp.css */
.account-quota-cell[b-vrra2hhucf] { display: grid; min-width: 250px; gap: 6px; color: var(--ink); }
.quota-window[b-vrra2hhucf] { display: grid; grid-template-columns: 42px 80px 42px minmax(58px, 1fr); align-items: center; gap: 6px; }
.quota-window small[b-vrra2hhucf] { overflow: hidden; color: var(--muted); font-size: .75rem; text-overflow: ellipsis; white-space: nowrap; }
.quota-window .quota-label[b-vrra2hhucf] { display: inline-flex; width: fit-content; padding: 3px 6px; border-radius: 5px; color: #7c83ee; background: color-mix(in srgb, #6366f1 18%, transparent); font-weight: 700; }
.quota-window .quota-label.emerald[b-vrra2hhucf] { color: #69d5a6; background: color-mix(in srgb, #10b981 18%, transparent); }
.quota-window .quota-label.purple[b-vrra2hhucf] { color: #c083f5; background: color-mix(in srgb, #a855f7 18%, transparent); }
.quota-window .quota-label.amber[b-vrra2hhucf] { color: #d99a45; background: color-mix(in srgb, #c47e1b 18%, transparent); }
.quota-window b[b-vrra2hhucf] { color: var(--muted); text-align: right; font-size: .75rem; font-weight: 620; font-variant-numeric: tabular-nums; }
.quota-window i[b-vrra2hhucf] { display: block; height: 8px; overflow: hidden; background: color-mix(in srgb, var(--muted) 34%, transparent); border-radius: 4px; }
.quota-window em[b-vrra2hhucf] { display: block; height: 100%; background: var(--primary); border-radius: inherit; }
.quota-window em.indigo[b-vrra2hhucf] { background: #6366f1; }
.quota-window em.emerald[b-vrra2hhucf] { background: #10b981; }
.quota-window em.purple[b-vrra2hhucf] { background: #a855f7; }
.quota-window em.amber[b-vrra2hhucf], .quota-window em.warning[b-vrra2hhucf] { background: #c47e1b; }
.quota-window em.danger[b-vrra2hhucf] { background: var(--danger); }
.quota-window.legacy[b-vrra2hhucf] { grid-template-columns: 42px 80px 70px minmax(0, 1fr); }
.quota-stats[b-vrra2hhucf] { display: flex; flex-wrap: wrap; gap: 4px; padding-left: 48px; }
.quota-stats span[b-vrra2hhucf] { padding: 3px 6px; color: var(--muted); background: color-mix(in srgb, var(--muted) 14%, transparent); border-radius: 5px; font-size: .71rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
.quota-actions[b-vrra2hhucf] { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; padding-top: 2px; }
.quota-actions button[b-vrra2hhucf] { display: inline-flex; min-height: 25px; padding: 2px 4px; align-items: center; gap: 3px; color: #669cff; background: transparent; border: 0; border-radius: 4px; font-size: .74rem; font-weight: 650; }
.quota-actions button:hover:not(:disabled)[b-vrra2hhucf] { background: color-mix(in srgb, #669cff 14%, transparent); }
.quota-actions button.reset-action[b-vrra2hhucf] { color: #b97728; }
.quota-actions button:disabled[b-vrra2hhucf] { cursor: not-allowed; opacity: .48; }
.quota-query[b-vrra2hhucf] { display: inline-flex; width: fit-content; min-height: 28px; padding: 4px 8px; align-items: center; gap: 4px; color: var(--primary); background: transparent; border: 1px solid color-mix(in srgb, var(--primary) 35%, var(--line)); border-radius: 6px; font-size: .75rem; font-weight: 650; }
.quota-query:hover[b-vrra2hhucf] { background: var(--primary-soft); }
.quota-query:disabled[b-vrra2hhucf] { opacity: .55; }
.quota-loading[b-vrra2hhucf] { display: grid; width: 210px; gap: 7px; }
.quota-loading span[b-vrra2hhucf] { display: block; width: 100%; height: 12px; border-radius: 4px; background: color-mix(in srgb, var(--muted) 18%, transparent); animation: quota-pulse-b-vrra2hhucf 1.4s ease-in-out infinite; }
.balance-values[b-vrra2hhucf] { color: var(--ink); font-size: .76rem; font-weight: 650; font-variant-numeric: tabular-nums; }
.quota-unavailable[b-vrra2hhucf] { color: var(--muted); font-size: .76rem; }
.quota-error[b-vrra2hhucf], .quota-feedback[b-vrra2hhucf] { display: block; overflow: hidden; max-width: 250px; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.quota-error[b-vrra2hhucf] { color: var(--danger); }
.quota-feedback[b-vrra2hhucf] { color: #2c9a71; }
@keyframes quota-pulse-b-vrra2hhucf { 50% { opacity: .45; } }
@media (prefers-reduced-motion: reduce) { .quota-loading span[b-vrra2hhucf] { animation: none; } }
/* /Components/AccountStatsDistributionPanel.razor.rz.scp.css */
.stats-distribution-panel[b-mk90ssj1hh] {
    padding: 16px;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 7px;
}

.stats-distribution-heading[b-mk90ssj1hh] {
    display: flex;
    margin-bottom: 12px;
    align-items: center;
    justify-content: space-between;
}

.stats-distribution-heading h3[b-mk90ssj1hh],
.stats-distribution-heading p[b-mk90ssj1hh] {
    margin: 0;
}

.stats-distribution-heading h3[b-mk90ssj1hh] {
    color: var(--ink);
    font-size: .9rem;
    font-weight: 700;
}

.stats-distribution-heading p[b-mk90ssj1hh] {
    margin-top: 3px;
    color: var(--muted);
    font-size: .76rem;
}

.stats-distribution-layout[b-mk90ssj1hh] {
    display: grid;
    grid-template-columns: minmax(190px, 230px) minmax(0, 1fr);
    align-items: center;
    gap: 18px;
}

.stats-distribution-chart[b-mk90ssj1hh] {
    min-width: 0;
}

.stats-distribution-table-wrap[b-mk90ssj1hh] {
    max-height: 220px;
    overflow: auto;
    border: 1px solid var(--line);
    border-radius: 6px;
}

.stats-distribution-table[b-mk90ssj1hh] {
    width: 100%;
    border-collapse: collapse;
    color: var(--ink);
    font-size: .78rem;
}

.stats-distribution-table th[b-mk90ssj1hh],
.stats-distribution-table td[b-mk90ssj1hh] {
    min-width: 82px;
    padding: 8px 10px;
    border-bottom: 1px solid var(--line);
    text-align: right;
    white-space: nowrap;
}

.stats-distribution-table th[b-mk90ssj1hh] {
    position: sticky;
    z-index: 1;
    top: 0;
    color: var(--muted);
    background: var(--surface-muted);
    font-weight: 700;
}

.stats-distribution-table th:first-child[b-mk90ssj1hh],
.stats-distribution-table td:first-child[b-mk90ssj1hh] {
    min-width: 150px;
    max-width: 240px;
    text-align: left;
}

.stats-distribution-table td:first-child[b-mk90ssj1hh] {
    overflow: hidden;
    font-weight: 650;
    text-overflow: ellipsis;
}

.stats-distribution-table tbody tr:last-child td[b-mk90ssj1hh] {
    border-bottom: 0;
}

.distribution-actual[b-mk90ssj1hh] { color: #25805d; }
.distribution-account[b-mk90ssj1hh] { color: #b66a1f; }
.distribution-standard[b-mk90ssj1hh] { color: var(--muted); }

.stats-distribution-empty[b-mk90ssj1hh] {
    display: grid;
    min-height: 150px;
    place-items: center;
    color: var(--muted);
    font-size: .82rem;
}

@media (max-width: 760px) {
    .stats-distribution-layout[b-mk90ssj1hh] {
        grid-template-columns: 1fr;
    }

    .stats-distribution-chart[b-mk90ssj1hh] {
        max-width: 260px;
        margin: 0 auto;
    }
}
/* /Components/AccountStatsModal.razor.rz.scp.css */
.account-stats-modal[b-73idkqpkuh] {
    display: grid;
    gap: 16px;
    color: var(--ink);
}

.account-stats-identity[b-73idkqpkuh] {
    display: flex;
    min-height: 64px;
    padding: 10px 12px;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    background: var(--primary-soft);
    border: 1px solid rgba(47, 125, 93, .28);
    border-radius: 7px;
}

.account-stats-identity-main[b-73idkqpkuh] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 11px;
}

.account-stats-identity-main > div[b-73idkqpkuh] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.account-stats-identity-main strong[b-73idkqpkuh] {
    overflow: hidden;
    font-size: .92rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-stats-identity-main span:not(.account-stats-identity-icon)[b-73idkqpkuh] {
    color: var(--muted);
    font-size: .76rem;
}

.account-stats-identity-icon[b-73idkqpkuh] {
    display: inline-flex;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: var(--primary);
    border-radius: 7px;
}

.account-stats-status[b-73idkqpkuh] {
    display: inline-flex;
    padding: 5px 9px;
    color: var(--muted);
    background: var(--surface-muted);
    border-radius: 999px;
    font-size: .76rem;
    font-weight: 700;
}

.account-stats-status.active[b-73idkqpkuh] {
    color: #247052;
    background: rgba(47, 125, 93, .14);
}

.account-stats-primary-grid[b-73idkqpkuh] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.stats-primary-card[b-73idkqpkuh] {
    display: grid;
    min-height: 132px;
    padding: 14px;
    align-content: start;
    gap: 8px;
    background: var(--surface);
    border: 1px solid var(--line);
    border-left-width: 3px;
    border-radius: 7px;
}

.stats-primary-card.cost[b-73idkqpkuh] { border-left-color: #2f8c67; }
.stats-primary-card.requests[b-73idkqpkuh] { border-left-color: #347eb8; }
.stats-primary-card.average-cost[b-73idkqpkuh] { border-left-color: #c48529; }
.stats-primary-card.average-requests[b-73idkqpkuh] { border-left-color: #7669b5; }

.stats-primary-card header[b-73idkqpkuh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    color: var(--muted);
    font-size: .77rem;
    font-weight: 650;
}

.stats-primary-card header i[b-73idkqpkuh],
.stats-detail-card header i[b-73idkqpkuh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--surface-muted);
    border-radius: 6px;
    font-style: normal;
}

.stats-primary-card header i[b-73idkqpkuh] {
    width: 30px;
    height: 30px;
}

.stats-primary-card.cost header i[b-73idkqpkuh] { color: #2f8c67; }
.stats-primary-card.requests header i[b-73idkqpkuh] { color: #347eb8; }
.stats-primary-card.average-cost header i[b-73idkqpkuh] { color: #c48529; }
.stats-primary-card.average-requests header i[b-73idkqpkuh] { color: #7669b5; }

.stats-primary-card > strong[b-73idkqpkuh] {
    font-size: 1.35rem;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
}

.stats-primary-card > small[b-73idkqpkuh] {
    color: var(--muted);
    font-size: .72rem;
    line-height: 1.5;
}

.account-stats-detail-grid[b-73idkqpkuh] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.stats-detail-card[b-73idkqpkuh] {
    min-width: 0;
    padding: 14px;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 7px;
}

.stats-detail-card > header[b-73idkqpkuh] {
    display: flex;
    margin-bottom: 11px;
    align-items: center;
    gap: 8px;
}

.stats-detail-card header i[b-73idkqpkuh] {
    width: 28px;
    height: 28px;
}

.stats-detail-card header i.cyan[b-73idkqpkuh] { color: #278195; }
.stats-detail-card header i.orange[b-73idkqpkuh] { color: #bc6b24; }
.stats-detail-card header i.indigo[b-73idkqpkuh] { color: #625bb0; }
.stats-detail-card header i.teal[b-73idkqpkuh] { color: #288a7d; }
.stats-detail-card header i.rose[b-73idkqpkuh] { color: #b55268; }
.stats-detail-card header i.lime[b-73idkqpkuh] { color: #657f2d; }

.stats-detail-card h3[b-73idkqpkuh] {
    margin: 0;
    font-size: .84rem;
    font-weight: 700;
}

.stats-detail-card dl[b-73idkqpkuh] {
    display: grid;
    margin: 0;
    gap: 7px;
}

.stats-detail-card dl > div[b-73idkqpkuh] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.stats-detail-card dt[b-73idkqpkuh],
.stats-detail-card dd[b-73idkqpkuh] {
    margin: 0;
    font-size: .77rem;
}

.stats-detail-card dt[b-73idkqpkuh] { color: var(--muted); }
.stats-detail-card dd[b-73idkqpkuh] { overflow: hidden; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.stats-detail-card dd.accent-orange[b-73idkqpkuh] { color: #bc6b24; }
.stats-detail-card dd.accent-indigo[b-73idkqpkuh] { color: #625bb0; }

.account-stats-trend-panel[b-73idkqpkuh] {
    padding: 16px;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 7px;
}

.account-stats-trend-panel > header[b-73idkqpkuh] {
    display: flex;
    margin-bottom: 10px;
    align-items: baseline;
    gap: 9px;
}

.account-stats-trend-panel h3[b-73idkqpkuh],
.account-stats-trend-panel span[b-73idkqpkuh] {
    margin: 0;
}

.account-stats-trend-panel h3[b-73idkqpkuh] { font-size: .9rem; font-weight: 700; }
.account-stats-trend-panel span[b-73idkqpkuh] { color: var(--muted); font-size: .74rem; }

.account-stats-chart-empty[b-73idkqpkuh],
.account-stats-no-data[b-73idkqpkuh] {
    display: grid;
    min-height: 190px;
    place-items: center;
    align-content: center;
    gap: 8px;
    color: var(--muted);
    font-size: .82rem;
}

.account-stats-error[b-73idkqpkuh] {
    display: grid;
    min-height: 150px;
    padding: 18px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    color: var(--danger);
    background: rgba(197, 62, 62, .08);
    border: 1px solid rgba(197, 62, 62, .22);
    border-radius: 7px;
}

.account-stats-error > div[b-73idkqpkuh] { display: grid; gap: 3px; }
.account-stats-error strong[b-73idkqpkuh] { font-size: .86rem; }
.account-stats-error span[b-73idkqpkuh] { color: var(--muted); font-size: .78rem; }

@media (max-width: 960px) {
    .account-stats-primary-grid[b-73idkqpkuh] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
    .account-stats-detail-grid[b-73idkqpkuh] { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
    .account-stats-primary-grid[b-73idkqpkuh] { grid-template-columns: 1fr; }
    .account-stats-identity[b-73idkqpkuh] { align-items: flex-start; }
    .account-stats-status[b-73idkqpkuh] { flex: 0 0 auto; }
    .account-stats-error[b-73idkqpkuh] { grid-template-columns: auto minmax(0, 1fr); }
    .account-stats-error .button[b-73idkqpkuh] { grid-column: 1 / -1; }
    .account-stats-trend-panel > header[b-73idkqpkuh] { align-items: flex-start; flex-direction: column; }
}
/* /Components/AccountUsageRuntimeSettings.razor.rz.scp.css */
.usage-runtime-settings[b-knzvk363nh] { display:grid; gap:16px; }
.usage-runtime-settings > section[b-knzvk363nh] { overflow:hidden; border:1px solid var(--line); border-radius:8px; background:var(--surface); }
.usage-runtime-settings > section > header[b-knzvk363nh] { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding:18px 20px; border-bottom:1px solid var(--line); }
.usage-runtime-settings h2[b-knzvk363nh] { margin:0; color:var(--text); font-size:.98rem; }
.usage-runtime-settings header p[b-knzvk363nh] { margin:5px 0 0; color:var(--muted); font-size:.76rem; }
.runtime-grid[b-knzvk363nh] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:16px 18px; padding:20px; }
.runtime-alert[b-knzvk363nh] { display:flex; align-items:center; gap:8px; padding:10px 12px; border:1px solid rgba(190,62,62,.25); border-radius:6px; color:var(--danger); background:rgba(190,62,62,.06); font-size:.76rem; }
@media (max-width:760px) { .usage-runtime-settings > section > header[b-knzvk363nh] { flex-direction:column; } .usage-runtime-settings > section > header .button[b-knzvk363nh] { width:100%; } .runtime-grid[b-knzvk363nh] { grid-template-columns:1fr; } }
/* /Components/AdminDashboardPanel.razor.rz.scp.css */
.admin-dashboard[b-caeiulyu9k] {
    display: grid;
    gap: 16px;
}

.dashboard-alert[b-caeiulyu9k] {
    margin: 0;
}

.admin-metrics-grid[b-caeiulyu9k] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.admin-metric-card[b-caeiulyu9k] {
    display: flex;
    min-width: 0;
    min-height: 96px;
    align-items: center;
    gap: 12px;
    padding: 16px;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 7px;
}

.admin-metric-icon[b-caeiulyu9k] {
    display: grid;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    place-items: center;
    border-radius: 8px;
}

.admin-metric-icon.blue[b-caeiulyu9k] { color: #2563eb; background: #dbeafe; }
.admin-metric-icon.green[b-caeiulyu9k] { color: #059669; background: #d1fae5; }
.admin-metric-icon.indigo[b-caeiulyu9k] { color: #4f46e5; background: #e0e7ff; }
.admin-metric-icon.amber[b-caeiulyu9k] { color: #d97706; background: #fef3c7; }
.admin-metric-icon.cyan[b-caeiulyu9k] { color: #0891b2; background: #cffafe; }
.admin-metric-icon.orange[b-caeiulyu9k] { color: #ea580c; background: #ffedd5; }
.admin-metric-icon.violet[b-caeiulyu9k] { color: #7c3aed; background: #ede9fe; }
.admin-metric-icon.rose[b-caeiulyu9k] { color: #e11d48; background: #ffe4e6; }

.admin-metric-content[b-caeiulyu9k] {
    display: grid;
    min-width: 0;
    align-content: center;
}

.admin-metric-content > span[b-caeiulyu9k] {
    overflow: hidden;
    color: var(--muted);
    font-size: .72rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-metric-content strong[b-caeiulyu9k] {
    overflow: hidden;
    margin-top: 1px;
    color: var(--ink);
    font-size: 1.2rem;
    font-variant-numeric: tabular-nums;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-metric-content strong em[b-caeiulyu9k] {
    color: var(--muted);
    font-size: .65rem;
    font-style: normal;
    font-weight: 500;
}

.admin-metric-content small[b-caeiulyu9k] {
    overflow: hidden;
    color: var(--muted);
    font-size: .68rem;
    line-height: 1.45;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-metric-content small b[b-caeiulyu9k] {
    font-weight: 650;
}

.cost-line[b-caeiulyu9k] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.cost-line i[b-caeiulyu9k] {
    color: #a3aca8;
    font-style: normal;
}

.cost-line b:last-child[b-caeiulyu9k] {
    color: #8b9691;
}

.success-text[b-caeiulyu9k] { color: #059669 !important; }
.danger-text[b-caeiulyu9k] { color: #dc2626 !important; }
.account-cost[b-caeiulyu9k] { color: #f97316 !important; }
.violet-text[b-caeiulyu9k] { color: #7c3aed !important; }

.dashboard-card[b-caeiulyu9k] {
    min-width: 0;
    overflow: hidden;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 7px;
}

.dashboard-card-heading[b-caeiulyu9k] {
    display: flex;
    min-height: 50px;
    padding: 14px 16px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.dashboard-card-heading h2[b-caeiulyu9k] {
    margin: 0;
    color: var(--ink);
    font-size: .86rem;
    font-weight: 700;
}

.quick-actions-card[b-caeiulyu9k] {
    padding-bottom: 14px;
}

.quick-action-grid[b-caeiulyu9k] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 0 16px;
}

.quick-action[b-caeiulyu9k] {
    display: flex;
    min-width: 0;
    min-height: 66px;
    padding: 12px;
    align-items: center;
    gap: 11px;
    color: var(--ink);
    text-decoration: none;
    background: #f6f8f7;
    border-radius: 7px;
    transition: background .15s ease;
}

.quick-action:hover[b-caeiulyu9k] {
    color: var(--ink);
    background: #ecf7f2;
}

.quick-action > span:nth-child(2)[b-caeiulyu9k] {
    display: grid;
    min-width: 0;
    flex: 1;
}

.quick-action strong[b-caeiulyu9k],
.quick-action small[b-caeiulyu9k] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quick-action strong[b-caeiulyu9k] { font-size: .8rem; }
.quick-action small[b-caeiulyu9k] { color: var(--muted); font-size: .7rem; }

.quick-action-icon[b-caeiulyu9k] {
    display: grid;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    place-items: center;
    color: #059669;
    background: #d1fae5;
    border-radius: 8px;
}

.quick-action-icon.sky[b-caeiulyu9k] {
    color: #0284c7;
    background: #e0f2fe;
}

.dashboard-filter-card[b-caeiulyu9k] {
    display: flex;
    min-height: 66px;
    padding: 13px 16px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.dashboard-filter-group[b-caeiulyu9k] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 9px;
}

.dashboard-filter-group > .button[b-caeiulyu9k] {
    flex: 0 0 auto;
    white-space: nowrap;
}

.filter-label[b-caeiulyu9k] {
    color: #4c5853;
    font-size: .78rem;
    font-weight: 650;
    white-space: nowrap;
}

.dashboard-date-range[b-caeiulyu9k] {
    width: min(380px, 46vw);
}

.granularity-filter select[b-caeiulyu9k] {
    min-width: 112px;
    min-height: 36px;
    padding: 6px 30px 6px 10px;
    background: var(--surface);
    border: 1px solid #cad3ce;
    border-radius: 5px;
    font-size: .78rem;
}

.dashboard-chart-grid[b-caeiulyu9k] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.dashboard-chart-card[b-caeiulyu9k] {
    min-height: 322px;
}

.chart-heading[b-caeiulyu9k] {
    flex-wrap: wrap;
}

.distribution-layout[b-caeiulyu9k] {
    display: flex;
    min-width: 0;
    min-height: 240px;
    padding: 0 14px 14px;
    align-items: center;
    gap: 16px;
}

.distribution-chart[b-caeiulyu9k] {
    flex: 0 0 210px;
    width: 210px;
}

.compact-table-wrap[b-caeiulyu9k] {
    min-width: 0;
    max-height: 218px;
    flex: 1;
    overflow: auto;
}

.compact-dashboard-table[b-caeiulyu9k] {
    width: 100%;
    border-collapse: collapse;
    font-size: .66rem;
    font-variant-numeric: tabular-nums;
}

.compact-dashboard-table th[b-caeiulyu9k],
.compact-dashboard-table td[b-caeiulyu9k] {
    max-width: 120px;
    padding: 6px 7px;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px solid #edf1ef;
}

.compact-dashboard-table th:first-child[b-caeiulyu9k],
.compact-dashboard-table td:first-child[b-caeiulyu9k] {
    text-align: left;
}

.compact-dashboard-table th[b-caeiulyu9k] {
    position: sticky;
    top: 0;
    z-index: 1;
    color: var(--muted);
    background: var(--surface);
    font-weight: 650;
}

.compact-dashboard-table td:first-child[b-caeiulyu9k] {
    color: var(--ink);
    font-weight: 600;
}

.ranking-index[b-caeiulyu9k] {
    display: inline-block;
    min-width: 22px;
    color: var(--muted);
    font-weight: 700;
}

.clickable-row[b-caeiulyu9k] { cursor: pointer; }
.clickable-row:hover[b-caeiulyu9k] { background: #f5f8f6; }
.other-row[b-caeiulyu9k] { background: #f7f9f8; }

.model-expand-indicator[b-caeiulyu9k] {
    display: inline-block;
    width: 14px;
    color: #2563eb;
    font-size: .85rem;
    font-weight: 800;
}

.model-breakdown-row > td[b-caeiulyu9k] {
    padding: 0;
    background: var(--surface-soft);
}

.model-breakdown-state[b-caeiulyu9k] {
    padding: 10px 12px;
    color: var(--muted);
    text-align: center;
}

.model-breakdown-table[b-caeiulyu9k] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    color: var(--muted);
}

.model-breakdown-table td[b-caeiulyu9k] {
    padding: 5px 7px;
    color: var(--muted);
    font-weight: 400;
    border-bottom-color: color-mix(in srgb, var(--line) 60%, transparent);
}

.model-breakdown-table td:first-child[b-caeiulyu9k] {
    padding-left: 26px;
    color: var(--muted);
    font-weight: 500;
}

.dashboard-empty[b-caeiulyu9k] {
    display: grid;
    min-height: 235px;
    place-items: center;
    color: var(--muted);
    font-size: .78rem;
}

.dashboard-user-trend[b-caeiulyu9k] {
    min-height: 340px;
    padding-bottom: 12px;
}

/* Match the readable typography hierarchy used by user management. */
.admin-dashboard[b-caeiulyu9k] { font-size: 1rem; }
.admin-metric-content > span[b-caeiulyu9k] { font-size: .86rem; }
.admin-metric-content strong em[b-caeiulyu9k],
.admin-metric-content small[b-caeiulyu9k] { font-size: .8rem; }
.dashboard-card-heading h2[b-caeiulyu9k] { font-size: 1rem; }
.dashboard-card-heading > span[b-caeiulyu9k] { font-size: .8rem; }
.quick-action strong[b-caeiulyu9k] { font-size: .88rem; }
.quick-action small[b-caeiulyu9k] { font-size: .8rem; }
.filter-label[b-caeiulyu9k],
.granularity-filter select[b-caeiulyu9k],
.compact-dashboard-table[b-caeiulyu9k] { font-size: .83rem; }
.compact-dashboard-table th[b-caeiulyu9k] { font-size: .76rem; }
.model-breakdown-state[b-caeiulyu9k],
.model-breakdown-table[b-caeiulyu9k] { font-size: .83rem; }
.dashboard-empty[b-caeiulyu9k] { font-size: .88rem; }
:deep(.dxbl-chart)[b-caeiulyu9k] { font-size: .8rem; }

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

    .distribution-layout[b-caeiulyu9k] {
        align-items: stretch;
        flex-direction: column;
    }

    .distribution-chart[b-caeiulyu9k] {
        align-self: center;
    }
}

@media (max-width: 980px) {
    .dashboard-chart-grid[b-caeiulyu9k] {
        grid-template-columns: 1fr;
    }

    .distribution-layout[b-caeiulyu9k] {
        align-items: center;
        flex-direction: row;
    }
}

@media (max-width: 760px) {
    .admin-metrics-grid[b-caeiulyu9k],
    .quick-action-grid[b-caeiulyu9k] {
        grid-template-columns: 1fr;
    }

    .dashboard-filter-card[b-caeiulyu9k],
    .dashboard-filter-group[b-caeiulyu9k] {
        align-items: stretch;
        flex-direction: column;
    }

    .dashboard-filter-card[b-caeiulyu9k] {
        justify-content: flex-start;
    }

    .dashboard-date-range[b-caeiulyu9k] {
        width: 100%;
    }

    .granularity-filter select[b-caeiulyu9k] {
        width: 100%;
    }

    .distribution-layout[b-caeiulyu9k] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-width: 520px) {
    .admin-metric-card[b-caeiulyu9k] {
        min-height: 88px;
    }

    .distribution-chart[b-caeiulyu9k] {
        width: 100%;
        flex-basis: auto;
    }
}
/* /Components/AgreementDocumentsEditor.razor.rz.scp.css */
.agreement-documents[b-neynyoowd5] { overflow:hidden; border:1px solid var(--line); border-radius:8px; background:var(--surface); }
.agreement-documents > header[b-neynyoowd5] { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding:18px 20px; border-bottom:1px solid var(--line); }
.agreement-documents h2[b-neynyoowd5] { margin:0; color:var(--text); font-size:.98rem; }
.agreement-documents > header p[b-neynyoowd5] { margin:5px 0 0; color:var(--muted); font-size:.76rem; }
.agreement-empty[b-neynyoowd5] { margin:0; padding:20px; color:var(--muted); font-size:.76rem; }
.document-list[b-neynyoowd5] { display:grid; gap:12px; padding:20px; }
.document-list article[b-neynyoowd5] { overflow:hidden; border:1px solid var(--line); border-radius:7px; }
.document-list article > header[b-neynyoowd5] { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 14px; border-bottom:1px solid var(--line); background:var(--surface-soft); }
.document-list article > header > div[b-neynyoowd5] { display:flex; align-items:center; gap:10px; }
.document-list article > header > div > span[b-neynyoowd5] { display:grid; width:32px; height:32px; place-items:center; border-radius:6px; color:var(--primary); background:rgba(35,134,98,.1); }
.document-list article > header > div > div[b-neynyoowd5] { display:grid; gap:2px; }
.document-list article > header small[b-neynyoowd5] { color:var(--muted); font-size:.66rem; }
.document-grid[b-neynyoowd5] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:14px 17px; padding:15px; }
.document-grid[b-neynyoowd5]  input,.document-grid[b-neynyoowd5]  textarea { width:100%; }
.document-grid[b-neynyoowd5]  textarea { resize:vertical; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:.74rem; line-height:1.55; }
@media(max-width:760px){.agreement-documents > header[b-neynyoowd5]{flex-direction:column}.agreement-documents > header .button[b-neynyoowd5]{width:100%}.document-grid[b-neynyoowd5]{grid-template-columns:1fr}}
/* /Components/AnnouncementBell.razor.rz.scp.css */
.announcement-bell-trigger[b-9cpng3xtdd] {
    position: relative;
    border: 0;
    cursor: pointer;
}

.announcement-bell-trigger.has-unread[b-9cpng3xtdd] {
    color: #2563eb;
}

.sr-only[b-9cpng3xtdd] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.announcement-unread-dot[b-9cpng3xtdd] {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 8px;
    height: 8px;
}

.announcement-unread-dot[b-9cpng3xtdd]::before,
.announcement-unread-dot i[b-9cpng3xtdd] {
    position: absolute;
    inset: 0;
    content: "";
    background: #ef4444;
    border-radius: 50%;
}

.announcement-unread-dot[b-9cpng3xtdd]::before {
    animation: announcement-ping-b-9cpng3xtdd 1.5s ease-out infinite;
}

.announcement-modal-summary[b-9cpng3xtdd] {
    display: flex;
    margin: -18px -18px 0;
    padding: 16px 18px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: var(--muted);
    background: linear-gradient(135deg, #f4f8ff, #f7f5ff);
    border-bottom: 1px solid var(--line);
    font-size: .78rem;
}

.announcement-modal-summary > div[b-9cpng3xtdd],
.announcement-detail-meta[b-9cpng3xtdd] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.announcement-modal-summary strong[b-9cpng3xtdd] { color: #2563eb; }

.announcement-modal-icon[b-9cpng3xtdd],
.announcement-popup-icon[b-9cpng3xtdd] {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    color: #fff;
    background: linear-gradient(135deg, #3b82f6, #4f46e5);
    border-radius: 9px;
    box-shadow: 0 7px 16px rgba(59, 130, 246, .22);
}

.announcement-modal-list[b-9cpng3xtdd] {
    margin: 0 -18px -18px;
}

.announcement-list-row[b-9cpng3xtdd] {
    position: relative;
    display: grid;
    width: 100%;
    min-height: 72px;
    padding: 13px 18px;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    color: var(--text);
    text-align: left;
    background: var(--surface);
    border: 0;
    border-bottom: 1px solid var(--line);
    cursor: pointer;
}

.announcement-list-row:hover[b-9cpng3xtdd] { background: var(--surface-soft); }
.announcement-list-row.unread[b-9cpng3xtdd] { background: #f7faff; }
.announcement-list-row.unread[b-9cpng3xtdd]::before { position: absolute; inset: 0 auto 0 0; width: 3px; content: ""; background: linear-gradient(#3b82f6, #4f46e5); }

.announcement-list-state[b-9cpng3xtdd] {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    color: #94a3b8;
    background: #f1f5f9;
    border-radius: 10px;
}

.announcement-list-row.unread .announcement-list-state[b-9cpng3xtdd] { color: #fff; background: linear-gradient(135deg, #3b82f6, #4f46e5); }

.announcement-list-copy[b-9cpng3xtdd] { display: grid; min-width: 0; grid-template-columns: minmax(0, 1fr) auto; gap: 3px 8px; }
.announcement-list-copy strong[b-9cpng3xtdd] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .82rem; }
.announcement-list-copy small[b-9cpng3xtdd] { color: var(--muted); font-size: .7rem; }
.announcement-list-copy em[b-9cpng3xtdd] { display: inline-flex; grid-column: 2; grid-row: 2; align-items: center; gap: 4px; color: #2563eb; font-size: .67rem; font-style: normal; font-weight: 650; }
.announcement-list-copy em i[b-9cpng3xtdd] { width: 6px; height: 6px; background: #2563eb; border-radius: 50%; }

.announcement-detail-meta[b-9cpng3xtdd] {
    margin-bottom: 16px;
    color: var(--muted);
    font-size: .74rem;
}

.announcement-detail-meta > span[b-9cpng3xtdd] { display: inline-flex; align-items: center; gap: 5px; }
.announcement-detail-meta .unread[b-9cpng3xtdd] { color: #2563eb; }
.announcement-detail-meta .read[b-9cpng3xtdd] { color: #27805d; }

.announcement-markdown[b-9cpng3xtdd] {
    position: relative;
    min-height: 80px;
    padding-left: 20px;
    color: var(--text);
    overflow-wrap: anywhere;
}

.announcement-markdown[b-9cpng3xtdd]::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    content: "";
    background: linear-gradient(#3b82f6, #4f46e5, #9333ea);
    border-radius: 999px;
}

.announcement-popup-backdrop[b-9cpng3xtdd] {
    position: fixed;
    inset: 0;
    z-index: 120;
    display: flex;
    padding: 24px 20px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: rgba(10, 15, 13, .68);
    backdrop-filter: blur(5px);
}

.announcement-popup[b-9cpng3xtdd] {
    display: flex;
    width: min(680px, 100%);
    max-height: calc(100vh - 48px);
    max-height: calc(100dvh - 48px);
    flex-direction: column;
    overflow: hidden;
    background: var(--surface);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 20px;
    box-shadow: 0 30px 80px rgba(0, 0, 0, .32);
}

.announcement-popup > header[b-9cpng3xtdd] {
    display: grid;
    padding: 24px 28px;
    flex: 0 0 auto;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 9px 12px;
    background: linear-gradient(135deg, #fff9ed, #fff5eb 55%, #fffbea);
    border-bottom: 1px solid #fde7bd;
}

.announcement-popup-icon[b-9cpng3xtdd] { grid-row: 1 / 4; background: linear-gradient(135deg, #f59e0b, #ea580c); }
.announcement-popup-unread[b-9cpng3xtdd] { display: inline-flex; width: max-content; padding: 4px 9px; align-items: center; gap: 5px; color: #fff; background: linear-gradient(90deg, #f59e0b, #ea580c); border-radius: 7px; font-size: .68rem; font-weight: 700; }
.announcement-popup-unread i[b-9cpng3xtdd] { width: 6px; height: 6px; background: #fff; border-radius: 50%; }
.announcement-popup h2[b-9cpng3xtdd] { margin: 0; color: var(--text); font-size: 1.3rem; }
.announcement-popup header p[b-9cpng3xtdd] { display: flex; margin: 0; align-items: center; gap: 5px; color: var(--muted); font-size: .74rem; }
.announcement-popup-body[b-9cpng3xtdd] { min-height: 0; max-height: none; padding: 26px 28px; flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain; }
.announcement-popup-body .announcement-markdown[b-9cpng3xtdd]::before { background: linear-gradient(#f59e0b, #ea580c, #eab308); }
.announcement-popup footer[b-9cpng3xtdd] { display: flex; padding: 15px 28px; flex: 0 0 auto; justify-content: flex-end; background: var(--surface-soft); border-top: 1px solid var(--line); }

@keyframes announcement-ping-b-9cpng3xtdd {
    75%, 100% { opacity: 0; transform: scale(2); }
}

@media (max-width: 640px) {
    .announcement-modal-summary[b-9cpng3xtdd] { align-items: stretch; flex-direction: column; }
    .announcement-modal-summary .button[b-9cpng3xtdd] { width: 100%; }
    .announcement-popup-backdrop[b-9cpng3xtdd] { padding: 10px; }
    .announcement-popup[b-9cpng3xtdd] { max-height: calc(100vh - 20px); max-height: calc(100dvh - 20px); }
    .announcement-popup > header[b-9cpng3xtdd], .announcement-popup-body[b-9cpng3xtdd], .announcement-popup footer[b-9cpng3xtdd] { padding-left: 18px; padding-right: 18px; }
}
/* /Components/ApiEndpointList.razor.rz.scp.css */
.api-endpoint-list[b-tuwv2r80b1] { display: flex; flex-wrap: wrap; gap: 8px; }
.api-endpoint-chip[b-tuwv2r80b1] { display: flex; min-width: 0; padding: 6px 9px; align-items: center; gap: 6px; color: var(--muted); background: var(--surface); border: 1px solid var(--line); border-radius: 7px; font-size: .68rem; }
.api-endpoint-chip strong[b-tuwv2r80b1] { color: var(--ink); font-size: .67rem; }
.default-badge[b-tuwv2r80b1] { padding: 1px 4px; color: var(--primary); background: color-mix(in srgb, var(--primary) 10%, transparent); border-radius: 3px; font-size: .55rem; font-weight: 700; }
.endpoint-divider[b-tuwv2r80b1] { color: var(--line-strong, #cbd5e1); }
.endpoint-copy[b-tuwv2r80b1] { display: flex; min-width: 0; padding: 0; align-items: center; gap: 5px; color: var(--muted); background: transparent; border: 0; cursor: pointer; }
.endpoint-copy:hover[b-tuwv2r80b1] { color: var(--primary); }
.endpoint-copy code[b-tuwv2r80b1] { max-width: min(360px, 52vw); overflow: hidden; color: inherit; font-size: .64rem; text-overflow: ellipsis; white-space: nowrap; }
.endpoint-speed[b-tuwv2r80b1] { display: inline-flex; color: var(--muted); }
.endpoint-speed:hover[b-tuwv2r80b1] { color: #d97706; }
@media (max-width: 640px) { .api-endpoint-chip[b-tuwv2r80b1] { width: 100%; }.endpoint-copy[b-tuwv2r80b1] { flex: 1; }.endpoint-copy code[b-tuwv2r80b1] { max-width: calc(100vw - 190px); } }
/* /Components/AvailableGroupList.razor.rz.scp.css */
.available-group-list[b-9976476jxm] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .42rem;
}

.group-kind-row[b-9976476jxm],
.group-items[b-9976476jxm],
.group-with-peak[b-9976476jxm] {
    display: inline-flex;
    max-width: 100%;
    flex-wrap: wrap;
    align-items: center;
    gap: .38rem;
}

.group-kind-label[b-9976476jxm] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: .18rem;
    color: #68736e;
    font-size: .62rem;
    font-weight: 750;
    line-height: 1;
    text-transform: uppercase;
}

.exclusive-row > .group-kind-label[b-9976476jxm] {
    color: #8450a7;
}

.available-group-badge[b-9976476jxm] {
    display: inline-flex;
    min-width: 0;
    max-width: 100%;
    align-items: center;
    gap: .42rem;
    padding: .23rem .45rem;
    color: #276149;
    font-size: .71rem;
    font-weight: 650;
    line-height: 1.2;
    background: #edf8f3;
    border-radius: .34rem;
}

.available-group-badge.subscription[b-9976476jxm] {
    background: #dff3e9;
}

.available-group-badge.platform-anthropic[b-9976476jxm] { color: #8a521f; background: #fff4e6; }
.available-group-badge.platform-openai[b-9976476jxm] { color: #17634a; background: #eaf7f1; }
.available-group-badge.platform-gemini[b-9976476jxm] { color: #245d9a; background: #edf6ff; }
.available-group-badge.platform-antigravity[b-9976476jxm] { color: #74439a; background: #f8efff; }
.available-group-badge.platform-grok[b-9976476jxm] { color: #3f4749; background: #ecefef; }
.available-group-badge.platform-composite[b-9976476jxm] { color: #16697a; background: #eaf8fa; }

.group-name[b-9976476jxm] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.group-rate[b-9976476jxm] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: .18rem;
    padding: .09rem .3rem;
    color: currentColor;
    font-size: .61rem;
    font-weight: 750;
    background: rgba(0, 0, 0, .07);
    border-radius: .25rem;
}

.group-rate del[b-9976476jxm] {
    opacity: .52;
}

.peak-rate-badge[b-9976476jxm] {
    display: inline-flex;
    align-items: center;
    gap: .2rem;
    padding: .18rem .35rem;
    color: #7b5715;
    font-size: .61rem;
    font-weight: 700;
    line-height: 1.15;
    background: #fff5d8;
    border-radius: .3rem;
}

.group-list-empty[b-9976476jxm] {
    color: var(--muted);
    font-size: .75rem;
}
/* /Components/BetaPolicySettings.razor.rz.scp.css */
.beta-policy-card[b-o99235icbk] { overflow: hidden; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }
.beta-policy-card > header[b-o99235icbk] { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 18px 20px; border-bottom: 1px solid var(--line); }
.beta-policy-card h2[b-o99235icbk] { margin: 0; color: var(--text); font-size: .98rem; }
.beta-policy-card > header p[b-o99235icbk] { margin: 5px 0 0; color: var(--muted); font-size: .76rem; }
.beta-alert[b-o99235icbk] { display: flex; align-items: center; gap: 8px; margin: 16px 20px 0; padding: 10px 12px; border: 1px solid rgba(190,62,62,.25); border-radius: 6px; color: var(--danger); background: rgba(190,62,62,.06); font-size: .76rem; }
.beta-rules[b-o99235icbk] { display: grid; gap: 12px; padding: 20px; }
.beta-rules article[b-o99235icbk] { overflow: hidden; border: 1px solid var(--line); border-radius: 7px; }
.beta-rules article > header[b-o99235icbk] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; border-bottom: 1px solid var(--line); background: var(--surface-soft); }
.beta-rules article > header div[b-o99235icbk] { display: grid; gap: 3px; }
.beta-rules code[b-o99235icbk] { color: var(--muted); font-size: .67rem; }
.action-badge[b-o99235icbk] { padding: 3px 8px; border-radius: 999px; color: var(--muted); background: var(--surface); font-size: .66rem; font-weight: 700; }
.action-badge.block[b-o99235icbk] { color: var(--danger); background: rgba(190,62,62,.1); }
.action-badge.filter[b-o99235icbk] { color: #97620d; background: rgba(209,144,23,.12); }
.action-badge.pass[b-o99235icbk] { color: var(--primary); background: rgba(35,134,98,.1); }
.beta-grid[b-o99235icbk] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; gap: 16px 18px; padding: 16px; }
.beta-grid[b-o99235icbk]  input, .beta-grid[b-o99235icbk]  select, .beta-grid[b-o99235icbk]  textarea { width: 100%; }
.beta-grid[b-o99235icbk]  textarea { resize: vertical; font-family: ui-monospace,SFMono-Regular,Consolas,monospace; }
@media (max-width: 760px) { .beta-policy-card > header[b-o99235icbk] { flex-direction: column; } .beta-policy-card > header .button[b-o99235icbk] { width: 100%; } .beta-grid[b-o99235icbk] { grid-template-columns: 1fr; } }
/* /Components/ChannelStatusV1Panel.razor.rz.scp.css */
.monitor-page-header[b-ldgamret7t] {
    align-items: center;
}

.monitor-hero-controls[b-ldgamret7t],
.auto-refresh-control[b-ldgamret7t] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .55rem;
}

.monitor-window-tabs button[b-ldgamret7t] {
    min-width: 3.6rem;
}

.overall-status[b-ldgamret7t] {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    padding: .3rem .62rem;
    color: #775617;
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .06em;
    background: #fff3cf;
    border-radius: 999px;
}

.overall-status i[b-ldgamret7t] {
    width: .42rem;
    height: .42rem;
    background: #e3a427;
    border-radius: 50%;
    animation: monitor-pulse-b-ldgamret7t 1.8s ease-in-out infinite;
}

.overall-status.operational[b-ldgamret7t] {
    color: #216448;
    background: #e4f4ec;
}

.overall-status.operational i[b-ldgamret7t] { background: #2d9a6b; }

.auto-refresh-toggle[b-ldgamret7t] {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    gap: .32rem;
    padding: .32rem .55rem;
    color: var(--muted);
    font-size: .7rem;
    font-weight: 650;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: .42rem;
}

.auto-refresh-toggle.enabled[b-ldgamret7t] { color: var(--primary); background: var(--primary-soft); }
.auto-refresh-control select[b-ldgamret7t] { min-height: 34px; padding: .3rem .48rem; font-size: .7rem; }

.monitor-card-grid[b-ldgamret7t] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 285px), 1fr));
    gap: 1rem;
}

.monitor-card[b-ldgamret7t] {
    display: flex;
    min-width: 0;
    min-height: 280px;
    flex-direction: column;
    padding: 1.1rem;
    color: var(--ink);
    text-align: left;
    background: color-mix(in srgb, var(--surface) 94%, transparent);
    border: 1px solid var(--line);
    border-radius: .9rem;
    box-shadow: 0 4px 15px rgba(25, 39, 32, .04);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.monitor-card:hover[b-ldgamret7t],
.monitor-card:focus-visible[b-ldgamret7t] {
    border-color: color-mix(in srgb, var(--primary) 35%, var(--line));
    box-shadow: 0 12px 28px rgba(25, 39, 32, .09);
    outline: none;
    transform: translateY(-3px);
}

.monitor-card-header[b-ldgamret7t] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    gap: .7rem;
}

.provider-icon[b-ldgamret7t] {
    display: grid;
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 auto;
    place-items: center;
    color: #4b6259;
    background: #eef3f1;
    border-radius: .7rem;
}

.provider-icon.provider-openai[b-ldgamret7t] { color: #1f7a5a; background: #eaf7f1; }
.provider-icon.provider-anthropic[b-ldgamret7t] { color: #a35d23; background: #fff2e4; }
.provider-icon.provider-gemini[b-ldgamret7t] { color: #2c6ba7; background: #edf6ff; }
.provider-icon.provider-grok[b-ldgamret7t] { color: #444b4d; background: #eef0f0; }

.monitor-card-title[b-ldgamret7t] {
    display: grid;
    min-width: 0;
    flex: 1;
    gap: .26rem;
}

.monitor-card-title > strong[b-ldgamret7t] {
    overflow: hidden;
    font-size: .9rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.monitor-card-subtitle[b-ldgamret7t] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .3rem;
}

.monitor-card-subtitle code[b-ldgamret7t] {
    overflow: hidden;
    color: var(--muted);
    font-size: .66rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.provider-label[b-ldgamret7t],
.monitor-group[b-ldgamret7t] {
    flex: 0 0 auto;
    padding: .1rem .32rem;
    color: var(--muted);
    font-size: .58rem;
    font-weight: 700;
    background: var(--surface-soft);
    border-radius: .25rem;
}

.monitor-status[b-ldgamret7t] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    padding: .22rem .48rem;
    color: #68736e;
    font-size: .63rem;
    font-weight: 750;
    background: #edf0ef;
    border-radius: 999px;
}

.monitor-status.operational[b-ldgamret7t] { color: #216448; background: #e4f4ec; }
.monitor-status.degraded[b-ldgamret7t] { color: #775617; background: #fff3cf; }
.monitor-status.failed[b-ldgamret7t] { color: #963c3c; background: #fae8e8; }

.monitor-metric-pair[b-ldgamret7t] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
    margin-top: 1rem;
}

.monitor-metric-pair > span[b-ldgamret7t] {
    display: grid;
    gap: .35rem;
    padding: .65rem;
    background: var(--surface-soft);
    border: 1px solid color-mix(in srgb, var(--line) 75%, transparent);
    border-radius: .65rem;
}

.monitor-metric-pair small[b-ldgamret7t] {
    display: flex;
    align-items: center;
    gap: .25rem;
    color: var(--muted);
    font-size: .58rem;
    font-weight: 750;
    letter-spacing: .03em;
}

.monitor-metric-pair strong[b-ldgamret7t] {
    font: 750 1.05rem/1 "Cascadia Code", Consolas, monospace;
}

.monitor-metric-pair em[b-ldgamret7t],
.monitor-availability em[b-ldgamret7t] {
    margin-left: .15rem;
    color: var(--muted);
    font-size: .62rem;
    font-style: normal;
    font-weight: 550;
}

.monitor-availability[b-ldgamret7t] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: end;
    gap: .18rem .5rem;
    margin-top: .9rem;
    padding-top: .8rem;
    border-top: 1px solid color-mix(in srgb, var(--line) 70%, transparent);
}

.monitor-availability > small[b-ldgamret7t] { color: var(--muted); font-size: .61rem; font-weight: 650; letter-spacing: .05em; }
.monitor-availability > strong[b-ldgamret7t] { font-size: 1.55rem; line-height: 1; font-variant-numeric: tabular-nums; }
.monitor-availability > span[b-ldgamret7t] { grid-column: 2; color: var(--muted); font-size: .62rem; text-align: right; }

.monitor-timeline[b-ldgamret7t] {
    display: grid;
    gap: .35rem;
    margin-top: auto;
    padding-top: .9rem;
}

.timeline-heading[b-ldgamret7t],
.timeline-axis[b-ldgamret7t] {
    display: flex;
    justify-content: space-between;
    color: var(--muted);
    font-size: .57rem;
    font-weight: 650;
    letter-spacing: .05em;
}

.timeline-bars[b-ldgamret7t] {
    display: flex;
    height: 1.25rem;
    align-items: flex-end;
    gap: 2px;
}

.timeline-bars i[b-ldgamret7t] {
    min-width: 0;
    flex: 1;
    background: #cfd6d3;
    border-radius: 2px;
}

.timeline-bars i.operational[b-ldgamret7t] { background: #34a875; }
.timeline-bars i.degraded[b-ldgamret7t] { background: #e6ad32; }
.timeline-bars i.failed[b-ldgamret7t] { background: #dc5a5a; }

.monitor-empty[b-ldgamret7t] { padding: .25rem; }
.monitor-detail-summary[b-ldgamret7t] { display: flex; align-items: center; gap: .5rem; margin-bottom: 1rem; color: var(--muted); font-size: .75rem; }
.monitor-detail-table[b-ldgamret7t] { max-height: 60vh; }

.skeleton-card[b-ldgamret7t] { pointer-events: none; animation: monitor-skeleton-b-ldgamret7t 1.5s ease-in-out infinite; }
.skeleton-card i[b-ldgamret7t] { display: block; height: 2.2rem; margin-bottom: .8rem; background: var(--surface-soft); border-radius: .5rem; }
.skeleton-card i:nth-child(2)[b-ldgamret7t] { height: 4rem; }
.skeleton-card i:nth-child(3)[b-ldgamret7t] { height: 1.3rem; margin-top: auto; }

@keyframes monitor-pulse-b-ldgamret7t { 50% { opacity: .35; } }
@keyframes monitor-skeleton-b-ldgamret7t { 50% { opacity: .5; } }

@media (max-width: 800px) {
    .monitor-page-header[b-ldgamret7t] { align-items: flex-start; }
    .monitor-hero-controls[b-ldgamret7t] { width: 100%; justify-content: flex-start; }
}

@media (max-width: 520px) {
    .monitor-window-tabs[b-ldgamret7t] { width: 100%; }
    .monitor-window-tabs button[b-ldgamret7t] { flex: 1; }
    .auto-refresh-control[b-ldgamret7t] { width: 100%; }
    .auto-refresh-control select[b-ldgamret7t] { flex: 1; }
}
/* /Components/ChannelStatusV2Panel.razor.rz.scp.css */
.monitor-v2-shell[b-jsti1nzopx] { display: grid; gap: 1rem; padding-bottom: 2rem; }
.monitor-v2-header[b-jsti1nzopx] { overflow: visible; position: sticky; top: 0; z-index: 15; box-shadow: 0 6px 18px rgba(22, 35, 29, .05); }
.monitor-v2-header > header[b-jsti1nzopx] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1rem 1.2rem; border-bottom: 1px solid var(--line); }
.monitor-v2-title[b-jsti1nzopx] { display: flex; align-items: flex-start; gap: .7rem; }
.monitor-v2-title > span[b-jsti1nzopx] { display: grid; width: 2.1rem; height: 2.1rem; place-items: center; color: #3773b1; background: #edf5ff; border-radius: .7rem; }
.monitor-v2-title h1[b-jsti1nzopx] { margin: 0; font-size: 1.15rem; }
.monitor-v2-title p[b-jsti1nzopx] { display: flex; align-items: center; flex-wrap: wrap; gap: .35rem; margin: .28rem 0 0; color: var(--muted); font-size: .7rem; }
.monitor-v2-title p > i[b-jsti1nzopx] { width: .43rem; height: .43rem; background: #2fa06e; border-radius: 50%; }
.monitor-v2-title p > i.updating[b-jsti1nzopx] { background: #9aa4a0; }
.coverage-badge[b-jsti1nzopx] { padding: .12rem .38rem; color: #285d89; font-weight: 700; background: #e5f2ff; border-radius: 999px; }
.coverage-badge.warning[b-jsti1nzopx] { color: #775617; background: #fff3cf; }
.bootstrap-banner[b-jsti1nzopx] { display: grid; grid-template-columns: 1fr auto; gap: .65rem 1rem; padding: .8rem 1.2rem; color: #235681; background: #edf7ff; border-bottom: 1px solid #cae4f7; }
.bootstrap-banner > div[b-jsti1nzopx] { display: grid; gap: .12rem; }
.bootstrap-banner strong[b-jsti1nzopx] { font-size: .78rem; }
.bootstrap-banner span[b-jsti1nzopx] { font-size: .68rem; }
.bootstrap-banner > b[b-jsti1nzopx] { font-size: .72rem; }
.bootstrap-track[b-jsti1nzopx] { grid-column: 1 / -1; height: .36rem; overflow: hidden; background: #cfe5f5; border-radius: 999px; }
.bootstrap-track i[b-jsti1nzopx] { display: block; height: 100%; background: #438dcc; border-radius: inherit; }

.monitor-v2-toolbar[b-jsti1nzopx] { display: flex; align-items: center; gap: .45rem; padding: .75rem 1rem; overflow-x: auto; }
.monitor-filter-menu[b-jsti1nzopx] { position: relative; flex: 0 0 auto; }
.monitor-filter-menu summary[b-jsti1nzopx] { min-height: 30px; padding: .35rem .55rem; color: var(--muted); font-size: .67rem; font-weight: 650; background: var(--surface); border: 1px solid var(--line); border-radius: .38rem; cursor: pointer; list-style: none; white-space: nowrap; }
.monitor-filter-menu summary[b-jsti1nzopx]::-webkit-details-marker { display: none; }
.monitor-filter-menu[open] summary[b-jsti1nzopx] { color: var(--primary); border-color: color-mix(in srgb, var(--primary) 45%, var(--line)); }
.monitor-filter-menu > div[b-jsti1nzopx] { position: absolute; top: calc(100% + .35rem); left: 0; z-index: 40; display: grid; width: 260px; max-height: 270px; padding: .38rem; overflow-y: auto; background: var(--surface); border: 1px solid var(--line); border-radius: .5rem; box-shadow: var(--popover-shadow); }
.monitor-filter-menu label[b-jsti1nzopx] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .45rem; padding: .42rem .45rem; font-size: .7rem; border-radius: .34rem; }
.monitor-filter-menu label:hover[b-jsti1nzopx] { background: var(--surface-soft); }
.monitor-filter-menu label span[b-jsti1nzopx] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.monitor-filter-menu label small[b-jsti1nzopx] { color: var(--muted); font-size: .61rem; }
.monitor-filter-menu > div > span[b-jsti1nzopx] { padding: .5rem; color: var(--muted); font-size: .7rem; text-align: center; }
.clear-filter[b-jsti1nzopx] { flex: 0 0 auto; font-size: .67rem; }
.monitor-group-select[b-jsti1nzopx] { min-height: 30px; flex: 0 0 auto; padding: .3rem .48rem; font-size: .67rem; }

.monitor-kpi-grid[b-jsti1nzopx] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; }
.monitor-kpi-grid.with-throughput[b-jsti1nzopx] { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.monitor-kpi[b-jsti1nzopx] { display: grid; min-height: 94px; gap: .25rem; padding: .85rem 1rem; background: var(--surface); border: 1px solid var(--line); border-top: 3px solid #a7b2ad; border-radius: .72rem; }
.monitor-kpi.health-healthy[b-jsti1nzopx] { border-top-color: #31a272; }
.monitor-kpi.health-warning[b-jsti1nzopx] { border-top-color: #e2a52d; }
.monitor-kpi.health-critical[b-jsti1nzopx] { border-top-color: #d95454; }
.monitor-kpi > span[b-jsti1nzopx] { color: var(--muted); font-size: .67rem; font-weight: 650; }
.monitor-kpi > strong[b-jsti1nzopx] { font-size: 1.25rem; font-variant-numeric: tabular-nums; }
.monitor-kpi > small[b-jsti1nzopx] { color: var(--muted); font-size: .62rem; }

.monitor-trend-card[b-jsti1nzopx] { min-height: 320px; }
.monitor-card-heading[b-jsti1nzopx] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: .9rem 1rem; border-bottom: 1px solid var(--line); }
.monitor-card-heading h2[b-jsti1nzopx] { margin: 0; font-size: .88rem; }
.monitor-card-heading p[b-jsti1nzopx] { margin: .15rem 0 0; color: var(--muted); font-size: .68rem; }
.trend-legend[b-jsti1nzopx] { display: flex; gap: .8rem; color: var(--muted); font-size: .64rem; }
.trend-legend span[b-jsti1nzopx]::before { display: inline-block; width: .45rem; height: .45rem; margin-right: .25rem; content: ""; background: currentColor; border-radius: 50%; }
.trend-legend .error[b-jsti1nzopx] { color: #df5b5b; }.trend-legend .cache[b-jsti1nzopx] { color: #39a77a; }.trend-legend .ttft[b-jsti1nzopx] { color: #3f91c8; }
.trend-svg-wrap[b-jsti1nzopx] { height: 260px; padding: 1rem; }
.monitor-trend-svg[b-jsti1nzopx] { width: 100%; height: 100%; overflow: visible; }
.monitor-trend-svg line[b-jsti1nzopx] { stroke: var(--line); stroke-width: 1; vector-effect: non-scaling-stroke; }
.monitor-trend-svg polyline[b-jsti1nzopx] { fill: none; stroke-width: 2; vector-effect: non-scaling-stroke; }
.error-line[b-jsti1nzopx] { stroke: #df5b5b; }.cache-line[b-jsti1nzopx] { stroke: #39a77a; }.ttft-line[b-jsti1nzopx] { stroke: #3f91c8; }
.matrix-dimension[b-jsti1nzopx] { padding: .18rem .45rem; color: var(--muted); font-size: .63rem; background: var(--surface-soft); border-radius: .3rem; }

.pulse-matrix[b-jsti1nzopx] { display: grid; overflow-x: auto; }
.pulse-row[b-jsti1nzopx] { display: grid; min-width: 720px; grid-template-columns: 190px minmax(360px, 1fr) 110px; align-items: center; gap: .8rem; padding: .55rem 1rem; border-bottom: 1px solid color-mix(in srgb, var(--line) 70%, transparent); }
.pulse-row:last-child[b-jsti1nzopx] { border-bottom: 0; }
.pulse-row:hover[b-jsti1nzopx] { background: var(--surface-soft); }
.pulse-label[b-jsti1nzopx] { display: grid; min-width: 0; gap: .1rem; padding: 0; color: var(--ink); text-align: left; background: transparent; border: 0; }
.pulse-label strong[b-jsti1nzopx],.pulse-label small[b-jsti1nzopx] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pulse-label strong[b-jsti1nzopx] { font-size: .72rem; }.pulse-label small[b-jsti1nzopx] { color: var(--muted); font-size: .61rem; }
.pulse-buckets[b-jsti1nzopx] { display: flex; height: 1.45rem; align-items: stretch; gap: 2px; }
.pulse-buckets i[b-jsti1nzopx] { min-width: 3px; flex: 1; background: #a8b0ad; border-radius: 2px; }
.score-10[b-jsti1nzopx],.health-healthy[b-jsti1nzopx] { background-color: #22a35f !important; }.score-9[b-jsti1nzopx] { background-color: #3bbd70 !important; }.score-8[b-jsti1nzopx] { background-color: #6dcc75 !important; }.score-7[b-jsti1nzopx] { background-color: #a8cf55 !important; }.score-6[b-jsti1nzopx] { background-color: #e0c43e !important; }.score-5[b-jsti1nzopx] { background-color: #e8aa35 !important; }.score-4[b-jsti1nzopx] { background-color: #eb902e !important; }.score-3[b-jsti1nzopx] { background-color: #e77938 !important; }.score-2[b-jsti1nzopx] { background-color: #df665d !important; }.score-1[b-jsti1nzopx] { background-color: #d95757 !important; }.score-0[b-jsti1nzopx],.health-critical[b-jsti1nzopx] { background-color: #cf4747 !important; }.health-warning[b-jsti1nzopx] { background-color: #e5a52e !important; }.health-unknown[b-jsti1nzopx] { background-color: #a8b0ad !important; }
.pulse-summary[b-jsti1nzopx] { display: flex; justify-content: flex-end; gap: .55rem; font-size: .67rem; font-variant-numeric: tabular-nums; }.pulse-summary small[b-jsti1nzopx] { color: var(--muted); }
.matrix-legend[b-jsti1nzopx] { display: flex; justify-content: flex-end; gap: .75rem; padding: .55rem 1rem .8rem; color: var(--muted); font-size: .6rem; }
.matrix-legend span[b-jsti1nzopx]::before { display: inline-block; width: .4rem; height: .4rem; margin-right: .23rem; content: ""; background: #a8b0ad; border-radius: 50%; }.matrix-legend .healthy[b-jsti1nzopx]::before { background: #22a35f; }.matrix-legend .warning[b-jsti1nzopx]::before { background: #e5a52e; }.matrix-legend .critical[b-jsti1nzopx]::before { background: #cf4747; }

.monitor-detail-card[b-jsti1nzopx] { min-height: 300px; }
.monitor-tabs[b-jsti1nzopx] { display: flex; gap: .2rem; padding: .65rem 1rem 0; border-bottom: 1px solid var(--line); }
.monitor-tabs button[b-jsti1nzopx] { min-width: 6rem; padding: .55rem .8rem; color: var(--muted); font-size: .72rem; font-weight: 700; background: transparent; border: 0; border-bottom: 2px solid transparent; }
.monitor-tabs button.active[b-jsti1nzopx] { color: var(--primary); border-bottom-color: var(--primary); }
.monitor-tab-body[b-jsti1nzopx] { max-height: min(55vh, 560px); padding: .9rem; overflow: auto; }
.monitor-v2-table[b-jsti1nzopx] { min-width: 720px; }.monitor-v2-table td > small[b-jsti1nzopx] { display: block; }.clickable-row[b-jsti1nzopx] { cursor: pointer; }
.health-dot[b-jsti1nzopx] { display: inline-block; width: .48rem; height: .48rem; margin-right: .4rem; background: #a8b0ad; border-radius: 50%; }
.current-user-row[b-jsti1nzopx] { background: color-mix(in srgb, var(--primary-soft) 75%, transparent); }
.self-badge[b-jsti1nzopx] { margin-left: .35rem; padding: .12rem .35rem; color: var(--primary); font-size: .58rem; background: var(--primary-soft); border-radius: .3rem; }
.rank-badge[b-jsti1nzopx] { font-size: .7rem; font-weight: 800; }.rank-badge.rank-1[b-jsti1nzopx] { color: #b7791f; }.rank-badge.rank-2[b-jsti1nzopx] { color: #6f7b87; }.rank-badge.rank-3[b-jsti1nzopx] { color: #a25c36; }

.monitor-error-list[b-jsti1nzopx] { display: grid; gap: .65rem; }
.monitor-error-list article[b-jsti1nzopx] { padding: .75rem .85rem; background: var(--surface-soft); border-radius: .65rem; }.monitor-error-list article.ignored[b-jsti1nzopx] { opacity: .62; }
.monitor-error-list article > button[b-jsti1nzopx] { display: grid; width: 100%; grid-template-columns: minmax(120px, 210px) 1fr 62px auto; align-items: center; gap: .7rem; padding: 0; color: var(--ink); text-align: left; background: transparent; border: 0; }
.monitor-error-list button > span[b-jsti1nzopx] { font-size: .72rem; }.monitor-error-list button > span small[b-jsti1nzopx] { margin-left: .3rem; padding: .1rem .28rem; color: var(--muted); background: var(--surface); border-radius: .25rem; }
.monitor-error-list button > i[b-jsti1nzopx] { height: .42rem; overflow: hidden; background: var(--surface); border-radius: 999px; }.monitor-error-list button > i b[b-jsti1nzopx] { display: block; height: 100%; background: linear-gradient(90deg,#ee7a69,#d64e4e); border-radius: inherit; }
.monitor-error-list button > strong[b-jsti1nzopx] { color: var(--muted); font-size: .67rem; text-align: right; }
.error-details[b-jsti1nzopx] { display: grid; gap: .45rem; margin-top: .65rem; padding-top: .65rem; border-top: 1px solid var(--line); }
.error-details > p[b-jsti1nzopx] { margin: 0; color: var(--muted); font-size: .68rem; }.error-details > div[b-jsti1nzopx] { display: grid; grid-template-columns: 1fr auto; gap: .18rem .8rem; padding: .55rem; font-size: .67rem; background: var(--surface); border-radius: .4rem; }.error-details p[b-jsti1nzopx] { grid-column: 1 / -1; margin: 0; color: var(--muted); }.error-details small[b-jsti1nzopx] { grid-column: 2; grid-row: 2; }

@media (max-width: 1100px) { .monitor-kpi-grid[b-jsti1nzopx],.monitor-kpi-grid.with-throughput[b-jsti1nzopx] { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 720px) { .monitor-v2-header[b-jsti1nzopx] { position: static; }.monitor-kpi-grid[b-jsti1nzopx],.monitor-kpi-grid.with-throughput[b-jsti1nzopx] { grid-template-columns: repeat(2,minmax(0,1fr)); }.monitor-error-list article > button[b-jsti1nzopx] { grid-template-columns: minmax(100px,1fr) 70px auto; }.monitor-error-list button > i[b-jsti1nzopx] { display: none; }.monitor-tabs button[b-jsti1nzopx] { min-width: 0; flex: 1; } }
@media (max-width: 440px) { .monitor-kpi-grid[b-jsti1nzopx],.monitor-kpi-grid.with-throughput[b-jsti1nzopx] { grid-template-columns: 1fr; }.trend-legend[b-jsti1nzopx] { display: none; } }
/* /Components/ChannelTimePricingEditor.razor.rz.scp.css */
.time-pricing-editor[b-09z4x2aesi] { display: grid; padding: 13px; gap: 12px; background: var(--surface-muted); border: 1px solid var(--line); border-radius: 8px; }
.time-pricing-editor > header[b-09z4x2aesi] { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.time-pricing-editor > header > div[b-09z4x2aesi], .time-pricing-entry-heading > div[b-09z4x2aesi] { display: grid; gap: 2px; }
.time-pricing-editor header strong[b-09z4x2aesi] { color: var(--ink); font-size: .8rem; }
.time-pricing-editor header small[b-09z4x2aesi], .time-pricing-entry-heading small[b-09z4x2aesi] { color: var(--muted); font-size: .7rem; }
.inline-alert.compact[b-09z4x2aesi] { margin: 0; padding: 8px 10px; }
.time-pricing-entry[b-09z4x2aesi] { display: grid; padding: 12px; gap: 12px; background: var(--surface); border: 1px solid var(--line); border-radius: 7px; }
.time-pricing-entry-heading[b-09z4x2aesi] { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.time-pricing-toolbar[b-09z4x2aesi] { display: grid; grid-template-columns: minmax(220px, 1fr) auto; align-items: end; gap: 10px; }
.time-pricing-toolbar .button[b-09z4x2aesi] { margin-bottom: 1px; }
.time-period-list[b-09z4x2aesi] { display: grid; gap: 8px; }
.time-period-row[b-09z4x2aesi] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) 34px; align-items: end; gap: 8px; padding-top: 9px; border-top: 1px solid var(--line); }
.time-period-row .icon-button[b-09z4x2aesi] { margin-bottom: 3px; }
.time-pricing-empty[b-09z4x2aesi] { padding: 18px 10px; color: var(--muted); border: 1px dashed var(--line); border-radius: 7px; text-align: center; font-size: .74rem; }
.time-pricing-empty.compact[b-09z4x2aesi] { padding: 10px; }
@media (max-width: 720px) { .time-pricing-editor > header[b-09z4x2aesi], .time-pricing-entry-heading[b-09z4x2aesi] { align-items: stretch; flex-direction: column; } .time-pricing-toolbar[b-09z4x2aesi] { grid-template-columns: 1fr; } .time-period-row[b-09z4x2aesi] { grid-template-columns: 1fr 1fr; } .time-period-row .icon-button[b-09z4x2aesi] { justify-self: end; } }
/* /Components/CompositeRoutesModal.razor.rz.scp.css */
.composite-layout[b-ocgq8dxfj3] { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr); gap: 20px; }
.route-list-panel[b-ocgq8dxfj3], .route-editor-panel[b-ocgq8dxfj3] { min-width: 0; }
.panel-heading[b-ocgq8dxfj3] { display: flex; min-height: 36px; margin-bottom: 10px; align-items: center; justify-content: space-between; gap: 10px; }
.panel-heading h3[b-ocgq8dxfj3], .preview-panel h3[b-ocgq8dxfj3] { margin: 0; color: var(--ink); font-size: .78rem; font-weight: 700; }
.text-button[b-ocgq8dxfj3] { padding: 3px; color: var(--muted); background: none; border: 0; font-size: .67rem; }
.routes-empty[b-ocgq8dxfj3] { display: grid; min-height: 144px; place-items: center; color: var(--muted); border: 1px solid var(--line); border-radius: 10px; font-size: .72rem; }
.routes-table-scroll[b-ocgq8dxfj3] { max-height: 510px; overflow: auto; border: 1px solid var(--line); border-radius: 10px; }
.routes-table[b-ocgq8dxfj3] { width: 100%; min-width: 570px; border-collapse: collapse; font-size: .69rem; }
.routes-table th[b-ocgq8dxfj3], .routes-table td[b-ocgq8dxfj3] { padding: 9px 10px; text-align: left; border-bottom: 1px solid var(--line); vertical-align: top; }
.routes-table th[b-ocgq8dxfj3] { position: sticky; z-index: 1; top: 0; color: var(--muted); background: var(--surface-muted); font-size: .63rem; }
.routes-table tr:last-child td[b-ocgq8dxfj3] { border-bottom: 0; }
.routes-table td strong[b-ocgq8dxfj3], .routes-table td span[b-ocgq8dxfj3] { display: block; }
.routes-table td small[b-ocgq8dxfj3] { display: block; max-width: 180px; margin-top: 4px; overflow: hidden; color: var(--muted); text-overflow: ellipsis; }
.routes-table .model-name[b-ocgq8dxfj3] { max-width: 210px; overflow-wrap: anywhere; }
.routes-table .actions-cell[b-ocgq8dxfj3] { text-align: right; white-space: nowrap; }
.disabled-route[b-ocgq8dxfj3] { opacity: .58; }
.route-badges[b-ocgq8dxfj3] { display: flex; margin-top: 5px; gap: 4px; }
.mini-badge[b-ocgq8dxfj3] { display: inline-flex !important; width: fit-content; padding: 2px 6px; color: var(--muted); background: var(--surface-muted); border-radius: 999px; font-size: .59rem; }
.mini-badge.danger[b-ocgq8dxfj3] { color: var(--danger); background: rgba(197,62,62,.1); }
.mini-badge.success[b-ocgq8dxfj3] { color: var(--primary); background: var(--primary-soft); }
.route-form-grid[b-ocgq8dxfj3] { display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: 10px; }
.route-form-grid .full[b-ocgq8dxfj3] { grid-column: 1 / -1; }
.route-form-grid .form-field[b-ocgq8dxfj3] { gap: 5px; }
.route-form-grid small[b-ocgq8dxfj3] { color: var(--muted); font-size: .62rem; }
.compact-toggle[b-ocgq8dxfj3] { min-height: 34px; padding: 7px 9px; }
.route-save-row[b-ocgq8dxfj3] { display: flex; margin-top: 11px; justify-content: flex-end; }
.preview-panel[b-ocgq8dxfj3] { margin-top: 18px; padding-top: 15px; border-top: 1px solid var(--line); }
.preview-panel h3[b-ocgq8dxfj3] { margin-bottom: 10px; }
.preview-row[b-ocgq8dxfj3] { display: grid; grid-template-columns: minmax(0, 1fr) 145px auto; gap: 7px; }
.preview-row input[b-ocgq8dxfj3], .preview-row select[b-ocgq8dxfj3] { min-width: 0; height: var(--form-control-height); padding: 7px 10px; color: var(--form-control-color); background: var(--form-control-bg); border: 1px solid var(--form-control-border); border-radius: var(--form-control-radius); }
.preview-row input:focus[b-ocgq8dxfj3], .preview-row select:focus[b-ocgq8dxfj3] { border-color: var(--form-control-focus); outline: 0; box-shadow: 0 0 0 3px var(--form-control-focus-ring); }
.preview-result[b-ocgq8dxfj3] { display: grid; margin-top: 10px; padding: 10px; gap: 6px; color: var(--muted); background: var(--surface-muted); border: 1px solid var(--line); border-radius: 9px; font-size: .67rem; }
.preview-result > div[b-ocgq8dxfj3] { display: flex; gap: 5px; }
.preview-result p[b-ocgq8dxfj3] { margin: 0; overflow-wrap: anywhere; }
.preview-result strong[b-ocgq8dxfj3] { color: var(--ink); }
.preview-result.matched[b-ocgq8dxfj3] { border-color: rgba(30,128,91,.3); }
@media (max-width: 900px) { .composite-layout[b-ocgq8dxfj3] { grid-template-columns: 1fr; } .routes-table-scroll[b-ocgq8dxfj3] { max-height: 320px; } }
@media (max-width: 560px) { .route-form-grid[b-ocgq8dxfj3] { grid-template-columns: 1fr; } .route-form-grid .full[b-ocgq8dxfj3] { grid-column: auto; } .preview-row[b-ocgq8dxfj3] { grid-template-columns: 1fr auto; } .preview-row input[b-ocgq8dxfj3] { grid-column: 1 / -1; } }
/* /Components/CustomNavigationSettings.razor.rz.scp.css */
.custom-navigation-settings[b-tlxbt0bidz] { display:grid; gap:16px; }
.custom-navigation-settings > section[b-tlxbt0bidz] { overflow:hidden; border:1px solid var(--line); border-radius:8px; background:var(--surface); }
.custom-navigation-settings > section > header[b-tlxbt0bidz] { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding:18px 20px; border-bottom:1px solid var(--line); }
.custom-navigation-settings h2[b-tlxbt0bidz] { margin:0; color:var(--text); font-size:.98rem; }
.custom-navigation-settings header p[b-tlxbt0bidz] { margin:5px 0 0; color:var(--muted); font-size:.76rem; }
.empty-copy[b-tlxbt0bidz] { margin:0; padding:20px; color:var(--muted); font-size:.76rem; }
.custom-list[b-tlxbt0bidz] { display:grid; gap:10px; padding:16px 20px 20px; }
.custom-list article[b-tlxbt0bidz] { display:flex; align-items:flex-start; gap:10px; padding:14px; border:1px solid var(--line); border-radius:7px; background:var(--surface-soft); }
.endpoint-grid[b-tlxbt0bidz],.menu-grid[b-tlxbt0bidz] { display:grid; flex:1; min-width:0; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:13px 16px; }
.menu-order[b-tlxbt0bidz] { display:grid; gap:5px; }
.custom-list[b-tlxbt0bidz]  input,.custom-list[b-tlxbt0bidz]  select,.custom-list[b-tlxbt0bidz]  textarea { width:100%; }
.custom-list[b-tlxbt0bidz]  textarea { resize:vertical; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }
@media(max-width:760px){.custom-navigation-settings > section > header[b-tlxbt0bidz]{flex-direction:column}.custom-navigation-settings > section > header .button[b-tlxbt0bidz]{width:100%}.custom-list article[b-tlxbt0bidz]{flex-wrap:wrap}.endpoint-grid[b-tlxbt0bidz],.menu-grid[b-tlxbt0bidz]{grid-template-columns:1fr}.menu-order[b-tlxbt0bidz]{display:flex}.custom-list article>.icon-button:last-child[b-tlxbt0bidz]{margin-left:auto}}
/* /Components/DefaultSubscriptionEditor.razor.rz.scp.css */
.subscription-editor[b-3ik30jdq6v] {
    display: grid;
    gap: .7rem;
}

.subscription-row[b-3ik30jdq6v] {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) 150px auto;
    align-items: end;
    gap: .75rem;
    padding: .8rem;
    background: var(--surface-soft);
    border: 1px solid var(--line);
    border-radius: 9px;
}

.subscription-row label[b-3ik30jdq6v] {
    display: grid;
    gap: .35rem;
    color: var(--muted);
    font-size: .68rem;
}

.subscription-row select[b-3ik30jdq6v],
.subscription-row input[b-3ik30jdq6v] {
    width: 100%;
    height: var(--form-control-height);
    padding: 7px 10px;
    color: var(--form-control-color);
    background: var(--form-control-bg);
    border: 1px solid var(--form-control-border);
    border-radius: var(--form-control-radius);
}

.subscription-row select:focus[b-3ik30jdq6v],
.subscription-row input:focus[b-3ik30jdq6v] {
    border-color: var(--form-control-focus);
    outline: 0;
    box-shadow: 0 0 0 3px var(--form-control-focus-ring);
}

.empty-editor[b-3ik30jdq6v] {
    padding: .85rem;
    color: var(--muted);
    border: 1px dashed var(--line);
    border-radius: 8px;
    font-size: .72rem;
}

@media (max-width: 760px) {
    .subscription-row[b-3ik30jdq6v] { grid-template-columns: 1fr; }
}
/* /Components/DistributionLegend.razor.rz.scp.css */
.distribution-legend[b-ao1yay4a4g] {
    display: grid;
    gap: 5px;
    margin-top: -8px;
}

.distribution-legend > div[b-ao1yay4a4g] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    color: var(--muted);
    font-size: .68rem;
}

.distribution-legend span[b-ao1yay4a4g] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.distribution-legend strong[b-ao1yay4a4g] {
    flex: 0 0 auto;
    color: var(--ink);
    font-variant-numeric: tabular-nums;
    font-weight: 650;
}
/* /Components/EmailTemplateEditor.razor.rz.scp.css */
.email-template-card[b-ese4b38kn7] {
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--surface);
}

.email-template-card > header[b-ese4b38kn7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 20px;
    border-bottom: 1px solid var(--line);
}

.email-template-card h2[b-ese4b38kn7] { margin: 0; color: var(--text); font-size: .98rem; }
.email-template-card > header p[b-ese4b38kn7] { margin: 5px 0 0; color: var(--muted); font-size: .76rem; }
.template-actions[b-ese4b38kn7] { display: flex; flex-wrap: wrap; gap: 7px; }
.template-alert[b-ese4b38kn7] { display: flex; align-items: center; gap: 8px; margin: 16px 20px 0; padding: 10px 12px; border: 1px solid rgba(190, 62, 62, .25); border-radius: 6px; color: var(--danger); background: rgba(190, 62, 62, .06); font-size: .76rem; }
.template-body[b-ese4b38kn7] { display: grid; gap: 18px; padding: 20px; }
.template-selectors[b-ese4b38kn7] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 18px; }
.template-selectors[b-ese4b38kn7]  select { width: 100%; }
.event-summary[b-ese4b38kn7] { padding: 13px 15px; border: 1px solid rgba(35, 134, 98, .2); border-radius: 7px; background: rgba(35, 134, 98, .06); }
.event-summary > div[b-ese4b38kn7] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.event-summary span[b-ese4b38kn7] { padding: 3px 7px; border-radius: 999px; color: var(--muted); background: var(--surface); font-size: .67rem; }
.event-summary span.transactional[b-ese4b38kn7] { color: #147453; background: rgba(35, 134, 98, .12); }
.event-summary span.optional[b-ese4b38kn7] { color: #97620d; background: rgba(209, 144, 23, .12); }
.event-summary p[b-ese4b38kn7] { margin: 7px 0 0; color: var(--muted); font-size: .72rem; }
.template-editor-grid[b-ese4b38kn7] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(340px, .9fr); gap: 20px; }
.template-source[b-ese4b38kn7] { display: grid; align-content: start; gap: 17px; }
.template-source[b-ese4b38kn7]  input, .template-source[b-ese4b38kn7]  textarea { width: 100%; }
.template-source[b-ese4b38kn7]  textarea { min-height: 430px; resize: vertical; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .74rem; line-height: 1.55; }
.placeholder-box[b-ese4b38kn7] { padding: 14px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface-soft); }
.placeholder-box > p[b-ese4b38kn7] { margin: 3px 0 10px; color: var(--muted); font-size: .7rem; }
.placeholder-box > div[b-ese4b38kn7] { display: flex; flex-wrap: wrap; gap: 6px; }
.placeholder-box button[b-ese4b38kn7] { padding: 4px 8px; border: 1px solid var(--line); border-radius: 999px; color: var(--text); background: var(--surface); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .66rem; cursor: pointer; }
.template-preview[b-ese4b38kn7] { overflow: hidden; align-self: start; border: 1px solid var(--line); border-radius: 7px; background: var(--surface-soft); }
.template-preview > header[b-ese4b38kn7] { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 12px 14px; border-bottom: 1px solid var(--line); background: var(--surface); }
.template-preview > header div[b-ese4b38kn7] { display: grid; gap: 2px; }
.template-preview > header small[b-ese4b38kn7] { color: var(--muted); font-size: .68rem; }
.template-preview > header span[b-ese4b38kn7] { padding: 3px 7px; border-radius: 999px; color: var(--primary); background: rgba(35, 134, 98, .1); font-size: .66rem; }
.template-preview iframe[b-ese4b38kn7] { display: block; width: calc(100% - 20px); height: 570px; margin: 10px; border: 1px solid var(--line); border-radius: 5px; background: #fff; }
.template-preview > p[b-ese4b38kn7] { margin: 0; padding: 0 12px 12px; color: var(--muted); font-size: .66rem; line-height: 1.5; }

@media (max-width: 1100px) { .template-editor-grid[b-ese4b38kn7] { grid-template-columns: 1fr; } }
@media (max-width: 760px) {
    .email-template-card > header[b-ese4b38kn7] { flex-direction: column; }
    .template-actions[b-ese4b38kn7], .template-actions .button[b-ese4b38kn7] { width: 100%; }
    .template-selectors[b-ese4b38kn7] { grid-template-columns: 1fr; }
    .template-body[b-ese4b38kn7] { padding: 15px; }
}
/* /Components/Field.razor.rz.scp.css */
.settings-field[b-kza7q360xt] {
    display: grid;
    min-width: 0;
    align-content: start;
    gap: 7px;
}

.settings-field-full[b-kza7q360xt] {
    grid-column: 1 / -1;
}

.settings-field-label[b-kza7q360xt] {
    color: var(--text);
    font-size: .8rem;
    font-weight: 700;
}

.settings-field-control[b-kza7q360xt] {
    min-width: 0;
}

.settings-field-control[b-kza7q360xt]  input,
.settings-field-control[b-kza7q360xt]  select,
.settings-field-control[b-kza7q360xt]  textarea {
    width: 100%;
    min-width: 0;
    min-height: var(--form-control-height);
    padding: 7px 10px;
    color: var(--form-control-color);
    background: var(--form-control-bg);
    border: 1px solid var(--form-control-border);
    border-radius: var(--form-control-radius);
    font: inherit;
}

.settings-field-control[b-kza7q360xt]  textarea {
    line-height: 1.5;
    resize: vertical;
}

.settings-field-control[b-kza7q360xt]  input::placeholder,
.settings-field-control[b-kza7q360xt]  textarea::placeholder {
    color: var(--form-control-placeholder);
}

.settings-field-control[b-kza7q360xt]  input:focus,
.settings-field-control[b-kza7q360xt]  select:focus,
.settings-field-control[b-kza7q360xt]  textarea:focus {
    border-color: var(--form-control-focus);
    outline: 0;
    box-shadow: 0 0 0 3px var(--form-control-focus-ring);
}

.settings-field-hint[b-kza7q360xt] {
    margin: 0;
    color: var(--muted);
    font-size: .72rem;
    line-height: 1.55;
}
/* /Components/FilterInput.razor.rz.scp.css */
.filter-input[b-npinccdh8h] { display: grid; gap: 5px; color: var(--muted); font-size: .61rem; }
.filter-input input[b-npinccdh8h] { width: 100%; min-width: 0; min-height: 35px; padding: 6px 8px; color: var(--ink); background: var(--surface); border: 1px solid #cad3ce; border-radius: 6px; font: inherit; font-size: .68rem; }
/* /Components/GatewayAdvancedSettings.razor.rz.scp.css */
.gateway-advanced-settings[b-hsnaahzlur] { display:grid; gap:16px; }
.gateway-advanced-settings > section[b-hsnaahzlur] { overflow:hidden; border:1px solid var(--line); border-radius:8px; background:var(--surface); }
.gateway-advanced-settings > section > header[b-hsnaahzlur] { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding:18px 20px; border-bottom:1px solid var(--line); }
.gateway-advanced-settings h2[b-hsnaahzlur] { margin:0; color:var(--text); font-size:.98rem; }
.gateway-advanced-settings header p[b-hsnaahzlur] { margin:5px 0 0; color:var(--muted); font-size:.76rem; }
.advanced-grid[b-hsnaahzlur],.scheduler-weights[b-hsnaahzlur],.fast-grid[b-hsnaahzlur] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:16px 18px; padding:20px; }
.advanced-grid[b-hsnaahzlur]  input,.advanced-grid[b-hsnaahzlur]  select,.advanced-grid[b-hsnaahzlur]  textarea,.scheduler-weights[b-hsnaahzlur]  input,.fast-grid[b-hsnaahzlur]  input,.fast-grid[b-hsnaahzlur]  select,.fast-grid[b-hsnaahzlur]  textarea { width:100%; }
.advanced-grid[b-hsnaahzlur]  textarea,.fast-grid[b-hsnaahzlur]  textarea { resize:vertical; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:.74rem; }
.thresholds[b-hsnaahzlur] { padding:0 20px 20px; }
.thresholds h3[b-hsnaahzlur] { margin:0; color:var(--text); font-size:.82rem; }
.thresholds > p[b-hsnaahzlur] { margin:4px 0 12px; color:var(--muted); font-size:.69rem; }
.thresholds > div[b-hsnaahzlur] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.scheduler-weights[b-hsnaahzlur] { padding-top:0; }
.advanced-empty[b-hsnaahzlur] { margin:0; padding:20px; color:var(--muted); font-size:.76rem; }
.fast-rules[b-hsnaahzlur] { display:grid; gap:12px; padding:20px; }
.fast-rules article[b-hsnaahzlur] { overflow:hidden; border:1px solid var(--line); border-radius:7px; }
.fast-rules article > header[b-hsnaahzlur] { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 13px; border-bottom:1px solid var(--line); background:var(--surface-soft); }
.fast-grid[b-hsnaahzlur] { padding:15px; }
@media(max-width:760px){.gateway-advanced-settings > section > header[b-hsnaahzlur]{flex-direction:column}.gateway-advanced-settings > section > header .button[b-hsnaahzlur]{width:100%}.advanced-grid[b-hsnaahzlur],.scheduler-weights[b-hsnaahzlur],.fast-grid[b-hsnaahzlur],.thresholds>div[b-hsnaahzlur]{grid-template-columns:1fr}}
/* /Components/GroupOverridesModal.razor.rz.scp.css */
.override-summary[b-gc2xkfgmrb] { display: flex; margin-bottom: 14px; padding: 11px 13px; align-items: center; flex-wrap: wrap; gap: 10px; color: var(--muted); background: var(--surface-muted); border-radius: 10px; }
.override-summary strong[b-gc2xkfgmrb] { color: var(--ink); }
.platform-pill[b-gc2xkfgmrb] { display: inline-flex; padding: 4px 8px; color: #276d9c; background: rgba(39,109,156,.12); border-radius: 999px; font-size: .68rem; font-weight: 680; }
.platform-pill.openai[b-gc2xkfgmrb] { color: #197452; background: rgba(25,116,82,.12); }
.platform-pill.anthropic[b-gc2xkfgmrb] { color: #b36a2e; background: rgba(179,106,46,.13); }
.platform-pill.antigravity[b-gc2xkfgmrb] { color: #7c55b5; background: rgba(124,85,181,.12); }
.platform-pill.grok[b-gc2xkfgmrb] { color: var(--ink); background: var(--line); }
.override-add-panel[b-gc2xkfgmrb] { display: grid; position: relative; z-index: 4; gap: 10px; margin-bottom: 14px; padding: 13px; border: 1px solid var(--line); border-radius: 10px; }
.override-section-title[b-gc2xkfgmrb] { color: var(--ink); font-size: .76rem; font-weight: 660; }
.override-add-row[b-gc2xkfgmrb] { display: grid; grid-template-columns: minmax(250px, 1fr) 112px auto; align-items: center; gap: 8px; }
.override-user-search[b-gc2xkfgmrb] { position: relative; }
.override-user-search .search-box[b-gc2xkfgmrb] { width: 100%; }
.override-search-results[b-gc2xkfgmrb] { display: grid; position: absolute; z-index: 20; top: calc(100% + 4px); right: 0; left: 0; max-height: 210px; padding: 4px; overflow-y: auto; background: var(--surface); border: 1px solid var(--line); border-radius: 9px; box-shadow: 0 14px 32px rgba(0,0,0,.2); }
.override-search-results button[b-gc2xkfgmrb] { display: grid; grid-template-columns: auto minmax(80px, auto) minmax(100px, 1fr); padding: 7px 8px; align-items: center; gap: 8px; color: var(--ink); background: transparent; border: 0; border-radius: 6px; text-align: left; }
.override-search-results button:hover[b-gc2xkfgmrb] { background: var(--surface-muted); }
.override-search-results span[b-gc2xkfgmrb], .override-search-results small[b-gc2xkfgmrb] { color: var(--muted); font-size: .65rem; }
.override-value-input[b-gc2xkfgmrb], .batch-rate-row input[b-gc2xkfgmrb], .row-value-input[b-gc2xkfgmrb] { min-height: 36px; padding: 7px 8px; color: var(--ink); background: var(--surface); border: 1px solid var(--line); border-radius: 7px; }
.selected-user-chip[b-gc2xkfgmrb] { display: inline-flex; width: fit-content; padding: 4px 7px; align-items: center; gap: 5px; color: var(--primary-strong); background: var(--primary-soft); border-radius: 7px; font-size: .67rem; }
.selected-user-chip button[b-gc2xkfgmrb] { display: inline-flex; padding: 0; color: inherit; background: transparent; border: 0; }
.batch-rate-row[b-gc2xkfgmrb] { display: flex; padding-top: 10px; align-items: center; gap: 7px; color: var(--muted); border-top: 1px solid var(--line); font-size: .68rem; }
.batch-rate-row input[b-gc2xkfgmrb] { width: 90px; min-height: 31px; }
.push-right[b-gc2xkfgmrb] { margin-left: auto; }
.danger-text[b-gc2xkfgmrb] { color: var(--danger) !important; }
.override-list-heading[b-gc2xkfgmrb] { display: flex; margin-bottom: 7px; align-items: center; justify-content: space-between; color: var(--muted); font-size: .7rem; }
.override-list-heading strong[b-gc2xkfgmrb] { color: var(--ink); }
.override-empty[b-gc2xkfgmrb] { padding: 28px; color: var(--muted); border: 1px dashed var(--line); border-radius: 10px; text-align: center; }
.override-table-scroll[b-gc2xkfgmrb] { max-height: 420px; overflow: auto; border: 1px solid var(--line); border-radius: 10px; }
.override-table[b-gc2xkfgmrb] { width: 100%; min-width: 780px; border-collapse: collapse; font-size: .7rem; }
.override-table th[b-gc2xkfgmrb], .override-table td[b-gc2xkfgmrb] { padding: 8px 9px; text-align: left; border-bottom: 1px solid var(--line); white-space: nowrap; }
.override-table th[b-gc2xkfgmrb] { position: sticky; z-index: 1; top: 0; color: var(--muted); background: var(--surface-muted); font-size: .64rem; }
.override-table tr:last-child td[b-gc2xkfgmrb] { border-bottom: 0; }
.muted-cell[b-gc2xkfgmrb] { color: var(--muted); }
.notes-cell[b-gc2xkfgmrb] { max-width: 160px; overflow: hidden; color: var(--muted); text-overflow: ellipsis; }
.row-value-input[b-gc2xkfgmrb] { width: 92px; min-height: 31px; text-align: center; }
.final-rate[b-gc2xkfgmrb] { color: var(--primary); font-weight: 680; }
.override-pager[b-gc2xkfgmrb] { display: flex; margin-top: 10px; align-items: center; justify-content: center; gap: 9px; color: var(--muted); font-size: .7rem; }
.unsaved-copy[b-gc2xkfgmrb] { color: #b77716; font-size: .7rem; }
.modal-footer-spacer[b-gc2xkfgmrb] { flex: 1 1 auto; }
@media (max-width: 700px) { .override-add-row[b-gc2xkfgmrb] { grid-template-columns: 1fr; } .override-value-input[b-gc2xkfgmrb] { width: 100%; } .batch-rate-row[b-gc2xkfgmrb] { flex-wrap: wrap; } .push-right[b-gc2xkfgmrb] { margin-left: 0; } }
/* /Components/MetricToggle.razor.rz.scp.css */
.metric-toggle[b-nlwrsgryq9] {
    display: inline-flex;
    padding: 2px;
    background: var(--surface-soft);
    border: 1px solid var(--line);
    border-radius: 6px;
}

.metric-toggle button[b-nlwrsgryq9] {
    min-width: 48px;
    padding: 4px 8px;
    color: var(--muted);
    background: transparent;
    border: 0;
    border-radius: 4px;
    font-size: .68rem;
    font-weight: 650;
}

.metric-toggle button.active[b-nlwrsgryq9] {
    color: #087f5b;
    background: var(--surface);
    box-shadow: 0 1px 3px rgba(20, 36, 29, .08);
}
/* /Components/ModelPlazaPricingTable.razor.rz.scp.css */
.plaza-pricing-table[b-fxnin4xnvy] {
    --paid-title: color-mix(in srgb, var(--plaza-accent) 86%, #111827);
    --paid-bg: color-mix(in srgb, var(--plaza-accent) 7%, transparent);
    --paid-hover: color-mix(in srgb, var(--plaza-accent) 13%, transparent);
    overflow-x: auto;
}

.plaza-pricing-table table[b-fxnin4xnvy] {
    width: 100%;
    min-width: 860px;
    table-layout: fixed;
    border-collapse: collapse;
    color: var(--ink);
    font-size: .83rem;
    font-variant-numeric: tabular-nums;
}

.model-column[b-fxnin4xnvy] { width: 22%; }
.price-column[b-fxnin4xnvy] { width: 10%; }
.cache-column[b-fxnin4xnvy] { width: 14%; }
.rate-column[b-fxnin4xnvy] { width: 10%; }

th[b-fxnin4xnvy],
td[b-fxnin4xnvy] {
    vertical-align: middle;
}

thead th[b-fxnin4xnvy] {
    color: var(--muted);
    font-size: .7rem;
    font-weight: 650;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.pricing-heading-row th[b-fxnin4xnvy] {
    padding-top: 10px;
}

.pricing-heading-row span[b-fxnin4xnvy],
.pricing-heading-row small[b-fxnin4xnvy] {
    display: inline-block;
}

.pricing-heading-row small[b-fxnin4xnvy] {
    margin-left: 5px;
    font-size: .68rem;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
}

.model-heading[b-fxnin4xnvy] {
    padding: 10px 16px 10px 20px;
    border-right: 1px solid var(--line);
    text-align: left;
}

.paid-heading[b-fxnin4xnvy] {
    color: var(--paid-title);
    background: var(--paid-bg);
    text-align: center;
}

.paid-heading[b-fxnin4xnvy]::after,
.official-heading[b-fxnin4xnvy]::after {
    display: block;
    height: 1px;
    margin-top: 8px;
    background: color-mix(in srgb, var(--paid-title) 25%, transparent);
    content: "";
}

.official-heading[b-fxnin4xnvy] {
    border-left: 1px solid var(--line);
    color: color-mix(in srgb, var(--muted) 76%, transparent);
    text-align: center;
}

.official-heading[b-fxnin4xnvy]::after {
    background: var(--line);
}

.rate-heading[b-fxnin4xnvy] {
    padding: 10px 20px 10px 12px;
    border-left: 1px solid var(--line);
    text-align: right;
}

.pricing-subheading-row[b-fxnin4xnvy] {
    border-bottom: 1px solid var(--line);
}

.pricing-subheading-row th[b-fxnin4xnvy] {
    padding: 7px 12px;
    text-align: left;
}

.paid-cell[b-fxnin4xnvy] {
    background: var(--paid-bg);
}

.official-first[b-fxnin4xnvy] {
    border-left: 1px solid var(--line);
}

tbody tr[b-fxnin4xnvy] {
    border-bottom: 1px solid color-mix(in srgb, var(--line) 72%, transparent);
    transition: background-color 140ms ease;
}

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

tbody tr:hover[b-fxnin4xnvy] {
    background: var(--surface-hover);
}

tbody tr:hover .paid-cell[b-fxnin4xnvy] {
    background: var(--paid-hover);
}

tbody td[b-fxnin4xnvy] {
    padding: 10px 12px;
}

.model-cell[b-fxnin4xnvy] {
    padding-left: 20px;
    padding-right: 16px;
    border-right: 1px solid var(--line);
}

.model-identity[b-fxnin4xnvy] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.model-identity strong[b-fxnin4xnvy] {
    overflow-wrap: anywhere;
    font-weight: 650;
}

.model-platform[b-fxnin4xnvy],
.billing-mode[b-fxnin4xnvy] {
    display: inline-flex;
    align-items: center;
    min-height: 19px;
    padding: 1px 6px;
    border-radius: 5px;
    background: var(--surface-soft);
    color: var(--muted);
    font-size: .64rem;
    font-weight: 650;
}

.model-platform.anthropic[b-fxnin4xnvy] { color: #b45309; background: #fff7ed; }
.model-platform.openai[b-fxnin4xnvy] { color: #047857; background: #ecfdf5; }
.model-platform.gemini[b-fxnin4xnvy] { color: #1d4ed8; background: #eff6ff; }
.model-platform.antigravity[b-fxnin4xnvy] { color: #6d28d9; background: #f5f3ff; }
.model-platform.grok[b-fxnin4xnvy] { color: #334155; background: #f1f5f9; }
.model-platform.composite[b-fxnin4xnvy] { color: #0e7490; background: #ecfeff; }

.numeric-cell[b-fxnin4xnvy],
.cache-cell[b-fxnin4xnvy],
.request-price-cell[b-fxnin4xnvy],
.rate-cell[b-fxnin4xnvy] {
    font-family: "Cascadia Code", "SFMono-Regular", Consolas, monospace;
}

.numeric-cell[b-fxnin4xnvy] {
    font-size: .76rem;
    font-weight: 650;
}

.tier-price[b-fxnin4xnvy],
.cache-cell > div[b-fxnin4xnvy] {
    display: flex;
    align-items: baseline;
    gap: 5px;
    min-width: 0;
    line-height: 1.7;
}

.tier-price small[b-fxnin4xnvy],
.cache-cell small[b-fxnin4xnvy] {
    color: var(--muted);
    font-family: Inter, "Segoe UI", sans-serif;
    font-size: .66rem;
    font-weight: 500;
    white-space: nowrap;
}

.official-cell[b-fxnin4xnvy],
.official-first[b-fxnin4xnvy] {
    color: var(--muted);
    font-size: .73rem;
}

.one-hour[b-fxnin4xnvy] {
    color: var(--muted);
    font-family: Inter, "Segoe UI", sans-serif;
    font-size: .64rem;
    white-space: nowrap;
}

.request-price-cell strong[b-fxnin4xnvy] {
    font-size: .78rem;
}

.request-price-cell em[b-fxnin4xnvy],
.request-tiers em[b-fxnin4xnvy] {
    margin-left: 4px;
    color: var(--muted);
    font-family: Inter, "Segoe UI", sans-serif;
    font-size: .68rem;
    font-style: normal;
}

.request-tiers[b-fxnin4xnvy] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.request-tiers > span[b-fxnin4xnvy] {
    display: inline-flex;
    align-items: baseline;
    padding: 2px 7px;
    border-radius: 6px;
    background: color-mix(in srgb, var(--ink) 6%, transparent);
    font-size: .74rem;
}

.request-tiers small[b-fxnin4xnvy] {
    margin-right: 5px;
    color: var(--muted);
    font-family: Inter, "Segoe UI", sans-serif;
    font-size: .65rem;
}

.empty-price[b-fxnin4xnvy] {
    color: var(--muted);
}

.rate-cell[b-fxnin4xnvy] {
    padding-right: 20px;
    border-left: 1px solid var(--line);
    text-align: right;
    white-space: nowrap;
}

.rate-cell s[b-fxnin4xnvy] {
    margin-right: 5px;
    color: var(--muted);
}

.rate-cell strong[b-fxnin4xnvy] {
    font-size: .75rem;
}

.rate-cell .custom-rate[b-fxnin4xnvy] {
    color: var(--primary);
}

@media (max-width: 900px) {
    .plaza-pricing-table table[b-fxnin4xnvy] {
        min-width: 800px;
    }
}
/* /Components/MonitorQuotaView.razor.rz.scp.css */
.monitor-quota[b-twx55xdgj1] { display: grid; min-width: 180px; margin-top: 4px; gap: 5px; }
.quota-plan[b-twx55xdgj1] { width: fit-content; padding: 2px 6px; color: var(--muted); background: var(--surface-muted); border-radius: 4px; font-size: .65rem; font-weight: 650; }
.quota-tier[b-twx55xdgj1] { display: grid; grid-template-columns: minmax(58px, auto) 64px 35px minmax(0, 1fr); align-items: center; gap: 6px; font-size: .68rem; }
.quota-label[b-twx55xdgj1], .quota-tier small[b-twx55xdgj1] { overflow: hidden; color: var(--muted); text-overflow: ellipsis; white-space: nowrap; }
.quota-track[b-twx55xdgj1] { display: block; height: 6px; overflow: hidden; background: var(--line); border-radius: 99px; }
.quota-track em[b-twx55xdgj1] { display: block; height: 100%; border-radius: inherit; }
.healthy[b-twx55xdgj1] { color: var(--primary); }
.quota-track .healthy[b-twx55xdgj1] { background: var(--primary); }
.warning[b-twx55xdgj1] { color: #b77716; }
.quota-track .warning[b-twx55xdgj1] { background: #c47e1b; }
.danger[b-twx55xdgj1], .quota-error[b-twx55xdgj1] { color: var(--danger); }
.quota-track .danger[b-twx55xdgj1] { background: var(--danger); }
.quota-tier strong[b-twx55xdgj1] { text-align: right; font-size: .68rem; font-variant-numeric: tabular-nums; }
.quota-balances[b-twx55xdgj1] { display: flex; flex-wrap: wrap; gap: 3px 10px; color: var(--ink); font-size: .7rem; font-weight: 650; font-variant-numeric: tabular-nums; }
.quota-balances .empty[b-twx55xdgj1] { color: var(--danger); }
.quota-error[b-twx55xdgj1] { display: block; overflow: hidden; max-width: 240px; font-size: .68rem; text-overflow: ellipsis; white-space: nowrap; }
/* /Components/NativeAccountCreateModal.razor.rz.scp.css */
.native-account-content[b-hqprvzpbm2] {
    display: grid;
    min-width: 0;
    gap: 18px;
    color: var(--ink);
}

.native-account-stepper[b-hqprvzpbm2] {
    display: flex;
    max-width: 480px;
    margin: 0 auto 2px;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.native-account-stepper > i[b-hqprvzpbm2] {
    display: block;
    width: 52px;
    height: 2px;
    background: var(--line);
}

.native-step[b-hqprvzpbm2] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--muted);
    font-size: .78rem;
    white-space: nowrap;
}

.native-step span[b-hqprvzpbm2] {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    color: var(--muted);
    background: var(--surface-soft);
    border: 1px solid var(--line);
    border-radius: 50%;
    font-size: .76rem;
    font-weight: 700;
}

.native-step strong[b-hqprvzpbm2] {
    font-weight: 650;
}

.native-step.active span[b-hqprvzpbm2] {
    color: #fff;
    background: var(--primary);
    border-color: var(--primary);
}

.native-step.active strong[b-hqprvzpbm2] {
    color: var(--ink);
}

.native-account-form[b-hqprvzpbm2],
.native-oauth-step[b-hqprvzpbm2],
.native-common-settings[b-hqprvzpbm2] {
    display: grid;
    min-width: 0;
    gap: 16px;
}

.native-field[b-hqprvzpbm2],
.native-radio-field[b-hqprvzpbm2] {
    display: grid;
    min-width: 0;
    gap: 5px;
}

.native-field > label[b-hqprvzpbm2],
.native-radio-field > label[b-hqprvzpbm2] {
    color: var(--ink);
    font-size: .76rem;
    font-weight: 650;
}

.native-field > small[b-hqprvzpbm2],
.native-option-row small[b-hqprvzpbm2],
.native-oauth-intro p[b-hqprvzpbm2],
.native-rule-editor p[b-hqprvzpbm2],
.native-settings-grid small[b-hqprvzpbm2] {
    margin: 0;
    color: var(--muted);
    font-size: .7rem;
    line-height: 1.45;
}

.native-field input:not([type="radio"]):not([type="checkbox"])[b-hqprvzpbm2],
.native-field textarea[b-hqprvzpbm2],
.native-field select[b-hqprvzpbm2] {
    width: 100%;
    min-width: 0;
    padding: 7px 10px;
    color: var(--form-control-color);
    background: var(--form-control-bg);
    border: 1px solid var(--form-control-border);
    border-radius: var(--form-control-radius);
    outline: 0;
}

.native-field input:not([type="radio"]):not([type="checkbox"])[b-hqprvzpbm2],
.native-field select[b-hqprvzpbm2] {
    height: var(--form-control-height);
}

.native-field textarea[b-hqprvzpbm2] {
    min-height: 84px;
    line-height: 1.5;
    resize: vertical;
}

.native-field input[b-hqprvzpbm2]::placeholder,
.native-field textarea[b-hqprvzpbm2]::placeholder {
    color: var(--form-control-placeholder);
}

.native-field input:not([type="radio"]):not([type="checkbox"]):focus[b-hqprvzpbm2],
.native-field textarea:focus[b-hqprvzpbm2],
.native-field select:focus[b-hqprvzpbm2] {
    border-color: var(--form-control-focus);
    box-shadow: 0 0 0 3px var(--form-control-focus-ring);
}

.native-platform-segments[b-hqprvzpbm2] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 6px;
}

.native-platform-tab[b-hqprvzpbm2] {
    display: flex;
    min-width: 0;
    min-height: var(--form-control-height);
    padding: 7px 9px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    overflow: hidden;
    color: #4f5c57;
    background: var(--surface);
    border: 1px solid var(--form-control-border);
    border-radius: var(--form-control-radius);
    font-size: .76rem;
    font-weight: 650;
    transition: background .15s ease, border-color .15s ease, color .15s ease;
}

.native-platform-tab span[b-hqprvzpbm2] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.native-platform-tab:hover[b-hqprvzpbm2] {
    color: var(--ink);
    background: var(--surface-hover);
    border-color: color-mix(in srgb, var(--primary) 42%, var(--line));
}

.native-platform-tab.selected[b-hqprvzpbm2] {
    color: var(--primary-strong);
    background: var(--primary-soft);
    border-color: var(--primary);
}

.native-category-grid[b-hqprvzpbm2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.native-category-grid.category-count-1[b-hqprvzpbm2] {
    grid-template-columns: minmax(0, 1fr);
}

.native-category-grid.category-count-3[b-hqprvzpbm2] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.native-category-card[b-hqprvzpbm2] {
    display: flex;
    min-width: 0;
    min-height: 68px;
    padding: 11px 12px;
    align-items: center;
    gap: 10px;
    color: var(--ink);
    text-align: left;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 5px;
    transition: background .15s ease, border-color .15s ease;
}

.native-category-card:hover[b-hqprvzpbm2] {
    background: var(--surface-hover);
    border-color: color-mix(in srgb, var(--primary) 42%, var(--line));
}

.native-category-card.selected[b-hqprvzpbm2] {
    background: var(--primary-soft);
    border-color: var(--primary);
}

.native-category-icon[b-hqprvzpbm2] {
    display: grid;
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    place-items: center;
    color: var(--muted);
    background: var(--surface-soft);
    border: 1px solid var(--line);
    border-radius: 5px;
}

.native-category-card.selected .native-category-icon[b-hqprvzpbm2] {
    color: #fff;
    background: var(--primary);
    border-color: var(--primary);
}

.native-category-copy[b-hqprvzpbm2] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.native-category-copy strong[b-hqprvzpbm2] {
    overflow-wrap: anywhere;
    font-size: .82rem;
    font-weight: 650;
}

.native-category-copy small[b-hqprvzpbm2] {
    color: var(--muted);
    font-size: .7rem;
    line-height: 1.35;
}

.native-radio-group[b-hqprvzpbm2] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 20px;
}

.native-radio-group label[b-hqprvzpbm2] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--ink);
    font-size: .78rem;
    cursor: pointer;
}

.native-radio-group input[b-hqprvzpbm2] {
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: var(--primary);
}

.native-credentials-grid[b-hqprvzpbm2],
.native-provider-options[b-hqprvzpbm2],
.native-settings-grid[b-hqprvzpbm2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 14px;
}

.native-provider-options[b-hqprvzpbm2] {
    padding: 13px;
    background: var(--surface-soft);
    border: 1px solid var(--line);
    border-radius: 5px;
}

.native-provider-options > .native-field:last-child:nth-child(odd)[b-hqprvzpbm2] {
    grid-column: 1 / -1;
}

.native-options-section[b-hqprvzpbm2] {
    display: grid;
    overflow: hidden;
    background: var(--surface-soft);
    border: 1px solid var(--line);
    border-radius: 5px;
}

.native-option-row[b-hqprvzpbm2] {
    display: flex;
    min-height: 62px;
    padding: 11px 12px;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    border-bottom: 1px solid var(--line);
}

.native-option-row:last-child[b-hqprvzpbm2] {
    border-bottom: 0;
}

.native-option-row > div:first-child[b-hqprvzpbm2] {
    display: grid;
    min-width: 0;
    gap: 2px;
}

.native-option-row strong[b-hqprvzpbm2] {
    color: var(--ink);
    font-size: .8rem;
    font-weight: 650;
}

.native-switch[b-hqprvzpbm2] {
    position: relative;
    display: inline-flex;
    width: 38px;
    height: 22px;
    flex: 0 0 auto;
    padding: 3px;
    align-items: center;
    background: #b6c0bc;
    border: 0;
    border-radius: 999px;
    transition: background-color .16s ease;
}

.native-switch span[b-hqprvzpbm2] {
    display: block;
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(22, 34, 28, .24);
    transition: transform .16s ease;
}

.native-switch.on[b-hqprvzpbm2] {
    background: var(--primary);
}

.native-switch.on span[b-hqprvzpbm2] {
    transform: translateX(16px);
}

.native-switch:focus-visible[b-hqprvzpbm2] {
    outline: 2px solid var(--form-control-focus);
    outline-offset: 2px;
}

.native-rule-editor[b-hqprvzpbm2] {
    display: grid;
    padding: 12px;
    gap: 10px;
    border-top: 1px solid var(--line);
}

.native-rule-card[b-hqprvzpbm2] {
    padding: 11px;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 5px;
}

.native-rule-card-header[b-hqprvzpbm2] {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
    justify-content: space-between;
    color: var(--ink);
}

.native-rule-card-header strong[b-hqprvzpbm2] {
    font-size: .78rem;
}

.native-rule-row[b-hqprvzpbm2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.native-rule-wide[b-hqprvzpbm2] {
    grid-column: 1 / -1;
}

.native-rule-remove[b-hqprvzpbm2],
.native-rule-add[b-hqprvzpbm2] {
    display: inline-flex;
    min-height: 34px;
    padding: 6px 10px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: var(--muted);
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 5px;
    font-size: .74rem;
}

.native-rule-remove[b-hqprvzpbm2] {
    width: 32px;
    min-height: 32px;
    padding: 0;
}

.native-rule-remove:hover[b-hqprvzpbm2] {
    color: var(--danger);
    border-color: var(--danger);
}

.native-rule-add:hover[b-hqprvzpbm2] {
    color: var(--primary-strong);
    border-color: var(--primary);
}

.native-expiry-field[b-hqprvzpbm2] {
    padding-top: 14px;
    border-top: 1px solid var(--line);
}

.native-group-picker[b-hqprvzpbm2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 10px;
    background: var(--surface-soft);
    border: 1px solid var(--line);
    border-radius: 5px;
}

.native-check-option[b-hqprvzpbm2] {
    display: flex;
    min-width: 0;
    min-height: 36px;
    padding: 7px 9px;
    align-items: center;
    gap: 8px;
    color: var(--ink);
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 5px;
    font-size: .76rem;
    cursor: pointer;
}

.native-check-option:has(input:checked)[b-hqprvzpbm2] {
    color: var(--primary-strong);
    background: var(--primary-soft);
    border-color: var(--primary);
}

.native-check-option input[b-hqprvzpbm2] {
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: var(--primary);
}

.native-account-alert[b-hqprvzpbm2] {
    display: flex;
    padding: 10px 11px;
    align-items: flex-start;
    gap: 9px;
    color: var(--ink);
    background: var(--surface-soft);
    border: 1px solid var(--line);
    border-radius: 5px;
    font-size: .76rem;
}

.native-account-alert span[b-hqprvzpbm2] {
    flex: 1 1 auto;
}

.native-account-alert a[b-hqprvzpbm2] {
    color: var(--primary-strong);
    font-weight: 650;
}

.native-account-alert.info[b-hqprvzpbm2] {
    color: color-mix(in srgb, #27648a 86%, var(--ink));
    background: color-mix(in srgb, #eaf5fc 78%, var(--surface));
    border-color: color-mix(in srgb, #8dc5e7 62%, var(--line));
}

.native-account-alert.success[b-hqprvzpbm2] {
    color: color-mix(in srgb, #255f47 88%, var(--ink));
    background: color-mix(in srgb, #edf7f2 80%, var(--surface));
    border-color: color-mix(in srgb, #8bcbb0 58%, var(--line));
}

.native-account-alert.warning[b-hqprvzpbm2] {
    color: color-mix(in srgb, #745312 88%, var(--ink));
    background: color-mix(in srgb, #fff8e5 80%, var(--surface));
    border-color: color-mix(in srgb, #d8bd67 58%, var(--line));
}

.native-account-alert.danger[b-hqprvzpbm2] {
    color: color-mix(in srgb, #873838 88%, var(--ink));
    background: color-mix(in srgb, #fceeee 80%, var(--surface));
    border-color: color-mix(in srgb, #d88686 58%, var(--line));
}

.native-oauth-intro[b-hqprvzpbm2] {
    display: flex;
    padding: 13px;
    align-items: center;
    gap: 12px;
    background: var(--primary-soft);
    border: 1px solid color-mix(in srgb, var(--primary) 42%, var(--line));
    border-radius: 5px;
}

.native-oauth-icon[b-hqprvzpbm2] {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 auto;
    place-items: center;
    color: #fff;
    background: var(--primary);
    border-radius: 5px;
}

.native-oauth-intro strong[b-hqprvzpbm2] {
    color: var(--ink);
    font-size: .82rem;
}

.native-oauth-status[b-hqprvzpbm2] {
    display: flex;
    align-items: center;
    gap: 9px;
    color: var(--ink);
    font-size: .8rem;
}

.native-oauth-status small[b-hqprvzpbm2] {
    margin-left: 4px;
    color: var(--muted);
    font-size: .7rem;
}

.native-status-dot[b-hqprvzpbm2] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #c99a3b;
}

.native-status-dot.success[b-hqprvzpbm2] { background: #2d9a70; }
.native-status-dot.danger[b-hqprvzpbm2] { background: #c75a5a; }

.native-device-code[b-hqprvzpbm2] {
    display: flex;
    padding: 12px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: var(--surface-soft);
    border: 1px solid var(--line);
    border-radius: 5px;
}

.native-device-code > div[b-hqprvzpbm2] {
    display: grid;
    gap: 3px;
}

.native-device-code small[b-hqprvzpbm2] {
    color: var(--muted);
    font-size: .7rem;
}

.native-device-code code[b-hqprvzpbm2] {
    color: var(--ink);
    font-size: 1.15rem;
    letter-spacing: .08em;
}

.native-oauth-session[b-hqprvzpbm2] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--muted);
    font-size: .72rem;
}

.native-oauth-session code[b-hqprvzpbm2] {
    color: var(--ink);
    overflow-wrap: anywhere;
}

.native-oauth-actions[b-hqprvzpbm2] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

@media (max-width: 800px) {
    .native-platform-segments[b-hqprvzpbm2] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .native-category-grid.category-count-3[b-hqprvzpbm2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .native-account-content[b-hqprvzpbm2] {
        gap: 15px;
    }

    .native-account-stepper[b-hqprvzpbm2] {
        gap: 8px;
    }

    .native-account-stepper > i[b-hqprvzpbm2] {
        width: 24px;
    }

    .native-step[b-hqprvzpbm2] {
        gap: 6px;
        font-size: .7rem;
    }

    .native-step span[b-hqprvzpbm2] {
        width: 27px;
        height: 27px;
        font-size: .7rem;
    }

    .native-platform-segments[b-hqprvzpbm2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .native-category-grid[b-hqprvzpbm2],
    .native-category-grid.category-count-3[b-hqprvzpbm2],
    .native-credentials-grid[b-hqprvzpbm2],
    .native-provider-options[b-hqprvzpbm2],
    .native-settings-grid[b-hqprvzpbm2],
    .native-group-picker[b-hqprvzpbm2],
    .native-rule-row[b-hqprvzpbm2] {
        grid-template-columns: minmax(0, 1fr);
    }

    .native-provider-options > .native-field:last-child:nth-child(odd)[b-hqprvzpbm2],
    .native-rule-wide[b-hqprvzpbm2] {
        grid-column: auto;
    }

    .native-option-row[b-hqprvzpbm2] {
        align-items: flex-start;
    }

    .native-oauth-intro[b-hqprvzpbm2] {
        align-items: flex-start;
    }

    .native-oauth-actions .button[b-hqprvzpbm2] {
        width: 100%;
    }
}
/* /Components/NotificationSettings.razor.rz.scp.css */
.notification-card[b-rqweant213],
.notify-email-list[b-rqweant213] {
    display: grid;
    gap: 1rem;
}

.notification-card > header h2[b-rqweant213] {
    margin: 0;
    color: var(--text);
    font-size: .98rem;
}

.notify-email-row[b-rqweant213] {
    display: grid;
    grid-template-columns: auto minmax(180px, 1fr) auto auto;
    align-items: center;
    gap: .7rem;
    padding: .7rem;
    border: 1px solid var(--line);
    border-radius: 9px;
    background: var(--surface-soft);
}

.notify-enabled[b-rqweant213] {
    display: flex;
    align-items: center;
    gap: .35rem;
    color: var(--muted);
    font-size: .68rem;
}

.notify-enabled input[b-rqweant213] { width: 17px; height: 17px; accent-color: var(--primary); }
.notify-email-row > input[b-rqweant213] { width: 100%; height: var(--form-control-height); padding: 7px 10px; color: var(--form-control-color); background: var(--form-control-bg); border: 1px solid var(--form-control-border); border-radius: var(--form-control-radius); }
.notify-email-row > input:focus[b-rqweant213] { border-color: var(--form-control-focus); outline: 0; box-shadow: 0 0 0 3px var(--form-control-focus-ring); }
.verified-badge[b-rqweant213] { padding: .2rem .45rem; color: #047857; background: #d1fae5; border-radius: 999px; font-size: .6rem; white-space: nowrap; }
.add-email[b-rqweant213] { width: fit-content; }

@media (max-width: 640px) {
    .notify-email-row[b-rqweant213] { grid-template-columns: auto 1fr auto; }
    .verified-badge[b-rqweant213] { grid-column: 2; width: fit-content; }
}
/* /Components/PlatformQuotaMatrix.razor.rz.scp.css */
.quota-section[b-2cfpo4qf5c] {
    display: grid;
    gap: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--line);
}

.quota-heading h3[b-2cfpo4qf5c] { margin: 0; font-size: .9rem; }
.quota-heading p[b-2cfpo4qf5c] { margin: .2rem 0 0; color: var(--muted); font-size: .72rem; line-height: 1.5; }
.quota-table-wrap[b-2cfpo4qf5c] { overflow-x: auto; }
.quota-table[b-2cfpo4qf5c] { width: 100%; min-width: 560px; border-collapse: collapse; }
.quota-table th[b-2cfpo4qf5c],
.quota-table td[b-2cfpo4qf5c] { padding: .5rem; text-align: left; border-bottom: 1px solid var(--line); }
.quota-table th[b-2cfpo4qf5c] { color: var(--muted); font-size: .65rem; font-weight: 700; }
.quota-table code[b-2cfpo4qf5c] { color: var(--ink); font-size: .7rem; }
.quota-table input[b-2cfpo4qf5c] { width: 100%; height: var(--form-control-height); padding: 7px 10px; color: var(--form-control-color); background: var(--form-control-bg); border: 1px solid var(--form-control-border); border-radius: var(--form-control-radius); }
.quota-table input:focus[b-2cfpo4qf5c] { border-color: var(--form-control-focus); outline: 0; box-shadow: 0 0 0 3px var(--form-control-focus-ring); }
/* /Components/SecurityAdvancedSettings.razor.rz.scp.css */
.security-advanced-card[b-gxnsh1bpq5] {
    display: grid;
    gap: 1.1rem;
}

.security-advanced-card > header h2[b-gxnsh1bpq5] {
    margin: 0;
    color: var(--text);
    font-size: .98rem;
}

.security-provider-block[b-gxnsh1bpq5] {
    display: grid;
    gap: .9rem;
    padding-top: 1rem;
    border-top: 1px solid var(--line);
}

.security-provider-block:first-of-type[b-gxnsh1bpq5] {
    padding-top: 0;
    border-top: 0;
}

.security-provider-grid[b-gxnsh1bpq5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 1rem;
}

.security-mode-card[b-gxnsh1bpq5] {
    display: grid;
    gap: .8rem;
    padding: 1rem;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--surface-soft);
}

.security-mode-card h3[b-gxnsh1bpq5] {
    margin: 0;
    font-size: .95rem;
}

@media (max-width: 760px) {
    .security-provider-grid[b-gxnsh1bpq5] {
        grid-template-columns: 1fr;
    }
}
/* /Components/SecuritySettings.razor.rz.scp.css */
.security-card[b-4q8u3lqqvq] {
    overflow: hidden;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(20, 35, 29, .03);
}

.security-card-header[b-4q8u3lqqvq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 24px;
    border-bottom: 1px solid var(--line);
}

.security-card-header h2[b-4q8u3lqqvq] {
    margin: 0;
    font-size: 1.02rem;
    font-weight: 700;
}

.security-card-header p[b-4q8u3lqqvq] {
    margin: 4px 0 0;
    color: var(--muted);
    font-size: .78rem;
}

.security-card-body[b-4q8u3lqqvq] {
    padding: 22px 24px;
}

.security-stack[b-4q8u3lqqvq] {
    display: grid;
    gap: 22px;
}

.security-toggle-row[b-4q8u3lqqvq],
.security-status-row[b-4q8u3lqqvq],
.notify-email-row[b-4q8u3lqqvq],
.passkey-row[b-4q8u3lqqvq] {
    display: flex;
    align-items: center;
}

.security-toggle-row[b-4q8u3lqqvq] {
    justify-content: space-between;
    gap: 16px;
}

.security-toggle-row > label:first-child[b-4q8u3lqqvq],
.field-label[b-4q8u3lqqvq] {
    color: var(--ink);
    font-size: .79rem;
    font-weight: 680;
}

.switch-control[b-4q8u3lqqvq],
.mini-switch[b-4q8u3lqqvq] {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
    cursor: pointer;
}

.switch-control[b-4q8u3lqqvq] {
    width: 44px;
    height: 24px;
}

.mini-switch[b-4q8u3lqqvq] {
    width: 36px;
    height: 20px;
}

.switch-control input[b-4q8u3lqqvq],
.mini-switch input[b-4q8u3lqqvq] {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
}

.switch-control span[b-4q8u3lqqvq],
.mini-switch span[b-4q8u3lqqvq] {
    position: absolute;
    inset: 0;
    background: color-mix(in srgb, var(--muted) 34%, var(--surface-soft));
    border-radius: 999px;
    transition: background .15s ease;
}

.switch-control span[b-4q8u3lqqvq]::after,
.mini-switch span[b-4q8u3lqqvq]::after {
    position: absolute;
    content: "";
    background: #fff;
    border: 1px solid rgba(36, 52, 46, .16);
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(20, 30, 26, .2);
    transition: transform .15s ease;
}

.switch-control span[b-4q8u3lqqvq]::after {
    top: 2px;
    left: 2px;
    width: 20px;
    height: 20px;
}

.mini-switch span[b-4q8u3lqqvq]::after {
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
}

.switch-control input:checked + span[b-4q8u3lqqvq],
.mini-switch input:checked + span[b-4q8u3lqqvq] {
    background: var(--primary);
}

.switch-control input:checked + span[b-4q8u3lqqvq]::after { transform: translateX(20px); }
.mini-switch input:checked + span[b-4q8u3lqqvq]::after { transform: translateX(16px); }

.switch-control input:focus-visible + span[b-4q8u3lqqvq],
.mini-switch input:focus-visible + span[b-4q8u3lqqvq] {
    outline: 3px solid color-mix(in srgb, var(--primary) 25%, transparent);
    outline-offset: 2px;
}

.form-field small[b-4q8u3lqqvq] {
    margin-left: 7px;
    color: var(--muted);
    font-size: .68rem;
    font-weight: 500;
}

.money-input-row[b-4q8u3lqqvq],
.notify-email-add-row[b-4q8u3lqqvq],
.input-action-row[b-4q8u3lqqvq],
.secret-copy-row[b-4q8u3lqqvq] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
}

.money-input-row > span[b-4q8u3lqqvq] {
    color: var(--muted);
    font-size: 1rem;
}

.money-input-row input[b-4q8u3lqqvq],
.notify-email-add-row input[b-4q8u3lqqvq],
.compact-code-input[b-4q8u3lqqvq],
.input-action-row input[b-4q8u3lqqvq],
.passkey-add-form input[b-4q8u3lqqvq],
.delete-passkey-form input[b-4q8u3lqqvq],
.otp-code-input[b-4q8u3lqqvq] {
    width: 100%;
    min-width: 0;
    height: var(--form-control-height);
    padding: 7px 10px;
    color: var(--form-control-color);
    background: var(--form-control-bg);
    border: 1px solid var(--form-control-border);
    border-radius: var(--form-control-radius);
}

.money-input-row input:focus[b-4q8u3lqqvq],
.notify-email-add-row input:focus[b-4q8u3lqqvq],
.compact-code-input:focus[b-4q8u3lqqvq],
.input-action-row input:focus[b-4q8u3lqqvq],
.passkey-add-form input:focus[b-4q8u3lqqvq],
.delete-passkey-form input:focus[b-4q8u3lqqvq],
.otp-code-input:focus[b-4q8u3lqqvq] {
    border-color: var(--form-control-focus);
    outline: 0;
    box-shadow: 0 0 0 3px var(--form-control-focus-ring);
}

.notify-email-section[b-4q8u3lqqvq] {
    display: grid;
    gap: 10px;
}

.warning-hint[b-4q8u3lqqvq],
.warning-text[b-4q8u3lqqvq] {
    color: #a06b13;
}

.warning-hint[b-4q8u3lqqvq] {
    margin: -5px 0 1px;
    font-size: .69rem;
}

.notify-email-list[b-4q8u3lqqvq] {
    display: grid;
    gap: 8px;
}

.notify-email-row[b-4q8u3lqqvq] {
    min-height: 46px;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 12px;
    background: var(--surface-soft);
    border: 1px solid color-mix(in srgb, var(--line) 80%, transparent);
    border-radius: 9px;
}

.notify-email-row.pending[b-4q8u3lqqvq] {
    background: color-mix(in srgb, #fff3cf 42%, var(--surface));
    border-color: color-mix(in srgb, #d9a938 42%, var(--line));
}

.notify-email-main[b-4q8u3lqqvq],
.notify-email-actions[b-4q8u3lqqvq] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 8px;
}

.notify-email-actions[b-4q8u3lqqvq] {
    justify-content: flex-end;
    flex-wrap: wrap;
}

.notify-address[b-4q8u3lqqvq] {
    min-width: 0;
    overflow: hidden;
    font-size: .77rem;
    text-overflow: ellipsis;
}

.compact-code-input[b-4q8u3lqqvq] {
    width: 90px;
    height: 31px;
    padding: 4px 8px;
    font-size: .74rem;
}

.text-button[b-4q8u3lqqvq] {
    min-height: 28px;
    padding: 3px 5px;
    color: var(--muted);
    background: transparent;
    border: 0;
    border-radius: 4px;
    font-size: .7rem;
    font-weight: 650;
}

.text-button:hover:not(:disabled)[b-4q8u3lqqvq] { color: var(--ink); background: var(--surface-hover); }
.primary-text[b-4q8u3lqqvq] { color: var(--primary); }
.danger-text[b-4q8u3lqqvq] { color: var(--danger); }
.muted[b-4q8u3lqqvq] { color: var(--muted); }
.countdown[b-4q8u3lqqvq] { color: var(--muted); font-size: .67rem; }

.notify-email-add-row[b-4q8u3lqqvq] {
    grid-template-columns: minmax(0, 1fr) auto;
    margin-top: 2px;
}

.security-loading[b-4q8u3lqqvq] {
    display: flex;
    min-height: 76px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--muted);
    font-size: .77rem;
}

.security-status-row[b-4q8u3lqqvq] {
    min-height: 64px;
    gap: 14px;
}

.security-status-row.with-action .security-status-copy[b-4q8u3lqqvq] {
    min-width: 0;
    flex: 1 1 auto;
}

.security-status-row strong[b-4q8u3lqqvq] {
    display: block;
    font-size: .86rem;
}

.security-status-row p[b-4q8u3lqqvq] {
    margin: 3px 0 0;
    color: var(--muted);
    font-size: .73rem;
}

.security-status-icon[b-4q8u3lqqvq] {
    display: grid;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    place-items: center;
    border-radius: 50%;
}

.security-status-icon.neutral[b-4q8u3lqqvq] { color: var(--muted); background: var(--surface-soft); }
.security-status-icon.success[b-4q8u3lqqvq] { color: #25825d; background: #e8f6ef; }

.danger-outline[b-4q8u3lqqvq] {
    color: var(--danger);
    background: transparent;
    border: 1px solid color-mix(in srgb, var(--danger) 56%, var(--line));
}

.danger-outline:hover:not(:disabled)[b-4q8u3lqqvq],
.ghost-danger:hover:not(:disabled)[b-4q8u3lqqvq] {
    color: #fff;
    background: var(--danger);
    border-color: var(--danger);
}

.passkey-add-form[b-4q8u3lqqvq] {
    display: grid;
    gap: 15px;
    padding: 16px;
    background: color-mix(in srgb, var(--surface-soft) 72%, var(--surface));
    border: 1px solid var(--line);
    border-radius: 9px;
}

.two-column-form[b-4q8u3lqqvq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.passkey-add-form .form-field[b-4q8u3lqqvq],
.delete-passkey-form .form-field[b-4q8u3lqqvq] {
    margin: 0;
}

.form-actions[b-4q8u3lqqvq],
.modal-action-row[b-4q8u3lqqvq] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.security-empty[b-4q8u3lqqvq] {
    padding: 27px 16px;
    color: var(--muted);
    text-align: center;
    border: 1px dashed var(--line);
    border-radius: 9px;
    font-size: .77rem;
}

.passkey-list[b-4q8u3lqqvq] {
    display: grid;
}

.passkey-row[b-4q8u3lqqvq] {
    gap: 12px;
    padding: 14px 0;
    border-bottom: 1px solid var(--line);
}

.passkey-row:first-child[b-4q8u3lqqvq] { padding-top: 0; }
.passkey-row:last-child[b-4q8u3lqqvq] { padding-bottom: 0; border-bottom: 0; }

.passkey-icon[b-4q8u3lqqvq] {
    display: grid;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    place-items: center;
    color: var(--primary);
    background: var(--primary-soft);
    border-radius: 10px;
}

.passkey-main[b-4q8u3lqqvq] {
    min-width: 0;
    flex: 1 1 auto;
}

.passkey-title[b-4q8u3lqqvq] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
}

.passkey-title strong[b-4q8u3lqqvq] {
    overflow: hidden;
    font-size: .81rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.passkey-main p[b-4q8u3lqqvq] {
    margin: 3px 0 0;
    color: var(--muted);
    font-size: .68rem;
}

.passkey-actions[b-4q8u3lqqvq] {
    display: flex;
    gap: 7px;
}

.ghost-danger[b-4q8u3lqqvq] {
    color: var(--danger);
    background: transparent;
    border-color: transparent;
}

.modal-intro[b-4q8u3lqqvq] {
    margin: 0 0 20px;
    color: var(--muted);
    font-size: .8rem;
}

.modal-intro.centered[b-4q8u3lqqvq] { text-align: center; }

.totp-modal[b-4q8u3lqqvq] {
    display: grid;
    gap: 15px;
}

.totp-modal .form-field[b-4q8u3lqqvq] {
    margin: 0;
}

.input-action-row[b-4q8u3lqqvq] {
    grid-template-columns: minmax(0, 1fr) auto;
}

.totp-qr[b-4q8u3lqqvq] {
    display: flex;
    justify-content: center;
}

.totp-qr img[b-4q8u3lqqvq] {
    width: 214px;
    height: 214px;
    padding: 10px;
    background: #fff;
    border: 1px solid #dfe5e1;
    border-radius: 10px;
}

.manual-entry-label[b-4q8u3lqqvq] {
    margin: 0;
    color: var(--muted);
    text-align: center;
    font-size: .73rem;
}

.secret-copy-row[b-4q8u3lqqvq] {
    grid-template-columns: minmax(0, 1fr) auto;
    width: min(100%, 350px);
    margin: 0 auto;
    padding: 7px 7px 7px 12px;
    background: var(--surface-soft);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.secret-copy-row code[b-4q8u3lqqvq] {
    min-width: 0;
    overflow: auto;
    color: var(--ink);
    font-size: .76rem;
}

.otp-field[b-4q8u3lqqvq] {
    justify-items: center;
}

.otp-code-input[b-4q8u3lqqvq] {
    width: min(100%, 260px);
    height: 54px;
    padding-left: 28px;
    text-align: center;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 1.35rem;
    font-weight: 720;
    letter-spacing: .55em;
}

.danger-modal-icon[b-4q8u3lqqvq] {
    display: grid;
    width: 48px;
    height: 48px;
    margin: 0 auto;
    place-items: center;
    color: var(--danger);
    background: color-mix(in srgb, var(--danger) 12%, var(--surface));
    border-radius: 50%;
}

.delete-passkey-form[b-4q8u3lqqvq] {
    display: grid;
    gap: 18px;
}

.delete-passkey-form > p[b-4q8u3lqqvq] {
    margin: 0;
    color: var(--muted);
    font-size: .8rem;
}

.muted-text[b-4q8u3lqqvq],
.warning-text[b-4q8u3lqqvq] {
    margin: 0;
    font-size: .78rem;
}

@media (max-width: 680px) {
    .security-card-header[b-4q8u3lqqvq],
    .security-card-body[b-4q8u3lqqvq] {
        padding-right: 18px;
        padding-left: 18px;
    }

    .passkey-header[b-4q8u3lqqvq],
    .security-status-row.with-action[b-4q8u3lqqvq],
    .notify-email-row[b-4q8u3lqqvq],
    .passkey-row[b-4q8u3lqqvq] {
        align-items: stretch;
        flex-direction: column;
    }

    .passkey-header .button[b-4q8u3lqqvq],
    .security-status-row.with-action .button[b-4q8u3lqqvq],
    .passkey-actions .button[b-4q8u3lqqvq] {
        width: 100%;
    }

    .two-column-form[b-4q8u3lqqvq] {
        grid-template-columns: 1fr;
    }

    .notify-email-actions[b-4q8u3lqqvq] {
        justify-content: flex-start;
    }

    .money-input-row[b-4q8u3lqqvq] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .money-input-row .button[b-4q8u3lqqvq] {
        grid-column: 1 / -1;
        width: 100%;
    }

    .input-action-row[b-4q8u3lqqvq],
    .notify-email-add-row[b-4q8u3lqqvq] {
        grid-template-columns: 1fr;
    }

    .input-action-row .button[b-4q8u3lqqvq],
    .notify-email-add-row .button[b-4q8u3lqqvq] {
        width: 100%;
    }
}
/* /Components/SupportedModelChip.razor.rz.scp.css */
.supported-model-host[b-onhzvz1y0n] {
    position: relative;
    display: inline-flex;
    max-width: 100%;
}

.supported-model-chip[b-onhzvz1y0n] {
    display: inline-flex;
    max-width: 100%;
    align-items: center;
    gap: .3rem;
    padding: .24rem .48rem;
    color: #40514a;
    font-size: .72rem;
    font-weight: 650;
    line-height: 1.25;
    background: #f4f7f5;
    border: 1px solid #dae2de;
    border-radius: .36rem;
}

.supported-model-chip > span[b-onhzvz1y0n] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.supported-model-chip:hover[b-onhzvz1y0n],
.supported-model-chip:focus-visible[b-onhzvz1y0n] {
    background: #edf5f1;
    border-color: #bcd3c9;
    outline: none;
}

.platform-anthropic .supported-model-chip[b-onhzvz1y0n] { color: #8a521f; background: #fff8ef; border-color: #efcfac; }
.platform-openai .supported-model-chip[b-onhzvz1y0n] { color: #17634a; background: #eef9f4; border-color: #b9ddcf; }
.platform-gemini .supported-model-chip[b-onhzvz1y0n] { color: #245d9a; background: #f0f7ff; border-color: #bdd6f0; }
.platform-antigravity .supported-model-chip[b-onhzvz1y0n] { color: #74439a; background: #faf4ff; border-color: #dcc4ec; }
.platform-grok .supported-model-chip[b-onhzvz1y0n] { color: #42484a; background: #f4f5f5; border-color: #d1d5d6; }
.platform-composite .supported-model-chip[b-onhzvz1y0n] { color: #16697a; background: #effbfc; border-color: #b8dde3; }

.supported-model-popover[b-onhzvz1y0n] {
    position: absolute;
    right: 0;
    top: calc(100% + .45rem);
    z-index: 80;
    display: none;
    width: min(21rem, calc(100vw - 2.5rem));
    overflow: hidden;
    color: var(--ink);
    text-align: left;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: .55rem;
    box-shadow: var(--popover-shadow);
    pointer-events: none;
}

.supported-model-host:hover .supported-model-popover[b-onhzvz1y0n],
.supported-model-host:focus-within .supported-model-popover[b-onhzvz1y0n] {
    display: block;
}

.pricing-popover-header[b-onhzvz1y0n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .62rem .75rem;
    background: var(--surface-soft);
    border-bottom: 1px solid var(--line);
}

.pricing-popover-header strong[b-onhzvz1y0n] {
    overflow: hidden;
    font-size: .78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pricing-popover-header > span[b-onhzvz1y0n] {
    flex: 0 0 auto;
    padding: .1rem .35rem;
    color: var(--muted);
    font-size: .61rem;
    font-weight: 700;
    text-transform: uppercase;
    background: color-mix(in srgb, var(--surface) 80%, transparent);
    border-radius: .24rem;
}

.pricing-popover-body[b-onhzvz1y0n] {
    display: grid;
    gap: .42rem;
    padding: .72rem .78rem;
}

.pricing-row[b-onhzvz1y0n] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    color: var(--muted);
    font-size: .71rem;
}

.pricing-row strong[b-onhzvz1y0n] {
    color: var(--ink);
    font-size: .71rem;
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.pricing-row small[b-onhzvz1y0n] {
    color: var(--muted);
    font-size: .62rem;
    font-weight: 500;
}

.pricing-empty[b-onhzvz1y0n] {
    color: var(--muted);
    font-size: .73rem;
}

.pricing-intervals[b-onhzvz1y0n] {
    display: grid;
    gap: .35rem;
    margin-top: .15rem;
    padding-top: .55rem;
    border-top: 1px solid var(--line);
}

.pricing-intervals > strong[b-onhzvz1y0n] {
    color: var(--muted);
    font-size: .69rem;
}

.interval-row[b-onhzvz1y0n] {
    font-size: .67rem;
}
/* /Components/ToggleField.razor.rz.scp.css */
.settings-toggle-field[b-6sumvnkoxf] {
    display: flex;
    min-width: 0;
    min-height: 66px;
    align-items: flex-start;
    gap: 12px;
    padding: 13px 14px;
    border: 1px solid var(--line);
    border-radius: 7px;
    background: var(--surface);
    cursor: pointer;
}

.settings-toggle-control[b-6sumvnkoxf] {
    display: flex;
    flex: 0 0 auto;
    padding-top: 2px;
}

.settings-toggle-control[b-6sumvnkoxf]  input[type="checkbox"] {
    width: 17px;
    height: 17px;
    accent-color: var(--primary);
}

.settings-toggle-copy[b-6sumvnkoxf] {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.settings-toggle-copy strong[b-6sumvnkoxf] {
    color: var(--text);
    font-size: .8rem;
    line-height: 1.35;
}

.settings-toggle-copy small[b-6sumvnkoxf] {
    color: var(--muted);
    font-size: .71rem;
    line-height: 1.5;
}
/* /Components/UsagePagination.razor.rz.scp.css */
.usage-pagination[b-4o3zceqptg] {
    display: flex;
    min-height: 46px;
    padding: 8px 2px;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    color: var(--muted);
    font-size: .72rem;
}

.page-size[b-4o3zceqptg],
.page-buttons[b-4o3zceqptg] { display: flex; align-items: center; gap: 7px; }
.page-size select[b-4o3zceqptg] { min-height: 32px; padding: 4px 26px 4px 8px; color: var(--ink); background: var(--surface); border: 1px solid var(--line); border-radius: 6px; font-size: .72rem; }
.page-number[b-4o3zceqptg] { min-width: 31px; height: 31px; padding: 0 7px; color: var(--muted); background: transparent; border: 1px solid transparent; border-radius: 6px; font-size: .72rem; }
.page-number:hover[b-4o3zceqptg] { background: var(--surface-soft); }
.page-number.active[b-4o3zceqptg] { color: #087f5b; background: #e7f6f0; border-color: #b9e2d2; font-weight: 700; }

@media (max-width: 620px) {
    .usage-pagination[b-4o3zceqptg] { flex-wrap: wrap; }
    .usage-pagination > span[b-4o3zceqptg] { order: -1; width: 100%; text-align: center; }
}
/* /Components/UseApiKeyModal.razor.rz.scp.css */
.use-key-layout[b-jszkpxkgxc] { display: grid; gap: 15px; }
.use-key-description[b-jszkpxkgxc] { margin: 0; color: var(--muted); font-size: .75rem; line-height: 1.55; }
.config-tabs[b-jszkpxkgxc] { display: flex; overflow-x: auto; gap: 18px; border-bottom: 1px solid var(--line); }
.config-tabs button[b-jszkpxkgxc] { display: inline-flex; min-width: max-content; padding: 9px 2px; align-items: center; gap: 6px; color: var(--muted); background: transparent; border: 0; border-bottom: 2px solid transparent; font: inherit; font-size: .7rem; font-weight: 700; cursor: pointer; }
.config-tabs button.active[b-jszkpxkgxc] { color: var(--primary); border-bottom-color: var(--primary); }
.shell-tabs[b-jszkpxkgxc] { gap: 13px; }
.shell-tabs button[b-jszkpxkgxc] { padding-block: 7px; font-size: .66rem; }
.auth-mode-card[b-jszkpxkgxc] { display: grid; padding: 12px; gap: 10px; border: 1px solid var(--line); border-radius: 8px; }
.auth-mode-card > div:first-child[b-jszkpxkgxc] { display: grid; gap: 3px; }.auth-mode-card strong[b-jszkpxkgxc] { font-size: .7rem; }.auth-mode-card small[b-jszkpxkgxc] { color: var(--muted); font-size: .62rem; }
.segmented[b-jszkpxkgxc] { display: grid; grid-template-columns: repeat(2, 1fr); padding: 3px; background: var(--surface-soft); border-radius: 7px; }
.segmented button[b-jszkpxkgxc] { padding: 7px; color: var(--muted); background: transparent; border: 0; border-radius: 5px; font: inherit; font-size: .66rem; font-weight: 700; cursor: pointer; }.segmented button.active[b-jszkpxkgxc] { color: var(--primary); background: var(--surface); box-shadow: 0 1px 3px rgb(15 23 42 / 10%); }
.restart-note[b-jszkpxkgxc] { display: flex; padding: 8px 10px; align-items: flex-start; gap: 7px; color: #92400e; background: #fffbeb; border-left: 2px solid #f59e0b; font-size: .62rem; line-height: 1.5; }
.config-files[b-jszkpxkgxc] { display: grid; gap: 13px; }.config-file[b-jszkpxkgxc] { min-width: 0; }.config-file > header[b-jszkpxkgxc] { display: flex; padding: 8px 11px; align-items: center; justify-content: space-between; gap: 10px; color: #cbd5e1; background: #1f2937; border-bottom: 1px solid #374151; border-radius: 8px 8px 0 0; }.config-file header code[b-jszkpxkgxc] { min-width: 0; overflow: hidden; font-size: .62rem; text-overflow: ellipsis; white-space: nowrap; }.config-file header button[b-jszkpxkgxc] { display: inline-flex; padding: 4px 7px; align-items: center; gap: 5px; color: #e5e7eb; background: #374151; border: 0; border-radius: 5px; font: inherit; font-size: .6rem; cursor: pointer; }.config-file pre[b-jszkpxkgxc] { max-height: 360px; margin: 0; padding: 13px; overflow: auto; color: #e5e7eb; background: #111827; border-radius: 0 0 8px 8px; font-size: .65rem; line-height: 1.55; white-space: pre; }.config-hint[b-jszkpxkgxc] { display: flex; margin: 0 0 5px; align-items: center; gap: 5px; color: #b45309; font-size: .61rem; }
@media (max-width: 640px) { .config-tabs[b-jszkpxkgxc] { gap: 12px; }.config-file pre[b-jszkpxkgxc] { font-size: .58rem; } }
/* /Components/UserAttributesConfigModal.razor.rz.scp.css */
.attribute-config-header[b-g3q3z8qwed] {
    display: flex;
    margin-bottom: 14px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.attribute-config-header p[b-g3q3z8qwed] {
    margin: 0;
    color: var(--muted);
}

.attribute-definition-list[b-g3q3z8qwed] {
    display: grid;
    max-height: 440px;
    gap: 8px;
    overflow-y: auto;
}

.attribute-definition-row[b-g3q3z8qwed] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: 11px 12px;
    align-items: center;
    gap: 10px;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 9px;
}

.drag-handle[b-g3q3z8qwed] {
    display: inline-flex;
    color: var(--muted);
}

.attribute-definition-info[b-g3q3z8qwed] {
    display: grid;
    min-width: 0;
    gap: 4px;
}

.attribute-definition-info > div[b-g3q3z8qwed] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.attribute-definition-info code[b-g3q3z8qwed] {
    padding: 2px 5px;
    color: var(--muted);
    background: var(--surface-muted);
    border-radius: 5px;
    font-size: .67rem;
}

.attribute-definition-info small[b-g3q3z8qwed] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 7px;
    color: var(--muted);
}

.attribute-definition-info small > span:last-child[b-g3q3z8qwed] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.attribute-type[b-g3q3z8qwed] {
    flex: 0 0 auto;
    padding: 2px 5px;
    background: var(--surface-muted);
    border-radius: 5px;
}

.attribute-definition-actions[b-g3q3z8qwed] {
    display: flex;
    gap: 3px;
}

.attribute-form-grid[b-g3q3z8qwed] {
    align-items: start;
}

.attribute-options-editor[b-g3q3z8qwed] {
    display: grid;
    gap: 8px;
    padding: 10px;
    background: var(--surface-muted);
    border: 1px solid var(--line);
    border-radius: 9px;
}

.attribute-options-heading[b-g3q3z8qwed] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.attribute-option-row[b-g3q3z8qwed] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    align-items: center;
    gap: 7px;
}

.attribute-option-row input[b-g3q3z8qwed] {
    min-width: 0;
}

@media (max-width: 620px) {
    .attribute-config-header[b-g3q3z8qwed] {
        align-items: stretch;
        flex-direction: column;
    }

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

    .attribute-option-row input:nth-child(2)[b-g3q3z8qwed] {
        grid-column: 1;
    }
}
/* /Components/UserDashboardPanel.razor.rz.scp.css */
.user-dashboard[b-x9j354txiv] {
    display: grid;
    gap: 16px;
}

.dashboard-alert[b-x9j354txiv] {
    margin: 0;
}

.dashboard-stat-grid[b-x9j354txiv] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.dashboard-stat-card[b-x9j354txiv] {
    display: flex;
    min-width: 0;
    min-height: 96px;
    align-items: center;
    gap: 12px;
    padding: 16px;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 7px;
}

.dashboard-stat-icon[b-x9j354txiv] {
    display: grid;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    place-items: center;
    border-radius: 8px;
}

.dashboard-stat-icon.emerald[b-x9j354txiv] { color: #059669; background: #d1fae5; }
.dashboard-stat-icon.blue[b-x9j354txiv] { color: #2563eb; background: #dbeafe; }
.dashboard-stat-icon.green[b-x9j354txiv] { color: #16a34a; background: #dcfce7; }
.dashboard-stat-icon.purple[b-x9j354txiv] { color: #7c3aed; background: #ede9fe; }
.dashboard-stat-icon.amber[b-x9j354txiv] { color: #d97706; background: #fef3c7; }
.dashboard-stat-icon.indigo[b-x9j354txiv] { color: #4f46e5; background: #e0e7ff; }
.dashboard-stat-icon.violet[b-x9j354txiv] { color: #7c3aed; background: #f3e8ff; }
.dashboard-stat-icon.rose[b-x9j354txiv] { color: #e11d48; background: #ffe4e6; }

.dashboard-stat-copy[b-x9j354txiv] {
    display: grid;
    min-width: 0;
    align-content: center;
}

.dashboard-stat-copy > span[b-x9j354txiv] {
    overflow: hidden;
    color: var(--muted);
    font-size: .72rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-stat-copy > strong[b-x9j354txiv] {
    overflow: hidden;
    margin-top: 1px;
    color: var(--ink);
    font-size: 1.2rem;
    font-variant-numeric: tabular-nums;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-stat-copy > small[b-x9j354txiv] {
    overflow: hidden;
    color: var(--muted);
    font-size: .68rem;
    line-height: 1.45;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.performance-copy strong em[b-x9j354txiv] {
    color: var(--muted);
    font-size: .64rem;
    font-style: normal;
    font-weight: 500;
}

.performance-copy small b[b-x9j354txiv] {
    color: #7c3aed;
    font-weight: 700;
}

.cost-pair[b-x9j354txiv] {
    display: flex;
    min-width: 0;
    align-items: baseline;
    gap: 4px;
    font-style: normal;
}

.cost-pair b[b-x9j354txiv] {
    color: #7c3aed;
    font-style: normal;
    font-weight: 700;
}

.cost-pair i[b-x9j354txiv] {
    color: #a3aca8;
    font-style: normal;
    font-weight: 400;
}

.cost-pair em[b-x9j354txiv] {
    color: #89938e;
    font-size: .76rem;
    font-style: normal;
    font-weight: 500;
}

.success-text[b-x9j354txiv] { color: #059669 !important; }
.danger-text[b-x9j354txiv] { color: #dc2626 !important; }
.emerald-text[b-x9j354txiv] { color: #059669 !important; }

.dashboard-card[b-x9j354txiv] {
    min-width: 0;
    overflow: hidden;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 7px;
}

.dashboard-card-heading[b-x9j354txiv] {
    display: flex;
    min-height: 50px;
    padding: 14px 16px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.dashboard-card-heading.bordered[b-x9j354txiv] {
    border-bottom: 1px solid var(--line);
}

.dashboard-card-heading h2[b-x9j354txiv] {
    margin: 0;
    color: var(--ink);
    font-size: .86rem;
    font-weight: 700;
}

.dashboard-card-heading > span[b-x9j354txiv] {
    color: var(--muted);
    font-size: .7rem;
}

.platform-breakdown-card[b-x9j354txiv] {
    padding-bottom: 14px;
}

.platform-card-grid[b-x9j354txiv] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    padding: 0 14px;
}

.platform-card[b-x9j354txiv] {
    min-width: 0;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 7px;
}

.platform-card.other[b-x9j354txiv] {
    background: #f7f9f8;
    border-style: dashed;
}

.platform-card header[b-x9j354txiv],
.platform-card dl > div[b-x9j354txiv],
.quota-line[b-x9j354txiv] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.platform-card header strong[b-x9j354txiv] {
    overflow: hidden;
    color: var(--ink);
    font-size: .78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.platform-card header b[b-x9j354txiv] {
    color: #7c3aed;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: .74rem;
    font-weight: 650;
    white-space: nowrap;
}

.platform-card dl[b-x9j354txiv] {
    display: grid;
    gap: 4px;
    margin: 9px 0 0;
    font-size: .68rem;
}

.platform-card dt[b-x9j354txiv] {
    color: var(--muted);
    font-weight: 500;
}

.platform-card dd[b-x9j354txiv] {
    margin: 0;
    color: var(--ink);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}

.quota-section[b-x9j354txiv] {
    display: grid;
    gap: 7px;
    margin-top: 10px;
    padding-top: 9px;
    border-top: 1px solid var(--line);
}

.quota-title[b-x9j354txiv] {
    color: #99a39e;
    font-size: .58rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.quota-window[b-x9j354txiv] {
    display: grid;
    gap: 3px;
}

.quota-line[b-x9j354txiv] {
    color: var(--muted);
    font-size: .64rem;
}

.quota-line b[b-x9j354txiv] {
    color: var(--ink);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: .61rem;
    font-weight: 550;
}

.quota-track[b-x9j354txiv] {
    height: 6px;
    overflow: hidden;
    background: #e8edea;
    border-radius: 999px;
}

.quota-track span[b-x9j354txiv] {
    display: block;
    height: 100%;
    border-radius: inherit;
    transition: width .2s ease;
}

.quota-track span.success[b-x9j354txiv] { background: #22c55e; }
.quota-track span.warning[b-x9j354txiv] { background: #f59e0b; }
.quota-track span.danger[b-x9j354txiv] { background: #ef4444; }

.quota-window small[b-x9j354txiv] {
    color: #98a29d;
    font-size: .57rem;
}

.dashboard-filter-card[b-x9j354txiv] {
    display: flex;
    min-height: 66px;
    padding: 13px 16px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.dashboard-filter-group[b-x9j354txiv] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 9px;
}

.filter-label[b-x9j354txiv] {
    color: #4c5853;
    font-size: .78rem;
    font-weight: 650;
    white-space: nowrap;
}

.dashboard-date-range[b-x9j354txiv] {
    width: min(380px, 46vw);
}

.granularity-filter select[b-x9j354txiv] {
    min-width: 112px;
    min-height: 36px;
    padding: 6px 30px 6px 10px;
    color: var(--ink);
    background: var(--surface);
    border: 1px solid #cad3ce;
    border-radius: 5px;
    font-size: .78rem;
}

.dashboard-chart-grid[b-x9j354txiv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.dashboard-chart-card[b-x9j354txiv] {
    min-height: 322px;
}

.distribution-layout[b-x9j354txiv] {
    display: flex;
    min-width: 0;
    min-height: 240px;
    padding: 0 14px 14px;
    align-items: center;
    gap: 16px;
}

.distribution-chart[b-x9j354txiv] {
    flex: 0 0 210px;
    width: 210px;
}

.compact-table-wrap[b-x9j354txiv] {
    min-width: 0;
    max-height: 218px;
    flex: 1;
    overflow: auto;
}

.compact-dashboard-table[b-x9j354txiv] {
    width: 100%;
    border-collapse: collapse;
    font-size: .66rem;
    font-variant-numeric: tabular-nums;
}

.compact-dashboard-table th[b-x9j354txiv],
.compact-dashboard-table td[b-x9j354txiv] {
    max-width: 120px;
    padding: 6px 7px;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px solid var(--line);
}

.compact-dashboard-table th:first-child[b-x9j354txiv],
.compact-dashboard-table td:first-child[b-x9j354txiv] {
    text-align: left;
}

.compact-dashboard-table th[b-x9j354txiv] {
    position: sticky;
    top: 0;
    z-index: 1;
    color: var(--muted);
    background: var(--surface);
    font-weight: 650;
}

.compact-dashboard-table td:first-child[b-x9j354txiv] {
    color: var(--ink);
    font-weight: 600;
}

.dashboard-loading[b-x9j354txiv],
.dashboard-empty[b-x9j354txiv] {
    display: flex;
    min-height: 235px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    color: var(--muted);
    font-size: .76rem;
}

.dashboard-bottom-grid[b-x9j354txiv] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(270px, 1fr);
    align-items: start;
    gap: 16px;
}

.range-badge[b-x9j354txiv] {
    padding: 4px 8px;
    color: #64706a !important;
    background: #eef2f0;
    border-radius: 999px;
    font-size: .62rem !important;
    font-weight: 650;
}

.recent-usage-body[b-x9j354txiv] {
    padding: 14px;
}

.recent-usage-body .dashboard-loading[b-x9j354txiv],
.recent-usage-body .dashboard-empty[b-x9j354txiv] {
    min-height: 230px;
}

.recent-usage-list[b-x9j354txiv] {
    display: grid;
    gap: 8px;
}

.recent-usage-row[b-x9j354txiv] {
    display: flex;
    min-width: 0;
    min-height: 62px;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    background: #f6f8f7;
    border-radius: 8px;
    transition: background .15s ease;
}

.recent-usage-row:hover[b-x9j354txiv] {
    background: #edf2ef;
}

.usage-row-icon[b-x9j354txiv] {
    display: grid;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    place-items: center;
    color: #2563eb;
    background: #dbeafe;
    border-radius: 8px;
}

.usage-row-main[b-x9j354txiv],
.usage-row-cost[b-x9j354txiv] {
    display: grid;
    min-width: 0;
}

.usage-row-main[b-x9j354txiv] {
    flex: 1;
}

.usage-row-main strong[b-x9j354txiv],
.usage-row-main small[b-x9j354txiv] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.usage-row-main strong[b-x9j354txiv] {
    color: var(--ink);
    font-size: .76rem;
}

.usage-row-main small[b-x9j354txiv],
.usage-row-cost small[b-x9j354txiv] {
    color: var(--muted);
    font-size: .64rem;
}

.usage-row-cost[b-x9j354txiv] {
    justify-items: end;
    font-variant-numeric: tabular-nums;
}

.usage-row-cost strong[b-x9j354txiv] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: .72rem;
}

.usage-row-cost strong b[b-x9j354txiv] { color: #059669; }
.usage-row-cost strong i[b-x9j354txiv] { color: #a3aca8; font-style: normal; }
.usage-row-cost strong span[b-x9j354txiv] { color: #89938e; font-weight: 500; }

.view-all-link[b-x9j354txiv] {
    display: flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #087455;
    font-size: .72rem;
    font-weight: 650;
    text-decoration: none;
}

.view-all-link:hover[b-x9j354txiv] {
    color: #065f46;
}

.quick-action-list[b-x9j354txiv] {
    display: grid;
    gap: 8px;
    padding: 14px;
}

.quick-action[b-x9j354txiv] {
    display: flex;
    min-width: 0;
    min-height: 66px;
    padding: 10px 12px;
    align-items: center;
    gap: 11px;
    color: var(--ink);
    text-decoration: none;
    background: #f6f8f7;
    border-radius: 8px;
    transition: background .15s ease, transform .15s ease;
}

.quick-action:hover[b-x9j354txiv] {
    color: var(--ink);
    background: #edf2ef;
}

.quick-action:hover .quick-action-icon[b-x9j354txiv] {
    transform: scale(1.04);
}

.quick-action > span:nth-child(2)[b-x9j354txiv] {
    display: grid;
    min-width: 0;
    flex: 1;
}

.quick-action strong[b-x9j354txiv],
.quick-action small[b-x9j354txiv] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quick-action strong[b-x9j354txiv] { font-size: .75rem; }
.quick-action small[b-x9j354txiv] { color: var(--muted); font-size: .65rem; }

.quick-action-icon[b-x9j354txiv] {
    display: grid;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 8px;
    transition: transform .15s ease;
}

.quick-action-icon.blue[b-x9j354txiv] { color: #2563eb; background: #dbeafe; }
.quick-action-icon.emerald[b-x9j354txiv] { color: #059669; background: #d1fae5; }
.quick-action-icon.sky[b-x9j354txiv] { color: #0284c7; background: #e0f2fe; }
.quick-action-icon.amber[b-x9j354txiv] { color: #d97706; background: #fef3c7; }

/* Keep both administrator and regular-user dashboards on the user-management type scale. */
.user-dashboard[b-x9j354txiv] { font-size: 1rem; }
.dashboard-stat-copy > span[b-x9j354txiv] { font-size: .86rem; }
.dashboard-stat-copy > small[b-x9j354txiv],
.performance-copy strong em[b-x9j354txiv] { font-size: .8rem; }
.dashboard-card-heading h2[b-x9j354txiv] { font-size: 1rem; }
.dashboard-card-heading > span[b-x9j354txiv] { font-size: .8rem; }
.platform-card header strong[b-x9j354txiv] { font-size: .88rem; }
.platform-card header b[b-x9j354txiv] { font-size: .82rem; }
.platform-card dl[b-x9j354txiv] { font-size: .8rem; }
.quota-title[b-x9j354txiv] { font-size: .75rem; }
.quota-line[b-x9j354txiv] { font-size: .78rem; }
.quota-line b[b-x9j354txiv] { font-size: .76rem; }
.quota-window small[b-x9j354txiv] { font-size: .75rem; }
.filter-label[b-x9j354txiv],
.granularity-filter select[b-x9j354txiv] { font-size: .85rem; }
.compact-dashboard-table[b-x9j354txiv] { font-size: .83rem; }
.compact-dashboard-table th[b-x9j354txiv] { font-size: .76rem; }
.dashboard-loading[b-x9j354txiv],
.dashboard-empty[b-x9j354txiv] { font-size: .88rem; }
.range-badge[b-x9j354txiv] { font-size: .78rem !important; }
.usage-row-main strong[b-x9j354txiv] { font-size: .86rem; }
.usage-row-main small[b-x9j354txiv],
.usage-row-cost small[b-x9j354txiv] { font-size: .78rem; }
.usage-row-cost strong[b-x9j354txiv],
.view-all-link[b-x9j354txiv] { font-size: .82rem; }
.quick-action strong[b-x9j354txiv] { font-size: .86rem; }
.quick-action small[b-x9j354txiv] { font-size: .78rem; }
:deep(.dxbl-chart)[b-x9j354txiv] { font-size: .8rem; }

@media (max-width: 1180px) {
    .dashboard-stat-grid[b-x9j354txiv],
    .platform-card-grid[b-x9j354txiv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-chart-grid[b-x9j354txiv] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 880px) {
    .dashboard-bottom-grid[b-x9j354txiv] {
        grid-template-columns: 1fr;
    }

    .dashboard-filter-card[b-x9j354txiv] {
        align-items: stretch;
        flex-direction: column;
    }

    .granularity-filter[b-x9j354txiv] {
        justify-content: space-between;
    }
}

@media (max-width: 680px) {
    .dashboard-stat-grid[b-x9j354txiv],
    .platform-card-grid[b-x9j354txiv] {
        grid-template-columns: 1fr;
    }

    .dashboard-filter-group:first-child[b-x9j354txiv] {
        align-items: stretch;
        flex-direction: column;
    }

    .dashboard-date-range[b-x9j354txiv] {
        width: 100%;
    }

    .dashboard-filter-group:first-child .button[b-x9j354txiv] {
        width: 100%;
    }

    .distribution-layout[b-x9j354txiv] {
        align-items: stretch;
        flex-direction: column;
    }

    .distribution-chart[b-x9j354txiv] {
        width: min(240px, 100%);
        margin: 0 auto;
        flex-basis: auto;
    }

    .compact-table-wrap[b-x9j354txiv] {
        width: 100%;
    }

    .recent-usage-row[b-x9j354txiv] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .usage-row-main[b-x9j354txiv] {
        width: calc(100% - 52px);
        flex: none;
    }

    .usage-row-cost[b-x9j354txiv] {
        width: 100%;
        padding-left: 50px;
        justify-items: start;
    }
}
/* /Components/UserDefaultsSettings.razor.rz.scp.css */
.user-defaults-card[b-0wv0l57gbe],
.auth-source-list[b-0wv0l57gbe],
.auth-source-body[b-0wv0l57gbe],
.defaults-subsection[b-0wv0l57gbe],
.quota-section[b-0wv0l57gbe] {
    display: grid;
    gap: 1rem;
}

.user-defaults-card > header h2[b-0wv0l57gbe] {
    margin: 0;
    color: var(--text);
    font-size: .98rem;
}

.defaults-subsection[b-0wv0l57gbe],
.quota-section[b-0wv0l57gbe] {
    padding-top: 1rem;
    border-top: 1px solid var(--line);
}

.defaults-subsection.compact[b-0wv0l57gbe] {
    padding-top: .8rem;
}

.subsection-heading[b-0wv0l57gbe],
.auth-source-heading[b-0wv0l57gbe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.subsection-heading h3[b-0wv0l57gbe],
.auth-source-heading h3[b-0wv0l57gbe],
.quota-heading h3[b-0wv0l57gbe] {
    margin: 0;
    font-size: .9rem;
}

.subsection-heading p[b-0wv0l57gbe],
.auth-source-heading p[b-0wv0l57gbe],
.quota-heading p[b-0wv0l57gbe] {
    margin: .2rem 0 0;
    color: var(--muted);
    font-size: .72rem;
    line-height: 1.5;
}

.auth-source-card[b-0wv0l57gbe] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid var(--line);
    border-radius: 12px;
}

.auth-source-body[b-0wv0l57gbe] {
    padding-top: 1rem;
    border-top: 1px solid var(--line);
}

.inline-switch[b-0wv0l57gbe] {
    display: flex;
    align-items: center;
    gap: .6rem;
    color: var(--muted);
    font-size: .72rem;
    white-space: nowrap;
}

.inline-switch input[b-0wv0l57gbe] {
    width: 18px;
    height: 18px;
    accent-color: var(--primary);
}

@media (max-width: 760px) {
    .subsection-heading[b-0wv0l57gbe],
    .auth-source-heading[b-0wv0l57gbe] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/UserUsagePanel.razor.rz.scp.css */
.user-usage-page[b-iprfuh8zka] {
    display: grid;
    gap: 24px;
}

.usage-card[b-iprfuh8zka],
.usage-stat-card[b-iprfuh8zka] {
    min-width: 0;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.usage-stats-grid[b-iprfuh8zka] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.usage-stat-card[b-iprfuh8zka] {
    display: flex;
    min-height: 96px;
    padding: 16px;
    align-items: center;
    gap: 12px;
}

.usage-stat-icon[b-iprfuh8zka] {
    display: grid;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    place-items: center;
    border-radius: 8px;
}

.usage-stat-icon.blue[b-iprfuh8zka] { color: #2563eb; background: #dbeafe; }
.usage-stat-icon.amber[b-iprfuh8zka] { color: #d97706; background: #fef3c7; }
.usage-stat-icon.green[b-iprfuh8zka] { color: #059669; background: #d1fae5; }
.usage-stat-icon.violet[b-iprfuh8zka] { color: #7c3aed; background: #ede9fe; }

.usage-stat-card > div[b-iprfuh8zka] {
    display: grid;
    min-width: 0;
}

.usage-stat-card small[b-iprfuh8zka] {
    color: var(--muted);
    font-size: .72rem;
    font-weight: 650;
}

.usage-stat-card strong[b-iprfuh8zka] {
    overflow: hidden;
    color: var(--ink);
    font-size: 1.2rem;
    font-variant-numeric: tabular-nums;
    line-height: 1.45;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.usage-stat-card span:not(.usage-stat-icon)[b-iprfuh8zka] {
    overflow: hidden;
    color: var(--muted);
    font-size: .68rem;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.usage-stat-card .cost-value[b-iprfuh8zka] { color: #059669; }

.date-filter-card[b-iprfuh8zka] {
    display: flex;
    min-height: 66px;
    padding: 13px 16px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.date-filter-group[b-iprfuh8zka] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 9px;
}

.filter-caption[b-iprfuh8zka] {
    color: #4c5853;
    font-size: .78rem;
    font-weight: 650;
    white-space: nowrap;
}

.usage-date-range[b-iprfuh8zka] { width: min(380px, 50vw); }

.granularity-group select[b-iprfuh8zka] {
    min-width: 112px;
    min-height: 36px;
    padding: 6px 30px 6px 10px;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 6px;
}

.usage-chart-grid[b-iprfuh8zka] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.chart-card[b-iprfuh8zka] {
    min-height: 355px;
    padding: 14px 16px 16px;
    overflow: hidden;
}

.chart-heading[b-iprfuh8zka] {
    display: flex;
    min-height: 34px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.chart-heading h2[b-iprfuh8zka] {
    margin: 0;
    color: var(--ink);
    font-size: .88rem;
    font-weight: 700;
}

.chart-empty[b-iprfuh8zka] {
    display: grid;
    min-height: 280px;
    place-items: center;
    color: var(--muted);
    font-size: .8rem;
}

.trend-card[b-iprfuh8zka] { min-height: 355px; }

.usage-filter-card[b-iprfuh8zka] {
    display: flex;
    padding: 18px;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
}

.usage-filter-grid[b-iprfuh8zka] {
    display: grid;
    min-width: 0;
    flex: 1;
    grid-template-columns: repeat(3, minmax(150px, 1fr));
    gap: 13px;
}

.error-filter-grid[b-iprfuh8zka] { grid-template-columns: repeat(2, minmax(170px, 1fr)); }

.usage-filter-field[b-iprfuh8zka] {
    display: grid;
    min-width: 0;
    gap: 5px;
}

.usage-filter-field label[b-iprfuh8zka] {
    color: #46524d;
    font-size: .72rem;
    font-weight: 650;
}

.usage-filter-field select[b-iprfuh8zka],
.usage-filter-field input[b-iprfuh8zka] {
    width: 100%;
    min-width: 0;
    min-height: 36px;
    padding: 7px 10px;
    color: var(--ink);
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 6px;
    font-size: .78rem;
}

.usage-filter-actions[b-iprfuh8zka] {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
}

.column-menu-host[b-iprfuh8zka] { position: relative; }

.column-menu[b-iprfuh8zka] {
    position: absolute;
    z-index: 40;
    top: calc(100% + 6px);
    right: 0;
    display: grid;
    width: 190px;
    max-height: 320px;
    padding: 5px;
    overflow: auto;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 7px;
    box-shadow: 0 14px 34px rgba(20, 36, 29, .15);
}

.column-menu button[b-iprfuh8zka] {
    display: flex;
    width: 100%;
    min-height: 34px;
    padding: 7px 9px;
    align-items: center;
    justify-content: space-between;
    color: var(--ink);
    background: transparent;
    border: 0;
    border-radius: 5px;
    font-size: .76rem;
    text-align: left;
}

.column-menu button:hover[b-iprfuh8zka] { background: var(--surface-soft); }

.usage-tabs[b-iprfuh8zka] {
    display: flex;
    gap: 4px;
    margin-top: -8px;
    border-bottom: 1px solid var(--line);
}

.usage-tabs button[b-iprfuh8zka] {
    position: relative;
    padding: 10px 15px;
    color: var(--muted);
    background: transparent;
    border: 0;
    font-size: .8rem;
    font-weight: 650;
}

.usage-tabs button.active[b-iprfuh8zka] { color: #087f5b; }
.usage-tabs button.active[b-iprfuh8zka]::after { position: absolute; right: 8px; bottom: -1px; left: 8px; height: 2px; content: ""; background: #087f5b; }

.usage-table-card[b-iprfuh8zka] { overflow: hidden; }
.usage-table-wrap[b-iprfuh8zka] { width: 100%; overflow: auto; }

.usage-detail-table[b-iprfuh8zka] {
    width: 100%;
    min-width: 1180px;
    border-collapse: collapse;
    font-size: .75rem;
}

.usage-detail-table th[b-iprfuh8zka] {
    padding: 11px 12px;
    color: #56635d;
    background: #f7f9f8;
    border-bottom: 1px solid var(--line);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .01em;
    text-align: left;
    white-space: nowrap;
}

.usage-detail-table td[b-iprfuh8zka] {
    max-width: 260px;
    padding: 11px 12px;
    color: var(--ink);
    border-bottom: 1px solid var(--line-soft, #edf0ee);
    vertical-align: middle;
}

.usage-detail-table tbody tr:last-child td[b-iprfuh8zka] { border-bottom: 0; }
.usage-detail-table tbody tr:hover[b-iprfuh8zka] { background: #f9fbfa; }
.usage-detail-table .clickable-row[b-iprfuh8zka] { cursor: pointer; }

.sort-button[b-iprfuh8zka] {
    padding: 0;
    color: inherit;
    background: transparent;
    border: 0;
    font: inherit;
    font-weight: 700;
}

.primary-cell[b-iprfuh8zka],
.model-name[b-iprfuh8zka] {
    display: block;
    color: var(--ink);
    font-weight: 650;
}

.usage-detail-table td > small[b-iprfuh8zka],
.endpoint-cell small[b-iprfuh8zka],
.latency-cell small[b-iprfuh8zka],
.token-cell small[b-iprfuh8zka],
.image-token-cell small[b-iprfuh8zka] {
    display: block;
    color: var(--muted);
    font-size: .66rem;
}

.endpoint-cell[b-iprfuh8zka] { word-break: break-all; }
.endpoint-cell b[b-iprfuh8zka] { color: #748079; }
.usage-detail-table code[b-iprfuh8zka] { color: #53625b; font-size: .7rem; }

.tag[b-iprfuh8zka],
.mini-badge[b-iprfuh8zka],
.status-code[b-iprfuh8zka] {
    display: inline-flex;
    padding: 2px 7px;
    align-items: center;
    border-radius: 999px;
    font-size: .66rem;
    font-weight: 700;
    line-height: 1.35;
    white-space: nowrap;
}

.tag.indigo[b-iprfuh8zka] { color: #4338ca; background: #e0e7ff; }
.tag.violet[b-iprfuh8zka] { color: #7c3aed; background: #ede9fe; }
.tag.rose[b-iprfuh8zka] { color: #be123c; background: #ffe4e6; }
.tag.blue[b-iprfuh8zka] { color: #1d4ed8; background: #dbeafe; }
.tag.green[b-iprfuh8zka] { color: #047857; background: #d1fae5; }
.tag.amber[b-iprfuh8zka], .mini-badge.amber[b-iprfuh8zka] { color: #b45309; background: #fef3c7; }
.tag.gray[b-iprfuh8zka] { color: #4b5563; background: #f1f3f2; }
.tag.danger[b-iprfuh8zka], .mini-badge.danger[b-iprfuh8zka], .status-code.danger[b-iprfuh8zka] { color: #b91c1c; background: #fee2e2; }
.status-code.warning[b-iprfuh8zka] { color: #b45309; background: #fef3c7; }
.status-code.neutral[b-iprfuh8zka] { color: #4b5563; background: #f1f3f2; }
.mini-badge[b-iprfuh8zka] { margin-left: 5px; padding: 1px 5px; border-radius: 4px; }

.token-cell[b-iprfuh8zka] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    gap: 2px 9px;
    font-variant-numeric: tabular-nums;
}

.token-cell > span:first-child[b-iprfuh8zka] { color: #047857; }
.token-cell > span:nth-child(2)[b-iprfuh8zka] { color: #6d28d9; }
.image-token-cell[b-iprfuh8zka] { display: grid; color: #6d28d9; font-weight: 650; }
.actual-cost[b-iprfuh8zka] { color: #059669; font-weight: 700; white-space: nowrap; }
.latency-cell[b-iprfuh8zka] { white-space: nowrap; }
.user-agent-cell[b-iprfuh8zka], .message-cell[b-iprfuh8zka] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.error-detail-grid[b-iprfuh8zka] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px 24px;
}

.error-detail-grid > div[b-iprfuh8zka] { display: grid; gap: 4px; }
.error-detail-grid small[b-iprfuh8zka],
.error-detail-section > small[b-iprfuh8zka] { color: var(--muted); font-size: .72rem; font-weight: 650; }
.error-detail-grid strong[b-iprfuh8zka] { color: var(--ink); font-size: .8rem; font-weight: 600; word-break: break-all; }
.error-detail-section[b-iprfuh8zka] { margin-top: 18px; }
.error-detail-section p[b-iprfuh8zka] { margin: 5px 0 0; color: var(--ink); font-size: .8rem; word-break: break-all; }
.error-detail-section pre[b-iprfuh8zka] { max-height: 40vh; margin: 6px 0 0; padding: 12px; overflow: auto; color: var(--ink); background: var(--surface-soft); border: 1px solid var(--line); border-radius: 7px; font-size: .72rem; white-space: pre-wrap; word-break: break-all; }

@media (max-width: 1180px) {
    .usage-stats-grid[b-iprfuh8zka] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .usage-filter-card[b-iprfuh8zka] { align-items: stretch; flex-direction: column; }
    .usage-filter-actions[b-iprfuh8zka] { justify-content: flex-start; }
}

@media (max-width: 850px) {
    .usage-chart-grid[b-iprfuh8zka] { grid-template-columns: 1fr; }
    .date-filter-card[b-iprfuh8zka] { align-items: stretch; flex-direction: column; }
    .usage-date-range[b-iprfuh8zka] { width: 100%; }
    .usage-filter-grid[b-iprfuh8zka], .error-filter-grid[b-iprfuh8zka] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
    .usage-stats-grid[b-iprfuh8zka] { grid-template-columns: 1fr; }
    .usage-filter-grid[b-iprfuh8zka], .error-filter-grid[b-iprfuh8zka] { grid-template-columns: 1fr; }
    .usage-filter-actions .button[b-iprfuh8zka] { flex: 1 1 auto; }
    .error-detail-grid[b-iprfuh8zka] { grid-template-columns: 1fr; }
}
/* /Components/WebSearchSettings.razor.rz.scp.css */
.web-search-card[b-zmylbgme90] { overflow: hidden; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }
.web-search-card > header[b-zmylbgme90] { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding:18px 20px; border-bottom:1px solid var(--line); }
.web-search-card h2[b-zmylbgme90] { margin:0; color:var(--text); font-size:.98rem; }
.web-search-card > header p[b-zmylbgme90] { margin:5px 0 0; color:var(--muted); font-size:.76rem; }
.web-search-actions[b-zmylbgme90] { display:flex; flex-wrap:wrap; gap:7px; }
.web-search-alert[b-zmylbgme90] { display:flex; align-items:center; gap:8px; margin:16px 20px 0; padding:10px 12px; border:1px solid rgba(190,62,62,.25); border-radius:6px; color:var(--danger); background:rgba(190,62,62,.06); font-size:.76rem; }
.web-search-body[b-zmylbgme90] { display:grid; gap:16px; padding:20px; }
.web-search-empty[b-zmylbgme90] { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px; border:1px dashed var(--line); border-radius:7px; color:var(--muted); font-size:.76rem; }
.provider-list[b-zmylbgme90] { display:grid; gap:12px; }
.provider-list article[b-zmylbgme90] { overflow:hidden; border:1px solid var(--line); border-radius:7px; }
.provider-list article > header[b-zmylbgme90] { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 14px; border-bottom:1px solid var(--line); background:var(--surface-soft); }
.provider-list article > header div[b-zmylbgme90] { display:grid; gap:3px; }
.provider-list article > header span[b-zmylbgme90] { color:var(--muted); font-size:.68rem; }
.provider-grid[b-zmylbgme90] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:16px 18px; padding:16px; }
.provider-grid[b-zmylbgme90]  input, .provider-grid[b-zmylbgme90]  select { width:100%; }
.provider-list article > footer[b-zmylbgme90] { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 14px; border-top:1px solid var(--line); background:var(--surface-soft); }
.provider-list article > footer div[b-zmylbgme90] { display:flex; gap:8px; color:var(--muted); font-size:.7rem; }
.provider-list article > footer strong[b-zmylbgme90] { color:var(--text); }
.search-test[b-zmylbgme90] { display:grid; gap:12px; padding:16px; border:1px solid var(--line); border-radius:7px; background:var(--surface-soft); }
.search-test > header[b-zmylbgme90] { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.search-test > header div[b-zmylbgme90] { display:grid; gap:3px; }
.search-test > header span[b-zmylbgme90] { color:var(--muted); font-size:.68rem; }
.search-test > input[b-zmylbgme90] { width:100%; height:var(--form-control-height); padding:7px 10px; color:var(--form-control-color); background:var(--form-control-bg); border:1px solid var(--form-control-border); border-radius:var(--form-control-radius); }
.search-test > input:focus[b-zmylbgme90] { border-color:var(--form-control-focus); outline:0; box-shadow:0 0 0 3px var(--form-control-focus-ring); }
.search-results[b-zmylbgme90] { display:grid; gap:7px; }
.search-results > p[b-zmylbgme90] { margin:0; color:var(--muted); font-size:.7rem; }
.search-results a[b-zmylbgme90] { display:grid; gap:3px; padding:10px 12px; border:1px solid var(--line); border-radius:6px; color:var(--text); background:var(--surface); text-decoration:none; }
.search-results a:hover[b-zmylbgme90] { border-color:var(--primary); }
.search-results a span[b-zmylbgme90] { color:var(--muted); font-size:.72rem; line-height:1.45; }
.search-results a small[b-zmylbgme90] { overflow:hidden; color:var(--primary); font-size:.64rem; text-overflow:ellipsis; white-space:nowrap; }
@media (max-width:760px) { .web-search-card > header[b-zmylbgme90], .search-test > header[b-zmylbgme90], .provider-list article > footer[b-zmylbgme90], .web-search-empty[b-zmylbgme90] { flex-direction:column; align-items:stretch; } .web-search-actions[b-zmylbgme90],.web-search-actions .button[b-zmylbgme90],.web-search-card > header .button[b-zmylbgme90],.search-test > header .button[b-zmylbgme90] { width:100%; } .provider-grid[b-zmylbgme90] { grid-template-columns:1fr; } }
/* /Layout/AuthLayout.razor.rz.scp.css */
.auth-layout[b-v675gdh6tk] {
    min-height: 100vh;
    background: var(--canvas);
}
/* /Layout/BareLayout.razor.rz.scp.css */
.bare-layout[b-q63yw22u64] {
    min-height: 100vh;
    background: var(--canvas);
}
/* /Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-bnhc460qp5] {
    min-height: 100vh;
}

.app-sidebar[b-bnhc460qp5] {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 40;
    width: 256px;
    overflow: hidden;
    background: var(--sidebar-bg);
    border-right: 1px solid var(--sidebar-border);
    transition: width .22s ease, transform .22s ease;
}

.app-sidebar.collapsed[b-bnhc460qp5] {
    width: 72px;
}

.app-main[b-bnhc460qp5] {
    min-width: 0;
    min-height: 100vh;
    margin-left: 256px;
    transition: margin-left .22s ease;
}

.app-main.sidebar-is-collapsed[b-bnhc460qp5] {
    margin-left: 72px;
}

.app-topbar[b-bnhc460qp5] {
    position: sticky;
    top: 0;
    z-index: 30;
    display: flex;
    min-width: 0;
    height: 64px;
    padding: 0 24px;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    background: var(--topbar-bg);
    border-bottom: 1px solid var(--line);
    box-shadow: 0 1px 2px rgba(15, 23, 20, .03);
    backdrop-filter: blur(14px);
}

.topbar-left[b-bnhc460qp5],
.topbar-actions[b-bnhc460qp5] {
    display: flex;
    min-width: 0;
    align-items: center;
}

.topbar-left[b-bnhc460qp5] { gap: 10px; }
.topbar-actions[b-bnhc460qp5] { margin-left: auto; gap: 8px; }

.topbar-context[b-bnhc460qp5] {
    display: grid;
    min-width: 0;
    gap: 1px;
}

.topbar-context h1[b-bnhc460qp5] {
    overflow: hidden;
    margin: 0;
    color: var(--ink);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.topbar-context p[b-bnhc460qp5] {
    overflow: hidden;
    margin: 0;
    color: var(--muted);
    font-size: .7rem;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-menu[b-bnhc460qp5] { display: none; }

.topbar-icon-link[b-bnhc460qp5],
.topbar-link[b-bnhc460qp5] {
    display: inline-flex;
    min-height: 36px;
    padding: 0 10px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: var(--muted);
    font-size: .78rem;
    font-weight: 600;
    text-decoration: none;
    border-radius: 8px;
}

.topbar-icon-link[b-bnhc460qp5] { width: 36px; padding: 0; }

.topbar-icon-link:hover[b-bnhc460qp5],
.topbar-link:hover[b-bnhc460qp5] {
    color: var(--ink);
    background: var(--sidebar-hover);
}

.balance-summary[b-bnhc460qp5] {
    position: relative;
    display: flex;
    min-height: 36px;
    padding: 0 11px;
    align-items: center;
    gap: 7px;
    color: var(--primary);
    background: var(--primary-soft);
    border-radius: 10px;
    outline: none;
}

.balance-summary > strong[b-bnhc460qp5] {
    font-size: .78rem;
    font-variant-numeric: tabular-nums;
}

.frozen-badge[b-bnhc460qp5] {
    padding: 2px 6px;
    color: #946514;
    background: #fff0c2;
    border-radius: 999px;
    font-size: .62rem;
    font-weight: 650;
}

.balance-popover[b-bnhc460qp5] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 55;
    display: none;
    width: 220px;
    padding: 11px 12px;
    gap: 8px;
    color: var(--muted);
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 8px;
    box-shadow: var(--popover-shadow);
    font-size: .72rem;
}

.balance-popover span[b-bnhc460qp5] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.balance-popover span:last-child[b-bnhc460qp5] {
    padding-top: 7px;
    color: var(--ink);
    border-top: 1px solid var(--line);
}

.balance-popover strong[b-bnhc460qp5] { color: var(--ink); font-variant-numeric: tabular-nums; }
.balance-summary:hover .balance-popover[b-bnhc460qp5],
.balance-summary:focus .balance-popover[b-bnhc460qp5],
.balance-summary:focus-within .balance-popover[b-bnhc460qp5] { display: grid; }

.account-menu-wrap[b-bnhc460qp5] { position: relative; }

.account-trigger[b-bnhc460qp5] {
    display: flex;
    min-height: 42px;
    max-width: 250px;
    padding: 4px 7px;
    align-items: center;
    gap: 9px;
    color: var(--ink);
    background: transparent;
    border: 0;
    border-radius: 8px;
}

.account-trigger:hover[b-bnhc460qp5],
.account-trigger:focus-visible[b-bnhc460qp5] { background: var(--sidebar-hover); }

.avatar[b-bnhc460qp5] {
    display: grid;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    place-items: center;
    color: #fff;
    font-size: .68rem;
    font-weight: 750;
    background: linear-gradient(135deg, #2d8a68, #4cb889);
    border-radius: 50%;
}

.account-copy[b-bnhc460qp5] {
    display: grid;
    min-width: 0;
    text-align: left;
}

.account-copy strong[b-bnhc460qp5],
.account-copy small[b-bnhc460qp5] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-copy strong[b-bnhc460qp5] { font-size: .76rem; }
.account-copy small[b-bnhc460qp5] { color: var(--muted); font-size: .63rem; }

.account-dropdown[b-bnhc460qp5] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 60;
    width: 228px;
    padding: 6px;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 9px;
    box-shadow: var(--popover-shadow);
}

.account-dropdown-summary[b-bnhc460qp5] {
    display: grid;
    padding: 8px 10px 10px;
    margin-bottom: 4px;
    border-bottom: 1px solid var(--line);
}

.account-dropdown-summary strong[b-bnhc460qp5] { color: var(--ink); font-size: .78rem; }
.account-dropdown-summary span[b-bnhc460qp5] { overflow: hidden; color: var(--muted); font-size: .68rem; text-overflow: ellipsis; }

.account-dropdown button[b-bnhc460qp5] {
    display: flex;
    width: 100%;
    padding: 9px 10px;
    align-items: center;
    gap: 10px;
    color: var(--ink);
    font-size: .78rem;
    text-align: left;
    background: transparent;
    border: 0;
    border-radius: 6px;
}

.account-dropdown button:hover[b-bnhc460qp5],
.account-dropdown button:focus-visible[b-bnhc460qp5] { background: var(--sidebar-hover); }
.account-dropdown .danger-text[b-bnhc460qp5] { color: var(--danger); }

.page-content[b-bnhc460qp5] {
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 24px 32px 36px;
}

.sidebar-scrim[b-bnhc460qp5] { display: none; }

@media (max-width: 1040px) {
    .topbar-link span[b-bnhc460qp5],
    .account-copy[b-bnhc460qp5] { display: none; }

    .topbar-link[b-bnhc460qp5] { width: 36px; padding: 0; }
}

@media (max-width: 860px) {
    .app-sidebar[b-bnhc460qp5],
    .app-sidebar.collapsed[b-bnhc460qp5] {
        width: 256px;
        transform: translateX(-100%);
    }

    .app-sidebar.open[b-bnhc460qp5] { transform: translateX(0); }

    .app-main[b-bnhc460qp5],
    .app-main.sidebar-is-collapsed[b-bnhc460qp5] { margin-left: 0; }

    .app-topbar[b-bnhc460qp5] { padding: 0 14px; }
    .mobile-menu[b-bnhc460qp5] { display: inline-grid; }

    .sidebar-scrim[b-bnhc460qp5] {
        position: fixed;
        inset: 0;
        z-index: 35;
        display: block;
        background: rgba(10, 15, 13, .5);
        border: 0;
    }

    .page-content[b-bnhc460qp5] { padding: 20px 16px 28px; }
}

@media (max-width: 620px) {
    .topbar-context p[b-bnhc460qp5],
    .balance-summary[b-bnhc460qp5],
    .topbar-link[b-bnhc460qp5] { display: none; }

    .app-topbar[b-bnhc460qp5] { gap: 8px; }
    .topbar-actions[b-bnhc460qp5] { gap: 3px; }
    .account-trigger[b-bnhc460qp5] { padding: 4px; }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.nav-shell[b-sur8hum3gy] {
    display: flex;
    width: 100%;
    height: 100%;
    min-height: 0;
    flex-direction: column;
    color: var(--sidebar-text);
}

.brand-row[b-sur8hum3gy] {
    display: flex;
    flex: 0 0 64px;
    height: 64px;
    padding: 0 17px;
    align-items: center;
    border-bottom: 1px solid var(--sidebar-border);
}

.brand[b-sur8hum3gy] {
    display: flex;
    position: relative;
    min-width: 0;
    align-items: center;
    gap: 11px;
    color: var(--ink);
}

.brand-logo-link[b-sur8hum3gy] {
    display: flex;
    flex: 0 0 36px;
    text-decoration: none;
}

.brand-logo-link[b-sur8hum3gy]  .brand-logo {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    filter: drop-shadow(0 4px 10px rgba(39, 121, 88, .16));
}

.brand-copy[b-sur8hum3gy] {
    display: flex;
    position: relative;
    min-width: 0;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
}

.brand-title[b-sur8hum3gy] {
    color: var(--ink);
    font-size: 1rem;
    font-weight: 750;
    letter-spacing: -.015em;
    text-decoration: none;
}

.side-nav[b-sur8hum3gy] {
    flex: 1 1 auto;
    min-height: 0;
    padding: 12px 10px;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--sidebar-border) transparent;
}

.sidebar-section[b-sur8hum3gy] {
    display: grid;
    gap: 3px;
}

.sidebar-section + .sidebar-section[b-sur8hum3gy] {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--sidebar-border);
}

.nav-section-title[b-sur8hum3gy] {
    display: flex;
    min-height: 24px;
    padding: 2px 11px 5px;
    align-items: center;
    color: var(--sidebar-muted);
    font-size: .66rem;
    font-weight: 700;
    letter-spacing: .04em;
}

.side-nav[b-sur8hum3gy]  a,
.nav-group-button[b-sur8hum3gy],
.sidebar-control[b-sur8hum3gy] {
    display: flex;
    width: 100%;
    min-height: 39px;
    padding: 7px 10px;
    align-items: center;
    gap: 11px;
    color: var(--sidebar-text);
    font-size: .78rem;
    font-weight: 560;
    text-align: left;
    text-decoration: none;
    background: transparent;
    border: 0;
    border-radius: 8px;
    transition: color .14s ease, background-color .14s ease;
}

.side-nav[b-sur8hum3gy]  a:hover,
.nav-group-button:hover[b-sur8hum3gy],
.sidebar-control:hover[b-sur8hum3gy] {
    color: var(--ink);
    background: var(--sidebar-hover);
}

.side-nav[b-sur8hum3gy]  a.active,
.nav-group-button.group-active[b-sur8hum3gy] {
    color: var(--primary-strong);
    background: var(--sidebar-active);
    font-weight: 650;
}

.side-nav[b-sur8hum3gy]  a.active {
    box-shadow: inset 3px 0 var(--primary);
}

.side-nav[b-sur8hum3gy]  .lucide-icon,
.nav-group-button[b-sur8hum3gy]  .lucide-icon,
.sidebar-control[b-sur8hum3gy]  .lucide-icon {
    flex: 0 0 19px;
    width: 19px;
    height: 19px;
}

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

.admin-section .nav-label-copy[b-sur8hum3gy],
.personal-section .nav-label-copy[b-sur8hum3gy],
.user-section .nav-label-copy[b-sur8hum3gy] {
    font-family: inherit;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25;
}

.group-label[b-sur8hum3gy] {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.nav-group-button[aria-expanded="true"] .group-label[b-sur8hum3gy]  .lucide-icon {
    transform: rotate(180deg);
}

.group-label[b-sur8hum3gy]  .lucide-icon { transition: transform .16s ease; }

.nav-children[b-sur8hum3gy] {
    display: grid;
    gap: 2px;
    margin: 1px 0 3px 17px;
    padding-left: 9px;
    border-left: 1px solid var(--sidebar-border);
}

.nav-children[b-sur8hum3gy]  a {
    min-height: 34px;
    padding: 6px 9px;
    font-size: .72rem;
}

.sidebar-bottom[b-sur8hum3gy] {
    display: grid;
    flex: 0 0 auto;
    gap: 3px;
    padding: 10px;
    border-top: 1px solid var(--sidebar-border);
}

.sidebar-control[b-sur8hum3gy] { color: var(--sidebar-muted); }

.nav-shell.collapsed .brand-row[b-sur8hum3gy] { padding: 0; justify-content: center; }
.nav-shell.collapsed .brand-copy[b-sur8hum3gy],
.nav-shell.collapsed .nav-label-copy[b-sur8hum3gy],
.nav-shell.collapsed .nav-section-title[b-sur8hum3gy] { display: none; }

.nav-shell.collapsed .side-nav[b-sur8hum3gy] { padding-inline: 8px; }
.nav-shell.collapsed .sidebar-section + .sidebar-section[b-sur8hum3gy] { margin-top: 8px; padding-top: 8px; }
.nav-shell.collapsed .side-nav[b-sur8hum3gy]  a,
.nav-shell.collapsed .nav-group-button[b-sur8hum3gy],
.nav-shell.collapsed .sidebar-control[b-sur8hum3gy] {
    padding-inline: 0;
    justify-content: center;
}

.nav-shell.collapsed .sidebar-bottom[b-sur8hum3gy] { padding-inline: 8px; }

@media (max-width: 860px) {
    .nav-shell.collapsed .brand-row[b-sur8hum3gy] { padding: 0 17px; justify-content: flex-start; }
    .nav-shell.collapsed .brand-copy[b-sur8hum3gy],
    .nav-shell.collapsed .nav-label-copy[b-sur8hum3gy],
    .nav-shell.collapsed .nav-section-title[b-sur8hum3gy] { display: flex; }
    .nav-shell.collapsed .side-nav[b-sur8hum3gy] { padding-inline: 10px; }
    .nav-shell.collapsed .side-nav[b-sur8hum3gy]  a,
    .nav-shell.collapsed .nav-group-button[b-sur8hum3gy],
    .nav-shell.collapsed .sidebar-control[b-sur8hum3gy] { padding-inline: 10px; justify-content: flex-start; }
}
/* /Pages/Account.razor.rz.scp.css */
.profile-shell[b-ns0uqryibz] {
    display: grid;
    width: min(950px, 100%);
    margin: 0 auto;
    gap: 24px;
}

.profile-hero[b-ns0uqryibz],
.profile-card[b-ns0uqryibz] {
    overflow: hidden;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(20, 35, 29, .03);
}

.profile-hero[b-ns0uqryibz] {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    padding: 28px 32px;
    background:
        radial-gradient(circle at 88% 0, rgba(238, 190, 104, .18), transparent 37%),
        linear-gradient(135deg, var(--primary-soft), var(--surface) 47%, rgba(250, 243, 222, .55));
    border-color: color-mix(in srgb, var(--primary) 18%, var(--line));
}

.profile-hero-avatar[b-ns0uqryibz],
.avatar-editor-preview[b-ns0uqryibz] {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    overflow: hidden;
    color: #fff;
    background: linear-gradient(145deg, #399777, #21684e);
    box-shadow: 0 12px 28px rgba(40, 116, 90, .2);
}

.profile-hero-avatar[b-ns0uqryibz] {
    width: 80px;
    height: 80px;
    border-radius: 27px;
    font-size: 1.55rem;
    font-weight: 760;
}

.profile-hero-avatar img[b-ns0uqryibz],
.avatar-editor-preview img[b-ns0uqryibz] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile-hero-main[b-ns0uqryibz] {
    display: grid;
    min-width: 0;
    flex: 1 1 auto;
    gap: 20px;
}

.profile-hero-copy[b-ns0uqryibz],
.profile-hero-copy > div[b-ns0uqryibz] {
    min-width: 0;
}

.profile-hero-title[b-ns0uqryibz] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.profile-hero-title h2[b-ns0uqryibz] {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    font-size: 1.55rem;
    font-weight: 720;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.profile-hero-copy > p[b-ns0uqryibz] {
    margin: 8px 0 0;
    color: var(--muted);
    font-size: .86rem;
}

.profile-source-chips[b-ns0uqryibz] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 9px;
}

.profile-source-chips span[b-ns0uqryibz] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    color: var(--muted);
    background: color-mix(in srgb, var(--surface) 84%, transparent);
    border: 1px solid color-mix(in srgb, var(--primary) 14%, var(--line));
    border-radius: 999px;
    font-size: .7rem;
}

.profile-metrics[b-ns0uqryibz] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.profile-metrics article[b-ns0uqryibz] {
    display: grid;
    gap: 3px;
    padding: 13px 15px;
    background: color-mix(in srgb, var(--surface) 88%, transparent);
    border: 1px solid color-mix(in srgb, var(--surface) 74%, var(--line));
    border-radius: 16px;
    box-shadow: 0 2px 7px rgba(21, 35, 30, .035);
}

.profile-metrics small[b-ns0uqryibz] {
    color: color-mix(in srgb, var(--muted) 74%, transparent);
    font-size: .64rem;
    font-weight: 700;
    letter-spacing: .13em;
}

.profile-metrics strong[b-ns0uqryibz] {
    font-size: 1.06rem;
    font-weight: 720;
}

.profile-card-header[b-ns0uqryibz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 24px;
    border-bottom: 1px solid var(--line);
}

.profile-card-header h2[b-ns0uqryibz],
.profile-contact-card h2[b-ns0uqryibz] {
    margin: 0;
    font-size: 1.03rem;
    font-weight: 700;
}

.profile-card-header p[b-ns0uqryibz],
.profile-contact-card p[b-ns0uqryibz] {
    margin: 4px 0 0;
    color: var(--muted);
    font-size: .79rem;
}

.profile-card-body[b-ns0uqryibz] {
    padding: 22px 24px;
}

.profile-basics-grid[b-ns0uqryibz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    padding: 24px;
}

.profile-inset-card[b-ns0uqryibz] {
    min-width: 0;
    padding: 20px;
    background: color-mix(in srgb, var(--surface-soft) 86%, var(--surface));
    border: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
    border-radius: 20px;
}

.avatar-editor[b-ns0uqryibz] {
    display: grid;
    align-content: start;
    gap: 15px;
}

.avatar-editor-preview[b-ns0uqryibz] {
    width: 64px;
    height: 64px;
    border-radius: 17px;
    font-size: 1.2rem;
    font-weight: 750;
}

.avatar-editor-copy h3[b-ns0uqryibz],
.profile-editor h3[b-ns0uqryibz] {
    margin: 0;
    font-size: .92rem;
}

.avatar-editor-copy p[b-ns0uqryibz] {
    margin: 5px 0 0;
    color: var(--muted);
    font-size: .76rem;
}

.avatar-actions[b-ns0uqryibz] {
    margin-top: 0;
}

.file-button[b-ns0uqryibz] {
    cursor: pointer;
}

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

.profile-editor[b-ns0uqryibz] {
    display: grid;
    align-content: start;
    gap: 17px;
}

.profile-editor form[b-ns0uqryibz],
.password-form[b-ns0uqryibz] {
    display: grid;
}

.profile-form-action[b-ns0uqryibz] {
    display: flex;
    justify-content: flex-end;
}

.profile-binding-grid[b-ns0uqryibz] {
    display: grid;
    gap: 12px;
    padding: 24px;
}

.profile-binding-item[b-ns0uqryibz] {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 15px 16px;
    background: color-mix(in srgb, var(--surface-soft) 68%, var(--surface));
    border: 1px solid var(--line);
    border-radius: 15px;
}

.provider-avatar[b-ns0uqryibz] {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    color: #fff;
    background: #53615b;
    border-radius: 13px;
    font-size: .86rem;
    font-weight: 760;
}

.provider-avatar.email[b-ns0uqryibz] { background: #28745a; }
.provider-avatar.linuxdo[b-ns0uqryibz] { background: #282d31; }
.provider-avatar.dingtalk[b-ns0uqryibz] { background: #1677ff; }
.provider-avatar.oidc[b-ns0uqryibz] { background: #7c5ce3; }
.provider-avatar.wechat[b-ns0uqryibz] { background: #07c160; }

.provider-main[b-ns0uqryibz] {
    min-width: 0;
}

.provider-title[b-ns0uqryibz] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.provider-title h3[b-ns0uqryibz] {
    margin: 0;
    font-size: .88rem;
}

.provider-main p[b-ns0uqryibz] {
    margin: 3px 0 0;
    overflow: hidden;
    color: var(--muted);
    font-size: .72rem;
    text-overflow: ellipsis;
}

.provider-identity[b-ns0uqryibz] {
    color: var(--ink) !important;
}

.provider-actions[b-ns0uqryibz] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.email-binding-form[b-ns0uqryibz] {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: end;
    gap: 12px;
    padding: 16px;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 11px;
}

.email-binding-form .form-field[b-ns0uqryibz] {
    margin-bottom: 0;
}

.input-action-row[b-ns0uqryibz] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
}

.profile-card-alert[b-ns0uqryibz] {
    margin: 20px 24px 0;
}

.profile-sources-card[b-ns0uqryibz] {
    padding-bottom: 20px;
}

.profile-source-list[b-ns0uqryibz] {
    display: grid;
    gap: 10px;
    padding: 20px 24px 4px;
}

.profile-source-list > div[b-ns0uqryibz] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 14px;
    color: var(--muted);
    background: var(--surface-soft);
    border: 1px solid var(--line);
    border-radius: 14px;
    font-size: .76rem;
}

.profile-contact-card[b-ns0uqryibz] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 22px 24px;
    color: color-mix(in srgb, var(--primary) 78%, var(--ink));
    background: var(--primary-soft);
    border: 1px solid color-mix(in srgb, var(--primary) 22%, var(--line));
    border-radius: 12px;
}

.contact-icon[b-ns0uqryibz] {
    display: grid;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    place-items: center;
    color: var(--primary);
    background: color-mix(in srgb, var(--primary-soft) 46%, var(--surface));
    border-radius: 13px;
}

.password-card .profile-card-body[b-ns0uqryibz] {
    max-width: 620px;
}

.password-form small[b-ns0uqryibz] {
    color: var(--muted);
    font-size: .69rem;
}

@media (max-width: 760px) {
    .profile-hero[b-ns0uqryibz] {
        padding: 22px;
        flex-direction: column;
    }

    .profile-hero-main[b-ns0uqryibz] {
        width: 100%;
    }

    .profile-metrics[b-ns0uqryibz],
    .profile-basics-grid[b-ns0uqryibz],
    .email-binding-form[b-ns0uqryibz] {
        grid-template-columns: 1fr;
    }

    .profile-basics-grid[b-ns0uqryibz],
    .profile-binding-grid[b-ns0uqryibz] {
        padding: 18px;
    }

    .profile-binding-item[b-ns0uqryibz] {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .provider-actions[b-ns0uqryibz],
    .email-binding-form[b-ns0uqryibz] {
        grid-column: 1 / -1;
    }

    .provider-actions .button[b-ns0uqryibz] {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .profile-metrics[b-ns0uqryibz] {
        grid-template-columns: 1fr;
    }

    .profile-card-header[b-ns0uqryibz],
    .profile-card-body[b-ns0uqryibz],
    .profile-contact-card[b-ns0uqryibz] {
        padding-right: 18px;
        padding-left: 18px;
    }

    .input-action-row[b-ns0uqryibz] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/AdminBackup.razor.rz.scp.css */
.backup-page-grid[b-aiwg2xzsx5],
.backup-card[b-aiwg2xzsx5] {
    display: grid;
    gap: 1rem;
}

.backup-card .section-header[b-aiwg2xzsx5] {
    align-items: flex-start;
}

.text-link[b-aiwg2xzsx5] {
    padding: 0;
    color: var(--primary);
    background: transparent;
    border: 0;
    font: inherit;
    font-size: .72rem;
    font-weight: 700;
    cursor: pointer;
}

.header-toggle[b-aiwg2xzsx5],
.backup-create-actions[b-aiwg2xzsx5],
.backup-create-actions label[b-aiwg2xzsx5],
.row-actions[b-aiwg2xzsx5] {
    display: flex;
    align-items: center;
    gap: .55rem;
}

.header-toggle[b-aiwg2xzsx5],
.backup-create-actions label[b-aiwg2xzsx5] {
    color: var(--muted);
    font-size: .68rem;
}

.header-toggle input[b-aiwg2xzsx5] { width: 18px; height: 18px; accent-color: var(--primary); }
.backup-create-actions[b-aiwg2xzsx5] { flex-wrap: wrap; justify-content: flex-end; }
.backup-create-actions input[b-aiwg2xzsx5] { width: 86px; min-height: 34px; padding: .35rem .5rem; color: var(--ink); background: var(--surface); border: 1px solid var(--line); border-radius: 7px; }
.backup-history-card[b-aiwg2xzsx5] { min-width: 0; }
.backup-status[b-aiwg2xzsx5] { display: inline-flex; padding: .24rem .48rem; border-radius: 999px; font-size: .6rem; font-weight: 750; white-space: nowrap; }
.backup-status.success[b-aiwg2xzsx5] { color: #047857; background: #d1fae5; }
.backup-status.running[b-aiwg2xzsx5] { color: #1d4ed8; background: #dbeafe; }
.backup-status.danger[b-aiwg2xzsx5] { color: #b91c1c; background: #fee2e2; }
.backup-status.neutral[b-aiwg2xzsx5] { color: var(--muted); background: var(--surface-soft); }
.guide-steps[b-aiwg2xzsx5] { display: grid; margin: 0; padding-left: 1.25rem; gap: 1rem; }
.guide-steps li[b-aiwg2xzsx5] { padding-left: .25rem; }
.guide-steps b[b-aiwg2xzsx5],
.guide-steps span[b-aiwg2xzsx5] { display: block; }
.guide-steps span[b-aiwg2xzsx5] { margin-top: .2rem; color: var(--muted); font-size: .75rem; line-height: 1.55; }
.guide-steps code[b-aiwg2xzsx5] { display: inline-block; margin-top: .3rem; padding: .3rem .45rem; background: var(--surface-soft); border-radius: 5px; font-size: .7rem; }

@media (max-width: 760px) {
    .operations-header[b-aiwg2xzsx5],
    .backup-create-actions[b-aiwg2xzsx5] { align-items: flex-start; flex-direction: column; }
}
/* /Pages/AdminChannelMonitor.razor.rz.scp.css */
.provider-badge[b-37pnwvpzu9], .mode-badge[b-37pnwvpzu9], .status-badge[b-37pnwvpzu9] { display: inline-flex; width: fit-content; padding: 3px 8px; align-items: center; border-radius: 999px; font-size: .75rem; font-weight: 680; white-space: nowrap; }
.provider-badge[b-37pnwvpzu9] { color: #276d9c; background: rgba(39,109,156,.12); }
.provider-badge.openai[b-37pnwvpzu9] { color: #197452; background: rgba(25,116,82,.12); }
.provider-badge.anthropic[b-37pnwvpzu9] { color: #aa632b; background: rgba(179,106,46,.13); }
.provider-badge.antigravity[b-37pnwvpzu9] { color: #744aae; background: rgba(124,85,181,.12); }
.provider-badge.kimi[b-37pnwvpzu9] { color: #b1437b; background: rgba(177,67,123,.12); }
.provider-badge.zhipu[b-37pnwvpzu9] { color: #4f56aa; background: rgba(79,86,170,.12); }
.provider-badge.deepseek[b-37pnwvpzu9] { color: #216da8; background: rgba(33,109,168,.12); }
.provider-badge.grok[b-37pnwvpzu9] { color: var(--ink); background: var(--surface-muted); }
.mode-badge[b-37pnwvpzu9] { color: var(--muted); background: var(--surface-muted); }
.mode-badge.quota[b-37pnwvpzu9] { color: #7750aa; background: rgba(119,80,170,.12); }
.mode-badge.quota_probe[b-37pnwvpzu9] { color: #9a651c; background: rgba(183,119,22,.12); }
.status-badge.success[b-37pnwvpzu9] { color: var(--primary); background: var(--primary-soft); }
.status-badge.warning[b-37pnwvpzu9] { color: #b77716; background: rgba(183,119,22,.12); }
.status-badge.danger[b-37pnwvpzu9] { color: var(--danger); background: rgba(197,62,62,.1); }
.status-badge.neutral[b-37pnwvpzu9] { color: var(--muted); background: var(--surface-muted); }
.monitor-primary[b-37pnwvpzu9] { display: grid; min-width: 210px; gap: 2px; }
.monitor-primary > strong[b-37pnwvpzu9] { color: var(--ink); font-size: .8rem; font-weight: 650; }
.monitor-editor[b-37pnwvpzu9] { display: grid; gap: 16px; }
.monitor-editor .required[b-37pnwvpzu9] { color: var(--danger); }
.monitor-mode-options[b-37pnwvpzu9] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.monitor-mode-options button[b-37pnwvpzu9] { display: grid; min-height: 64px; padding: 9px 10px; align-content: center; gap: 3px; color: var(--muted); background: var(--surface); border: 1px solid var(--line); border-radius: 8px; text-align: left; }
.monitor-mode-options button:hover:not(:disabled)[b-37pnwvpzu9] { border-color: color-mix(in srgb, var(--primary) 48%, var(--line)); background: var(--surface-hover); }
.monitor-mode-options button.active[b-37pnwvpzu9] { color: var(--primary-strong); background: var(--primary-soft); border-color: var(--primary); box-shadow: 0 0 0 1px color-mix(in srgb, var(--primary) 20%, transparent); }
.monitor-mode-options button:disabled[b-37pnwvpzu9] { opacity: .46; cursor: not-allowed; }
.monitor-mode-options strong[b-37pnwvpzu9] { font-size: .76rem; }
.monitor-mode-options small[b-37pnwvpzu9], .linked-account-field small[b-37pnwvpzu9] { color: inherit; font-size: .66rem; font-weight: 400; }
.linked-account-field[b-37pnwvpzu9] { padding: 12px; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 8px; }
.linked-account-field .validation-text[b-37pnwvpzu9] { display: block; margin-top: 5px; color: var(--danger); }
.monitor-advanced[b-37pnwvpzu9] { overflow: hidden; border: 1px solid var(--line); border-radius: 8px; }
.monitor-advanced summary[b-37pnwvpzu9] { padding: 10px 12px; color: var(--ink); background: var(--surface-muted); font-size: .74rem; font-weight: 650; cursor: pointer; }
.monitor-advanced > .form-grid[b-37pnwvpzu9] { padding: 12px; }
.monitor-run-results[b-37pnwvpzu9] { display: grid; gap: 8px; }
.monitor-run-results article[b-37pnwvpzu9] { display: flex; min-height: 68px; padding: 10px 12px; align-items: flex-start; justify-content: space-between; gap: 18px; background: var(--surface); border: 1px solid var(--line); border-radius: 8px; }
.monitor-run-results article > div:first-child[b-37pnwvpzu9] { display: grid; min-width: 0; flex: 1; gap: 3px; }
.monitor-run-results article strong[b-37pnwvpzu9] { color: var(--ink); font-size: .8rem; }
.monitor-run-results article small[b-37pnwvpzu9] { color: var(--muted); font-size: .69rem; }
.run-result-state[b-37pnwvpzu9] { display: flex; align-items: center; gap: 8px; white-space: nowrap; }
@media (max-width: 620px) {
    .monitor-mode-options[b-37pnwvpzu9] { grid-template-columns: 1fr; }
    .monitor-run-results article[b-37pnwvpzu9] { flex-direction: column; }
}
/* /Pages/AdminDataManagement.razor.rz.scp.css */
.agent-health-card[b-4jdma8odwi],
.data-card[b-4jdma8odwi],
.source-inline-card[b-4jdma8odwi] {
    display: grid;
    gap: 1rem;
}

.agent-state[b-4jdma8odwi] { display: inline-flex; padding: .3rem .55rem; border-radius: 999px; font-size: .65rem; font-weight: 750; }
.agent-state.success[b-4jdma8odwi] { color: #047857; background: #d1fae5; }
.agent-state.danger[b-4jdma8odwi] { color: #b91c1c; background: #fee2e2; }
.source-inline-grid[b-4jdma8odwi] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 1rem; }
.source-inline-card[b-4jdma8odwi] { padding: 1rem; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 10px; }
.source-inline-card h3[b-4jdma8odwi] { margin: 0; font-size: .88rem; }
.sub-card-heading[b-4jdma8odwi],
.card-actions[b-4jdma8odwi],
.row-actions[b-4jdma8odwi] { display: flex; align-items: center; gap: .55rem; }
.sub-card-heading[b-4jdma8odwi] { justify-content: space-between; }
.sub-card-heading p[b-4jdma8odwi] { margin: .2rem 0 0; color: var(--muted); font-size: .7rem; }
.card-actions[b-4jdma8odwi] { flex-wrap: wrap; justify-content: flex-end; }
.backup-job-form[b-4jdma8odwi] { display: grid; grid-template-columns: repeat(5, minmax(150px, 1fr)); gap: .8rem; padding: .9rem; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 10px; }
.modal-form-grid[b-4jdma8odwi] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: .9rem; }

@media (max-width: 1000px) {
    .backup-job-form[b-4jdma8odwi] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .source-inline-grid[b-4jdma8odwi],
    .modal-form-grid[b-4jdma8odwi],
    .backup-job-form[b-4jdma8odwi] { grid-template-columns: 1fr; }
    .sub-card-heading[b-4jdma8odwi] { align-items: flex-start; flex-direction: column; }
}
/* /Pages/AdminOps.razor.rz.scp.css */
.ops-dashboard[b-asqjb7ot50] {
    display: grid;
    gap: 18px;
    padding-bottom: 42px;
    color: var(--ink);
}

.ops-dashboard.ops-fullscreen[b-asqjb7ot50] {
    position: fixed;
    inset: 0;
    z-index: 900;
    overflow: auto;
    padding: 22px;
    background: var(--page-bg, #f4f7f5);
}

.ops-alert[b-asqjb7ot50] { margin: 0; }

.ops-hero-card[b-asqjb7ot50],
.ops-card[b-asqjb7ot50] {
    min-width: 0;
    overflow: hidden;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 11px;
    box-shadow: 0 1px 2px rgb(15 23 42 / 4%);
}

.ops-hero-card[b-asqjb7ot50] { padding: 20px; }

.ops-toolbar[b-asqjb7ot50] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--line);
}

.ops-title-block h2[b-asqjb7ot50],
.card-header h3[b-asqjb7ot50],
.settings-section h3[b-asqjb7ot50],
.diagnosis-panel h3[b-asqjb7ot50] {
    margin: 0;
    color: var(--ink);
}

.ops-title-block h2[b-asqjb7ot50] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1.05rem;
    font-weight: 800;
}

.ops-title-block h2 :deep(svg)[b-asqjb7ot50] { color: #3b82f6; }

.ops-ready-line[b-asqjb7ot50] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    margin-top: 6px;
    color: var(--muted);
    font-size: .7rem;
}

.status-dot[b-asqjb7ot50] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

.status-dot.ready[b-asqjb7ot50] { background: #10b981; }
.status-dot.loading[b-asqjb7ot50] { background: #9ca3af; }

.ops-toolbar-actions[b-asqjb7ot50],
.header-actions[b-asqjb7ot50],
.row-actions[b-asqjb7ot50],
.modal-toolbar[b-asqjb7ot50],
.editor-actions[b-asqjb7ot50] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.ops-toolbar select[b-asqjb7ot50],
.card-controls select[b-asqjb7ot50],
.alert-event-filters select[b-asqjb7ot50],
.alert-detail-actions select[b-asqjb7ot50],
.alert-history select[b-asqjb7ot50],
.system-log-filters select[b-asqjb7ot50],
.system-log-filters input[b-asqjb7ot50],
.modal-filter-row select[b-asqjb7ot50],
.modal-filter-row input[b-asqjb7ot50],
.form-grid input[b-asqjb7ot50],
.form-grid select[b-asqjb7ot50],
.form-grid textarea[b-asqjb7ot50] {
    min-height: 34px;
    padding: 6px 30px 6px 10px;
    color: var(--ink);
    background: var(--surface);
    border: 1px solid #cad3ce;
    border-radius: 6px;
    font: inherit;
    font-size: .75rem;
}

.ops-toolbar select[b-asqjb7ot50] { min-width: 128px; }

.ops-action[b-asqjb7ot50],
.primary-button[b-asqjb7ot50],
.secondary-button[b-asqjb7ot50] {
    display: inline-flex;
    min-height: 34px;
    padding: 6px 11px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #41504a;
    background: #f2f5f3;
    border: 1px solid #d7dfdb;
    border-radius: 6px;
    font-size: .72rem;
    font-weight: 700;
    cursor: pointer;
}

.ops-action.blue[b-asqjb7ot50] { color: #1d4ed8; background: #eff6ff; border-color: #bfdbfe; }
.primary-button[b-asqjb7ot50] { color: #fff; background: #25805f; border-color: #25805f; }
.secondary-button[b-asqjb7ot50] { background: var(--surface); }
.primary-button:disabled[b-asqjb7ot50],
.secondary-button:disabled[b-asqjb7ot50] { opacity: .55; cursor: default; }

.ops-overview-grid[b-asqjb7ot50] {
    display: grid;
    grid-template-columns: minmax(350px, 5fr) minmax(570px, 7fr);
    gap: 18px;
    margin-top: 18px;
}

.health-realtime-panel[b-asqjb7ot50] {
    display: grid;
    grid-template-columns: minmax(145px, 190px) 1fr;
    min-height: 250px;
    align-items: center;
    gap: 18px;
    padding: 18px;
    background: #f7f9f8;
    border-radius: 10px;
}

.health-score[b-asqjb7ot50] {
    display: flex;
    height: 100%;
    padding: 8px 18px 8px 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: inherit;
    background: transparent;
    border: 0;
    border-right: 1px solid #dfe6e2;
    cursor: pointer;
}

.health-ring[b-asqjb7ot50] {
    --ring-color: #10b981;
    display: grid;
    width: 104px;
    height: 104px;
    place-content: center;
    text-align: center;
    background: radial-gradient(circle at center, #f7f9f8 58%, transparent 59%), conic-gradient(var(--ring-color) calc(var(--health-score) * 1%), #dfe5e2 0);
    border-radius: 50%;
}

.health-ring strong[b-asqjb7ot50] { color: #059669; font-size: 1.6rem; font-weight: 850; }
.health-ring small[b-asqjb7ot50],
.health-caption[b-asqjb7ot50],
.metric-kicker[b-asqjb7ot50] { color: var(--muted); font-size: .62rem; font-weight: 700; text-transform: uppercase; }
.health-caption[b-asqjb7ot50] { margin-top: 12px; }
.health-score > b[b-asqjb7ot50] { margin-top: 3px; font-size: .72rem; }

.realtime-panel[b-asqjb7ot50] { min-width: 0; }
.realtime-heading[b-asqjb7ot50] { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.realtime-heading > span[b-asqjb7ot50] { display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: .65rem; font-weight: 800; text-transform: uppercase; }
.realtime-heading i[b-asqjb7ot50] { width: 9px; height: 9px; background: #3b82f6; border-radius: 50%; box-shadow: 0 0 0 4px rgb(59 130 246 / 16%); }
.window-tabs[b-asqjb7ot50] { display: flex; gap: 3px; }
.window-tabs button[b-asqjb7ot50] { padding: 3px 5px; color: var(--muted); background: #e8eeeb; border: 0; border-radius: 4px; font-size: .58rem; font-weight: 750; cursor: pointer; }
.window-tabs button.active[b-asqjb7ot50] { color: #fff; background: #3b82f6; }
.metric-kicker[b-asqjb7ot50] { display: block; margin-top: 15px; }
.realtime-values[b-asqjb7ot50] { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 3px; }
.realtime-values strong[b-asqjb7ot50] { color: var(--ink); font-size: 1.5rem; font-weight: 850; }
.realtime-values small[b-asqjb7ot50] { color: var(--muted); font-size: .66rem; }
.realtime-secondary[b-asqjb7ot50] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 12px; }
.realtime-secondary > span[b-asqjb7ot50] { display: grid; gap: 2px; }
.realtime-secondary small[b-asqjb7ot50] { color: var(--muted); font-size: .58rem; font-weight: 750; text-transform: uppercase; }
.realtime-secondary b[b-asqjb7ot50] { font-size: .68rem; }
.heartbeat-line[b-asqjb7ot50] { height: 22px; margin-top: 10px; overflow: hidden; opacity: .55; }
.heartbeat-line span[b-asqjb7ot50] { display: block; width: 160%; height: 100%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='24' viewBox='0 0 280 24'%3E%3Cpath d='M0 12h65l8-7 9 14 10-7h188' fill='none' stroke='%233b82f6' stroke-width='2'/%3E%3C/svg%3E") repeat-x center / 280px 24px; animation: heartbeat-b-asqjb7ot50 4s linear infinite; }
@keyframes heartbeat-b-asqjb7ot50 { to { transform: translateX(-280px); } }

.ops-metric-grid[b-asqjb7ot50] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; }
.ops-metric-card[b-asqjb7ot50] { min-height: 118px; padding: 13px; background: #f7f9f8; border-radius: 9px; }
.ops-metric-card header[b-asqjb7ot50],
.resource-grid article header[b-asqjb7ot50] { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.ops-metric-card header span[b-asqjb7ot50],
.resource-grid article > span[b-asqjb7ot50],
.resource-grid article header span[b-asqjb7ot50] { color: var(--muted); font-size: .6rem; font-weight: 800; text-transform: uppercase; }
.ops-metric-card header button[b-asqjb7ot50],
.resource-grid header button[b-asqjb7ot50],
.text-button[b-asqjb7ot50],
.danger-link[b-asqjb7ot50],
.row-actions button[b-asqjb7ot50] { padding: 0; color: #2563eb; background: transparent; border: 0; font-size: .66rem; font-weight: 700; cursor: pointer; }
.danger-link[b-asqjb7ot50] { color: #dc2626 !important; }

.ops-breakdown-chips[b-asqjb7ot50] {
    display: flex;
    min-width: 0;
    margin: 0 0 8px;
    gap: 6px;
    overflow-x: auto;
    scrollbar-width: thin;
}

.ops-breakdown-chips button[b-asqjb7ot50] {
    display: inline-flex;
    min-height: 26px;
    padding: 4px 8px;
    flex: 0 0 auto;
    align-items: center;
    gap: 6px;
    color: #475569;
    background: #f8fafc;
    border: 1px solid #dce4e0;
    border-radius: 999px;
    font-size: .62rem;
    cursor: pointer;
}

.ops-breakdown-chips button:hover[b-asqjb7ot50] {
    color: #1d4ed8;
    background: #eff6ff;
    border-color: #bfdbfe;
}

.ops-breakdown-chips b[b-asqjb7ot50] { color: var(--ink); font-variant-numeric: tabular-nums; }

.ops-modal-heading[b-asqjb7ot50] {
    justify-content: space-between;
    margin-bottom: 10px;
    color: var(--muted);
    font-size: .72rem;
}

.ops-error-filters[b-asqjb7ot50] {
    display: grid;
    grid-template-columns: minmax(190px, 2fr) repeat(6, minmax(105px, 1fr)) auto auto;
}

.error-message-button[b-asqjb7ot50] {
    max-width: 420px;
    padding: 0;
    overflow: hidden;
    color: inherit;
    background: transparent;
    border: 0;
    font: inherit;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.error-message-button:hover[b-asqjb7ot50] { color: #2563eb; text-decoration: underline; }

.error-detail-grid[b-asqjb7ot50] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.error-detail-grid article[b-asqjb7ot50] {
    display: grid;
    min-width: 0;
    gap: 4px;
    padding: 11px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 7px;
}

.error-detail-grid article.span-two[b-asqjb7ot50] { grid-column: 1 / -1; }
.error-detail-grid article > span[b-asqjb7ot50] { color: var(--muted); font-size: .62rem; font-weight: 800; text-transform: uppercase; }
.error-detail-grid article b[b-asqjb7ot50] { min-width: 0; overflow-wrap: anywhere; font-size: .72rem; }
.error-detail-grid article > div[b-asqjb7ot50] { display: flex; min-width: 0; align-items: center; gap: 8px; }
.error-detail-grid code[b-asqjb7ot50] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.latency-summary[b-asqjb7ot50] {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    gap: 7px;
}

.latency-summary span[b-asqjb7ot50] {
    padding: 5px 8px;
    color: var(--muted);
    background: #f1f5f9;
    border-radius: 999px;
    font-size: .64rem;
}

.latency-summary b[b-asqjb7ot50] { color: var(--ink); }

.error-payload[b-asqjb7ot50],
.correlated-errors[b-asqjb7ot50] {
    margin-top: 12px;
    padding: 12px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
}

.error-payload h3[b-asqjb7ot50],
.correlated-errors h3[b-asqjb7ot50] { margin: 0 0 8px; font-size: .75rem; }
.error-payload pre[b-asqjb7ot50],
.correlated-errors pre[b-asqjb7ot50] { max-height: 260px; margin: 0; padding: 10px; overflow: auto; color: #dbeafe; background: #172033; border-radius: 6px; font: .68rem/1.55 ui-monospace, SFMono-Regular, Consolas, monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
.correlated-errors[b-asqjb7ot50] { display: grid; gap: 8px; }
.correlated-errors > p[b-asqjb7ot50] { margin: 0; color: var(--muted); font-size: .7rem; }
.correlated-errors article[b-asqjb7ot50] { padding: 9px; background: var(--surface); border: 1px solid var(--line); border-radius: 6px; }
.correlated-errors article header[b-asqjb7ot50] { display: flex; justify-content: space-between; gap: 8px; font-size: .65rem; }
.correlated-errors article p[b-asqjb7ot50] { margin: 5px 0; font-size: .7rem; }
.correlated-errors article small[b-asqjb7ot50] { display: block; margin-bottom: 7px; color: var(--muted); font-size: .62rem; }
.ops-metric-card dl[b-asqjb7ot50] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px 10px; margin: 9px 0 0; }
.ops-metric-card dl div[b-asqjb7ot50] { display: flex; justify-content: space-between; gap: 5px; }
.ops-metric-card dt[b-asqjb7ot50],
.ops-metric-card p[b-asqjb7ot50] { margin: 5px 0 0; color: var(--muted); font-size: .65rem; }
.ops-metric-card dd[b-asqjb7ot50] { margin: 0; font-size: .68rem; font-weight: 800; }
.metric-main[b-asqjb7ot50] { display: block; margin-top: 8px; color: var(--ink); font-size: 1.35rem; font-weight: 850; }
.metric-main small[b-asqjb7ot50] { color: var(--muted); font-size: .6rem; }
.ops-metric-card p[b-asqjb7ot50] { display: flex; justify-content: space-between; }
.meter[b-asqjb7ot50] { height: 5px; margin-top: 8px; overflow: hidden; background: #dfe5e2; border-radius: 99px; }
.meter i[b-asqjb7ot50] { display: block; height: 100%; background: #10b981; border-radius: inherit; }
.percentile-grid[b-asqjb7ot50] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3px 8px; margin-top: 8px; color: var(--muted); font-size: .61rem; }
.percentile-grid span[b-asqjb7ot50] { display: flex; justify-content: space-between; gap: 4px; }
.percentile-grid b[b-asqjb7ot50] { color: var(--ink); }

.success[b-asqjb7ot50] { color: #059669 !important; }
.warning[b-asqjb7ot50] { color: #d97706 !important; }
.danger[b-asqjb7ot50] { color: #dc2626 !important; }
.info[b-asqjb7ot50] { color: #2563eb !important; }
.muted[b-asqjb7ot50] { color: #64748b !important; }
.meter i.warning[b-asqjb7ot50] { background: #f59e0b; }
.meter i.danger[b-asqjb7ot50] { background: #ef4444; }

.diagnosis-panel[b-asqjb7ot50] { display: grid; gap: 8px; margin-top: 14px; padding: 13px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; }
.diagnosis-panel h3[b-asqjb7ot50] { display: flex; align-items: center; gap: 7px; font-size: .75rem; }
.diagnosis-item[b-asqjb7ot50] { display: flex; align-items: flex-start; gap: 8px; padding: 7px 9px; background: var(--surface); border-radius: 6px; }
.diagnosis-item span[b-asqjb7ot50] { display: grid; gap: 1px; }
.diagnosis-item b[b-asqjb7ot50] { font-size: .68rem; }
.diagnosis-item small[b-asqjb7ot50] { color: var(--muted); font-size: .63rem; }

.resource-grid[b-asqjb7ot50] { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 9px; margin-top: 15px; padding-top: 15px; border-top: 1px solid var(--line); }
.resource-grid article[b-asqjb7ot50] { min-width: 0; padding: 10px; background: #f7f9f8; border-radius: 8px; }
.resource-grid strong[b-asqjb7ot50] { display: block; margin-top: 4px; font-size: .95rem; }
.resource-grid small[b-asqjb7ot50] { display: block; overflow: hidden; margin-top: 2px; color: var(--muted); font-size: .56rem; text-overflow: ellipsis; white-space: nowrap; }

.ops-analysis-row[b-asqjb7ot50] { display: grid; grid-template-columns: minmax(240px, 1fr) minmax(240px, 1fr) minmax(440px, 2fr); gap: 18px; }
.ops-chart-grid[b-asqjb7ot50] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.ops-analysis-row .ops-card[b-asqjb7ot50],
.ops-chart-grid .ops-card[b-asqjb7ot50] { min-height: 330px; }
.card-header[b-asqjb7ot50] { display: flex; min-height: 56px; padding: 14px 16px; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--line); }
.card-header h3[b-asqjb7ot50] { font-size: .78rem; font-weight: 750; }
.card-header p[b-asqjb7ot50] { margin: 3px 0 0; color: var(--muted); font-size: .62rem; }

.compact-list[b-asqjb7ot50] { display: grid; gap: 10px; padding: 13px; }
.concurrency-row[b-asqjb7ot50] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(95px, 1fr) auto; align-items: center; gap: 10px; }
.concurrency-row > span[b-asqjb7ot50] { display: grid; min-width: 0; }
.concurrency-row b[b-asqjb7ot50],
.concurrency-row small[b-asqjb7ot50] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.concurrency-row b[b-asqjb7ot50] { font-size: .68rem; }
.concurrency-row small[b-asqjb7ot50] { color: var(--muted); font-size: .58rem; }
.concurrency-row > div[b-asqjb7ot50] { display: grid; gap: 3px; color: var(--muted); font-size: .6rem; }
.concurrency-row i[b-asqjb7ot50] { display: block; height: 5px; overflow: hidden; background: #e2e8f0; border-radius: 99px; }
.concurrency-row em[b-asqjb7ot50] { display: block; height: 100%; background: #10b981; border-radius: inherit; }
.concurrency-row em.warning[b-asqjb7ot50] { background: #f59e0b; }
.concurrency-row em.danger[b-asqjb7ot50] { background: #ef4444; }

.bar-list[b-asqjb7ot50] { display: grid; gap: 12px; padding: 19px 16px; }
.bar-list > div[b-asqjb7ot50] { display: grid; grid-template-columns: 68px 1fr 42px; align-items: center; gap: 9px; font-size: .64rem; }
.bar-list > div > span[b-asqjb7ot50] { color: var(--muted); }
.bar-list i[b-asqjb7ot50] { display: block; height: 10px; overflow: hidden; background: #e8eeeb; border-radius: 3px; }
.bar-list em[b-asqjb7ot50] { display: block; height: 100%; background: #3b82f6; border-radius: inherit; }
.error-bars em.upstream[b-asqjb7ot50] { background: #f59e0b; }
.error-bars em.client[b-asqjb7ot50] { background: #3b82f6; }
.error-bars em.system[b-asqjb7ot50] { background: #ef4444; }
.error-bars em.other[b-asqjb7ot50] { background: #94a3b8; }
.bar-list b[b-asqjb7ot50] { text-align: right; }

.ops-table-card[b-asqjb7ot50] { min-height: auto; }
.card-controls[b-asqjb7ot50],
.alert-event-filters[b-asqjb7ot50] { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; }
.card-controls select[b-asqjb7ot50],
.alert-event-filters select[b-asqjb7ot50] { min-width: 96px; }
.alert-event-filters[b-asqjb7ot50] { padding: 10px 16px; border-bottom: 1px solid var(--line); }
.clickable-row[b-asqjb7ot50] { cursor: pointer; }
.clickable-row:hover td[b-asqjb7ot50] { background: #f8faf9; }
.load-more-row[b-asqjb7ot50] { display: flex; padding: 10px 16px; justify-content: center; border-top: 1px solid var(--line); }
.alert-detail-summary[b-asqjb7ot50] { display: flex; padding: 14px; align-items: flex-start; justify-content: space-between; gap: 16px; background: #f7f9f8; border-radius: 8px; }
.alert-detail-summary h3[b-asqjb7ot50] { margin: 9px 0 3px; font-size: .82rem; }
.alert-detail-summary p[b-asqjb7ot50] { margin: 0; color: var(--muted); font-size: .68rem; white-space: pre-wrap; }
.alert-detail-summary .level-badge + .level-badge[b-asqjb7ot50] { margin-left: 5px; }
.alert-detail-actions[b-asqjb7ot50] { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 7px; }
.alert-detail-actions label[b-asqjb7ot50] { display: grid; gap: 3px; color: var(--muted); font-size: .6rem; }
.alert-detail-grid[b-asqjb7ot50] { margin-top: 12px; }
.alert-detail-links[b-asqjb7ot50] { display: flex; margin: 10px 0; justify-content: flex-end; }
.alert-history[b-asqjb7ot50] { margin-top: 12px; border: 1px solid var(--line); border-radius: 8px; overflow: hidden; }
.alert-history > header[b-asqjb7ot50] { display: flex; padding: 10px 12px; align-items: center; justify-content: space-between; gap: 10px; background: #f7f9f8; }
.alert-history h3[b-asqjb7ot50] { margin: 0; font-size: .72rem; }
.alert-history p[b-asqjb7ot50] { margin: 3px 0 0; color: var(--muted); font-size: .63rem; }
.alert-history .empty-history[b-asqjb7ot50] { padding: 24px; text-align: center; }
.table-scroll[b-asqjb7ot50] { overflow: auto; }
.ops-table[b-asqjb7ot50] { width: 100%; border-collapse: collapse; font-size: .68rem; }
.ops-table th[b-asqjb7ot50] { padding: 9px 12px; color: #66736d; text-align: left; background: #f7f9f8; border-bottom: 1px solid var(--line); font-size: .61rem; font-weight: 750; white-space: nowrap; }
.ops-table td[b-asqjb7ot50] { max-width: 360px; padding: 10px 12px; vertical-align: top; border-bottom: 1px solid #edf1ef; }
.ops-table td > b[b-asqjb7ot50],
.ops-table td > small[b-asqjb7ot50] { display: block; }
.ops-table td > small[b-asqjb7ot50] { margin-top: 2px; color: var(--muted); }
.ops-table code[b-asqjb7ot50] { padding: 2px 4px; color: #475569; background: #f1f5f9; border-radius: 3px; font-size: .61rem; }
.empty-cell[b-asqjb7ot50] { padding: 32px !important; color: var(--muted); text-align: center !important; }
.log-message[b-asqjb7ot50] { min-width: 260px; white-space: pre-wrap; word-break: break-word; }
.level-badge[b-asqjb7ot50] { display: inline-flex; padding: 2px 6px; align-items: center; color: #2563eb; background: #eff6ff; border-radius: 99px; font-size: .58rem; font-weight: 750; }
.level-badge.success[b-asqjb7ot50] { color: #047857 !important; background: #d1fae5; }
.level-badge.warning[b-asqjb7ot50] { color: #b45309 !important; background: #fef3c7; }
.level-badge.danger[b-asqjb7ot50] { color: #b91c1c !important; background: #fee2e2; }
.level-badge.muted[b-asqjb7ot50] { color: #475569 !important; background: #e2e8f0; }

.log-health-badges[b-asqjb7ot50] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.log-health-badges span[b-asqjb7ot50] { padding: 3px 7px; color: #475569; background: #f1f5f9; border-radius: 99px; font-size: .58rem; font-weight: 700; }
.log-health-badges .warning[b-asqjb7ot50] { color: #b45309; background: #fef3c7; }
.log-health-badges .danger[b-asqjb7ot50] { color: #b91c1c; background: #fee2e2; }
.system-log-tools[b-asqjb7ot50] { display: flex; padding: 10px 16px; align-items: center; flex-wrap: wrap; gap: 8px; border-bottom: 1px solid var(--line); }
.system-log-tools > span[b-asqjb7ot50] { margin-left: auto; font-size: .65rem; }
.system-log-filters[b-asqjb7ot50] { display: grid; grid-template-columns: repeat(5, minmax(130px, 1fr)); gap: 9px; padding: 12px 16px; border-bottom: 1px solid var(--line); }
.system-log-filters label[b-asqjb7ot50] { display: grid; align-content: start; gap: 4px; color: #52605a; font-size: .61rem; font-weight: 700; }
.system-log-filters label > span[b-asqjb7ot50] { min-height: 14px; }
.system-log-filters input[b-asqjb7ot50],
.system-log-filters select[b-asqjb7ot50] { width: 100%; }
.system-log-actions[b-asqjb7ot50] { display: flex; padding: 9px 16px; align-items: center; flex-wrap: wrap; gap: 8px; border-bottom: 1px solid var(--line); }
.log-search[b-asqjb7ot50] { display: flex; min-height: 34px; align-items: center; gap: 7px; padding: 0 9px; border: 1px solid #cad3ce; border-radius: 6px; }
.log-search input[b-asqjb7ot50] { width: 100%; min-height: auto; padding: 0; border: 0; outline: none; }
.ops-pagination[b-asqjb7ot50] { display: flex; min-height: 48px; padding: 8px 14px; align-items: center; justify-content: space-between; gap: 12px; color: var(--muted); font-size: .65rem; }
.ops-pagination > div[b-asqjb7ot50] { display: flex; align-items: center; gap: 8px; }
.ops-pagination button[b-asqjb7ot50],
.ops-pagination select[b-asqjb7ot50] { min-height: 28px; padding: 4px 9px; color: var(--ink); background: var(--surface); border: 1px solid var(--line); border-radius: 5px; font-size: .62rem; }
.ops-pagination button:disabled[b-asqjb7ot50] { opacity: .45; }

.form-grid[b-asqjb7ot50] { display: grid; gap: 13px; }
.form-grid.two[b-asqjb7ot50] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.form-grid label[b-asqjb7ot50] { display: grid; align-content: start; gap: 5px; color: #45514c; font-size: .69rem; font-weight: 650; }
.form-grid label small[b-asqjb7ot50] { color: var(--muted); font-size: .6rem; font-weight: 500; }
.form-grid input[b-asqjb7ot50],
.form-grid select[b-asqjb7ot50],
.form-grid textarea[b-asqjb7ot50] { width: 100%; }
.form-grid input:not([type="checkbox"])[b-asqjb7ot50],
.form-grid select[b-asqjb7ot50],
.form-grid textarea[b-asqjb7ot50] { min-height: var(--form-control-height); padding: 7px 10px; color: var(--form-control-color); background: var(--form-control-bg); border-color: var(--form-control-border); border-radius: var(--form-control-radius); }
.form-grid input:not([type="checkbox"]):focus[b-asqjb7ot50],
.form-grid select:focus[b-asqjb7ot50],
.form-grid textarea:focus[b-asqjb7ot50] { border-color: var(--form-control-focus); outline: 0; box-shadow: 0 0 0 3px var(--form-control-focus-ring); }
.form-grid .span-two[b-asqjb7ot50] { grid-column: 1 / -1; }
.form-grid .check-field[b-asqjb7ot50] { display: flex; min-height: 34px; padding: 6px 9px; align-items: center; gap: 8px; background: #f7f9f8; border-radius: 6px; }
.form-grid .check-field input[b-asqjb7ot50] { width: 15px; min-height: auto; }
.modal-filter-row[b-asqjb7ot50] { display: grid; grid-template-columns: 150px minmax(220px, 1fr) auto; gap: 8px; margin-bottom: 12px; }
.modal-toolbar[b-asqjb7ot50] { justify-content: space-between; margin-bottom: 12px; }
.modal-toolbar p[b-asqjb7ot50] { margin: 0; color: var(--muted); font-size: .7rem; }
.editor-actions[b-asqjb7ot50] { justify-content: flex-end; margin-top: 14px; }
.settings-tabs[b-asqjb7ot50] { display: flex; gap: 5px; margin-bottom: 15px; padding: 4px; background: #f2f5f3; border-radius: 7px; }
.settings-tabs button[b-asqjb7ot50] { flex: 1; min-height: 32px; color: var(--muted); background: transparent; border: 0; border-radius: 5px; font-size: .69rem; font-weight: 700; }
.settings-tabs button.active[b-asqjb7ot50] { color: #176a4d; background: var(--surface); box-shadow: 0 1px 3px rgb(15 23 42 / 10%); }
.settings-section[b-asqjb7ot50] { margin-bottom: 14px; padding: 14px; background: #f7f9f8; border-radius: 8px; }
.settings-section h3[b-asqjb7ot50] { margin-bottom: 12px; font-size: .76rem; }
.settings-section > p[b-asqjb7ot50] { margin: -5px 0 12px; color: var(--muted); font-size: .66rem; }
.switch-button[b-asqjb7ot50] { position: relative; width: 32px; height: 18px; padding: 0; background: #cbd5e1; border: 0; border-radius: 99px; cursor: pointer; }
.switch-button i[b-asqjb7ot50] { position: absolute; top: 2px; left: 2px; width: 14px; height: 14px; background: #fff; border-radius: 50%; transition: transform .15s ease; }
.switch-button.on[b-asqjb7ot50] { background: #25805f; }
.switch-button.on i[b-asqjb7ot50] { transform: translateX(14px); }
.job-list[b-asqjb7ot50] { display: grid; gap: 10px; }
.job-list article[b-asqjb7ot50] { padding: 12px; background: #f7f9f8; border: 1px solid var(--line); border-radius: 7px; }
.job-list header[b-asqjb7ot50] { display: flex; justify-content: space-between; gap: 10px; }
.job-list p[b-asqjb7ot50] { margin: 5px 0 0; color: var(--muted); font-size: .68rem; }
.job-error[b-asqjb7ot50] { margin-top: 8px; padding: 7px; color: #b91c1c; background: #fee2e2; border-radius: 5px; font-size: .65rem; }
.footer-spacer[b-asqjb7ot50] { flex: 1; }

:deep(.modal-footer)[b-asqjb7ot50] { display: flex; align-items: center; gap: 8px; }
:deep(.dxbl-chart)[b-asqjb7ot50] { font-size: .65rem; }

/* Match the readable typography hierarchy used by user management. */
.ops-dashboard[b-asqjb7ot50] { font-size: 1rem; }
.ops-title-block h2[b-asqjb7ot50] { font-size: 1.35rem; }
.ops-ready-line[b-asqjb7ot50],
.ops-modal-heading[b-asqjb7ot50] { font-size: .85rem; }
.ops-toolbar select[b-asqjb7ot50],
.card-controls select[b-asqjb7ot50],
.alert-event-filters select[b-asqjb7ot50],
.alert-detail-actions select[b-asqjb7ot50],
.alert-history select[b-asqjb7ot50],
.system-log-filters select[b-asqjb7ot50],
.system-log-filters input[b-asqjb7ot50],
.modal-filter-row select[b-asqjb7ot50],
.modal-filter-row input[b-asqjb7ot50],
.form-grid input[b-asqjb7ot50],
.form-grid select[b-asqjb7ot50],
.form-grid textarea[b-asqjb7ot50],
.ops-action[b-asqjb7ot50],
.primary-button[b-asqjb7ot50],
.secondary-button[b-asqjb7ot50] { font-size: .85rem; }
.health-ring small[b-asqjb7ot50],
.health-caption[b-asqjb7ot50],
.metric-kicker[b-asqjb7ot50],
.realtime-heading > span[b-asqjb7ot50] { font-size: .8rem; }
.health-score > b[b-asqjb7ot50],
.realtime-secondary b[b-asqjb7ot50] { font-size: .88rem; }
.window-tabs button[b-asqjb7ot50],
.realtime-values small[b-asqjb7ot50],
.realtime-secondary small[b-asqjb7ot50] { font-size: .8rem; }
.ops-metric-card header span[b-asqjb7ot50],
.resource-grid article > span[b-asqjb7ot50],
.resource-grid article header span[b-asqjb7ot50],
.ops-metric-card header button[b-asqjb7ot50],
.resource-grid header button[b-asqjb7ot50],
.text-button[b-asqjb7ot50],
.danger-link[b-asqjb7ot50],
.row-actions button[b-asqjb7ot50] { font-size: .8rem; }
.ops-breakdown-chips button[b-asqjb7ot50],
.error-detail-grid article > span[b-asqjb7ot50],
.latency-summary span[b-asqjb7ot50],
.correlated-errors article header[b-asqjb7ot50],
.correlated-errors article small[b-asqjb7ot50] { font-size: .8rem; }
.error-detail-grid article b[b-asqjb7ot50],
.error-payload h3[b-asqjb7ot50],
.correlated-errors h3[b-asqjb7ot50],
.ops-metric-card dd[b-asqjb7ot50],
.diagnosis-panel h3[b-asqjb7ot50] { font-size: .88rem; }
.error-payload pre[b-asqjb7ot50],
.correlated-errors pre[b-asqjb7ot50] { font-size: .8rem; }
.correlated-errors > p[b-asqjb7ot50],
.correlated-errors article p[b-asqjb7ot50],
.ops-metric-card dt[b-asqjb7ot50],
.ops-metric-card p[b-asqjb7ot50] { font-size: .85rem; }
.metric-main small[b-asqjb7ot50],
.percentile-grid[b-asqjb7ot50],
.diagnosis-item small[b-asqjb7ot50],
.card-header p[b-asqjb7ot50],
.bar-list > div[b-asqjb7ot50] { font-size: .8rem; }
.diagnosis-item b[b-asqjb7ot50],
.concurrency-row b[b-asqjb7ot50] { font-size: .85rem; }
.resource-grid small[b-asqjb7ot50],
.concurrency-row small[b-asqjb7ot50] { font-size: .76rem; }
.card-header h3[b-asqjb7ot50] { font-size: 1rem; }
.concurrency-row > div[b-asqjb7ot50] { font-size: .8rem; }
.alert-detail-summary h3[b-asqjb7ot50] { font-size: .95rem; }
.alert-detail-summary p[b-asqjb7ot50],
.alert-detail-actions label[b-asqjb7ot50],
.alert-history p[b-asqjb7ot50],
.system-log-tools > span[b-asqjb7ot50],
.system-log-filters label[b-asqjb7ot50] { font-size: .8rem; }
.alert-history h3[b-asqjb7ot50] { font-size: .88rem; }
.ops-table[b-asqjb7ot50] { font-size: .83rem; }
.ops-table th[b-asqjb7ot50] { font-size: .76rem; }
.ops-table code[b-asqjb7ot50] { font-size: .75rem; }
.level-badge[b-asqjb7ot50],
.log-health-badges span[b-asqjb7ot50] { font-size: .76rem; }
.ops-pagination[b-asqjb7ot50] { font-size: .8rem; }
.ops-pagination button[b-asqjb7ot50],
.ops-pagination select[b-asqjb7ot50] { font-size: .8rem; }
.form-grid label[b-asqjb7ot50],
.settings-tabs button[b-asqjb7ot50] { font-size: .85rem; }
.form-grid label small[b-asqjb7ot50],
.settings-section > p[b-asqjb7ot50] { font-size: .8rem; }
.modal-toolbar p[b-asqjb7ot50],
.job-list p[b-asqjb7ot50] { font-size: .85rem; }
.settings-section h3[b-asqjb7ot50] { font-size: .95rem; }
.job-error[b-asqjb7ot50] { font-size: .8rem; }
:deep(.dxbl-chart)[b-asqjb7ot50] { font-size: .8rem; }

@media (max-width: 1280px) {
    .ops-overview-grid[b-asqjb7ot50] { grid-template-columns: 1fr; }
    .ops-analysis-row[b-asqjb7ot50] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .throughput-card[b-asqjb7ot50] { grid-column: 1 / -1; }
    .resource-grid[b-asqjb7ot50] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .ops-error-filters[b-asqjb7ot50] { grid-template-columns: repeat(4, minmax(120px, 1fr)); }
    .system-log-filters[b-asqjb7ot50] { grid-template-columns: repeat(4, minmax(130px, 1fr)); }
}

@media (max-width: 920px) {
    .ops-toolbar[b-asqjb7ot50] { align-items: flex-start; flex-direction: column; }
    .ops-toolbar-actions[b-asqjb7ot50] { width: 100%; }
    .ops-toolbar select[b-asqjb7ot50] { flex: 1; }
    .health-realtime-panel[b-asqjb7ot50] { grid-template-columns: 1fr; }
    .health-score[b-asqjb7ot50] { height: auto; padding: 4px 0 14px; border-right: 0; border-bottom: 1px solid #dfe6e2; }
    .ops-metric-grid[b-asqjb7ot50] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ops-chart-grid[b-asqjb7ot50] { grid-template-columns: 1fr; }
    .system-log-filters[b-asqjb7ot50] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .log-health-badges[b-asqjb7ot50] { justify-content: flex-start; }
    .log-search[b-asqjb7ot50] { grid-column: 1 / -1; }
    .card-header[b-asqjb7ot50] { align-items: flex-start; flex-direction: column; }
    .alert-detail-summary[b-asqjb7ot50] { flex-direction: column; }
}

@media (max-width: 640px) {
    .ops-hero-card[b-asqjb7ot50] { padding: 13px; }
    .ops-toolbar-actions > select[b-asqjb7ot50] { flex: 1 1 calc(50% - 8px); }
    .ops-overview-grid[b-asqjb7ot50] { grid-template-columns: minmax(0, 1fr); }
    .ops-metric-grid[b-asqjb7ot50],
    .ops-analysis-row[b-asqjb7ot50],
    .resource-grid[b-asqjb7ot50],
    .form-grid.two[b-asqjb7ot50] { grid-template-columns: 1fr; }
    .throughput-card[b-asqjb7ot50] { grid-column: auto; }
    .form-grid .span-two[b-asqjb7ot50] { grid-column: auto; }
    .system-log-filters[b-asqjb7ot50],
    .modal-filter-row[b-asqjb7ot50] { grid-template-columns: 1fr; }
    .error-detail-grid[b-asqjb7ot50] { grid-template-columns: 1fr; }
    .error-detail-grid article.span-two[b-asqjb7ot50] { grid-column: auto; }
    .log-search[b-asqjb7ot50] { grid-column: auto; }
    .card-controls[b-asqjb7ot50],
    .alert-event-filters[b-asqjb7ot50],
    .alert-detail-actions[b-asqjb7ot50] { align-items: stretch; flex-direction: column; }
    .card-controls > *[b-asqjb7ot50],
    .alert-event-filters > *[b-asqjb7ot50],
    .alert-detail-actions > *[b-asqjb7ot50] { width: 100%; }
}
/* /Pages/AdminPromptAudit.razor.rz.scp.css */
.prompt-page[b-ss8gmx5rwi] { display: grid; width: min(100%, 1600px); margin: 0 auto; padding-bottom: 32px; gap: 16px; color: var(--ink); }
.prompt-page.with-savebar[b-ss8gmx5rwi] { padding-bottom: 0; }
.prompt-heading[b-ss8gmx5rwi], .section-header-row[b-ss8gmx5rwi], .section-header-row > div:last-child[b-ss8gmx5rwi], .save-bar[b-ss8gmx5rwi], .save-toggles[b-ss8gmx5rwi], .save-actions[b-ss8gmx5rwi], .event-pagination[b-ss8gmx5rwi], .event-pagination > div[b-ss8gmx5rwi] { display: flex; align-items: center; justify-content: space-between; gap: 13px; }
.prompt-heading[b-ss8gmx5rwi] { align-items: flex-end; }.prompt-heading > div > span[b-ss8gmx5rwi] { color: var(--primary); font-size: .62rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }.prompt-heading h1[b-ss8gmx5rwi] { margin: 3px 0 0; font-size: 1.38rem; font-weight: 800; }.prompt-heading p[b-ss8gmx5rwi] { max-width: 760px; margin: 7px 0 0; color: var(--muted); font-size: .73rem; line-height: 1.55; }.prompt-heading aside[b-ss8gmx5rwi] { display: grid; gap: 3px; color: var(--muted); font-size: .62rem; text-align: right; }.prompt-heading aside b[b-ss8gmx5rwi] { color: var(--ink); }
.inline-alert button[b-ss8gmx5rwi] { margin-left: auto; padding: 0; color: inherit; background: transparent; border: 0; font-size: .65rem; font-weight: 700; cursor: pointer; }
.page-tabs[b-ss8gmx5rwi] { display: flex; width: fit-content; padding: 3px; gap: 2px; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 7px; }.page-tabs button[b-ss8gmx5rwi] { min-width: 82px; padding: 7px 11px; color: var(--muted); background: transparent; border: 0; border-radius: 5px; font-size: .68rem; font-weight: 750; cursor: pointer; }.page-tabs button.active[b-ss8gmx5rwi] { color: var(--ink); background: var(--surface); box-shadow: 0 1px 3px rgb(15 23 42 / 10%); }
.prompt-card[b-ss8gmx5rwi] { min-width: 0; padding: 0 22px; background: var(--surface); border: 1px solid var(--line); border-radius: 10px; box-shadow: 0 1px 2px rgb(15 23 42 / 4%); }
.runtime-section[b-ss8gmx5rwi], .pool-section[b-ss8gmx5rwi], .policy-section[b-ss8gmx5rwi], .events-section[b-ss8gmx5rwi] { padding: 20px 0; }.runtime-section[b-ss8gmx5rwi], .pool-section[b-ss8gmx5rwi] { border-bottom: 1px solid var(--line); }.section-header-row[b-ss8gmx5rwi] { align-items: flex-start; }.section-header-row h2[b-ss8gmx5rwi], .policy-section h2[b-ss8gmx5rwi] { margin: 0; font-size: .86rem; font-weight: 780; }.section-header-row p[b-ss8gmx5rwi], .policy-section header > p[b-ss8gmx5rwi] { margin: 4px 0 0; color: var(--muted); font-size: .65rem; }.section-header-row > div:last-child[b-ss8gmx5rwi] { flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.runtime-summary[b-ss8gmx5rwi] { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); margin-top: 15px; gap: 8px; }.runtime-summary article[b-ss8gmx5rwi] { min-width: 0; padding: 10px; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 8px; }.runtime-summary small[b-ss8gmx5rwi] { color: var(--muted); font-size: .56rem; }.runtime-summary strong[b-ss8gmx5rwi] { display: flex; min-width: 0; margin-top: 5px; align-items: center; gap: 6px; overflow: hidden; font-size: .67rem; text-overflow: ellipsis; white-space: nowrap; }.runtime-summary strong i[b-ss8gmx5rwi] { width: 7px; height: 7px; flex: 0 0 auto; background: #94a3b8; border-radius: 50%; }.runtime-summary i.success[b-ss8gmx5rwi] { background: #10b981; }.runtime-summary i.warning[b-ss8gmx5rwi] { background: #f59e0b; }.runtime-summary i.danger[b-ss8gmx5rwi] { background: #ef4444; }
.runtime-details[b-ss8gmx5rwi] { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(240px, .6fr); margin-top: 10px; gap: 9px; }.runtime-details > section[b-ss8gmx5rwi] { padding: 12px; border: 1px solid var(--line); border-radius: 8px; }.runtime-details h3[b-ss8gmx5rwi] { margin: 0; font-size: .68rem; }.guard-grid[b-ss8gmx5rwi] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 9px; gap: 6px; }.guard-grid article[b-ss8gmx5rwi] { padding: 7px 8px; background: var(--surface-soft); border-radius: 6px; }.guard-grid small[b-ss8gmx5rwi] { display: block; color: var(--muted); font-size: .52rem; }.guard-grid b[b-ss8gmx5rwi] { display: block; margin-top: 2px; font-size: .66rem; }.runtime-details p[b-ss8gmx5rwi] { margin: 9px 0 0; color: var(--muted); font-size: .57rem; line-height: 1.55; }.latest-time[b-ss8gmx5rwi] { color: var(--ink) !important; font-size: .67rem !important; }.runtime-error[b-ss8gmx5rwi] { margin-top: 6px; color: #b91c1c; font-size: .59rem; overflow-wrap: anywhere; }.runtime-endpoints[b-ss8gmx5rwi] { display: flex; margin-top: 8px; flex-wrap: wrap; gap: 5px; }.runtime-endpoints span[b-ss8gmx5rwi] { padding: 3px 6px; border-radius: 4px; font-size: .54rem; }.runtime-endpoints .success[b-ss8gmx5rwi] { color: #047857; background: #d1fae5; }.runtime-endpoints .danger[b-ss8gmx5rwi] { color: #b91c1c; background: #fee2e2; }
.pool-empty[b-ss8gmx5rwi] { display: grid; min-height: 130px; margin-top: 14px; place-items: center; color: var(--muted); border: 1px dashed var(--line); border-radius: 8px; font-size: .67rem; }.endpoint-table[b-ss8gmx5rwi] { margin-top: 14px; overflow: hidden; border: 1px solid var(--line); border-radius: 8px; }.endpoint-head[b-ss8gmx5rwi], .endpoint-table article[b-ss8gmx5rwi] { display: grid; grid-template-columns: minmax(230px, 1.35fr) minmax(180px, 1fr) minmax(170px, .8fr) minmax(220px, 1.15fr) auto; padding: 8px 13px; align-items: center; gap: 14px; }.endpoint-head[b-ss8gmx5rwi] { color: var(--muted); background: var(--surface-soft); font-size: .53rem; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }.endpoint-table article[b-ss8gmx5rwi] { min-height: 72px; border-top: 1px solid var(--line); }.endpoint-table article:hover[b-ss8gmx5rwi] { box-shadow: 3px 0 var(--primary) inset; background: var(--surface-soft); }.endpoint-table article > div[b-ss8gmx5rwi] { min-width: 0; font-size: .62rem; }.endpoint-name[b-ss8gmx5rwi] { display: flex; align-items: center; gap: 9px; }.endpoint-name input[b-ss8gmx5rwi] { width: 30px; height: 16px; accent-color: var(--primary); }.endpoint-name span[b-ss8gmx5rwi] { display: grid; min-width: 0; gap: 2px; }.endpoint-name b[b-ss8gmx5rwi], .endpoint-table article > div > b[b-ss8gmx5rwi] { overflow: hidden; font-size: .66rem; text-overflow: ellipsis; white-space: nowrap; }.endpoint-name small[b-ss8gmx5rwi] { overflow: hidden; color: var(--muted); font-family: monospace; font-size: .53rem; text-overflow: ellipsis; white-space: nowrap; }.limit-tags[b-ss8gmx5rwi] { display: flex; flex-wrap: wrap; gap: 5px; }.limit-tags span[b-ss8gmx5rwi] { padding: 3px 6px; color: var(--muted); background: var(--surface-soft); border-radius: 4px; font-size: .55rem; }.credential[b-ss8gmx5rwi] { display: grid; gap: 4px; }.credential > span[b-ss8gmx5rwi] { display: flex; width: fit-content; align-items: center; gap: 5px; font-size: .57rem; font-weight: 700; }.credential > span i[b-ss8gmx5rwi] { width: 6px; height: 6px; background: #94a3b8; border-radius: 50%; }.credential > span.success[b-ss8gmx5rwi] { color: #047857; }.credential > span.success i[b-ss8gmx5rwi] { background: #10b981; }.credential > span.danger[b-ss8gmx5rwi] { color: #b91c1c; }.credential > span.danger i[b-ss8gmx5rwi] { background: #ef4444; }.credential small[b-ss8gmx5rwi] { display: -webkit-box; overflow: hidden; color: var(--muted); font-size: .53rem; line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }.credential small.success[b-ss8gmx5rwi] { color: #047857; }.credential small.danger[b-ss8gmx5rwi] { color: #b91c1c; }.endpoint-actions[b-ss8gmx5rwi] { display: flex; align-items: center; justify-content: flex-end; gap: 5px; }.text-action[b-ss8gmx5rwi] { padding: 4px 5px; color: var(--muted); background: transparent; border: 0; border-radius: 4px; font-size: .59rem; cursor: pointer; }.text-action:hover[b-ss8gmx5rwi] { color: var(--ink); background: var(--surface-soft); }.text-action.danger[b-ss8gmx5rwi] { color: #b91c1c; }
.policy-section > header p[b-ss8gmx5rwi] { margin-bottom: 0; }.policy-layout[b-ss8gmx5rwi] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, .42fr); margin-top: 14px; gap: 12px; }.policy-layout > section[b-ss8gmx5rwi], .policy-layout > aside[b-ss8gmx5rwi] { padding: 14px; border: 1px solid var(--line); border-radius: 8px; }.policy-layout fieldset[b-ss8gmx5rwi] { padding: 0; border: 0; }.policy-layout legend[b-ss8gmx5rwi] { font-size: .65rem; font-weight: 700; }.radio-row[b-ss8gmx5rwi] { display: flex; margin-top: 9px; gap: 20px; }.radio-row label[b-ss8gmx5rwi], .scanner-grid label[b-ss8gmx5rwi] { display: flex; align-items: center; gap: 6px; color: var(--ink); font-size: .62rem; cursor: pointer; }.radio-row input[b-ss8gmx5rwi], .scanner-grid input[b-ss8gmx5rwi], .audit-groups input[type=checkbox][b-ss8gmx5rwi] { accent-color: var(--primary); }.audit-groups[b-ss8gmx5rwi] { display: grid; margin-top: 10px; gap: 7px; }.audit-groups > input[b-ss8gmx5rwi], .policy-layout aside input[b-ss8gmx5rwi], .endpoint-form input[b-ss8gmx5rwi], .event-filters input[b-ss8gmx5rwi], .event-filters select[b-ss8gmx5rwi], .event-pagination select[b-ss8gmx5rwi], .delete-filter input[b-ss8gmx5rwi], .delete-filter select[b-ss8gmx5rwi] { width: 100%; min-width: 0; min-height: 35px; padding: 6px 8px; color: var(--ink); background: var(--surface); border: 1px solid #cad3ce; border-radius: 6px; font: inherit; font-size: .67rem; }.audit-groups > div[b-ss8gmx5rwi] { display: grid; max-height: 190px; overflow: auto; border: 1px solid var(--line); border-radius: 7px; }.audit-groups > div label[b-ss8gmx5rwi] { display: flex; padding: 7px 9px; align-items: center; justify-content: space-between; gap: 8px; font-size: .61rem; }.audit-groups > div label:hover[b-ss8gmx5rwi] { background: var(--surface-soft); }.audit-groups label > span[b-ss8gmx5rwi] { display: flex; align-items: center; gap: 6px; }.audit-groups small[b-ss8gmx5rwi] { color: var(--muted); font-size: .54rem; }.scanner-fieldset[b-ss8gmx5rwi] { margin-top: 14px !important; padding-top: 13px !important; border-top: 1px solid var(--line) !important; }.scanner-grid[b-ss8gmx5rwi] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 8px; gap: 5px; }.scanner-grid label[b-ss8gmx5rwi] { padding: 5px; border-radius: 5px; }.scanner-grid label:hover[b-ss8gmx5rwi] { background: var(--surface-soft); }.policy-layout > aside[b-ss8gmx5rwi] { display: grid; align-content: start; gap: 12px; }.policy-layout aside label[b-ss8gmx5rwi] { display: grid; gap: 5px; color: var(--muted); font-size: .61rem; }.policy-layout aside > div[b-ss8gmx5rwi] { padding: 10px; background: var(--surface-soft); border-radius: 7px; }.policy-layout aside b[b-ss8gmx5rwi] { font-size: .63rem; }.policy-layout aside p[b-ss8gmx5rwi] { margin: 3px 0 0; color: var(--muted); font-size: .57rem; }
.pass-notice[b-ss8gmx5rwi] { display: flex; margin: 18px 0 0; padding: 10px 12px; align-items: center; justify-content: space-between; gap: 12px; color: #92400e; background: #fffbeb; border: 1px solid #fde68a; border-radius: 8px; font-size: .62rem; }.pass-notice button[b-ss8gmx5rwi] { color: inherit; background: transparent; border: 0; font: inherit; font-weight: 750; cursor: pointer; }
.event-filters[b-ss8gmx5rwi] { display: grid; grid-template-columns: repeat(5, minmax(130px, 1fr)); margin-top: 15px; gap: 8px; }.event-filters > label[b-ss8gmx5rwi] { display: grid; gap: 5px; color: var(--muted); font-size: .61rem; }.filter-actions[b-ss8gmx5rwi] { display: flex; align-items: flex-end; gap: 6px; }.event-filters[b-ss8gmx5rwi] (.filter-input) { min-width: 0; }.events-table-wrap[b-ss8gmx5rwi] { margin-top: 14px; overflow-x: auto; border: 1px solid var(--line); border-radius: 8px 8px 0 0; }.events-table[b-ss8gmx5rwi] { width: 100%; min-width: 1120px; border-collapse: collapse; }.events-table th[b-ss8gmx5rwi], .events-table td[b-ss8gmx5rwi] { padding: 9px 10px; text-align: left; border-bottom: 1px solid var(--line); vertical-align: top; }.events-table th[b-ss8gmx5rwi] { color: var(--muted); background: var(--surface-soft); font-size: .52rem; font-weight: 750; letter-spacing: .04em; text-transform: uppercase; }.events-table td[b-ss8gmx5rwi] { font-size: .6rem; }.events-table tbody tr:hover[b-ss8gmx5rwi] { background: var(--surface-soft); }.events-table td:first-child[b-ss8gmx5rwi], .events-table th:first-child[b-ss8gmx5rwi] { width: 34px; }.events-table input[type=checkbox][b-ss8gmx5rwi] { accent-color: var(--primary); }.nowrap[b-ss8gmx5rwi] { white-space: nowrap; }.identity[b-ss8gmx5rwi] { display: grid; grid-template-columns: 58px minmax(0, 1fr); max-width: 240px; gap: 2px 6px; }.identity small[b-ss8gmx5rwi] { color: var(--muted); font-size: .52rem; }.identity b[b-ss8gmx5rwi] { overflow: hidden; font-size: .58rem; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }.route[b-ss8gmx5rwi] { display: grid; max-width: 230px; gap: 3px; }.route b[b-ss8gmx5rwi], .route small[b-ss8gmx5rwi] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.route small[b-ss8gmx5rwi] { color: var(--muted); font-size: .53rem; }.decision[b-ss8gmx5rwi] { display: inline-flex; padding: 3px 7px; border-radius: 999px; font-size: .55rem; font-weight: 750; white-space: nowrap; }.decision.success[b-ss8gmx5rwi] { color: #047857; background: #d1fae5; }.decision.warning[b-ss8gmx5rwi] { color: #b45309; background: #fef3c7; }.decision.danger[b-ss8gmx5rwi] { color: #b91c1c; background: #fee2e2; }.categories[b-ss8gmx5rwi] { display: block; max-width: 180px; margin-top: 6px; overflow: hidden; color: var(--muted); font-size: .52rem; text-overflow: ellipsis; white-space: nowrap; }.preview[b-ss8gmx5rwi] { display: -webkit-box; max-width: 300px; margin: 0; overflow: hidden; color: var(--muted); line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }.row-actions[b-ss8gmx5rwi] { text-align: right !important; white-space: nowrap; }.row-actions button[b-ss8gmx5rwi] { padding: 3px 5px; color: var(--muted); background: transparent; border: 0; font-size: .56rem; cursor: pointer; }.row-actions button:hover[b-ss8gmx5rwi] { color: var(--primary); }.row-actions button.danger[b-ss8gmx5rwi] { color: #b91c1c; }.event-pagination[b-ss8gmx5rwi] { padding: 10px 12px; color: var(--muted); border: 1px solid var(--line); border-top: 0; border-radius: 0 0 8px 8px; font-size: .6rem; }.event-pagination > div[b-ss8gmx5rwi] { gap: 6px; }.event-pagination select[b-ss8gmx5rwi] { width: auto; min-height: 31px; }.event-pagination .icon-button[b-ss8gmx5rwi] { width: 31px; height: 31px; }
.save-bar[b-ss8gmx5rwi] { position: sticky; z-index: 20; bottom: 0; margin: 0 -20px; padding: 10px 20px; background: color-mix(in srgb, var(--surface) 95%, transparent); border: 1px solid var(--line); border-bottom: 0; box-shadow: 0 -10px 28px rgb(15 23 42 / 8%); backdrop-filter: blur(10px); }.save-toggles[b-ss8gmx5rwi] { flex-wrap: wrap; justify-content: flex-start; gap: 15px; }.save-toggles label[b-ss8gmx5rwi] { display: flex; align-items: center; gap: 6px; font-size: .61rem; cursor: pointer; }.save-toggles input[b-ss8gmx5rwi] { accent-color: var(--primary); }.save-actions[b-ss8gmx5rwi] { justify-content: flex-end; gap: 7px; }.save-actions > span[b-ss8gmx5rwi] { color: var(--muted); font-size: .61rem; }.save-actions > span.dirty[b-ss8gmx5rwi] { color: #b45309; }
.endpoint-form[b-ss8gmx5rwi] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 12px; }.endpoint-form label[b-ss8gmx5rwi] { display: grid; align-content: start; gap: 5px; color: var(--muted); font-size: .62rem; }.endpoint-form .span-two[b-ss8gmx5rwi] { grid-column: span 2; }.endpoint-form small[b-ss8gmx5rwi] { font-size: .55rem; }.endpoint-form input:not([type=checkbox])[b-ss8gmx5rwi], .endpoint-form select[b-ss8gmx5rwi], .policy-layout aside input[b-ss8gmx5rwi], .audit-groups > input[b-ss8gmx5rwi], .custom-range input[b-ss8gmx5rwi], .delete-basic input[b-ss8gmx5rwi], .delete-basic select[b-ss8gmx5rwi] { min-height: var(--form-control-height); padding: 7px 10px; color: var(--form-control-color); background: var(--form-control-bg); border-color: var(--form-control-border); border-radius: var(--form-control-radius); }.endpoint-form input:not([type=checkbox]):focus[b-ss8gmx5rwi], .endpoint-form select:focus[b-ss8gmx5rwi], .policy-layout aside input:focus[b-ss8gmx5rwi], .audit-groups > input:focus[b-ss8gmx5rwi], .custom-range input:focus[b-ss8gmx5rwi], .delete-basic input:focus[b-ss8gmx5rwi], .delete-basic select:focus[b-ss8gmx5rwi] { border-color: var(--form-control-focus); outline: 0; box-shadow: 0 0 0 3px var(--form-control-focus-ring); }.clear-secret[b-ss8gmx5rwi] { display: flex !important; align-items: center; color: #b91c1c !important; }.clear-secret input[b-ss8gmx5rwi] { width: auto; min-height: 0; accent-color: #dc2626; }
.detail-tabs[b-ss8gmx5rwi] { display: flex; padding-bottom: 9px; gap: 3px; border-bottom: 1px solid var(--line); }.detail-tabs button[b-ss8gmx5rwi] { padding: 6px 9px; color: var(--muted); background: transparent; border: 0; border-radius: 5px; font-size: .63rem; cursor: pointer; }.detail-tabs button.active[b-ss8gmx5rwi] { color: var(--primary); background: #e9f5f0; }.detail-panel[b-ss8gmx5rwi] { height: min(62vh, 36rem); margin-top: 13px; overflow-y: auto; }.summary-layout[b-ss8gmx5rwi] { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }.summary-layout h3[b-ss8gmx5rwi], .risk-detail-top h3[b-ss8gmx5rwi], .issue-list h3[b-ss8gmx5rwi] { margin: 0; font-size: .68rem; }.summary-layout pre[b-ss8gmx5rwi], .risk-detail-top pre[b-ss8gmx5rwi] { max-height: min(46vh, 26rem); margin: 8px 0 0; padding: 12px; overflow: auto; color: var(--ink); background: var(--surface-soft); border-radius: 7px; font-size: .62rem; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; }.summary-layout dl[b-ss8gmx5rwi], .technical-list[b-ss8gmx5rwi] { display: grid; grid-template-columns: auto minmax(0, 1fr); margin: 0; align-content: start; gap: 7px 12px; font-size: .62rem; }.summary-layout dt[b-ss8gmx5rwi], .technical-list dt[b-ss8gmx5rwi] { color: var(--muted); }.summary-layout dd[b-ss8gmx5rwi], .technical-list dd[b-ss8gmx5rwi] { margin: 0; overflow-wrap: anywhere; }.risk-detail-top[b-ss8gmx5rwi] { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }.risk-detail-top section > p[b-ss8gmx5rwi] { margin: 4px 0 0; color: var(--muted); font-size: .56rem; }.risk-detail-top pre[b-ss8gmx5rwi] { height: min(39vh, 23rem); }.issue-list[b-ss8gmx5rwi] { margin-top: 15px; }.issue-list > p[b-ss8gmx5rwi] { color: var(--muted); font-size: .62rem; }.issue-list article[b-ss8gmx5rwi] { margin-top: 9px; padding-left: 11px; border-left: 2px solid #f87171; }.issue-list article header[b-ss8gmx5rwi] { display: flex; align-items: center; gap: 7px; }.issue-list article header b[b-ss8gmx5rwi] { font-size: .65rem; }.issue-list article header span[b-ss8gmx5rwi] { color: #b91c1c; font-size: .55rem; }.issue-list article > p[b-ss8gmx5rwi] { margin: 4px 0; color: var(--muted); font-size: .59rem; }.issue-list article dl[b-ss8gmx5rwi] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; gap: 4px; }.issue-list article dl div:last-child[b-ss8gmx5rwi] { grid-column: span 2; }.issue-list article dl div[b-ss8gmx5rwi] { font-size: .55rem; }.issue-list dt[b-ss8gmx5rwi], .issue-list dd[b-ss8gmx5rwi] { display: inline; margin: 0; }.issue-list dt[b-ss8gmx5rwi] { color: var(--muted); }.technical-list dd:nth-of-type(-n+2)[b-ss8gmx5rwi] { font-family: monospace; }
.delete-filter[b-ss8gmx5rwi] { display: grid; gap: 14px; }.delete-filter > p[b-ss8gmx5rwi] { margin: 0; color: var(--muted); font-size: .63rem; }.delete-filter fieldset[b-ss8gmx5rwi] { padding: 0; border: 0; }.delete-filter legend[b-ss8gmx5rwi] { color: var(--muted); font-size: .61rem; }.preset-row[b-ss8gmx5rwi] { display: flex; margin-top: 7px; flex-wrap: wrap; gap: 5px; }.preset-row button[b-ss8gmx5rwi] { padding: 5px 9px; color: var(--muted); background: var(--surface); border: 1px solid var(--line); border-radius: 999px; font-size: .57rem; cursor: pointer; }.preset-row button.active[b-ss8gmx5rwi] { color: #b91c1c; background: #fff1f2; border-color: #ef4444; }.delete-filter fieldset > small[b-ss8gmx5rwi] { display: block; margin-top: 6px; color: var(--muted); font-size: .54rem; }.custom-range[b-ss8gmx5rwi], .delete-basic[b-ss8gmx5rwi], .delete-filter details > div[b-ss8gmx5rwi] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; margin-top: 9px; gap: 8px; }.custom-range label[b-ss8gmx5rwi], .delete-basic label[b-ss8gmx5rwi] { display: grid; align-content: start; gap: 5px; color: var(--muted); font-size: .59rem; }.validation[b-ss8gmx5rwi] { display: block; margin-top: 5px; color: #b91c1c; font-size: .55rem; }.delete-filter details[b-ss8gmx5rwi] { padding: 10px; border: 1px solid var(--line); border-radius: 8px; }.delete-filter summary[b-ss8gmx5rwi] { color: var(--muted); font-size: .59rem; cursor: pointer; }.delete-filter details[b-ss8gmx5rwi] (.filter-input) { min-width: 0; }.delete-preview[b-ss8gmx5rwi] { padding: 11px; color: #b91c1c; background: #fff1f2; border: 1px solid #fecaca; border-radius: 8px; }.delete-preview > b[b-ss8gmx5rwi] { font-size: .63rem; }.delete-preview dl[b-ss8gmx5rwi] { display: grid; grid-template-columns: auto minmax(0, 1fr); margin: 7px 0 0; gap: 3px 9px; color: var(--muted); font-size: .55rem; }.delete-preview dd[b-ss8gmx5rwi] { margin: 0; overflow-wrap: anywhere; }.delete-preview p[b-ss8gmx5rwi] { margin: 7px 0 0; padding: 6px; color: #92400e; background: #fffbeb; border-radius: 5px; font-size: .54rem; }.delete-preview-empty[b-ss8gmx5rwi] { padding: 10px; color: var(--muted); border: 1px dashed var(--line); border-radius: 8px; font-size: .57rem; }
/* Keep both prompt-audit list surfaces on the same readable typography scale as group management. */
.endpoint-head[b-ss8gmx5rwi], .events-table th[b-ss8gmx5rwi] { font-size: .76rem; }
.endpoint-table article > div[b-ss8gmx5rwi], .events-table td[b-ss8gmx5rwi] { font-size: .83rem; }
.endpoint-name b[b-ss8gmx5rwi], .endpoint-table article > div > b[b-ss8gmx5rwi] { font-size: .88rem; }
.endpoint-name small[b-ss8gmx5rwi], .limit-tags span[b-ss8gmx5rwi], .credential > span[b-ss8gmx5rwi], .identity small[b-ss8gmx5rwi], .route small[b-ss8gmx5rwi], .decision[b-ss8gmx5rwi], .categories[b-ss8gmx5rwi] { font-size: .75rem; }
.credential small[b-ss8gmx5rwi] { font-size: .71rem; }
.identity b[b-ss8gmx5rwi] { font-size: .8rem; }
.text-action[b-ss8gmx5rwi], .row-actions button[b-ss8gmx5rwi] { font-size: .69rem; }
.event-pagination[b-ss8gmx5rwi] { font-size: .8rem; }

/* The whole workspace follows the same readable hierarchy, not only its event table. */
.prompt-heading > div > span[b-ss8gmx5rwi], .prompt-heading aside[b-ss8gmx5rwi] { font-size: .75rem; }
.prompt-heading p[b-ss8gmx5rwi], .section-header-row p[b-ss8gmx5rwi], .policy-section header > p[b-ss8gmx5rwi] { font-size: .83rem; }
.inline-alert button[b-ss8gmx5rwi], .page-tabs button[b-ss8gmx5rwi] { font-size: .8rem; }
.section-header-row h2[b-ss8gmx5rwi], .policy-section h2[b-ss8gmx5rwi] { font-size: .95rem; }
.runtime-summary small[b-ss8gmx5rwi], .guard-grid small[b-ss8gmx5rwi], .runtime-details p[b-ss8gmx5rwi], .runtime-error[b-ss8gmx5rwi], .runtime-endpoints span[b-ss8gmx5rwi] { font-size: .75rem; }
.runtime-summary strong[b-ss8gmx5rwi], .runtime-details h3[b-ss8gmx5rwi], .guard-grid b[b-ss8gmx5rwi], .latest-time[b-ss8gmx5rwi] { font-size: .83rem !important; }
.pool-empty[b-ss8gmx5rwi] { font-size: .83rem; }
.policy-layout legend[b-ss8gmx5rwi], .radio-row label[b-ss8gmx5rwi], .scanner-grid label[b-ss8gmx5rwi] { font-size: .8rem; }
.audit-groups > input[b-ss8gmx5rwi], .policy-layout aside input[b-ss8gmx5rwi], .event-filters input[b-ss8gmx5rwi], .event-filters select[b-ss8gmx5rwi], .event-pagination select[b-ss8gmx5rwi] { font-size: .83rem; }
.audit-groups > div label[b-ss8gmx5rwi], .policy-layout aside label[b-ss8gmx5rwi], .event-filters > label[b-ss8gmx5rwi] { font-size: .75rem; }
.audit-groups small[b-ss8gmx5rwi], .policy-layout aside p[b-ss8gmx5rwi] { font-size: .71rem; }
.policy-layout aside b[b-ss8gmx5rwi] { font-size: .8rem; }
.pass-notice[b-ss8gmx5rwi] { font-size: .8rem; }
.save-toggles label[b-ss8gmx5rwi], .save-actions > span[b-ss8gmx5rwi] { font-size: .75rem; }
.endpoint-form label[b-ss8gmx5rwi] { font-size: .75rem; }
.endpoint-form small[b-ss8gmx5rwi] { font-size: .71rem; }
.detail-tabs button[b-ss8gmx5rwi] { font-size: .8rem; }
.summary-layout h3[b-ss8gmx5rwi], .risk-detail-top h3[b-ss8gmx5rwi], .issue-list h3[b-ss8gmx5rwi] { font-size: .83rem; }
.summary-layout pre[b-ss8gmx5rwi], .risk-detail-top pre[b-ss8gmx5rwi], .summary-layout dl[b-ss8gmx5rwi], .technical-list[b-ss8gmx5rwi], .issue-list > p[b-ss8gmx5rwi] { font-size: .75rem; }
.risk-detail-top section > p[b-ss8gmx5rwi], .issue-list article header span[b-ss8gmx5rwi], .issue-list article > p[b-ss8gmx5rwi], .issue-list article dl div[b-ss8gmx5rwi] { font-size: .71rem; }
.issue-list article header b[b-ss8gmx5rwi] { font-size: .8rem; }
.delete-filter > p[b-ss8gmx5rwi], .delete-filter legend[b-ss8gmx5rwi], .custom-range label[b-ss8gmx5rwi], .delete-basic label[b-ss8gmx5rwi], .delete-filter summary[b-ss8gmx5rwi], .delete-preview > b[b-ss8gmx5rwi] { font-size: .75rem; }
.preset-row button[b-ss8gmx5rwi], .delete-filter fieldset > small[b-ss8gmx5rwi], .validation[b-ss8gmx5rwi], .delete-preview dl[b-ss8gmx5rwi], .delete-preview p[b-ss8gmx5rwi], .delete-preview-empty[b-ss8gmx5rwi] { font-size: .71rem; }

@media (max-width: 1180px) { .runtime-summary[b-ss8gmx5rwi] { grid-template-columns: repeat(3, minmax(0, 1fr)); }.endpoint-head[b-ss8gmx5rwi] { display: none; }.endpoint-table article[b-ss8gmx5rwi] { grid-template-columns: repeat(2, minmax(0, 1fr)); }.endpoint-actions[b-ss8gmx5rwi] { justify-content: flex-start; }.event-filters[b-ss8gmx5rwi] { grid-template-columns: repeat(3, minmax(0, 1fr)); }.save-bar[b-ss8gmx5rwi] { align-items: flex-start; flex-direction: column; }.save-actions[b-ss8gmx5rwi] { width: 100%; justify-content: flex-end; } }
@media (max-width: 760px) { .prompt-heading[b-ss8gmx5rwi], .section-header-row[b-ss8gmx5rwi] { align-items: flex-start; flex-direction: column; }.prompt-heading aside[b-ss8gmx5rwi] { text-align: left; }.prompt-card[b-ss8gmx5rwi] { padding: 0 14px; }.runtime-summary[b-ss8gmx5rwi], .runtime-details[b-ss8gmx5rwi], .guard-grid[b-ss8gmx5rwi], .policy-layout[b-ss8gmx5rwi], .event-filters[b-ss8gmx5rwi], .endpoint-table article[b-ss8gmx5rwi], .summary-layout[b-ss8gmx5rwi], .risk-detail-top[b-ss8gmx5rwi], .endpoint-form[b-ss8gmx5rwi], .custom-range[b-ss8gmx5rwi], .delete-basic[b-ss8gmx5rwi], .delete-filter details > div[b-ss8gmx5rwi] { grid-template-columns: 1fr; }.scanner-grid[b-ss8gmx5rwi] { grid-template-columns: 1fr; }.endpoint-form .span-two[b-ss8gmx5rwi], .issue-list article dl div:last-child[b-ss8gmx5rwi] { grid-column: auto; }.save-bar[b-ss8gmx5rwi] { margin: 0 -8px; padding: 9px; }.save-actions[b-ss8gmx5rwi] { flex-wrap: wrap; justify-content: flex-start; }.event-pagination[b-ss8gmx5rwi] { align-items: flex-start; flex-direction: column; } }
/* /Pages/AdminRequestAudit.razor.rz.scp.css */
.request-audit-page[b-8pkmdz276n] { max-width: 1540px; margin: 0 auto; padding: 26px 30px 48px; color: var(--text-primary); }
.page-heading[b-8pkmdz276n] { display: flex; justify-content: space-between; gap: 24px; align-items: flex-end; margin-bottom: 22px; }
.page-heading > div > span[b-8pkmdz276n] { color: var(--accent); font-size: 12px; font-weight: 700; }
.page-heading h1[b-8pkmdz276n] { margin: 4px 0 5px; font-size: 27px; letter-spacing: 0; }
.page-heading p[b-8pkmdz276n] { margin: 0; max-width: 820px; color: var(--text-secondary); font-size: 14px; }
.policy-state[b-8pkmdz276n] { display: grid; grid-template-columns: auto auto; align-items: center; gap: 2px 8px; min-width: 126px; padding: 10px 13px; border: 1px solid var(--border-color); border-radius: 6px; background: var(--surface-primary); }
.policy-state i[b-8pkmdz276n] { width: 8px; height: 8px; border-radius: 50%; background: var(--text-tertiary); grid-row: span 2; }
.policy-state.enabled i[b-8pkmdz276n] { background: #179565; box-shadow: 0 0 0 4px color-mix(in srgb, #179565 14%, transparent); }
.policy-state span[b-8pkmdz276n] { font-size: 13px; font-weight: 700; }.policy-state small[b-8pkmdz276n] { color: var(--text-tertiary); font-size: 11px; }
.page-tabs[b-8pkmdz276n] { display: flex; gap: 22px; border-bottom: 1px solid var(--border-color); margin-bottom: 0; }
.page-tabs button[b-8pkmdz276n] { border: 0; border-bottom: 2px solid transparent; background: none; color: var(--text-secondary); padding: 11px 2px; font-weight: 650; cursor: pointer; }
.page-tabs button.active[b-8pkmdz276n] { color: var(--text-primary); border-bottom-color: var(--accent); }
.runtime-strip[b-8pkmdz276n] { display: grid; grid-template-columns: repeat(5, minmax(120px, 1fr)) auto; align-items: stretch; border-bottom: 1px solid var(--border-color); background: var(--surface-primary); }
.runtime-strip article[b-8pkmdz276n] { padding: 14px 16px; border-right: 1px solid var(--border-color); }.runtime-strip span[b-8pkmdz276n] { display: block; color: var(--text-tertiary); font-size: 11px; margin-bottom: 4px; }.runtime-strip strong[b-8pkmdz276n] { font-size: 14px; }.runtime-strip > button[b-8pkmdz276n] { align-self: center; margin: 0 12px; }
.policy-notice[b-8pkmdz276n] { display: flex; gap: 9px; align-items: center; padding: 11px 14px; margin-top: 16px; border-left: 3px solid #c88719; background: color-mix(in srgb, #c88719 9%, var(--surface-primary)); font-size: 13px; }.policy-notice span[b-8pkmdz276n] { flex: 1; }.policy-notice button[b-8pkmdz276n] { border: 0; background: none; color: var(--accent); font-weight: 700; cursor: pointer; }
.records-section[b-8pkmdz276n], .policy-section[b-8pkmdz276n] { padding-top: 22px; }.records-section > header[b-8pkmdz276n], .policy-section > header[b-8pkmdz276n] { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 16px; }.records-section h2[b-8pkmdz276n], .policy-section h2[b-8pkmdz276n] { margin: 0 0 3px; font-size: 18px; }.records-section header p[b-8pkmdz276n], .policy-section header p[b-8pkmdz276n] { margin: 0; color: var(--text-secondary); font-size: 13px; }.policy-section > header > span[b-8pkmdz276n] { color: var(--text-tertiary); font-size: 12px; }
.filters[b-8pkmdz276n] { display: grid; grid-template-columns: 1.3fr .65fr 1fr .7fr 1.2fr 1fr 1fr auto; gap: 10px; align-items: end; margin-bottom: 14px; }.filters label[b-8pkmdz276n] { display: grid; gap: 5px; min-width: 0; }.filters label > span[b-8pkmdz276n] { color: var(--text-secondary); font-size: 11px; }.filters input[b-8pkmdz276n], .filters select[b-8pkmdz276n], .pagination select[b-8pkmdz276n], .policy-grid input[type="number"][b-8pkmdz276n], .policy-grid select[b-8pkmdz276n] { width: 100%; min-height: 34px; border: 1px solid var(--border-color); border-radius: 5px; padding: 6px 9px; color: var(--text-primary); background: var(--surface-primary); }.filter-actions[b-8pkmdz276n] { display: flex; align-items: center; gap: 8px; min-height: 34px; }
.records-table-wrap[b-8pkmdz276n] { overflow: auto; border: 1px solid var(--border-color); border-radius: 6px; background: var(--surface-primary); }.records-table[b-8pkmdz276n] { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 12px; }.records-table th[b-8pkmdz276n] { padding: 10px 11px; text-align: left; color: var(--text-tertiary); font-size: 11px; background: var(--surface-secondary); border-bottom: 1px solid var(--border-color); }.records-table td[b-8pkmdz276n] { padding: 11px; vertical-align: top; border-bottom: 1px solid var(--border-color); }.records-table tr:last-child td[b-8pkmdz276n] { border-bottom: 0; }.records-table th:nth-child(1)[b-8pkmdz276n] { width: 142px; }.records-table th:nth-child(2)[b-8pkmdz276n] { width: 190px; }.records-table th:nth-child(3)[b-8pkmdz276n] { width: 260px; }.records-table th:nth-child(4)[b-8pkmdz276n] { width: 82px; }.records-table th:nth-child(5)[b-8pkmdz276n] { width: 112px; }.records-table th:nth-child(7)[b-8pkmdz276n] { width: 66px; }
.identity[b-8pkmdz276n], .route[b-8pkmdz276n] { display: grid; gap: 2px; }.identity b[b-8pkmdz276n], .route b[b-8pkmdz276n] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.identity small[b-8pkmdz276n], .route small[b-8pkmdz276n], .latency[b-8pkmdz276n], .truncated[b-8pkmdz276n] { color: var(--text-tertiary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.status[b-8pkmdz276n] { display: inline-flex; min-width: 38px; justify-content: center; border-radius: 4px; padding: 3px 6px; font-weight: 750; }.status.success[b-8pkmdz276n] { color: #0b7652; background: color-mix(in srgb, #179565 12%, transparent); }.status.warning[b-8pkmdz276n] { color: #9a6512; background: color-mix(in srgb, #c88719 13%, transparent); }.status.danger[b-8pkmdz276n] { color: #bb3f42; background: color-mix(in srgb, #d24f52 12%, transparent); }.latency[b-8pkmdz276n], .truncated[b-8pkmdz276n] { display: block; margin-top: 4px; }.body-state[b-8pkmdz276n] { display: inline-flex; align-items: center; gap: 4px; color: var(--text-secondary); }.body-state.encrypted[b-8pkmdz276n] { color: #0b7652; }.preview[b-8pkmdz276n] { display: -webkit-box; margin: 0; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-height: 1.45; overflow-wrap: anywhere; color: var(--text-secondary); }.row-action[b-8pkmdz276n] { border: 0; background: none; color: var(--accent); font-weight: 700; cursor: pointer; }
.pagination[b-8pkmdz276n] { display: flex; justify-content: space-between; align-items: center; padding: 12px 2px; color: var(--text-secondary); font-size: 12px; }.pagination > div[b-8pkmdz276n] { display: flex; align-items: center; gap: 8px; }.pagination select[b-8pkmdz276n] { width: auto; }
.policy-grid[b-8pkmdz276n] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }.policy-grid fieldset[b-8pkmdz276n] { min-width: 0; margin: 0; padding: 18px; border: 1px solid var(--border-color); border-radius: 6px; background: var(--surface-primary); }.policy-grid legend[b-8pkmdz276n] { padding: 0 7px; font-size: 13px; font-weight: 750; }.policy-grid fieldset > label:not(.toggle-row)[b-8pkmdz276n] { display: grid; gap: 6px; margin-top: 14px; }.policy-grid fieldset > label > span[b-8pkmdz276n] { color: var(--text-secondary); font-size: 12px; }.toggle-row[b-8pkmdz276n] { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 11px 0; border-bottom: 1px solid var(--border-color); }.toggle-row span[b-8pkmdz276n] { display: grid; gap: 2px; }.toggle-row b[b-8pkmdz276n] { font-size: 13px; }.toggle-row small[b-8pkmdz276n], .field-note[b-8pkmdz276n] { color: var(--text-tertiary); font-size: 11px; line-height: 1.5; }.toggle-row input[b-8pkmdz276n] { width: 17px; height: 17px; flex: 0 0 auto; }.key-warning[b-8pkmdz276n] { display: flex; gap: 7px; align-items: flex-start; margin-top: 10px; padding: 9px 10px; color: #9a6512; background: color-mix(in srgb, #c88719 10%, transparent); font-size: 12px; }.policy-actions[b-8pkmdz276n] { display: flex; justify-content: flex-end; align-items: center; gap: 10px; margin-top: 18px; }.policy-actions > span[b-8pkmdz276n] { margin-right: auto; color: var(--text-tertiary); font-size: 12px; }
.detail-meta[b-8pkmdz276n] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; margin-bottom: 14px; background: var(--border-color); border: 1px solid var(--border-color); }.detail-meta > div[b-8pkmdz276n] { display: grid; gap: 3px; padding: 12px; min-width: 0; background: var(--surface-primary); }.detail-meta span[b-8pkmdz276n], .detail-meta small[b-8pkmdz276n] { color: var(--text-tertiary); font-size: 11px; }.detail-meta b[b-8pkmdz276n], .detail-meta small[b-8pkmdz276n] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.content-columns[b-8pkmdz276n] { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }.content-columns section[b-8pkmdz276n] { min-width: 0; }.content-columns header[b-8pkmdz276n] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 7px; }.content-columns h3[b-8pkmdz276n] { margin: 0; font-size: 14px; }.content-columns header small[b-8pkmdz276n] { color: var(--text-tertiary); }.content-columns pre[b-8pkmdz276n] { min-height: 320px; max-height: 58vh; overflow: auto; margin: 0; padding: 13px; border: 1px solid var(--border-color); border-radius: 5px; background: var(--surface-secondary); color: var(--text-primary); font: 12px/1.55 ui-monospace, SFMono-Regular, Consolas, monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
.nowrap[b-8pkmdz276n] { white-space: nowrap; }
@media (max-width: 1100px) { .filters[b-8pkmdz276n] { grid-template-columns: repeat(4, minmax(0, 1fr)); }.policy-grid[b-8pkmdz276n] { grid-template-columns: 1fr; }.runtime-strip[b-8pkmdz276n] { grid-template-columns: repeat(3, 1fr); }.content-columns[b-8pkmdz276n] { grid-template-columns: 1fr; }.detail-meta[b-8pkmdz276n] { grid-template-columns: 1fr 1fr; } }
@media (max-width: 720px) { .request-audit-page[b-8pkmdz276n] { padding: 18px 14px 36px; }.page-heading[b-8pkmdz276n] { align-items: flex-start; flex-direction: column; }.filters[b-8pkmdz276n] { grid-template-columns: 1fr 1fr; }.runtime-strip[b-8pkmdz276n] { grid-template-columns: 1fr 1fr; }.runtime-strip article[b-8pkmdz276n] { border-bottom: 1px solid var(--border-color); }.detail-meta[b-8pkmdz276n] { grid-template-columns: 1fr; }.policy-actions[b-8pkmdz276n] { align-items: stretch; flex-wrap: wrap; }.policy-actions > span[b-8pkmdz276n] { width: 100%; }.policy-actions .button[b-8pkmdz276n] { flex: 1; } }
/* /Pages/AdminRiskControl.razor.rz.scp.css */
.risk-page[b-40gg5awyyz] { display: grid; gap: 20px; padding-bottom: 42px; color: var(--ink); }
.risk-heading[b-40gg5awyyz], .risk-actions[b-40gg5awyyz], .card-title-row[b-40gg5awyyz], .card-header[b-40gg5awyyz], .records-header > div:first-child[b-40gg5awyyz], .table-footer[b-40gg5awyyz], .table-footer > div[b-40gg5awyyz], .section-intro[b-40gg5awyyz] { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.risk-heading h1[b-40gg5awyyz] { margin: 0; font-size: 1.38rem; font-weight: 800; }
.risk-heading p[b-40gg5awyyz], .card-header p[b-40gg5awyyz], .card-title-row p[b-40gg5awyyz], .section-intro p[b-40gg5awyyz] { margin: 4px 0 0; color: var(--muted); font-size: .76rem; }
.risk-actions[b-40gg5awyyz] { flex-wrap: wrap; justify-content: flex-end; gap: 8px; }

.overview-grid[b-40gg5awyyz] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.overview-card[b-40gg5awyyz] { position: relative; display: flex; min-width: 0; min-height: 82px; padding: 14px; align-items: center; gap: 12px; background: var(--surface); border: 1px solid var(--line); border-radius: 9px; box-shadow: 0 1px 2px rgb(15 23 42 / 4%); }
.overview-icon[b-40gg5awyyz] { display: grid; width: 38px; height: 38px; flex: 0 0 auto; place-items: center; color: #64748b; background: #f1f5f9; border-radius: 8px; }
.overview-icon.green[b-40gg5awyyz] { color: #059669; background: #ecfdf5; }.overview-icon.blue[b-40gg5awyyz] { color: #0284c7; background: #f0f9ff; }.overview-icon.purple[b-40gg5awyyz] { color: #7c3aed; background: #f5f3ff; }.overview-icon.amber[b-40gg5awyyz] { color: #d97706; background: #fffbeb; }
.overview-card > div[b-40gg5awyyz] { min-width: 0; }.overview-card small[b-40gg5awyyz] { display: block; color: var(--muted); font-size: .65rem; }.overview-card strong[b-40gg5awyyz] { display: block; margin-top: 3px; overflow: hidden; font-size: 1rem; text-overflow: ellipsis; white-space: nowrap; }.overview-card p[b-40gg5awyyz] { margin: 2px 0 0; overflow: hidden; color: var(--muted); font-size: .66rem; text-overflow: ellipsis; white-space: nowrap; }
.state-pill[b-40gg5awyyz], .soft-pill[b-40gg5awyyz], .result-pill[b-40gg5awyyz] { display: inline-flex; width: fit-content; padding: 3px 8px; align-items: center; border-radius: 999px; font-size: .61rem; font-weight: 750; white-space: nowrap; }.state-pill[b-40gg5awyyz] { position: absolute; top: 10px; right: 10px; }.state-pill.success[b-40gg5awyyz], .result-pill.success[b-40gg5awyyz] { color: #047857; background: #d1fae5; }.state-pill.neutral[b-40gg5awyyz], .result-pill.neutral[b-40gg5awyyz] { color: #64748b; background: #f1f5f9; }

.runtime-split[b-40gg5awyyz] { display: grid; grid-template-columns: minmax(420px, 5fr) minmax(520px, 7fr); gap: 18px; }
.risk-card[b-40gg5awyyz] { min-width: 0; overflow: hidden; background: var(--surface); border: 1px solid var(--line); border-radius: 9px; box-shadow: 0 1px 2px rgb(15 23 42 / 4%); }
.card-header[b-40gg5awyyz], .records-header[b-40gg5awyyz] { padding: 16px 18px; border-bottom: 1px solid var(--line); }.card-header[b-40gg5awyyz] { align-items: flex-start; }.card-header h2[b-40gg5awyyz], .card-title-row h2[b-40gg5awyyz], .section-intro h3[b-40gg5awyyz], .scope-block h3[b-40gg5awyyz] { margin: 0; font-size: .94rem; font-weight: 780; }.soft-pill[b-40gg5awyyz] { color: var(--muted); background: var(--surface-soft); }
.runtime-metrics[b-40gg5awyyz] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding: 18px; }.runtime-metrics article[b-40gg5awyyz] { min-width: 0; padding: 12px; background: var(--surface-soft); border-radius: 8px; }.runtime-metrics article.sky[b-40gg5awyyz] { background: #f0f9ff; }.runtime-metrics article.green[b-40gg5awyyz] { background: #ecfdf5; }.runtime-metrics article.red[b-40gg5awyyz] { background: #fff1f2; }.runtime-metrics article.amber[b-40gg5awyyz] { background: #fffbeb; }.runtime-metrics article.purple[b-40gg5awyyz] { background: #f5f3ff; }.runtime-metrics small[b-40gg5awyyz], .runtime-metrics p[b-40gg5awyyz] { color: var(--muted); font-size: .62rem; }.runtime-metrics strong[b-40gg5awyyz] { display: block; margin-top: 7px; overflow: hidden; font-size: 1.18rem; text-overflow: ellipsis; white-space: nowrap; }.runtime-metrics p[b-40gg5awyyz] { margin: 3px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.key-load-list[b-40gg5awyyz] { display: grid; max-height: 330px; padding: 14px 18px 18px; overflow: auto; gap: 9px; }.key-load-list article[b-40gg5awyyz] { padding: 11px 12px; background: var(--surface-soft); border-radius: 8px; }.key-load-head[b-40gg5awyyz], .key-load-head span[b-40gg5awyyz] { display: flex; align-items: center; gap: 8px; }.key-load-head[b-40gg5awyyz] { justify-content: space-between; }.key-load-head code[b-40gg5awyyz] { color: var(--ink); font-size: .68rem; }.key-load-head small[b-40gg5awyyz] { color: var(--muted); font-size: .6rem; }.status-dot[b-40gg5awyyz] { width: 7px; height: 7px; border-radius: 50%; }.status-dot.success[b-40gg5awyyz], .key-state.success i[b-40gg5awyyz] { background: #10b981; }.status-dot.danger[b-40gg5awyyz], .key-state.danger i[b-40gg5awyyz] { background: #ef4444; }.status-dot.warning[b-40gg5awyyz], .key-state.warning i[b-40gg5awyyz] { background: #f59e0b; }.status-dot.neutral[b-40gg5awyyz], .key-state.neutral i[b-40gg5awyyz] { background: #94a3b8; }
.key-load-list dl[b-40gg5awyyz] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 9px 0 0; gap: 7px; text-align: right; }.key-load-list dl div[b-40gg5awyyz] { display: grid; gap: 2px; }.key-load-list dt[b-40gg5awyyz] { color: var(--muted); font-size: .58rem; }.key-load-list dd[b-40gg5awyyz] { margin: 0; font-size: .67rem; font-weight: 700; }.load-meter[b-40gg5awyyz], .queue-meter[b-40gg5awyyz], .score-meter[b-40gg5awyyz] { height: 5px; margin-top: 9px; overflow: hidden; background: var(--surface); border-radius: 999px; }.load-meter i[b-40gg5awyyz], .queue-meter i[b-40gg5awyyz] { display: block; height: 100%; background: #0ea5e9; border-radius: inherit; }

.auto-refresh[b-40gg5awyyz] { color: var(--muted); font-size: .64rem; }.worker-layout[b-40gg5awyyz] { display: grid; grid-template-columns: minmax(280px, 360px) 1fr; padding: 18px; gap: 24px; }.queue-panel[b-40gg5awyyz] { display: grid; gap: 12px; }.queue-title[b-40gg5awyyz] { display: flex; justify-content: space-between; gap: 12px; }.queue-title span[b-40gg5awyyz] { display: grid; gap: 2px; }.queue-title small[b-40gg5awyyz], .worker-pool small[b-40gg5awyyz] { color: var(--muted); font-size: .62rem; }.queue-meter[b-40gg5awyyz] { height: 8px; margin: 0; background: var(--surface-soft); }.worker-metrics[b-40gg5awyyz] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }.worker-metrics article[b-40gg5awyyz] { padding: 12px; background: var(--surface-soft); border-radius: 8px; }.worker-metrics article.green[b-40gg5awyyz] { background: #ecfdf5; }.worker-metrics small[b-40gg5awyyz] { display: block; color: var(--muted); font-size: .62rem; }.worker-metrics strong[b-40gg5awyyz] { display: block; margin-top: 5px; font-size: 1.1rem; }.worker-pool > div:first-child[b-40gg5awyyz] { display: grid; gap: 3px; }.worker-slots[b-40gg5awyyz] { display: grid; grid-template-columns: repeat(auto-fill, minmax(72px, 1fr)); margin-top: 13px; gap: 7px; }.worker-slots span[b-40gg5awyyz] { display: flex; height: 42px; padding: 0 10px; align-items: center; justify-content: space-between; border: 1px solid var(--line); border-radius: 7px; font-size: .66rem; }.worker-slots i[b-40gg5awyyz] { width: 8px; height: 8px; background: #94a3b8; border-radius: 50%; }.worker-slots .active[b-40gg5awyyz] { color: #0369a1; background: #f0f9ff; border-color: #bae6fd; }.worker-slots .active i[b-40gg5awyyz] { background: #0ea5e9; }.worker-slots .idle[b-40gg5awyyz] { color: #047857; background: #ecfdf5; border-color: #a7f3d0; }.worker-slots .idle i[b-40gg5awyyz] { background: #10b981; }.worker-slots .disabled[b-40gg5awyyz] { opacity: .65; }

.records-header[b-40gg5awyyz] { display: grid; gap: 13px; }.model-filter-summary[b-40gg5awyyz] { display: flex; min-width: 0; padding: 8px 10px; align-items: center; gap: 7px; color: var(--muted); background: var(--surface-soft); border: 1px solid var(--line); border-radius: 7px; font-size: .66rem; }.model-filter-summary b[b-40gg5awyyz] { color: var(--ink); }.model-filter-summary code[b-40gg5awyyz] { max-width: 170px; padding: 3px 6px; overflow: hidden; color: var(--muted); background: var(--surface); border-radius: 4px; text-overflow: ellipsis; white-space: nowrap; }
.log-filters[b-40gg5awyyz] { display: grid; grid-template-columns: repeat(3, minmax(120px, 1fr)) minmax(180px, 1.3fr) minmax(170px, 1fr) minmax(170px, 1fr); gap: 8px; }.log-filters select[b-40gg5awyyz], .log-filters input[b-40gg5awyyz], .table-footer select[b-40gg5awyyz] { width: 100%; min-height: 35px; padding: 6px 9px; color: var(--ink); background: var(--surface); border: 1px solid #cad3ce; border-radius: 6px; font: inherit; font-size: .69rem; }.search-field[b-40gg5awyyz] { position: relative; }.search-field :deep(svg)[b-40gg5awyyz] { position: absolute; z-index: 1; top: 10px; left: 9px; color: var(--muted); }.search-field input[b-40gg5awyyz] { padding-left: 30px; }
.risk-table-wrap[b-40gg5awyyz] { overflow: auto; }.risk-table[b-40gg5awyyz] { width: 100%; min-width: 1320px; border-collapse: collapse; }.risk-table th[b-40gg5awyyz], .risk-table td[b-40gg5awyyz] { padding: 10px 12px; text-align: left; border-bottom: 1px solid var(--line); vertical-align: middle; }.risk-table th[b-40gg5awyyz] { color: var(--muted); background: var(--surface-soft); font-size: .58rem; font-weight: 750; letter-spacing: .03em; text-transform: uppercase; }.risk-table td[b-40gg5awyyz] { max-width: 220px; font-size: .65rem; }.risk-table tbody tr:hover[b-40gg5awyyz] { background: var(--surface-soft); }.nowrap[b-40gg5awyyz] { white-space: nowrap; }.stacked[b-40gg5awyyz], .action-meta[b-40gg5awyyz] { display: grid; gap: 2px; }.stacked b[b-40gg5awyyz], .action-meta b[b-40gg5awyyz] { overflow: hidden; font-size: .66rem; text-overflow: ellipsis; white-space: nowrap; }.stacked small[b-40gg5awyyz], .action-meta small[b-40gg5awyyz] { color: var(--muted); font-size: .58rem; }.action-meta button[b-40gg5awyyz] { width: fit-content; padding: 0; color: #047857; background: transparent; border: 0; font-size: .6rem; font-weight: 750; cursor: pointer; }.result-pill.danger[b-40gg5awyyz] { color: #b91c1c; background: #fee2e2; }.result-pill.warning[b-40gg5awyyz] { color: #b45309; background: #fef3c7; }.result-pill.hit[b-40gg5awyyz] { color: #be185d; background: #fce7f3; }.excerpt-button[b-40gg5awyyz] { display: block; max-width: 210px; padding: 0; overflow: hidden; color: var(--ink); background: transparent; border: 0; font: inherit; text-align: left; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }.excerpt-button:hover[b-40gg5awyyz] { color: var(--primary); text-decoration: underline; }
.table-footer[b-40gg5awyyz] { padding: 11px 14px; color: var(--muted); font-size: .65rem; }.table-footer > div[b-40gg5awyyz] { gap: 7px; }.table-footer select[b-40gg5awyyz] { width: auto; min-height: 32px; }.table-footer .icon-button[b-40gg5awyyz] { width: 32px; height: 32px; }

.settings-tabs[b-40gg5awyyz] { display: flex; margin: -4px -4px 0; padding: 0 4px 10px; overflow-x: auto; gap: 3px; border-bottom: 1px solid var(--line); }.settings-tabs button[b-40gg5awyyz] { padding: 8px 11px; color: var(--muted); background: transparent; border: 0; border-radius: 6px; font-size: .68rem; font-weight: 700; white-space: nowrap; cursor: pointer; }.settings-tabs button:hover[b-40gg5awyyz] { color: var(--ink); background: var(--surface-soft); }.settings-tabs button.active[b-40gg5awyyz] { color: #fff; background: var(--primary); }
.settings-content[b-40gg5awyyz] { display: grid; padding-top: 16px; gap: 15px; }.setting-block[b-40gg5awyyz], .scope-block[b-40gg5awyyz], .hash-panel[b-40gg5awyyz], .cleanup-card[b-40gg5awyyz] { padding: 14px; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 8px; }.setting-switch[b-40gg5awyyz] { display: flex; align-items: center; justify-content: space-between; gap: 20px; cursor: pointer; }.setting-switch > span[b-40gg5awyyz] { display: grid; gap: 3px; }.setting-switch b[b-40gg5awyyz] { font-size: .72rem; }.setting-switch small[b-40gg5awyyz], .risk-form label small[b-40gg5awyyz], .full-field small[b-40gg5awyyz], .scope-block > p[b-40gg5awyyz] { color: var(--muted); font-size: .61rem; line-height: 1.5; }.setting-switch input[b-40gg5awyyz] { width: 34px; height: 18px; accent-color: var(--primary); }
.mode-options[b-40gg5awyyz] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }.mode-options button[b-40gg5awyyz] { display: flex; min-height: 78px; padding: 12px; align-items: flex-start; justify-content: space-between; gap: 10px; color: var(--ink); background: var(--surface); border: 1px solid var(--line); border-radius: 8px; text-align: left; cursor: pointer; }.mode-options button:hover[b-40gg5awyyz] { background: var(--surface-soft); }.mode-options button.active[b-40gg5awyyz] { background: #eff8f4; border-color: #69b899; box-shadow: 0 0 0 1px #69b899 inset; }.mode-options button > span[b-40gg5awyyz] { display: grid; gap: 4px; }.mode-options b[b-40gg5awyyz] { font-size: .7rem; }.mode-options small[b-40gg5awyyz] { color: var(--muted); font-size: .6rem; line-height: 1.45; }.mode-options i[b-40gg5awyyz] { width: 14px; height: 14px; flex: 0 0 auto; border: 1px solid #b7c2bd; border-radius: 50%; }.mode-options button.active i[b-40gg5awyyz] { background: var(--primary); border: 4px solid #d9eee5; }.mode-options.compact button[b-40gg5awyyz] { min-height: 70px; }
.risk-form[b-40gg5awyyz] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 12px; }.risk-form label[b-40gg5awyyz], .full-field[b-40gg5awyyz] { display: grid; align-content: start; gap: 6px; }.risk-form label > span[b-40gg5awyyz], .full-field > span[b-40gg5awyyz] { font-size: .65rem; font-weight: 700; }.risk-form input[b-40gg5awyyz], .risk-form select[b-40gg5awyyz], .full-field textarea[b-40gg5awyyz], .group-picker > input[b-40gg5awyyz], .hash-panel input[b-40gg5awyyz], .api-key-input textarea[b-40gg5awyyz], .audit-input textarea[b-40gg5awyyz] { width: 100%; min-width: 0; min-height: var(--form-control-height); padding: 7px 10px; color: var(--form-control-color); background: var(--form-control-bg); border: 1px solid var(--form-control-border); border-radius: var(--form-control-radius); font: inherit; font-size: .69rem; }.risk-form textarea[b-40gg5awyyz], .full-field textarea[b-40gg5awyyz], .api-key-input textarea[b-40gg5awyyz], .audit-input textarea[b-40gg5awyyz] { resize: vertical; }.risk-form input:focus[b-40gg5awyyz], .risk-form select:focus[b-40gg5awyyz], .full-field textarea:focus[b-40gg5awyyz], .group-picker > input:focus[b-40gg5awyyz], .hash-panel input:focus[b-40gg5awyyz], .api-key-input textarea:focus[b-40gg5awyyz], .audit-input textarea:focus[b-40gg5awyyz] { border-color: var(--form-control-focus); outline: 0; box-shadow: 0 0 0 3px var(--form-control-focus-ring); }

.api-key-panel[b-40gg5awyyz] { overflow: hidden; border: 1px solid var(--line); border-radius: 9px; }.api-key-panel > header[b-40gg5awyyz], .api-key-panel > header > div[b-40gg5awyyz], .panel-icon[b-40gg5awyyz], .api-key-health > header[b-40gg5awyyz], .audit-input > header[b-40gg5awyyz], .audit-result > header[b-40gg5awyyz] { display: flex; align-items: center; justify-content: space-between; gap: 9px; }.api-key-panel > header[b-40gg5awyyz] { padding: 13px; background: var(--surface-soft); border-bottom: 1px solid var(--line); }.api-key-panel > header > div:first-child > span:last-child[b-40gg5awyyz], .api-key-health > header > span[b-40gg5awyyz], .audit-input > header > div[b-40gg5awyyz] { display: grid; gap: 3px; }.api-key-panel > header b[b-40gg5awyyz], .api-key-health > header b[b-40gg5awyyz], .audit-input > header b[b-40gg5awyyz] { font-size: .7rem; }.api-key-panel > header small[b-40gg5awyyz], .api-key-health > header small[b-40gg5awyyz], .audit-input > header small[b-40gg5awyyz] { color: var(--muted); font-size: .59rem; }.panel-icon[b-40gg5awyyz] { width: 34px; height: 34px; justify-content: center; color: var(--primary); background: #e9f5f0; border-radius: 7px; }.api-key-panel > header > div:last-child[b-40gg5awyyz] { flex-wrap: wrap; justify-content: flex-end; }
.api-key-layout[b-40gg5awyyz] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(340px, 420px); gap: 13px; padding: 13px; }.api-key-input[b-40gg5awyyz] { display: grid; align-content: start; gap: 9px; }.write-mode[b-40gg5awyyz] { display: flex; padding: 6px 7px; align-items: center; justify-content: space-between; gap: 8px; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 7px; }.write-mode > span[b-40gg5awyyz] { display: grid; gap: 2px; }.write-mode b[b-40gg5awyyz] { font-size: .62rem; }.write-mode small[b-40gg5awyyz] { color: var(--muted); font-size: .56rem; }.write-mode > div[b-40gg5awyyz] { display: flex; padding: 2px; background: var(--surface); border-radius: 6px; box-shadow: 0 1px 2px rgb(15 23 42 / 7%); }.write-mode button[b-40gg5awyyz] { padding: 5px 9px; color: var(--muted); background: transparent; border: 0; border-radius: 5px; font-size: .6rem; cursor: pointer; }.write-mode button.active[b-40gg5awyyz] { color: #fff; background: var(--primary); }.write-mode button.replace.active[b-40gg5awyyz] { background: #d97706; }.write-mode button:disabled[b-40gg5awyyz] { opacity: .5; }.tag-line[b-40gg5awyyz] { display: flex; flex-wrap: wrap; gap: 6px; }.tag-line span[b-40gg5awyyz], .tag-line b[b-40gg5awyyz] { padding: 3px 6px; color: var(--muted); background: var(--surface-soft); border-radius: 4px; font-size: .57rem; font-weight: 600; }.tag-line .danger[b-40gg5awyyz] { color: #b91c1c; background: #fee2e2; }.tag-line .warning[b-40gg5awyyz] { color: #b45309; background: #fef3c7; }
.audit-input[b-40gg5awyyz] { display: grid; margin-top: 3px; padding: 10px; gap: 8px; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 7px; }.audit-input header button[b-40gg5awyyz] { padding: 0; color: var(--muted); background: transparent; border: 0; font-size: .57rem; cursor: pointer; }.image-upload[b-40gg5awyyz] { padding: 9px; background: var(--surface); border: 1px dashed var(--line); border-radius: 7px; }.image-upload > label[b-40gg5awyyz] { position: relative; display: flex; align-items: center; gap: 8px; cursor: pointer; }.image-upload > label > span[b-40gg5awyyz] { display: grid; gap: 2px; }.image-upload b[b-40gg5awyyz] { font-size: .63rem; }.image-upload small[b-40gg5awyyz] { color: var(--muted); font-size: .57rem; }.image-upload :deep(input[type=file])[b-40gg5awyyz] { position: absolute; inset: 0; width: 100%; opacity: 0; cursor: pointer; }.image-preview[b-40gg5awyyz] { display: flex; position: relative; margin-top: 8px; padding: 6px; align-items: center; gap: 7px; background: var(--surface-soft); border-radius: 6px; }.image-preview img[b-40gg5awyyz] { width: 48px; height: 48px; object-fit: cover; border-radius: 5px; }.image-preview span[b-40gg5awyyz] { min-width: 0; overflow: hidden; font-size: .59rem; text-overflow: ellipsis; white-space: nowrap; }.image-preview button[b-40gg5awyyz] { margin-left: auto; color: var(--muted); background: transparent; border: 0; cursor: pointer; }
.api-key-health[b-40gg5awyyz] { min-width: 0; padding: 10px; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 7px; }.api-key-health > header[b-40gg5awyyz] { align-items: flex-start; }.api-key-health > header em[b-40gg5awyyz] { padding: 3px 7px; color: var(--muted); background: var(--surface); border-radius: 999px; font-size: .57rem; font-style: normal; }.health-empty[b-40gg5awyyz] { display: grid; min-height: 130px; margin-top: 9px; padding: 15px; place-content: center; justify-items: center; gap: 5px; color: var(--muted); background: var(--surface); border: 1px dashed var(--line); border-radius: 7px; text-align: center; }.health-empty b[b-40gg5awyyz] { color: var(--ink); font-size: .66rem; }.health-empty small[b-40gg5awyyz] { font-size: .58rem; }.key-status-list[b-40gg5awyyz] { display: grid; max-height: 310px; margin-top: 9px; overflow-y: auto; gap: 7px; }.key-status-list article[b-40gg5awyyz] { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; padding: 8px; gap: 7px; background: var(--surface); border: 1px solid var(--line); border-radius: 7px; }.key-status-list article.pending[b-40gg5awyyz] { opacity: .65; border-color: #f59e0b; }.key-status-list article > div[b-40gg5awyyz] { min-width: 0; }.key-status-list code[b-40gg5awyyz] { display: inline-block; max-width: 170px; overflow: hidden; font-size: .62rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }.key-origin[b-40gg5awyyz] { margin-left: 5px; padding: 2px 5px; color: #047857; background: #d1fae5; border-radius: 4px; font-size: .52rem; }.key-status-list small[b-40gg5awyyz] { display: block; margin-top: 3px; color: var(--muted); font-size: .55rem; line-height: 1.4; }.key-status-list p[b-40gg5awyyz] { margin: 4px 0 0; padding: 4px 5px; color: #b45309; background: #fffbeb; border-radius: 4px; font-size: .55rem; }.key-status-list article > button[b-40gg5awyyz] { width: 24px; height: 24px; padding: 0; color: var(--muted); background: transparent; border: 0; cursor: pointer; }.key-state[b-40gg5awyyz] { display: inline-flex; height: fit-content; padding: 3px 6px; align-items: center; gap: 4px; border-radius: 999px; font-size: .55rem; font-weight: 700; }.key-state i[b-40gg5awyyz] { width: 5px; height: 5px; border-radius: 50%; }.key-state.success[b-40gg5awyyz] { color: #047857; background: #d1fae5; }.key-state.danger[b-40gg5awyyz] { color: #b91c1c; background: #fee2e2; }.key-state.warning[b-40gg5awyyz] { color: #b45309; background: #fef3c7; }.key-state.neutral[b-40gg5awyyz] { color: #64748b; background: #e2e8f0; }
.audit-result[b-40gg5awyyz] { margin-top: 10px; padding: 9px; background: var(--surface); border: 1px solid var(--line); border-radius: 7px; }.audit-result header > span[b-40gg5awyyz] { display: grid; gap: 2px; }.audit-result header b[b-40gg5awyyz] { font-size: .64rem; }.audit-result header small[b-40gg5awyyz] { color: var(--muted); font-size: .55rem; }.audit-result header em[b-40gg5awyyz] { padding: 3px 6px; border-radius: 999px; font-size: .55rem; font-style: normal; }.audit-result .danger[b-40gg5awyyz] { color: #b91c1c; }.audit-result header .danger[b-40gg5awyyz] { background: #fee2e2; }.audit-result .success[b-40gg5awyyz] { color: #047857; }.audit-result header .success[b-40gg5awyyz] { background: #d1fae5; }.score-summary[b-40gg5awyyz] { display: flex; margin-top: 8px; justify-content: space-between; color: var(--muted); font-size: .57rem; }.score-summary b[b-40gg5awyyz] { color: var(--ink); }.score-meter[b-40gg5awyyz] { background: var(--surface-soft); }.score-meter i[b-40gg5awyyz] { display: block; height: 100%; background: #10b981; }.score-meter i.danger[b-40gg5awyyz] { background: #ef4444; }.score-list[b-40gg5awyyz] { display: grid; max-height: 150px; margin-top: 8px; overflow-y: auto; gap: 4px; }.score-list div[b-40gg5awyyz] { display: grid; grid-template-columns: 1fr auto auto; gap: 7px; font-size: .55rem; }.score-list small[b-40gg5awyyz] { color: var(--muted); }

.group-picker[b-40gg5awyyz] { display: grid; gap: 9px; }.group-picker > div[b-40gg5awyyz] { display: grid; max-height: 330px; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow-y: auto; gap: 7px; }.group-picker label[b-40gg5awyyz] { display: flex; padding: 9px; align-items: center; gap: 8px; border: 1px solid var(--line); border-radius: 7px; cursor: pointer; }.group-picker label > span[b-40gg5awyyz] { display: grid; gap: 2px; }.group-picker b[b-40gg5awyyz] { font-size: .66rem; }.group-picker small[b-40gg5awyyz] { color: var(--muted); font-size: .57rem; }.group-picker p[b-40gg5awyyz] { color: var(--muted); text-align: center; }.scope-block[b-40gg5awyyz] { display: grid; gap: 10px; }.scope-block > p[b-40gg5awyyz] { margin: -5px 0 0; }.full-field[b-40gg5awyyz] { display: grid; gap: 6px; }.full-field > span[b-40gg5awyyz] { display: flex; justify-content: space-between; }.full-field em[b-40gg5awyyz] { color: var(--muted); font-size: .58rem; font-style: normal; }
.switch-grid[b-40gg5awyyz] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }.switch-grid .setting-switch[b-40gg5awyyz] { padding: 13px; border: 1px solid var(--line); border-radius: 8px; }.switch-grid .span-two[b-40gg5awyyz] { grid-column: span 2; }.hash-panel header[b-40gg5awyyz], .hash-panel header > span[b-40gg5awyyz], .hash-panel > div[b-40gg5awyyz] { display: flex; align-items: center; justify-content: space-between; gap: 10px; }.hash-panel header > span[b-40gg5awyyz] { display: grid; align-items: initial; gap: 3px; }.hash-panel b[b-40gg5awyyz] { font-size: .68rem; }.hash-panel small[b-40gg5awyyz] { color: var(--muted); font-size: .59rem; }.hash-panel > div[b-40gg5awyyz] { margin-top: 10px; }.hash-panel input[b-40gg5awyyz] { flex: 1; }.danger-text[b-40gg5awyyz] { color: #b91c1c !important; }
.threshold-grid[b-40gg5awyyz] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; gap: 9px; }.threshold-grid label[b-40gg5awyyz] { display: grid; align-content: start; padding: 11px; gap: 9px; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 8px; }.threshold-grid label > span[b-40gg5awyyz] { display: flex; justify-content: space-between; gap: 7px; }.threshold-grid b[b-40gg5awyyz] { overflow: hidden; font-size: .63rem; text-overflow: ellipsis; white-space: nowrap; }.threshold-grid small[b-40gg5awyyz] { color: var(--muted); font-size: .55rem; }.threshold-grid label > div[b-40gg5awyyz] { position: relative; }.threshold-grid input[b-40gg5awyyz] { width: 100%; min-height: var(--form-control-height); padding: 7px 27px 7px 10px; color: var(--form-control-color); background: var(--form-control-bg); border: 1px solid var(--form-control-border); border-radius: var(--form-control-radius); font: inherit; font-size: .66rem; }.threshold-grid input:focus[b-40gg5awyyz] { border-color: var(--form-control-focus); outline: 0; box-shadow: 0 0 0 3px var(--form-control-focus-ring); }.threshold-grid em[b-40gg5awyyz] { position: absolute; top: 11px; right: 9px; color: var(--muted); font-size: .6rem; font-style: normal; }
.keyword-notice[b-40gg5awyyz] { display: flex; padding: 12px; align-items: flex-start; gap: 9px; border: 1px solid var(--line); border-radius: 8px; }.keyword-notice > span[b-40gg5awyyz] { display: grid; gap: 3px; }.keyword-notice b[b-40gg5awyyz] { font-size: .66rem; }.keyword-notice small[b-40gg5awyyz] { color: var(--muted); font-size: .58rem; }.keyword-notice.success[b-40gg5awyyz] { color: #047857; background: #ecfdf5; border-color: #a7f3d0; }.keyword-notice.warning[b-40gg5awyyz] { color: #b45309; background: #fffbeb; border-color: #fde68a; }.keyword-notice.info[b-40gg5awyyz] { color: #0369a1; background: #f0f9ff; border-color: #bae6fd; }.cleanup-card[b-40gg5awyyz] { display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: .68rem; }.cleanup-card span[b-40gg5awyyz] { display: grid; gap: 3px; }.cleanup-card small[b-40gg5awyyz] { font-size: .58rem; }

.detail-metrics[b-40gg5awyyz] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; }.detail-metrics article[b-40gg5awyyz] { min-width: 0; padding: 11px; background: var(--surface-soft); border: 1px solid var(--line); border-radius: 7px; }.detail-metrics article.keyword[b-40gg5awyyz] { grid-column: span 2; color: #b91c1c; background: #fff1f2; border-color: #fecdd3; }.detail-metrics small[b-40gg5awyyz] { display: block; color: var(--muted); font-size: .57rem; }.detail-metrics b[b-40gg5awyyz] { display: block; margin-top: 4px; overflow: hidden; font-size: .66rem; text-overflow: ellipsis; white-space: nowrap; }.detail-content[b-40gg5awyyz] { margin-top: 14px; padding: 13px; border: 1px solid var(--line); border-radius: 8px; }.detail-content header[b-40gg5awyyz], .detail-content header > span[b-40gg5awyyz] { display: flex; align-items: center; justify-content: space-between; gap: 10px; }.detail-content header > span[b-40gg5awyyz] { display: grid; align-items: initial; gap: 3px; }.detail-content header b[b-40gg5awyyz] { font-size: .68rem; }.detail-content header small[b-40gg5awyyz] { color: var(--muted); font-size: .58rem; }.detail-content header em[b-40gg5awyyz] { padding: 3px 7px; color: #0369a1; background: #e0f2fe; border-radius: 5px; font-size: .57rem; font-style: normal; }.detail-content pre[b-40gg5awyyz] { max-height: 420px; margin: 11px 0 0; padding: 13px; overflow: auto; color: #e2e8f0; background: #0f172a; border-radius: 7px; font-size: .66rem; line-height: 1.65; white-space: pre-wrap; overflow-wrap: anywhere; }

@media (max-width: 1180px) { .overview-grid[b-40gg5awyyz] { grid-template-columns: repeat(2, minmax(0, 1fr)); }.runtime-split[b-40gg5awyyz], .worker-layout[b-40gg5awyyz] { grid-template-columns: 1fr; }.log-filters[b-40gg5awyyz] { grid-template-columns: repeat(3, minmax(0, 1fr)); }.api-key-layout[b-40gg5awyyz] { grid-template-columns: 1fr; }.api-key-health[b-40gg5awyyz] { max-height: none; }.threshold-grid[b-40gg5awyyz] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) { .risk-heading[b-40gg5awyyz], .card-title-row[b-40gg5awyyz], .section-intro[b-40gg5awyyz] { align-items: flex-start; flex-direction: column; }.risk-actions[b-40gg5awyyz] { width: 100%; justify-content: flex-start; }.overview-grid[b-40gg5awyyz], .runtime-metrics[b-40gg5awyyz], .risk-form[b-40gg5awyyz], .mode-options[b-40gg5awyyz], .switch-grid[b-40gg5awyyz], .group-picker > div[b-40gg5awyyz], .detail-metrics[b-40gg5awyyz] { grid-template-columns: 1fr; }.worker-metrics[b-40gg5awyyz] { grid-template-columns: repeat(2, minmax(0, 1fr)); }.log-filters[b-40gg5awyyz] { grid-template-columns: 1fr; }.api-key-panel > header[b-40gg5awyyz], .write-mode[b-40gg5awyyz], .hash-panel header[b-40gg5awyyz], .hash-panel > div[b-40gg5awyyz] { align-items: stretch; flex-direction: column; }.api-key-panel > header > div:last-child[b-40gg5awyyz] { justify-content: flex-start; }.switch-grid .span-two[b-40gg5awyyz], .detail-metrics article.keyword[b-40gg5awyyz] { grid-column: auto; }.threshold-grid[b-40gg5awyyz] { grid-template-columns: 1fr; }.model-filter-summary[b-40gg5awyyz] { flex-wrap: wrap; }.table-footer[b-40gg5awyyz] { align-items: flex-start; flex-direction: column; } }
/* /Pages/AdminSettings.razor.rz.scp.css */
.settings-page[b-subkqpq83y] {
    display: grid;
    gap: 18px;
    padding-bottom: 96px;
}

.settings-heading[b-subkqpq83y] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.settings-heading span[b-subkqpq83y] {
    color: var(--primary);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.settings-heading h1[b-subkqpq83y] {
    margin: 4px 0 0;
    color: var(--text);
    font-size: 1.7rem;
    letter-spacing: -.025em;
}

.settings-heading p[b-subkqpq83y] {
    max-width: 780px;
    margin: 7px 0 0;
    color: var(--muted);
    font-size: .82rem;
    line-height: 1.6;
}

.settings-tabs[b-subkqpq83y] {
    display: flex;
    overflow-x: auto;
    padding: 4px;
    gap: 3px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--surface-soft);
    scrollbar-width: thin;
}

.settings-tabs button[b-subkqpq83y] {
    display: inline-flex;
    flex: 0 0 auto;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 15px;
    border: 0;
    border-radius: 6px;
    color: var(--muted);
    background: transparent;
    font: inherit;
    font-size: .78rem;
    font-weight: 700;
    cursor: pointer;
}

.settings-tabs button:hover[b-subkqpq83y] {
    color: var(--text);
    background: var(--surface-hover);
}

.settings-tabs button.active[b-subkqpq83y] {
    color: #fff;
    background: var(--primary);
    box-shadow: 0 1px 3px rgba(21, 91, 68, .22);
}

.settings-content[b-subkqpq83y] {
    display: grid;
    gap: 16px;
}

.settings-card[b-subkqpq83y] {
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--surface);
}

.settings-card > header[b-subkqpq83y] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 20px;
    border-bottom: 1px solid var(--line);
}

.settings-card > header h2[b-subkqpq83y] {
    margin: 0;
    color: var(--text);
    font-size: .98rem;
}

.settings-card > header p[b-subkqpq83y],
.pending-card > p[b-subkqpq83y] {
    margin: 5px 0 0;
    color: var(--muted);
    font-size: .76rem;
    line-height: 1.55;
}

.card-header-actions[b-subkqpq83y] {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 7px;
}

.settings-grid[b-subkqpq83y] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 17px 20px;
    padding: 20px;
}

.settings-card[b-subkqpq83y]  input:not([type="checkbox"]),
.settings-card[b-subkqpq83y]  select,
.settings-card[b-subkqpq83y]  textarea {
    width: 100%;
    min-height: 40px;
}

.settings-card[b-subkqpq83y]  textarea {
    resize: vertical;
}

.empty-secret[b-subkqpq83y],
.secret-status[b-subkqpq83y],
.generated-secret[b-subkqpq83y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 20px;
    padding: 14px 16px;
    border: 1px solid var(--line);
    border-radius: 7px;
    background: var(--surface-soft);
}

.secret-status > div[b-subkqpq83y] {
    display: flex;
    gap: 8px;
}

.secret-status code[b-subkqpq83y],
.generated-secret code[b-subkqpq83y] {
    overflow-wrap: anywhere;
    color: var(--text);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}

.generated-secret[b-subkqpq83y] {
    align-items: flex-start;
    border-color: rgba(35, 134, 98, .35);
    background: rgba(35, 134, 98, .08);
}

.generated-secret > div[b-subkqpq83y] {
    display: grid;
    gap: 7px;
}

.pending-card[b-subkqpq83y] {
    border-style: dashed;
}

.pending-card > p[b-subkqpq83y] {
    padding: 0 20px 20px;
}

.backup-links > div[b-subkqpq83y] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 20px;
}

.backup-link[b-subkqpq83y] {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: 7px;
    color: var(--text);
    text-decoration: none;
}

.backup-link:hover[b-subkqpq83y] {
    border-color: var(--primary);
    background: var(--surface-hover);
}

.backup-link span[b-subkqpq83y] {
    display: grid;
    flex: 1;
    gap: 3px;
}

.backup-link small[b-subkqpq83y] {
    color: var(--muted);
    font-size: .72rem;
}

.settings-savebar[b-subkqpq83y] {
    position: sticky;
    z-index: 5;
    bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 13px 16px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: color-mix(in srgb, var(--surface) 94%, transparent);
    box-shadow: 0 8px 28px rgba(17, 31, 26, .12);
    backdrop-filter: blur(10px);
}

.settings-savebar > div[b-subkqpq83y] {
    display: grid;
    gap: 2px;
}

.settings-savebar b[b-subkqpq83y] {
    color: var(--text);
    font-size: .8rem;
}

.settings-savebar span[b-subkqpq83y] {
    color: var(--muted);
    font-size: .7rem;
}

@media (max-width: 820px) {
    .settings-grid[b-subkqpq83y],
    .backup-links > div[b-subkqpq83y] {
        grid-template-columns: 1fr;
    }

    .settings-heading[b-subkqpq83y],
    .settings-card > header[b-subkqpq83y],
    .settings-savebar[b-subkqpq83y],
    .empty-secret[b-subkqpq83y],
    .secret-status[b-subkqpq83y],
    .generated-secret[b-subkqpq83y] {
        align-items: stretch;
        flex-direction: column;
    }

    .card-header-actions[b-subkqpq83y],
    .card-header-actions .button[b-subkqpq83y] {
        width: 100%;
    }

    .secret-status > div[b-subkqpq83y],
    .settings-savebar .button[b-subkqpq83y],
    .settings-heading .button[b-subkqpq83y],
    .generated-secret .button[b-subkqpq83y] {
        width: 100%;
    }
}

@media (max-width: 520px) {
    .settings-page[b-subkqpq83y] {
        gap: 14px;
    }

    .settings-heading h1[b-subkqpq83y] {
        font-size: 1.4rem;
    }

    .settings-card > header[b-subkqpq83y],
    .settings-grid[b-subkqpq83y],
    .backup-links > div[b-subkqpq83y] {
        padding: 15px;
    }
}
/* /Pages/Affiliate.razor.rz.scp.css */
.affiliate-metrics[b-yztkpsnxx9] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.affiliate-metrics .metric-label[b-yztkpsnxx9] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.affiliate-metrics strong small[b-yztkpsnxx9] {
    margin-left: 2px;
    font-size: .62em;
}

.affiliate-metrics .metric-hint[b-yztkpsnxx9] {
    color: var(--muted);
    font-size: .72rem;
    line-height: 1.45;
}

.affiliate-metrics .metric-hint.frozen[b-yztkpsnxx9] {
    color: #b86b14;
}

.affiliate-metrics .rate-card strong[b-yztkpsnxx9] {
    color: var(--primary);
}

.affiliate-metrics .available-card strong[b-yztkpsnxx9],
.rebate-value[b-yztkpsnxx9] {
    color: #16845c;
}

.affiliate-share-grid[b-yztkpsnxx9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.affiliate-copy-field[b-yztkpsnxx9] {
    display: grid;
    gap: 7px;
}

.affiliate-copy-field > label[b-yztkpsnxx9] {
    color: var(--text);
    font-size: .78rem;
    font-weight: 700;
}

.affiliate-copy-field > div[b-yztkpsnxx9] {
    display: flex;
    min-width: 0;
    padding: 8px 9px;
    align-items: center;
    gap: 10px;
    background: var(--surface-soft);
    border: 1px solid var(--line);
    border-radius: 7px;
}

.affiliate-copy-field code[b-yztkpsnxx9] {
    min-width: 0;
    flex: 1;
    overflow: hidden;
    color: var(--text);
    font-size: .78rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.affiliate-copy-field .button[b-yztkpsnxx9] {
    flex: 0 0 auto;
}

.affiliate-tips[b-yztkpsnxx9] {
    margin-top: 18px;
    padding: 15px 17px;
    color: #24674e;
    background: var(--primary-soft);
    border: 1px solid #b9dfcf;
    border-radius: 8px;
}

.affiliate-tips strong[b-yztkpsnxx9] {
    font-size: .8rem;
}

.affiliate-tips ol[b-yztkpsnxx9] {
    display: grid;
    margin: 8px 0 0;
    padding-left: 20px;
    gap: 4px;
    font-size: .75rem;
    line-height: 1.5;
}

.affiliate-transfer-card .section-header[b-yztkpsnxx9] {
    margin-bottom: 0;
}

.affiliate-transfer-card .inline-alert[b-yztkpsnxx9] {
    margin-top: 14px;
}

.affiliate-table-wrap[b-yztkpsnxx9] {
    overflow-x: auto;
}

.affiliate-table[b-yztkpsnxx9] {
    width: 100%;
    min-width: 620px;
    border-collapse: collapse;
}

.affiliate-table th[b-yztkpsnxx9],
.affiliate-table td[b-yztkpsnxx9] {
    padding: 11px 13px;
    border-bottom: 1px solid var(--line);
    font-size: .76rem;
    text-align: left;
}

.affiliate-table th[b-yztkpsnxx9] {
    color: var(--muted);
    background: var(--surface-soft);
    font-size: .68rem;
    font-weight: 750;
}

.affiliate-table tbody tr:last-child td[b-yztkpsnxx9] {
    border-bottom: 0;
}

.affiliate-table .number-cell[b-yztkpsnxx9] {
    text-align: right;
}

.affiliate-table .rebate-value[b-yztkpsnxx9] {
    font-weight: 700;
}

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

@media (max-width: 720px) {
    .affiliate-share-grid[b-yztkpsnxx9],
    .affiliate-metrics[b-yztkpsnxx9] {
        grid-template-columns: 1fr;
    }

    .affiliate-copy-field > div[b-yztkpsnxx9],
    .affiliate-transfer-card .section-header[b-yztkpsnxx9] {
        align-items: stretch;
        flex-direction: column;
    }

    .affiliate-copy-field code[b-yztkpsnxx9] {
        overflow-wrap: anywhere;
        white-space: normal;
    }

    .affiliate-copy-field .button[b-yztkpsnxx9],
    .affiliate-transfer-card .button[b-yztkpsnxx9] {
        width: 100%;
    }
}
/* /Pages/ApiKeys.razor.rz.scp.css */
.keys-workspace[b-5hrhmuty5r] {
    display: grid;
    gap: 0;
}

.keys-toolbar[b-5hrhmuty5r] {
    display: flex;
    min-height: 82px;
    padding: 13px 16px;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 12px 12px 0 0;
}

.keys-toolbar-left[b-5hrhmuty5r] {
    display: flex;
    min-width: 0;
    flex: 1 1 720px;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.keys-toolbar-left[b-5hrhmuty5r]  .api-endpoint-list {
    width: 100%;
}

.keys-toolbar-actions[b-5hrhmuty5r] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.keys-search[b-5hrhmuty5r] {
    width: min(100%, 260px);
}

.compact-select[b-5hrhmuty5r] {
    min-width: 144px;
    min-height: 38px;
    padding: 7px 30px 7px 10px;
    color: var(--ink);
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 8px;
    font-size: .72rem;
}

.menu-anchor[b-5hrhmuty5r] {
    position: relative;
}

.settings-menu[b-5hrhmuty5r] {
    display: grid;
    position: absolute;
    z-index: 40;
    top: calc(100% + 5px);
    right: 0;
    min-width: 190px;
    max-height: 340px;
    padding: 5px;
    overflow-y: auto;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 9px;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .18);
}

.settings-menu button[b-5hrhmuty5r] {
    display: flex;
    min-height: 34px;
    padding: 7px 9px;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    color: var(--ink);
    background: none;
    border: 0;
    border-radius: 6px;
    text-align: left;
    font-size: .69rem;
}

.settings-menu button:hover[b-5hrhmuty5r] {
    background: var(--surface-muted);
}

.keys-state[b-5hrhmuty5r] {
    min-height: 330px;
    padding: 52px 20px;
    background: var(--surface);
    border: 1px solid var(--line);
    border-top: 0;
    border-radius: 0 0 12px 12px;
}

.keys-inline-error[b-5hrhmuty5r] {
    margin: 10px 0;
}

.keys-table-card[b-5hrhmuty5r] {
    position: relative;
    overflow: hidden;
    background: var(--surface);
    border-right: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    border-left: 1px solid var(--line);
}

.keys-table-scroll[b-5hrhmuty5r] {
    width: 100%;
    overflow-x: auto;
}

.keys-data-table[b-5hrhmuty5r] {
    width: 100%;
    min-width: 1390px;
    border-collapse: collapse;
    color: var(--ink);
    font-size: .83rem;
}

.keys-data-table th[b-5hrhmuty5r],
.keys-data-table td[b-5hrhmuty5r] {
    padding: 10px 12px;
    text-align: left;
    border-bottom: 1px solid var(--line);
    vertical-align: middle;
    white-space: nowrap;
}

.keys-data-table th[b-5hrhmuty5r] {
    height: 42px;
    color: var(--muted);
    background: var(--surface-muted);
    font-size: .76rem;
    font-weight: 680;
}

.keys-data-table tbody tr:last-child td[b-5hrhmuty5r] {
    border-bottom: 0;
}

.keys-data-table tbody tr:hover[b-5hrhmuty5r] {
    background: color-mix(in srgb, var(--surface-muted) 58%, transparent);
}

.sort-header[b-5hrhmuty5r] {
    display: inline-flex;
    padding: 0;
    align-items: center;
    gap: 4px;
    color: inherit;
    background: none;
    border: 0;
    font: inherit;
    font-weight: inherit;
}

.name-cell[b-5hrhmuty5r] {
    min-width: 160px;
}

.name-cell strong[b-5hrhmuty5r] {
    display: inline-block;
    max-width: 210px;
    overflow: hidden;
    color: var(--ink);
    text-overflow: ellipsis;
    vertical-align: middle;
}

.restriction-mark[b-5hrhmuty5r] {
    display: inline-flex;
    margin-left: 6px;
    color: #3478b8;
    vertical-align: middle;
}

.numeric-cell[b-5hrhmuty5r],
.key-copy-cell code[b-5hrhmuty5r] {
    color: var(--muted);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: .64rem;
}

.key-copy-cell[b-5hrhmuty5r] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.key-copy-cell code[b-5hrhmuty5r] {
    padding: 4px 7px;
    color: var(--ink);
    background: var(--surface-muted);
    border: 1px solid var(--line);
    border-radius: 6px;
}

.mini-icon-button[b-5hrhmuty5r] {
    display: inline-grid;
    width: 27px;
    height: 27px;
    padding: 0;
    place-items: center;
    color: var(--muted);
    background: transparent;
    border: 0;
    border-radius: 6px;
}

.mini-icon-button:hover[b-5hrhmuty5r],
.mini-icon-button.copied[b-5hrhmuty5r] {
    color: var(--primary);
    background: var(--primary-soft);
}

.group-select-cell[b-5hrhmuty5r] {
    display: flex;
    min-width: 210px;
    align-items: center;
    gap: 7px;
}

.group-select-cell select[b-5hrhmuty5r] {
    width: 100%;
    min-height: 34px;
    padding: 5px 26px 5px 7px;
    color: var(--ink);
    background: transparent;
    border: 1px solid transparent;
    border-radius: 7px;
    font-size: .66rem;
}

.group-select-cell select:hover[b-5hrhmuty5r],
.group-select-cell select:focus[b-5hrhmuty5r] {
    background: var(--surface-muted);
    border-color: var(--line);
}

.platform-dot[b-5hrhmuty5r] {
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    background: #6d7d78;
    border-radius: 50%;
}

.platform-dot.openai[b-5hrhmuty5r] { background: #279b72; }
.platform-dot.anthropic[b-5hrhmuty5r] { background: #c47a3e; }
.platform-dot.gemini[b-5hrhmuty5r] { background: #397bd8; }
.platform-dot.antigravity[b-5hrhmuty5r] { background: #885ac1; }
.platform-dot.grok[b-5hrhmuty5r] { background: #343d3a; }

.concurrency-badge[b-5hrhmuty5r] {
    display: inline-flex;
    min-width: 32px;
    padding: 4px 8px;
    align-items: center;
    justify-content: center;
    color: var(--muted);
    background: var(--surface-muted);
    border: 1px solid var(--line);
    border-radius: 6px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.concurrency-badge.active[b-5hrhmuty5r] {
    color: #087f5b;
    background: #e8f7f1;
    border-color: #b9e2d2;
}

.usage-cell[b-5hrhmuty5r] {
    display: grid;
    min-width: 155px;
    gap: 4px;
    color: var(--muted);
    font-size: .64rem;
}

.usage-cell strong[b-5hrhmuty5r] {
    color: var(--ink);
    font-weight: 680;
}

.usage-cell .quota-line[b-5hrhmuty5r] {
    margin-top: 2px;
}

.usage-progress[b-5hrhmuty5r] {
    display: block;
    width: 100%;
    height: 5px;
    overflow: hidden;
    background: var(--line);
    border-radius: 999px;
}

.usage-progress i[b-5hrhmuty5r] {
    display: block;
    height: 100%;
    background: var(--primary);
    border-radius: inherit;
}

.usage-progress i.warning[b-5hrhmuty5r] { background: #d99a2b; }
.usage-progress i.danger[b-5hrhmuty5r] { background: var(--danger); }
.warning[b-5hrhmuty5r] { color: #b77716 !important; }
.danger[b-5hrhmuty5r] { color: var(--danger) !important; }
.normal[b-5hrhmuty5r] { color: var(--ink) !important; }

.rate-limit-cell[b-5hrhmuty5r] {
    display: grid;
    min-width: 145px;
    gap: 8px;
}

.rate-window[b-5hrhmuty5r] {
    display: grid;
    gap: 3px;
}

.rate-window > div[b-5hrhmuty5r] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    color: var(--muted);
    font-size: .61rem;
}

.rate-window strong[b-5hrhmuty5r] {
    font-weight: 680;
    font-variant-numeric: tabular-nums;
}

.rate-window small[b-5hrhmuty5r] {
    color: var(--muted);
    font-size: .56rem;
}

.usage-progress.compact[b-5hrhmuty5r] {
    height: 4px;
}

.text-action[b-5hrhmuty5r] {
    display: inline-flex;
    width: fit-content;
    padding: 3px 5px;
    align-items: center;
    gap: 4px;
    color: var(--muted);
    background: transparent;
    border: 0;
    border-radius: 5px;
    font-size: .59rem;
}

.text-action:hover[b-5hrhmuty5r] {
    color: var(--primary);
    background: var(--surface-muted);
}

.muted-dash[b-5hrhmuty5r],
.date-cell[b-5hrhmuty5r] {
    color: var(--muted);
    font-size: .63rem;
}

.date-cell.expired[b-5hrhmuty5r] {
    color: var(--danger);
}

.key-status[b-5hrhmuty5r] {
    display: inline-flex;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: .61rem;
    font-weight: 680;
}

.key-status.active[b-5hrhmuty5r] {
    color: var(--primary);
    background: var(--primary-soft);
}

.key-status.inactive[b-5hrhmuty5r] {
    color: var(--muted);
    background: var(--surface-muted);
}

.key-status.warning[b-5hrhmuty5r] {
    color: #a9650b !important;
    background: rgba(217, 154, 43, .13);
}

.key-status.danger[b-5hrhmuty5r] {
    color: var(--danger) !important;
    background: rgba(197, 62, 62, .1);
}

.actions-column[b-5hrhmuty5r] {
    position: sticky;
    z-index: 2;
    right: 0;
    min-width: 264px;
    background: var(--surface) !important;
}

thead .actions-column[b-5hrhmuty5r] {
    z-index: 3;
    background: var(--surface-muted) !important;
}

.row-actions[b-5hrhmuty5r] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1px;
}

.row-actions button[b-5hrhmuty5r] {
    display: inline-flex;
    min-width: 43px;
    padding: 5px 5px;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    color: var(--muted);
    background: transparent;
    border: 0;
    border-radius: 7px;
    font-size: .55rem;
}

.row-actions button:hover[b-5hrhmuty5r] {
    color: var(--primary);
    background: var(--surface-muted);
}

.row-actions button:disabled[b-5hrhmuty5r] {
    opacity: .48;
    cursor: wait;
}

.row-actions .use-action:hover[b-5hrhmuty5r] { color: #17804e; background: rgba(23, 128, 78, .08); }
.row-actions .ccs-action:hover[b-5hrhmuty5r] { color: #3478b8; background: rgba(52, 120, 184, .08); }
.row-actions .toggle-action:hover[b-5hrhmuty5r] { color: #b77716; background: rgba(183, 119, 22, .08); }
.row-actions .danger-action:hover[b-5hrhmuty5r] { color: var(--danger); background: rgba(197, 62, 62, .08); }

.table-refresh-mask[b-5hrhmuty5r] {
    display: grid;
    position: absolute;
    z-index: 8;
    inset: 42px 0 0;
    place-items: start center;
    padding-top: 24px;
    pointer-events: none;
    background: color-mix(in srgb, var(--surface) 55%, transparent);
}

.keys-pagination[b-5hrhmuty5r] {
    display: flex;
    min-height: 54px;
    padding: 9px 14px;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    color: var(--muted);
    background: var(--surface);
    border: 1px solid var(--line);
    border-top: 0;
    border-radius: 0 0 12px 12px;
    font-size: .8rem;
}

.page-controls[b-5hrhmuty5r] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.page-controls label[b-5hrhmuty5r] {
    display: inline-flex;
    margin-right: 7px;
    align-items: center;
    gap: 5px;
}

.page-controls select[b-5hrhmuty5r] {
    min-height: 31px;
    padding: 4px 22px 4px 7px;
    color: var(--ink);
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 7px;
}

.page-button[b-5hrhmuty5r] {
    min-width: 31px;
    min-height: 31px;
    padding: 4px;
    color: var(--muted);
    background: transparent;
    border: 1px solid transparent;
    border-radius: 7px;
}

.page-button:hover[b-5hrhmuty5r] { color: var(--ink); background: var(--surface-muted); }
.page-button.active[b-5hrhmuty5r] { color: white; background: var(--primary); }

.key-editor-section[b-5hrhmuty5r] {
    display: grid;
    margin-bottom: 18px;
    padding-bottom: 18px;
    gap: 12px;
    border-bottom: 1px solid var(--line);
}

.key-editor-section:last-child[b-5hrhmuty5r] {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.key-editor-section h3[b-5hrhmuty5r] {
    margin: 0;
    color: var(--ink);
    font-size: .77rem;
}

.key-toggle-row[b-5hrhmuty5r] {
    display: flex;
    padding: 10px 12px;
    align-items: center;
    gap: 11px;
    background: var(--surface-muted);
    border: 1px solid var(--line);
    border-radius: 9px;
    cursor: pointer;
}

.key-toggle-row input[b-5hrhmuty5r] {
    width: 17px;
    height: 17px;
    accent-color: var(--primary);
}

.key-toggle-row span[b-5hrhmuty5r] {
    display: grid;
    gap: 2px;
}

.key-toggle-row strong[b-5hrhmuty5r] {
    color: var(--ink);
    font-size: .72rem;
}

.key-toggle-row small[b-5hrhmuty5r],
.form-field small[b-5hrhmuty5r] {
    color: var(--muted);
    font-size: .61rem;
    line-height: 1.45;
}

.key-editor-nested[b-5hrhmuty5r] {
    padding: 2px 2px 0;
}

.mono-input[b-5hrhmuty5r] {
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}

.currency-input[b-5hrhmuty5r] {
    display: grid;
    position: relative;
}

.currency-input > span[b-5hrhmuty5r] {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 11px;
    color: var(--muted);
    transform: translateY(-50%);
}

.currency-input[b-5hrhmuty5r]  input {
    padding-left: 27px;
}

.editor-usage-row[b-5hrhmuty5r] {
    display: flex;
    padding: 9px 11px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: var(--muted);
    background: var(--surface-muted);
    border-radius: 8px;
    font-size: .67rem;
}

.editor-usage-row strong[b-5hrhmuty5r] {
    color: var(--ink);
}

.rate-editor-grid[b-5hrhmuty5r] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.editor-rate-usage[b-5hrhmuty5r] {
    display: grid;
    margin-top: 7px;
    gap: 5px;
    color: var(--muted);
    font-size: .58rem;
}

.reset-editor-button[b-5hrhmuty5r] {
    width: fit-content;
}

.expiration-options[b-5hrhmuty5r] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.expiration-options button[b-5hrhmuty5r] {
    min-height: 32px;
    padding: 5px 11px;
    color: var(--muted);
    background: var(--surface-muted);
    border: 1px solid var(--line);
    border-radius: 7px;
    font-size: .66rem;
}

.expiration-options button.active[b-5hrhmuty5r] {
    color: var(--primary);
    background: var(--primary-soft);
    border-color: color-mix(in srgb, var(--primary) 32%, var(--line));
}

.current-expiration[b-5hrhmuty5r] {
    margin: 0;
    color: var(--muted);
    font-size: .65rem;
}

.current-expiration strong[b-5hrhmuty5r] {
    color: var(--ink);
}

.delete-confirm[b-5hrhmuty5r] {
    display: grid;
    grid-template-columns: auto 1fr;
    padding: 4px 0 12px;
    gap: 12px;
}

.delete-icon[b-5hrhmuty5r] {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    color: var(--danger);
    background: rgba(197, 62, 62, .1);
    border-radius: 50%;
}

.delete-confirm strong[b-5hrhmuty5r] { color: var(--ink); font-size: .76rem; }
.delete-confirm p[b-5hrhmuty5r], .confirm-copy[b-5hrhmuty5r], .ccs-description[b-5hrhmuty5r] { margin: 6px 0 0; color: var(--muted); font-size: .67rem; line-height: 1.55; }

.ccs-client-grid[b-5hrhmuty5r] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 16px;
    gap: 12px;
}

.ccs-client-grid button[b-5hrhmuty5r] {
    display: flex;
    min-height: 130px;
    padding: 18px 14px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: var(--muted);
    background: var(--surface);
    border: 2px solid var(--line);
    border-radius: 11px;
}

.ccs-client-grid button:hover[b-5hrhmuty5r] {
    color: var(--primary);
    background: var(--primary-soft);
    border-color: var(--primary);
}

.ccs-client-grid strong[b-5hrhmuty5r] { color: var(--ink); font-size: .72rem; }
.ccs-client-grid small[b-5hrhmuty5r] { font-size: .61rem; }

@media (max-width: 960px) {
    .keys-toolbar[b-5hrhmuty5r] {
        align-items: stretch;
        flex-direction: column;
    }

    .keys-toolbar-left[b-5hrhmuty5r] {
        flex-basis: auto;
    }

    .keys-toolbar-actions[b-5hrhmuty5r] {
        justify-content: flex-start;
    }

    .keys-search[b-5hrhmuty5r] {
        width: 100%;
    }

    .actions-column[b-5hrhmuty5r] {
        position: static;
    }

    .rate-editor-grid[b-5hrhmuty5r] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .keys-toolbar-left > .compact-select[b-5hrhmuty5r],
    .keys-toolbar-left > .search-box[b-5hrhmuty5r] {
        width: 100%;
    }

    .keys-toolbar-actions[b-5hrhmuty5r] {
        display: grid;
        grid-template-columns: auto 1fr 1fr;
    }

    .keys-toolbar-actions .button[b-5hrhmuty5r] {
        width: 100%;
        justify-content: center;
    }

    .keys-pagination[b-5hrhmuty5r] {
        align-items: flex-start;
        flex-direction: column;
    }

    .page-controls[b-5hrhmuty5r] {
        width: 100%;
        overflow-x: auto;
    }

    .ccs-client-grid[b-5hrhmuty5r] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/AuditLogs.razor.rz.scp.css */
.audit-page[b-x5essr8o9v] { display: grid; width: min(100%, 1600px); margin: 0 auto; gap: 16px; color: var(--ink); }
.audit-heading[b-x5essr8o9v], .audit-filter-actions[b-x5essr8o9v], .audit-filter-actions > div[b-x5essr8o9v], .audit-pagination[b-x5essr8o9v], .audit-pagination > div[b-x5essr8o9v], .detail-hero > div[b-x5essr8o9v] { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.audit-heading > div > span[b-x5essr8o9v] { color: var(--primary); font-size: .65rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.audit-heading h1[b-x5essr8o9v] { margin: 3px 0 0; font-size: 1.42rem; font-weight: 800; }
.audit-heading p[b-x5essr8o9v] { max-width: 800px; margin: 6px 0 0; color: var(--muted); font-size: .75rem; line-height: 1.55; }
.audit-filter-card[b-x5essr8o9v], .audit-table-card[b-x5essr8o9v] { min-width: 0; background: var(--surface); border: 1px solid var(--line); border-radius: 10px; box-shadow: 0 1px 2px rgb(15 23 42 / 4%); }
.audit-filter-card[b-x5essr8o9v] { padding: 18px; }
.audit-filter-grid[b-x5essr8o9v] { display: grid; grid-template-columns: repeat(4, minmax(150px, 1fr)); gap: 13px; }
.audit-filter-grid label[b-x5essr8o9v], .custom-time-form label[b-x5essr8o9v] { display: grid; gap: 6px; min-width: 0; color: var(--muted); font-size: .68rem; font-weight: 700; }
.audit-filter-grid input[b-x5essr8o9v], .audit-filter-grid select[b-x5essr8o9v], .custom-time-form input[b-x5essr8o9v], .audit-pagination select[b-x5essr8o9v], .totp-form input[b-x5essr8o9v] { width: 100%; min-height: 36px; padding: 7px 10px; color: var(--ink); font-size: .75rem; background: var(--surface); border: 1px solid var(--line-strong); border-radius: 7px; outline: none; }
.audit-filter-grid input:focus[b-x5essr8o9v], .audit-filter-grid select:focus[b-x5essr8o9v], .custom-time-form input:focus[b-x5essr8o9v], .totp-form input:focus[b-x5essr8o9v] { border-color: var(--primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 13%, transparent); }
.wide-filter[b-x5essr8o9v] { grid-column: span 2; }
.search-box[b-x5essr8o9v] { position: relative; }.search-box svg[b-x5essr8o9v] { position: absolute; top: 50%; left: 10px; color: var(--muted); transform: translateY(-50%); }.search-box input[b-x5essr8o9v] { padding-left: 32px; }
.audit-filter-actions[b-x5essr8o9v] { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--line); }
.audit-table-card[b-x5essr8o9v] { overflow: hidden; }
.audit-table-scroll[b-x5essr8o9v] { overflow: auto; }
.audit-table[b-x5essr8o9v] { width: 100%; min-width: 1080px; border-collapse: collapse; font-size: .83rem; }
.audit-table th[b-x5essr8o9v] { padding: 11px 13px; color: var(--muted); font-size: .76rem; font-weight: 800; letter-spacing: .04em; text-align: left; background: var(--surface-alt); border-bottom: 1px solid var(--line); }
.audit-table td[b-x5essr8o9v] { max-width: 320px; padding: 11px 13px; vertical-align: middle; border-bottom: 1px solid var(--line); }
.audit-table tbody tr:hover[b-x5essr8o9v] { background: color-mix(in srgb, var(--primary) 3%, var(--surface)); }
.actor-cell[b-x5essr8o9v], .action-cell[b-x5essr8o9v] { display: grid; gap: 3px; min-width: 0; }.actor-cell b[b-x5essr8o9v], .action-cell code[b-x5essr8o9v], .action-cell small[b-x5essr8o9v] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.actor-cell small[b-x5essr8o9v], .action-cell small[b-x5essr8o9v] { color: var(--muted); }.action-cell code[b-x5essr8o9v] { color: var(--ink); font-size: .8rem; }.action-cell small b[b-x5essr8o9v] { display: inline-block; margin-right: 4px; font-size: .75rem; }
.nowrap[b-x5essr8o9v] { white-space: nowrap; }
.status-pill[b-x5essr8o9v] { display: inline-flex; align-items: center; gap: 6px; width: max-content; padding: 4px 8px; font-size: .75rem; font-weight: 800; border-radius: 999px; }.status-pill i[b-x5essr8o9v] { width: 6px; height: 6px; border-radius: 50%; }.status-pill.success[b-x5essr8o9v] { color: #087a55; background: #eaf8f2; }.status-pill.success i[b-x5essr8o9v] { background: #0a9469; }.status-pill.warning[b-x5essr8o9v] { color: #9a5b00; background: #fff6df; }.status-pill.warning i[b-x5essr8o9v] { background: #d68a00; }.status-pill.danger[b-x5essr8o9v] { color: #b4233d; background: #fff0f2; }.status-pill.danger i[b-x5essr8o9v] { background: #d92d4b; }
.text-action[b-x5essr8o9v] { display: inline-flex; align-items: center; gap: 5px; padding: 0; color: var(--primary); font-size: .8rem; font-weight: 800; background: transparent; border: 0; }
.audit-empty[b-x5essr8o9v] { display: grid; justify-items: center; gap: 6px; padding: 46px 20px; color: var(--muted); text-align: center; }.audit-empty b[b-x5essr8o9v] { color: var(--ink); }.audit-empty span[b-x5essr8o9v] { font-size: .75rem; }
.audit-pagination[b-x5essr8o9v] { padding: 12px 15px; color: var(--muted); font-size: .8rem; background: var(--surface-alt); }.audit-pagination label[b-x5essr8o9v] { display: flex; align-items: center; gap: 7px; }.audit-pagination select[b-x5essr8o9v] { width: auto; min-height: 30px; padding: 4px 7px; }.audit-pagination button[b-x5essr8o9v] { min-height: 30px; padding: 5px 9px; color: var(--ink); background: var(--surface); border: 1px solid var(--line-strong); border-radius: 6px; }.audit-pagination button:disabled[b-x5essr8o9v] { opacity: .45; }
.audit-detail[b-x5essr8o9v] { display: grid; gap: 15px; }.detail-hero[b-x5essr8o9v] { padding: 17px; background: var(--surface-alt); border: 1px solid var(--line); border-radius: 10px; }.detail-hero > div[b-x5essr8o9v] { justify-content: flex-start; flex-wrap: wrap; }.detail-hero > div > code[b-x5essr8o9v] { color: var(--ink); font-size: .85rem; font-weight: 800; }.detail-hero p[b-x5essr8o9v] { display: flex; align-items: flex-start; gap: 9px; margin: 12px 0 8px; padding: 8px 10px; background: var(--surface); border: 1px solid var(--line); border-radius: 7px; }.detail-hero p b[b-x5essr8o9v] { padding: 2px 5px; font-size: .6rem; background: var(--surface-alt); border-radius: 4px; }.detail-hero p span[b-x5essr8o9v] { min-width: 0; overflow-wrap: anywhere; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .7rem; }.detail-hero > small[b-x5essr8o9v] { color: var(--muted); font-size: .67rem; }.detail-hero > small code[b-x5essr8o9v] { overflow-wrap: anywhere; }
.detail-overview[b-x5essr8o9v] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }.detail-overview article[b-x5essr8o9v] { display: grid; align-content: start; gap: 5px; min-width: 0; padding: 13px; background: var(--surface-alt); border-radius: 8px; }.detail-overview small[b-x5essr8o9v], .detail-block h3[b-x5essr8o9v] { color: var(--muted); font-size: .61rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }.detail-overview b[b-x5essr8o9v], .detail-overview code[b-x5essr8o9v] { min-width: 0; overflow-wrap: anywhere; font-size: .72rem; }.detail-overview span[b-x5essr8o9v] { color: var(--muted); font-size: .65rem; }
.detail-block h3[b-x5essr8o9v] { margin: 0 0 7px; }.detail-block pre[b-x5essr8o9v] { max-height: 300px; margin: 0; padding: 13px; overflow: auto; color: var(--ink); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .68rem; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; background: var(--surface-alt); border-radius: 8px; }
.custom-time-form[b-x5essr8o9v] { display: grid; gap: 13px; }.clear-warning[b-x5essr8o9v] { display: flex; align-items: flex-start; gap: 12px; padding: 14px; color: #9d263c; background: #fff3f5; border: 1px solid #ffd3db; border-radius: 9px; }.clear-warning b[b-x5essr8o9v] { font-size: .8rem; }.clear-warning p[b-x5essr8o9v] { margin: 5px 0 0; font-size: .7rem; line-height: 1.55; }
.totp-form p[b-x5essr8o9v] { margin: 0; color: var(--muted); font-size: .72rem; line-height: 1.55; }.totp-form input[b-x5essr8o9v] { display: block; width: min(100%, 260px); margin: 16px auto 0; padding-left: 1.8em; font-size: 1.08rem; font-weight: 800; letter-spacing: .8em; text-align: center; }

@media (max-width: 1080px) { .audit-filter-grid[b-x5essr8o9v] { grid-template-columns: repeat(2, minmax(0, 1fr)); }.wide-filter[b-x5essr8o9v] { grid-column: span 2; } }
@media (max-width: 700px) { .audit-heading[b-x5essr8o9v], .audit-filter-actions[b-x5essr8o9v], .audit-pagination[b-x5essr8o9v] { align-items: flex-start; flex-direction: column; }.audit-heading .button[b-x5essr8o9v] { width: 100%; }.audit-filter-grid[b-x5essr8o9v], .detail-overview[b-x5essr8o9v] { grid-template-columns: 1fr; }.wide-filter[b-x5essr8o9v] { grid-column: auto; }.audit-filter-actions > div[b-x5essr8o9v] { width: 100%; }.audit-filter-actions > div .button[b-x5essr8o9v] { flex: 1; }.audit-pagination > div[b-x5essr8o9v] { flex-wrap: wrap; }.detail-hero p[b-x5essr8o9v] { flex-direction: column; } }
/* /Pages/AvailableChannels.razor.rz.scp.css */
.available-filter-section[b-5x6m0mtq1c] {
    margin-bottom: 1rem;
    padding: .9rem 1rem;
}

.available-toolbar[b-5x6m0mtq1c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.available-search[b-5x6m0mtq1c] {
    width: min(22rem, 100%);
    margin: 0;
}

.channel-refresh[b-5x6m0mtq1c] {
    display: inline-flex;
}

.channel-refresh.spinning[b-5x6m0mtq1c] {
    animation: channel-spin-b-5x6m0mtq1c .8s linear infinite;
}

.available-table-card[b-5x6m0mtq1c] {
    overflow: visible;
}

.available-desktop[b-5x6m0mtq1c] {
    overflow-x: auto;
    border-radius: inherit;
}

.available-table[b-5x6m0mtq1c] {
    width: 100%;
    min-width: 1040px;
    table-layout: fixed;
    border-collapse: collapse;
    color: var(--ink);
    font-size: .78rem;
}

.available-table th[b-5x6m0mtq1c] {
    padding: .72rem .9rem;
    color: var(--muted);
    font-size: .66rem;
    font-weight: 750;
    letter-spacing: .035em;
    text-align: left;
    text-transform: uppercase;
    background: var(--surface-soft);
    border-bottom: 1px solid var(--line);
}

.available-table th.channel-name-column[b-5x6m0mtq1c] {
    width: 175px;
    text-align: center;
}

.channel-description-column[b-5x6m0mtq1c] {
    width: 200px;
}

.channel-platform-column[b-5x6m0mtq1c] {
    width: 140px;
}

.available-table td[b-5x6m0mtq1c] {
    padding: .75rem .9rem;
    vertical-align: top;
    border-bottom: 1px solid color-mix(in srgb, var(--line) 72%, transparent);
}

.channel-row-group[b-5x6m0mtq1c] {
    border-bottom: 2px solid var(--line);
}

.channel-row-group:last-child[b-5x6m0mtq1c] {
    border-bottom: 0;
}

.channel-row-group:last-child tr:last-child td[b-5x6m0mtq1c] {
    border-bottom: 0;
}

.platform-section-row:hover[b-5x6m0mtq1c] {
    background: color-mix(in srgb, var(--surface-soft) 64%, transparent);
}

.channel-name-cell[b-5x6m0mtq1c] {
    text-align: center;
    vertical-align: middle !important;
}

.channel-name-cell strong[b-5x6m0mtq1c] {
    overflow-wrap: anywhere;
    font-size: .8rem;
}

.channel-description-cell[b-5x6m0mtq1c] {
    color: var(--muted);
    font-size: .72rem;
    line-height: 1.55;
    vertical-align: middle !important;
    overflow-wrap: anywhere;
}

.channel-platform-badge[b-5x6m0mtq1c] {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    padding: .2rem .46rem;
    color: #49615a;
    font-size: .63rem;
    font-weight: 750;
    line-height: 1.25;
    text-transform: uppercase;
    background: #f4f7f5;
    border: 1px solid #d9e2de;
    border-radius: .35rem;
}

.channel-platform-badge.platform-anthropic[b-5x6m0mtq1c] { color: #8a521f; background: #fff8ef; border-color: #efcfac; }
.channel-platform-badge.platform-openai[b-5x6m0mtq1c] { color: #17634a; background: #eef9f4; border-color: #b9ddcf; }
.channel-platform-badge.platform-gemini[b-5x6m0mtq1c] { color: #245d9a; background: #f0f7ff; border-color: #bdd6f0; }
.channel-platform-badge.platform-antigravity[b-5x6m0mtq1c] { color: #74439a; background: #faf4ff; border-color: #dcc4ec; }
.channel-platform-badge.platform-grok[b-5x6m0mtq1c] { color: #42484a; background: #f4f5f5; border-color: #d1d5d6; }
.channel-platform-badge.platform-composite[b-5x6m0mtq1c] { color: #16697a; background: #effbfc; border-color: #b8dde3; }

.channel-groups-cell[b-5x6m0mtq1c],
.channel-models-cell[b-5x6m0mtq1c] {
    width: 28%;
}

.model-chip-list[b-5x6m0mtq1c] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    gap: .32rem;
}

.no-models[b-5x6m0mtq1c] {
    color: var(--muted);
    font-size: .72rem;
}

.available-mobile[b-5x6m0mtq1c] {
    display: none;
}

.available-empty-card[b-5x6m0mtq1c] {
    padding: .25rem;
}

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

@media (max-width: 1050px) {
    .available-desktop[b-5x6m0mtq1c] {
        display: none;
    }

    .available-mobile[b-5x6m0mtq1c] {
        display: block;
    }

    .available-channel-card[b-5x6m0mtq1c] {
        padding: 1rem;
        border-bottom: 2px solid var(--line);
    }

    .available-channel-card:last-child[b-5x6m0mtq1c] {
        border-bottom: 0;
    }

    .available-channel-card > header[b-5x6m0mtq1c] {
        margin-bottom: .8rem;
    }

    .available-channel-card h2[b-5x6m0mtq1c] {
        margin-bottom: .18rem;
        font-size: .88rem;
        overflow-wrap: anywhere;
    }

    .available-channel-card header p[b-5x6m0mtq1c] {
        margin: 0;
        color: var(--muted);
        font-size: .73rem;
        line-height: 1.55;
        overflow-wrap: anywhere;
    }

    .mobile-platform-list[b-5x6m0mtq1c] {
        display: grid;
    }

    .mobile-platform-section[b-5x6m0mtq1c] {
        min-width: 0;
        padding: .8rem 0;
        border-top: 1px solid color-mix(in srgb, var(--line) 75%, transparent);
    }

    .mobile-platform-section:first-child[b-5x6m0mtq1c] {
        padding-top: 0;
        border-top: 0;
    }

    .mobile-platform-section:last-child[b-5x6m0mtq1c] {
        padding-bottom: 0;
    }

    .mobile-platform-section dl[b-5x6m0mtq1c] {
        display: grid;
        gap: .8rem;
        margin: .75rem 0 0;
    }

    .mobile-platform-section dl > div[b-5x6m0mtq1c] {
        min-width: 0;
    }

    .mobile-platform-section dt[b-5x6m0mtq1c] {
        margin-bottom: .38rem;
        color: var(--muted);
        font-size: .66rem;
        font-weight: 700;
    }

    .mobile-platform-section dd[b-5x6m0mtq1c] {
        min-width: 0;
        margin: 0;
    }
}

@media (max-width: 560px) {
    .available-filter-section[b-5x6m0mtq1c] {
        padding: .75rem;
    }

    .available-search[b-5x6m0mtq1c] {
        width: 100%;
    }
}
/* /Pages/BatchImage.razor.rz.scp.css */
.batch-page-header[b-1iwuq3bcef] {
    align-items: flex-start;
}

.batch-page-header .page-actions[b-1iwuq3bcef] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}

.batch-filter-section[b-1iwuq3bcef] {
    padding: 1rem 1.2rem;
}

.batch-filters[b-1iwuq3bcef] {
    display: grid;
    grid-template-columns: minmax(220px, 1.5fr) repeat(3, minmax(150px, .8fr)) auto;
    align-items: end;
    gap: .8rem;
}

.batch-filters .form-field[b-1iwuq3bcef] {
    margin: 0;
}

.batch-filter-actions[b-1iwuq3bcef] {
    display: flex;
    gap: .5rem;
    padding-bottom: 1px;
}

.batch-selection-bar[b-1iwuq3bcef] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .8rem 1.1rem;
    border-color: color-mix(in srgb, var(--primary) 34%, var(--border));
    background: color-mix(in srgb, var(--primary) 6%, var(--surface));
}

.batch-selection-bar .button-row[b-1iwuq3bcef] {
    margin: 0;
}

.danger-text[b-1iwuq3bcef] {
    color: var(--danger) !important;
}

.batch-select-all[b-1iwuq3bcef] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: var(--muted);
    font-size: .86rem;
    cursor: pointer;
}

.batch-select-all input[b-1iwuq3bcef],
[b-1iwuq3bcef] .dxbl-grid input[type="checkbox"] {
    width: 1rem;
    height: 1rem;
    accent-color: var(--primary);
}

.batch-task-cell[b-1iwuq3bcef] {
    display: flex;
    align-items: center;
    gap: .45rem;
    min-width: 0;
}

.batch-task-cell.child[b-1iwuq3bcef] {
    padding-left: 1.15rem;
}

.batch-indent[b-1iwuq3bcef] {
    flex: 0 0 30px;
}

.batch-task-link[b-1iwuq3bcef] {
    display: grid;
    min-width: 0;
    flex: 1;
    gap: .15rem;
    padding: .25rem .35rem;
    border: 0;
    border-radius: .45rem;
    background: transparent;
    text-align: left;
    color: var(--text);
}

.batch-task-link:hover[b-1iwuq3bcef] {
    background: var(--surface-subtle);
}

.batch-task-link strong[b-1iwuq3bcef],
.batch-task-link small[b-1iwuq3bcef] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.batch-task-link small[b-1iwuq3bcef] {
    color: var(--muted);
    font-weight: 400;
}

.batch-count[b-1iwuq3bcef] {
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.batch-count.success[b-1iwuq3bcef],
.batch-detail-summary .success[b-1iwuq3bcef] {
    color: var(--success);
}

.batch-count.failed[b-1iwuq3bcef],
.batch-detail-summary .failed[b-1iwuq3bcef] {
    color: var(--danger);
}

.batch-count-separator[b-1iwuq3bcef] {
    margin: 0 .35rem;
    color: var(--border-strong);
}

.batch-pagination[b-1iwuq3bcef] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 1rem;
    margin: 1rem -1.25rem -1.25rem;
    padding: .9rem 1.25rem;
    border-top: 1px solid var(--border);
    color: var(--muted);
    font-size: .88rem;
}

.batch-pagination label[b-1iwuq3bcef] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
}

.batch-pagination select[b-1iwuq3bcef] {
    min-width: 70px;
    padding: .38rem .55rem;
}

.batch-pagination .button-row[b-1iwuq3bcef] {
    margin: 0;
}

.batch-empty-action[b-1iwuq3bcef] {
    display: grid;
    justify-items: center;
    gap: 1rem;
}

.batch-create-grid[b-1iwuq3bcef] {
    margin-bottom: 1.1rem;
}

.batch-prompt-editor[b-1iwuq3bcef] {
    display: grid;
    gap: .8rem;
    padding: 1rem;
    border: 1px solid var(--border);
    border-radius: .75rem;
    background: var(--surface-subtle);
}

.batch-prompt-editor .section-header[b-1iwuq3bcef] {
    margin: 0;
    padding: 0;
    border: 0;
}

.batch-prompt-editor textarea[b-1iwuq3bcef] {
    min-height: 86px;
    resize: vertical;
}

.batch-prompt-controls[b-1iwuq3bcef] {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) 105px 130px 100px;
    gap: .55rem;
    align-items: center;
}

.batch-file-button[b-1iwuq3bcef] {
    position: relative;
    overflow: hidden;
    justify-content: center;
    cursor: pointer;
}

.batch-file-button.disabled[b-1iwuq3bcef] {
    pointer-events: none;
    opacity: .55;
}

.batch-file-button[b-1iwuq3bcef]  input[type="file"] {
    position: absolute;
    inset: 0;
    width: 100%;
    opacity: 0;
    cursor: pointer;
}

.batch-reference-list[b-1iwuq3bcef] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.batch-reference-list > span[b-1iwuq3bcef] {
    display: inline-flex;
    align-items: center;
    max-width: 260px;
    gap: .4rem;
    padding: .35rem .55rem;
    border: 1px solid var(--border);
    border-radius: .45rem;
    background: var(--surface);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .8rem;
}

.batch-reference-list small[b-1iwuq3bcef] {
    color: var(--muted);
}

.batch-reference-list button[b-1iwuq3bcef] {
    display: inline-flex;
    margin-left: auto;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--muted);
}

.batch-prompt-empty[b-1iwuq3bcef] {
    padding: 1.4rem;
    border: 1px dashed var(--border);
    border-radius: .6rem;
    color: var(--muted);
    text-align: center;
}

.batch-prompt-rows[b-1iwuq3bcef] {
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: .6rem;
    background: var(--surface);
}

.batch-prompt-rows > div[b-1iwuq3bcef] {
    display: grid;
    grid-template-columns: 105px minmax(0, 1fr) auto 38px;
    align-items: center;
    gap: .65rem;
    padding: .65rem .75rem;
    border-bottom: 1px solid var(--border);
}

.batch-prompt-rows > div:last-child[b-1iwuq3bcef] {
    border-bottom: 0;
}

.batch-prompt-rows > div > span[b-1iwuq3bcef] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.batch-prompt-rows small[b-1iwuq3bcef] {
    color: var(--muted);
    white-space: nowrap;
}

.error-text[b-1iwuq3bcef] {
    color: var(--danger);
}

.batch-detail-summary[b-1iwuq3bcef] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
    padding: .9rem;
    border: 1px solid var(--border);
    border-radius: .7rem;
    background: var(--surface-subtle);
}

.batch-detail-summary > div[b-1iwuq3bcef] {
    display: grid;
    justify-items: center;
    gap: .35rem;
    min-width: 0;
}

.batch-detail-summary span:first-child[b-1iwuq3bcef] {
    color: var(--muted);
    font-size: .78rem;
}

.batch-detail-summary strong[b-1iwuq3bcef] {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.batch-detail-heading[b-1iwuq3bcef] {
    margin-top: 1rem;
}

.batch-detail-table-wrap[b-1iwuq3bcef] {
    overflow-x: auto;
    border: 1px solid var(--border);
    border-radius: .7rem;
}

.batch-detail-table[b-1iwuq3bcef] {
    width: 100%;
    min-width: 860px;
    border-collapse: collapse;
    table-layout: fixed;
}

.batch-detail-table th[b-1iwuq3bcef],
.batch-detail-table td[b-1iwuq3bcef] {
    padding: .7rem .75rem;
    border-bottom: 1px solid var(--border);
    text-align: left;
    vertical-align: middle;
}

.batch-detail-table th[b-1iwuq3bcef] {
    background: var(--surface-subtle);
    color: var(--muted);
    font-size: .8rem;
    font-weight: 650;
}

.batch-detail-table th:nth-child(1)[b-1iwuq3bcef] { width: 18%; }
.batch-detail-table th:nth-child(2)[b-1iwuq3bcef] { width: 34%; }
.batch-detail-table th:nth-child(3)[b-1iwuq3bcef] { width: 13%; }
.batch-detail-table th:nth-child(4)[b-1iwuq3bcef] { width: 11%; }
.batch-detail-table th:nth-child(5)[b-1iwuq3bcef] { width: 24%; }

.batch-detail-table tr:last-child td[b-1iwuq3bcef] {
    border-bottom: 0;
}

.batch-detail-table td:first-child code[b-1iwuq3bcef],
.batch-detail-table td:first-child small[b-1iwuq3bcef] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.batch-detail-table td:first-child small[b-1iwuq3bcef] {
    margin-top: .25rem;
    color: var(--muted);
    font-size: .72rem;
}

.batch-prompt-preview[b-1iwuq3bcef] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.copy-link[b-1iwuq3bcef] {
    margin-top: .2rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--primary);
    font-size: .72rem;
}

.batch-thumbnail[b-1iwuq3bcef] {
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: .45rem;
    background: var(--surface-subtle);
    color: var(--muted);
}

.batch-thumbnail button[b-1iwuq3bcef],
.batch-thumbnail img[b-1iwuq3bcef] {
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    object-fit: cover;
}

.batch-item-result[b-1iwuq3bcef] {
    display: inline-flex;
    max-width: 100%;
    padding: .28rem .5rem;
    border-radius: .4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .76rem;
}

.batch-item-result.success[b-1iwuq3bcef] { background: color-mix(in srgb, var(--success) 11%, transparent); color: var(--success); }
.batch-item-result.failed[b-1iwuq3bcef] { background: color-mix(in srgb, var(--danger) 11%, transparent); color: var(--danger); }
.batch-item-result.pending[b-1iwuq3bcef] { background: var(--surface-subtle); color: var(--muted); }

.batch-large-preview[b-1iwuq3bcef] {
    display: grid;
    min-height: 420px;
    place-items: center;
    margin-top: 1rem;
    padding: 1rem;
    border-radius: .7rem;
    background: var(--surface-subtle);
}

.batch-large-preview img[b-1iwuq3bcef] {
    max-width: 100%;
    max-height: 72vh;
    object-fit: contain;
    border-radius: .5rem;
}

.batch-guide-steps[b-1iwuq3bcef] {
    padding: 1rem;
    border: 1px solid var(--border);
    border-radius: .7rem;
    background: var(--surface-subtle);
}

.batch-guide-steps ol[b-1iwuq3bcef] {
    margin: .75rem 0 0;
    padding-left: 1.4rem;
    color: var(--muted);
    line-height: 1.8;
}

.batch-guide-text[b-1iwuq3bcef] {
    width: 100%;
    min-height: 390px;
    resize: vertical;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: .82rem;
    line-height: 1.65;
}

@media (max-width: 1180px) {
    .batch-filters[b-1iwuq3bcef] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .batch-filter-actions[b-1iwuq3bcef] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 760px) {
    .batch-page-header[b-1iwuq3bcef],
    .batch-selection-bar[b-1iwuq3bcef],
    .batch-pagination[b-1iwuq3bcef] {
        align-items: stretch;
        flex-direction: column;
    }

    .batch-filters[b-1iwuq3bcef],
    .batch-prompt-controls[b-1iwuq3bcef],
    .batch-detail-summary[b-1iwuq3bcef] {
        grid-template-columns: 1fr;
    }

    .batch-prompt-rows > div[b-1iwuq3bcef] {
        grid-template-columns: 90px minmax(0, 1fr) 34px;
    }

    .batch-prompt-rows small[b-1iwuq3bcef] {
        grid-column: 2;
    }
}
/* /Pages/Channels.razor.rz.scp.css */
.channel-editor-grid[b-4pj6jemfzo] { align-items: start; }
.channel-editor-grid > .full[b-4pj6jemfzo] { grid-column: 1 / -1; min-width: 0; }
@media (max-width: 720px) { .channel-editor-grid > .full[b-4pj6jemfzo] { grid-column: auto; } }
/* /Pages/Groups.razor.rz.scp.css */
.groups-workspace[b-cssis4ii1e] { display: grid; gap: 0; }
.groups-toolbar[b-cssis4ii1e] { display: flex; min-height: 70px; padding: 13px 16px; align-items: flex-start; justify-content: space-between; gap: 14px; background: var(--surface); border: 1px solid var(--line); border-radius: 12px 12px 0 0; }
.groups-toolbar-left[b-cssis4ii1e], .groups-toolbar-actions[b-cssis4ii1e] { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.groups-toolbar-left[b-cssis4ii1e] { flex: 1 1 620px; }
.groups-toolbar-actions[b-cssis4ii1e] { flex: 0 0 auto; justify-content: flex-end; }
.groups-search[b-cssis4ii1e] { width: min(100%, 260px); }
.compact-select[b-cssis4ii1e] { min-width: 144px; min-height: 38px; padding: 7px 30px 7px 10px; color: var(--ink); background: var(--surface); border: 1px solid var(--line); border-radius: 8px; font-size: .72rem; }
.menu-anchor[b-cssis4ii1e] { position: relative; }
.settings-menu[b-cssis4ii1e] { display: grid; position: absolute; z-index: 30; top: calc(100% + 5px); right: 0; min-width: 184px; max-height: 330px; padding: 5px; overflow-y: auto; background: var(--surface); border: 1px solid var(--line); border-radius: 9px; box-shadow: 0 14px 34px rgba(0,0,0,.18); }
.settings-menu button[b-cssis4ii1e] { display: flex; min-height: 34px; padding: 7px 9px; align-items: center; justify-content: space-between; gap: 14px; color: var(--ink); background: none; border: 0; border-radius: 6px; text-align: left; font-size: .69rem; }
.settings-menu button:hover[b-cssis4ii1e] { background: var(--surface-muted); }
.groups-table-card[b-cssis4ii1e] { overflow: hidden; background: var(--surface); border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); border-left: 1px solid var(--line); }
.groups-table-scroll[b-cssis4ii1e] { width: 100%; overflow-x: auto; }
.groups-data-table[b-cssis4ii1e] { width: 100%; min-width: 1370px; border-collapse: collapse; color: var(--ink); font-size: .83rem; }
.groups-data-table th[b-cssis4ii1e], .groups-data-table td[b-cssis4ii1e] { padding: 10px 12px; text-align: left; border-bottom: 1px solid var(--line); vertical-align: middle; white-space: nowrap; }
.groups-data-table th[b-cssis4ii1e] { height: 42px; color: var(--muted); background: var(--surface-muted); font-size: .76rem; font-weight: 680; }
.groups-data-table tbody tr:last-child td[b-cssis4ii1e] { border-bottom: 0; }
.groups-data-table tbody tr:hover[b-cssis4ii1e] { background: color-mix(in srgb, var(--surface-muted) 58%, transparent); }
.sort-header[b-cssis4ii1e] { display: inline-flex; padding: 0; align-items: center; gap: 4px; color: inherit; background: none; border: 0; font: inherit; font-weight: inherit; }
.name-cell[b-cssis4ii1e] { min-width: 185px; white-space: normal !important; }
.name-cell strong[b-cssis4ii1e] { display: block; color: var(--ink); font-size: .88rem; }
.name-cell small[b-cssis4ii1e] { display: block; max-width: 230px; margin-top: 3px; overflow: hidden; color: var(--muted); text-overflow: ellipsis; white-space: nowrap; font-size: .75rem; }
.numeric-cell[b-cssis4ii1e] { color: var(--muted); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .77rem; }
.platform-badge[b-cssis4ii1e], .billing-badge[b-cssis4ii1e], .type-badge[b-cssis4ii1e], .status-badge[b-cssis4ii1e] { display: inline-flex; width: fit-content; padding: 3px 8px; align-items: center; border-radius: 999px; font-size: .75rem; font-weight: 680; }
.platform-badge[b-cssis4ii1e] { color: #276d9c; background: rgba(39,109,156,.12); }
.platform-badge.anthropic[b-cssis4ii1e] { color: #aa632b; background: rgba(179,106,46,.13); }
.platform-badge.openai[b-cssis4ii1e] { color: #197452; background: rgba(25,116,82,.12); }
.platform-badge.antigravity[b-cssis4ii1e] { color: #744aae; background: rgba(124,85,181,.12); }
.platform-badge.grok[b-cssis4ii1e] { color: var(--ink); background: var(--line); }
.platform-badge.composite[b-cssis4ii1e] { color: #087a88; background: rgba(8,122,136,.12); }
.billing-badge[b-cssis4ii1e] { color: var(--muted); background: var(--surface-muted); }
.billing-badge.subscription[b-cssis4ii1e] { color: #7750aa; background: rgba(119,80,170,.12); }
.billing-limits[b-cssis4ii1e] { display: grid; margin-top: 5px; gap: 2px; color: var(--muted); font-size: .71rem; }
.rate-value[b-cssis4ii1e] { color: var(--ink); }
.type-badge[b-cssis4ii1e] { color: var(--muted); background: var(--surface-muted); }
.type-badge.exclusive[b-cssis4ii1e] { color: var(--primary); background: var(--primary-soft); }
.status-badge.success[b-cssis4ii1e] { color: var(--primary); background: var(--primary-soft); }
.status-badge.danger[b-cssis4ii1e] { color: var(--danger); background: rgba(197,62,62,.1); }
.account-counts[b-cssis4ii1e], .usage-cell[b-cssis4ii1e], .capacity-cell[b-cssis4ii1e] { display: grid; gap: 3px; color: var(--muted); font-size: .74rem; }
.account-counts strong[b-cssis4ii1e], .usage-cell strong[b-cssis4ii1e], .capacity-cell strong[b-cssis4ii1e] { color: var(--ink); font-weight: 680; }
.account-counts .available[b-cssis4ii1e] { color: var(--primary); }
.account-counts .limited[b-cssis4ii1e] { color: #b77716; }
.usage-cell span[b-cssis4ii1e] { display: flex; gap: 4px; }
.capacity-badge[b-cssis4ii1e] { display: inline-flex; width: fit-content; padding: 3px 7px; align-items: center; gap: 3px; background: var(--surface-muted); border-radius: 6px; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
.actions-column[b-cssis4ii1e] { position: sticky; z-index: 2; right: 0; min-width: 340px; background: var(--surface) !important; }
thead .actions-column[b-cssis4ii1e] { z-index: 3; background: var(--surface-muted) !important; }
.row-actions[b-cssis4ii1e] { display: flex; align-items: center; justify-content: flex-end; gap: 2px; }
.row-actions button[b-cssis4ii1e] { display: inline-flex; min-width: 44px; padding: 5px 6px; flex-direction: column; align-items: center; gap: 2px; color: var(--muted); background: transparent; border: 0; border-radius: 7px; font-size: .69rem; }
.row-actions button:hover[b-cssis4ii1e] { color: var(--primary); background: var(--surface-muted); }
.row-actions button:disabled[b-cssis4ii1e] { opacity: .48; cursor: not-allowed; }
.row-actions .purple-action:hover[b-cssis4ii1e] { color: #7c55b5; }
.row-actions .orange-action:hover[b-cssis4ii1e] { color: #bc6c22; }
.row-actions .cyan-action:hover[b-cssis4ii1e] { color: #087a88; }
.row-actions .danger-action:hover[b-cssis4ii1e] { color: var(--danger); background: rgba(197,62,62,.08); }
.groups-pagination[b-cssis4ii1e] { display: flex; min-height: 54px; padding: 9px 14px; align-items: center; justify-content: space-between; gap: 14px; color: var(--muted); background: var(--surface); border: 1px solid var(--line); border-top: 0; border-radius: 0 0 12px 12px; font-size: .8rem; }
.page-controls[b-cssis4ii1e] { display: flex; align-items: center; gap: 5px; }
.page-controls label[b-cssis4ii1e] { display: inline-flex; margin-right: 7px; align-items: center; gap: 5px; }
.page-controls select[b-cssis4ii1e] { min-height: 31px; padding: 4px 22px 4px 7px; color: var(--ink); background: var(--surface); border: 1px solid var(--line); border-radius: 7px; }
.page-button[b-cssis4ii1e] { min-width: 31px; min-height: 31px; padding: 4px; color: var(--muted); background: transparent; border: 1px solid transparent; border-radius: 7px; }
.page-button:hover[b-cssis4ii1e] { color: var(--ink); background: var(--surface-muted); }
.page-button.active[b-cssis4ii1e] { color: white; background: var(--primary); }
.editor-section[b-cssis4ii1e] { margin-bottom: 18px; padding-bottom: 17px; border-bottom: 1px solid var(--line); }
.editor-section h3[b-cssis4ii1e] { margin: 0 0 12px; color: var(--ink); font-size: .76rem; }
.editor-section .form-field small[b-cssis4ii1e] { color: var(--muted); font-size: .61rem; }
.advanced-editor[b-cssis4ii1e] { overflow: hidden; border: 1px solid var(--line); border-radius: 10px; }
.advanced-editor summary[b-cssis4ii1e] { display: flex; padding: 11px 13px; align-items: center; justify-content: space-between; color: var(--ink); background: var(--surface-muted); cursor: pointer; list-style: none; }
.advanced-editor summary[b-cssis4ii1e]::-webkit-details-marker { display: none; }
.advanced-editor summary span[b-cssis4ii1e] { display: grid; gap: 2px; }
.advanced-editor summary strong[b-cssis4ii1e] { font-size: .72rem; }
.advanced-editor summary small[b-cssis4ii1e] { color: var(--muted); font-size: .6rem; font-weight: 400; }
.advanced-editor[open] summary svg[b-cssis4ii1e] { transform: rotate(180deg); }
.advanced-editor > .form-field[b-cssis4ii1e] { padding: 12px; }
.sort-help[b-cssis4ii1e] { margin: 0 0 12px; color: var(--muted); font-size: .68rem; }
.sort-list[b-cssis4ii1e] { display: grid; max-height: 490px; overflow-y: auto; gap: 6px; }
.sort-row[b-cssis4ii1e] { display: grid; grid-template-columns: auto auto minmax(0,1fr) auto auto; min-height: 46px; padding: 7px 8px; align-items: center; gap: 9px; background: var(--surface-muted); border: 1px solid var(--line); border-radius: 9px; }
.sort-row strong[b-cssis4ii1e] { overflow: hidden; color: var(--ink); text-overflow: ellipsis; white-space: nowrap; font-size: .7rem; }
.sort-row small[b-cssis4ii1e], .sort-handle[b-cssis4ii1e] { color: var(--muted); font-size: .61rem; }
.sort-row > div[b-cssis4ii1e] { display: flex; gap: 3px; }
.delete-confirm[b-cssis4ii1e] { display: grid; grid-template-columns: auto 1fr; padding: 4px 0 12px; gap: 12px; }
.delete-icon[b-cssis4ii1e] { display: grid; width: 40px; height: 40px; place-items: center; color: var(--danger); background: rgba(197,62,62,.1); border-radius: 50%; }
.delete-confirm strong[b-cssis4ii1e] { color: var(--ink); font-size: .76rem; }
.delete-confirm p[b-cssis4ii1e] { margin: 6px 0 0; color: var(--muted); font-size: .67rem; line-height: 1.55; }
@media (max-width: 900px) { .groups-toolbar[b-cssis4ii1e] { align-items: stretch; flex-direction: column; } .groups-toolbar-left[b-cssis4ii1e] { flex-basis: auto; } .groups-toolbar-actions[b-cssis4ii1e] { justify-content: flex-start; } .groups-search[b-cssis4ii1e] { width: 100%; } .actions-column[b-cssis4ii1e] { position: static; } }
@media (max-width: 620px) { .groups-toolbar-left > *[b-cssis4ii1e] { width: 100%; } .groups-toolbar-actions[b-cssis4ii1e] { display: grid; grid-template-columns: 1fr 1fr; } .groups-toolbar-actions .button[b-cssis4ii1e] { width: 100%; justify-content: center; } .groups-pagination[b-cssis4ii1e] { align-items: flex-start; flex-direction: column; } .page-controls[b-cssis4ii1e] { width: 100%; overflow-x: auto; } .sort-row[b-cssis4ii1e] { grid-template-columns: auto auto minmax(0,1fr) auto; } .sort-row > small[b-cssis4ii1e] { display: none; } }
/* /Pages/ModelPlaza.razor.rz.scp.css */
.plaza-public-nav[b-acixta5edc] {
    position: sticky;
    z-index: 30;
    top: 0;
    border-bottom: 1px solid color-mix(in srgb, var(--line) 72%, transparent);
    background: color-mix(in srgb, var(--surface) 88%, transparent);
    backdrop-filter: blur(18px);
}

.plaza-public-nav-inner[b-acixta5edc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    max-width: 1280px;
    min-height: 64px;
    margin: 0 auto;
    padding: 10px 24px;
}

.plaza-public-brand[b-acixta5edc] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    gap: 10px;
    color: var(--ink);
    text-decoration: none;
}

.plaza-public-brand strong[b-acixta5edc] {
    overflow: hidden;
    font-size: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.plaza-logo-frame[b-acixta5edc] {
    display: grid;
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    place-items: center;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: var(--surface);
    box-shadow: 0 2px 8px rgba(20, 35, 29, .06);
}

.plaza-logo-frame img[b-acixta5edc] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.plaza-logo-frame[b-acixta5edc]  .brand-logo {
    width: 31px;
    height: 31px;
}

.plaza-nav-action[b-acixta5edc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 8px 16px;
    border-radius: 11px;
    background: linear-gradient(115deg, var(--primary), var(--primary-strong));
    box-shadow: 0 6px 18px color-mix(in srgb, var(--primary) 22%, transparent);
    color: #fff;
    font-size: .84rem;
    font-weight: 700;
    text-decoration: none;
    transition: transform .15s ease, box-shadow .15s ease;
}

.plaza-nav-action:hover[b-acixta5edc] {
    box-shadow: 0 8px 22px color-mix(in srgb, var(--primary) 28%, transparent);
    color: #fff;
    transform: translateY(-1px);
}

.model-plaza-page[b-acixta5edc] {
    display: grid;
    gap: 20px;
    width: 100%;
}

.model-plaza-page.standalone[b-acixta5edc] {
    max-width: 1280px;
    min-height: calc(100vh - 64px);
    margin: 0 auto;
    padding: 28px 24px 48px;
}

.plaza-title h1[b-acixta5edc] {
    margin: 0;
    font-size: clamp(1.55rem, 3vw, 1.9rem);
    font-weight: 760;
    letter-spacing: -.025em;
}

.plaza-title p[b-acixta5edc] {
    margin: 5px 0 0;
    color: var(--muted);
    font-size: .88rem;
}

.plaza-description[b-acixta5edc] {
    padding: 16px 20px;
    overflow-wrap: anywhere;
    border: 1px solid color-mix(in srgb, var(--line) 78%, transparent);
    border-radius: 14px;
    background: color-mix(in srgb, var(--surface) 93%, transparent);
    box-shadow: 0 5px 18px rgba(25, 42, 35, .035);
    font-size: .83rem;
    line-height: 1.7;
}

.plaza-description[b-acixta5edc]  h1,
.plaza-description[b-acixta5edc]  h2,
.plaza-description[b-acixta5edc]  h3 {
    margin: 12px 0 6px;
    font-size: 1rem;
}

.plaza-description[b-acixta5edc]  h1:first-child,
.plaza-description[b-acixta5edc]  h2:first-child,
.plaza-description[b-acixta5edc]  h3:first-child,
.plaza-description[b-acixta5edc]  p:first-child {
    margin-top: 0;
}

.plaza-description[b-acixta5edc]  p:last-child,
.plaza-description[b-acixta5edc]  ul:last-child,
.plaza-description[b-acixta5edc]  ol:last-child {
    margin-bottom: 0;
}

.plaza-description[b-acixta5edc]  a {
    color: var(--primary);
    text-underline-offset: 3px;
}

.plaza-description[b-acixta5edc]  code {
    padding: 2px 5px;
    border-radius: 4px;
    background: var(--surface-soft);
}

.plaza-description[b-acixta5edc]  blockquote {
    margin: 10px 0;
    padding-left: 12px;
    border-left: 3px solid var(--line);
    color: var(--muted);
}

.plaza-anonymous-hint[b-acixta5edc] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: -6px 0 0;
    color: var(--muted);
    font-size: .74rem;
}

.plaza-loading[b-acixta5edc] {
    display: grid;
    min-height: 240px;
    place-items: center;
}

.plaza-loading .spinner[b-acixta5edc] {
    width: 32px;
    height: 32px;
}

.plaza-error[b-acixta5edc],
.plaza-empty[b-acixta5edc] {
    padding: 42px 20px;
    border: 1px dashed var(--line);
    border-radius: 14px;
    color: var(--muted);
    text-align: center;
}

.plaza-error[b-acixta5edc] {
    border-style: solid;
    border-color: color-mix(in srgb, var(--danger) 30%, transparent);
    background: color-mix(in srgb, var(--danger) 7%, transparent);
    color: var(--danger);
}

.plaza-filters[b-acixta5edc] {
    display: grid;
    gap: 11px;
}

.plaza-filter-row[b-acixta5edc] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.plaza-filter-label[b-acixta5edc] {
    flex: 0 0 40px;
    padding-top: 7px;
    color: var(--muted);
    font-size: .69rem;
    font-weight: 750;
    letter-spacing: .08em;
}

.plaza-filter-options[b-acixta5edc] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
}

.filter-chip[b-acixta5edc] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    padding: 5px 11px;
    border: 1px solid var(--line);
    border-radius: 9px;
    background: color-mix(in srgb, var(--surface) 86%, transparent);
    color: var(--muted);
    font-size: .8rem;
    font-weight: 600;
    line-height: 1;
    transition: background-color .14s ease, border-color .14s ease, color .14s ease, transform .14s ease;
}

.filter-chip:not(:disabled):hover[b-acixta5edc] {
    border-color: color-mix(in srgb, var(--ink) 22%, var(--line));
    background: var(--surface-hover);
    color: var(--ink);
    transform: translateY(-1px);
}

.filter-chip.active[b-acixta5edc] {
    border-color: transparent;
    background: linear-gradient(115deg, var(--primary), var(--primary-strong));
    box-shadow: 0 3px 10px color-mix(in srgb, var(--primary) 22%, transparent);
    color: #fff;
}

.filter-chip.tinted:not(.active)[b-acixta5edc] {
    border-color: color-mix(in srgb, var(--plaza-accent) 27%, transparent);
    background: color-mix(in srgb, var(--plaza-accent) 8%, transparent);
    color: color-mix(in srgb, var(--plaza-accent) 78%, var(--ink));
}

.filter-chip.tinted.active[b-acixta5edc] {
    background: color-mix(in srgb, var(--plaza-accent) 86%, #111827);
}

.filter-chip:disabled[b-acixta5edc] {
    filter: grayscale(.75);
    opacity: .38;
}

.filter-chip.mono[b-acixta5edc] {
    font-family: "Cascadia Code", "SFMono-Regular", Consolas, monospace;
}

.chip-dot[b-acixta5edc] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
}

.plaza-model-search[b-acixta5edc] {
    position: relative;
    display: flex;
    align-items: center;
    width: min(100%, 290px);
}

.plaza-model-search[b-acixta5edc] >  .lucide-icon {
    position: absolute;
    left: 11px;
    z-index: 1;
    color: var(--muted);
    pointer-events: none;
}

.plaza-model-search input[b-acixta5edc] {
    width: 100%;
    height: 34px;
    padding: 6px 34px;
    border: 1px solid var(--line);
    border-radius: 9px;
    outline: none;
    background: var(--surface);
    color: var(--ink);
    font-size: .8rem;
}

.plaza-model-search input:focus[b-acixta5edc] {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent);
}

.plaza-model-search button[b-acixta5edc] {
    position: absolute;
    right: 7px;
    display: grid;
    width: 25px;
    height: 25px;
    padding: 0;
    place-items: center;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--muted);
}

.plaza-model-search button:hover[b-acixta5edc] {
    background: var(--surface-hover);
    color: var(--ink);
}

.plaza-group-list[b-acixta5edc] {
    display: grid;
    gap: 18px;
}

.plaza-group-card[b-acixta5edc] {
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--plaza-accent) 32%, var(--line));
    border-radius: 15px;
    background: color-mix(in srgb, var(--surface) 97%, transparent);
    box-shadow: 0 7px 24px rgba(20, 34, 28, .045);
}

.plaza-group-header[b-acixta5edc] {
    padding: 16px 20px;
    border-bottom: 1px solid color-mix(in srgb, var(--line) 75%, transparent);
}

.plaza-group-badges[b-acixta5edc] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
}

.plaza-group-identity[b-acixta5edc] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    min-height: 27px;
    padding: 3px 8px;
    border: 1px solid color-mix(in srgb, var(--plaza-accent) 28%, transparent);
    border-radius: 8px;
    background: color-mix(in srgb, var(--plaza-accent) 8%, transparent);
    color: color-mix(in srgb, var(--plaza-accent) 77%, var(--ink));
    font-size: .75rem;
}

.plaza-group-identity strong[b-acixta5edc] {
    color: var(--ink);
    font-size: .85rem;
}

.plaza-group-identity b[b-acixta5edc] {
    color: var(--primary);
    font-family: "Cascadia Code", "SFMono-Regular", Consolas, monospace;
    font-size: .7rem;
}

.plaza-group-identity s[b-acixta5edc] {
    color: var(--muted);
    font-family: "Cascadia Code", "SFMono-Regular", Consolas, monospace;
    font-size: .67rem;
}

.group-dot[b-acixta5edc] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--plaza-accent);
}

.plaza-badge[b-acixta5edc] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 24px;
    padding: 2px 8px;
    border-radius: 6px;
    font-size: .7rem;
    font-weight: 650;
}

.plaza-badge.exclusive[b-acixta5edc] {
    background: rgba(124, 58, 237, .09);
    color: #7c3aed;
}

.plaza-badge.subscription[b-acixta5edc] {
    background: rgba(109, 40, 217, .08);
    color: #6d28d9;
}

.plaza-group-header > p[b-acixta5edc] {
    margin: 8px 0 0;
    color: var(--muted);
    font-size: .8rem;
}

.plaza-group-header .plaza-peak-note[b-acixta5edc] {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 6px;
    color: #b45309;
    font-size: .72rem;
}

.plaza-no-models[b-acixta5edc] {
    margin: 0;
    padding: 18px 20px;
    color: var(--muted);
    font-size: .8rem;
    text-align: center;
}

@media (max-width: 680px) {
    .plaza-public-nav-inner[b-acixta5edc],
    .model-plaza-page.standalone[b-acixta5edc] {
        padding-right: 16px;
        padding-left: 16px;
    }

    .model-plaza-page.standalone[b-acixta5edc] {
        padding-top: 22px;
    }

    .plaza-filter-row[b-acixta5edc] {
        display: grid;
        gap: 5px;
    }

    .plaza-filter-label[b-acixta5edc] {
        padding-top: 0;
    }

    .plaza-model-search[b-acixta5edc] {
        width: 100%;
    }

    .plaza-group-header[b-acixta5edc] {
        padding: 14px 15px;
    }
}
/* /Pages/OAuthLab.razor.rz.scp.css */
.oauth-profile-grid[b-9mdi188unt] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.oauth-profile[b-9mdi188unt] {
    display: grid;
    min-width: 0;
    padding: 20px;
    gap: 20px;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 6px;
}

.oauth-profile header[b-9mdi188unt] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.oauth-profile header > div[b-9mdi188unt] {
    display: flex;
    min-width: 0;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.oauth-profile h2[b-9mdi188unt] {
    margin: 0;
    font-size: 1rem;
}

.oauth-profile-mark[b-9mdi188unt] {
    display: grid;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    place-items: center;
    color: #fff;
    background: #273c35;
    border-radius: 6px;
    font-size: .75rem;
    font-weight: 750;
}

.oauth-protocol[b-9mdi188unt],
.oauth-result dl[b-9mdi188unt] {
    display: grid;
    margin: 0;
    gap: 0;
}

.oauth-protocol > div[b-9mdi188unt],
.oauth-result dl > div[b-9mdi188unt] {
    display: grid;
    min-width: 0;
    padding: 9px 0;
    grid-template-columns: minmax(92px, 36%) minmax(0, 1fr);
    gap: 12px;
    border-bottom: 1px solid var(--line-soft);
}

.oauth-protocol > div:last-child[b-9mdi188unt],
.oauth-result dl > div:last-child[b-9mdi188unt] {
    border-bottom: 0;
}

.oauth-protocol dt[b-9mdi188unt],
.oauth-result dt[b-9mdi188unt] {
    color: var(--muted);
    font-size: .73rem;
}

.oauth-protocol dd[b-9mdi188unt],
.oauth-result dd[b-9mdi188unt] {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
    font-size: .78rem;
    text-align: right;
}

.oauth-profile .button[b-9mdi188unt] {
    width: 100%;
}

.oauth-result[b-9mdi188unt] {
    display: grid;
    margin-bottom: 14px;
    padding: 18px 20px;
    grid-template-columns: minmax(150px, 220px) minmax(0, 1fr);
    align-items: center;
    gap: 24px;
    background: #f7faf8;
    border: 1px solid #cfdad5;
    border-radius: 6px;
}

.oauth-result > div[b-9mdi188unt] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
}

.oauth-callback-band[b-9mdi188unt] {
    display: grid;
    margin-top: 14px;
    padding: 13px 16px;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    color: var(--muted);
    background: #f5f7f6;
    border: 1px solid var(--line);
    border-radius: 6px;
    font-size: .75rem;
}

.oauth-callback-band code[b-9mdi188unt] {
    min-width: 0;
    overflow-wrap: anywhere;
    text-align: right;
}

@media (max-width: 760px) {
    .oauth-profile-grid[b-9mdi188unt] {
        grid-template-columns: 1fr;
    }

    .oauth-result[b-9mdi188unt] {
        grid-template-columns: 1fr;
        gap: 10px;
    }
}

@media (max-width: 560px) {
    .oauth-callback-band[b-9mdi188unt] {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .oauth-callback-band code[b-9mdi188unt] {
        text-align: left;
    }
}
/* /Pages/ProviderOAuth.razor.rz.scp.css */
.oauth-connect-section[b-gpqy6vitei] {
    display: grid;
    padding: 24px 0;
    gap: 18px;
    border-top: 1px solid var(--line);
}

.section-heading[b-gpqy6vitei] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.section-heading h2[b-gpqy6vitei] {
    margin: 0;
    font-size: 1rem;
}

.section-heading p[b-gpqy6vitei] {
    margin: 4px 0 0;
    color: var(--muted);
    font-size: .8rem;
}

.step-index[b-gpqy6vitei] {
    display: grid;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    place-items: center;
    color: #fff;
    background: #273c35;
    border-radius: 50%;
    font-size: .75rem;
    font-weight: 750;
}

.oauth-segments[b-gpqy6vitei] {
    display: grid;
    width: min(440px, 100%);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 3px;
    background: #edf1ef;
    border: 1px solid var(--line);
    border-radius: 6px;
}

.oauth-segments button[b-gpqy6vitei] {
    min-height: 38px;
    border: 0;
    border-radius: 4px;
    color: var(--muted);
    background: transparent;
    font: inherit;
    font-size: .82rem;
    font-weight: 650;
    cursor: pointer;
}

.oauth-segments button.active[b-gpqy6vitei] {
    color: var(--text);
    background: var(--surface);
    box-shadow: 0 1px 3px rgba(24, 39, 34, .12);
}

.oauth-provider-facts[b-gpqy6vitei] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 28px;
    color: var(--muted);
    font-size: .78rem;
}

.oauth-provider-facts span[b-gpqy6vitei] {
    display: flex;
    gap: 8px;
}

.oauth-provider-facts strong[b-gpqy6vitei] {
    color: var(--text);
}

.oauth-form-row[b-gpqy6vitei] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 12px;
}

.oauth-action-band[b-gpqy6vitei],
.oauth-submit-row[b-gpqy6vitei] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.oauth-action-band[b-gpqy6vitei] {
    padding: 14px 16px;
    background: #f5f8f6;
    border: 1px solid #cfdbd5;
    border-radius: 6px;
}

.oauth-action-band > div[b-gpqy6vitei] {
    display: grid;
    gap: 3px;
}

.oauth-action-band span[b-gpqy6vitei],
.oauth-submit-row span[b-gpqy6vitei],
.oauth-note[b-gpqy6vitei] {
    color: var(--muted);
    font-size: .78rem;
}

.device-code[b-gpqy6vitei] {
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    letter-spacing: .08em;
}

.oauth-note[b-gpqy6vitei] {
    margin: -6px 0 0;
}

textarea[b-gpqy6vitei] {
    width: 100%;
    min-height: 104px;
    resize: vertical;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}

@media (max-width: 680px) {
    .oauth-form-row[b-gpqy6vitei] {
        grid-template-columns: 1fr;
    }

    .oauth-form-row .button[b-gpqy6vitei],
    .oauth-action-band .button[b-gpqy6vitei],
    .oauth-submit-row .button[b-gpqy6vitei] {
        width: 100%;
    }

    .oauth-action-band[b-gpqy6vitei],
    .oauth-submit-row[b-gpqy6vitei] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Pages/Providers.razor.rz.scp.css */
.accounts-page[b-3p4yg1nxp0] { width: 100%; font-size: 1rem; }
.accounts-toolbar[b-3p4yg1nxp0] { display: flex; min-height: 76px; padding: 14px 16px; align-items: center; justify-content: space-between; gap: 14px; background: var(--surface); border: 1px solid var(--line); border-radius: 12px 12px 0 0; }
.account-filter-row[b-3p4yg1nxp0], .account-toolbar-actions[b-3p4yg1nxp0] { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; }
.account-filter-row[b-3p4yg1nxp0] { flex: 1 1 760px; }
.account-toolbar-actions[b-3p4yg1nxp0] { flex: 0 0 auto; justify-content: flex-end; }
.account-result-count[b-3p4yg1nxp0] { padding: 4px 8px; color: var(--muted); background: var(--surface-muted); border-radius: 999px; font-size: .8rem; white-space: nowrap; }
.account-search[b-3p4yg1nxp0] { width: min(100%, 255px); height: 38px; flex: 0 1 255px; background: var(--surface); border-radius: 8px; }
.account-search input[b-3p4yg1nxp0] { font-size: .8rem; }
.account-filter-row select[b-3p4yg1nxp0] { min-width: 128px; min-height: 38px; padding: 7px 28px 7px 10px; color: var(--ink); background: var(--surface); border: 1px solid var(--line); border-radius: 8px; font-size: .8rem; }
.button.compact[b-3p4yg1nxp0] { min-height: 38px; padding: 7px 10px; font-size: .8rem; }
.toolbar-popover-wrap[b-3p4yg1nxp0] { position: relative; }
.toolbar-popover[b-3p4yg1nxp0] { display: grid; position: absolute; z-index: 55; top: calc(100% + 6px); right: 0; min-width: 210px; max-height: min(620px, 75vh); padding: 6px; overflow-y: auto; color: var(--ink); background: var(--surface); border: 1px solid var(--line); border-radius: 10px; box-shadow: 0 18px 42px rgba(0,0,0,.2); }
.account-tools-menu[b-3p4yg1nxp0] { width: 300px; }
.menu-check-row[b-3p4yg1nxp0], .tool-menu-row[b-3p4yg1nxp0] { display: flex; width: 100%; min-height: 36px; padding: 7px 9px; align-items: center; justify-content: space-between; gap: 10px; color: var(--ink); background: transparent; border: 0; border-radius: 7px; text-align: left; font-size: .8rem; text-decoration: none; cursor: pointer; }
.tool-menu-row[b-3p4yg1nxp0] { justify-content: flex-start; }
.tool-menu-row span[b-3p4yg1nxp0] { flex: 1 1 auto; }
.tool-menu-row small[b-3p4yg1nxp0] { padding: 1px 6px; color: var(--primary); background: var(--primary-soft); border-radius: 999px; font-size: .68rem; }
.menu-check-row:hover[b-3p4yg1nxp0], .tool-menu-row:hover[b-3p4yg1nxp0] { background: var(--surface-muted); }
.menu-section-title[b-3p4yg1nxp0] { margin: 0; padding: 7px 9px 4px; color: var(--muted); font-size: .7rem; font-weight: 760; letter-spacing: 0; }
.menu-divider[b-3p4yg1nxp0] { height: 1px; margin: 5px 4px; background: var(--line); }
.menu-toggle-row[b-3p4yg1nxp0] { display: flex; min-height: 34px; padding: 6px 9px; align-items: center; gap: 8px; color: var(--muted); font-size: .76rem; cursor: pointer; }
.menu-toggle-row input[b-3p4yg1nxp0] { accent-color: var(--primary); }
.file-menu-row[b-3p4yg1nxp0] { position: relative; }
.visually-hidden[b-3p4yg1nxp0] { position: absolute !important; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

.account-bulk-bar[b-3p4yg1nxp0] { display: flex; min-height: 50px; padding: 9px 14px; align-items: center; flex-wrap: wrap; gap: 8px; color: var(--ink); background: color-mix(in srgb, var(--primary-soft) 62%, var(--surface)); border-right: 1px solid var(--line); border-left: 1px solid var(--line); border-bottom: 1px solid var(--line); font-size: .8rem; }
.account-bulk-bar strong[b-3p4yg1nxp0] { color: var(--primary); }
.text-button[b-3p4yg1nxp0] { padding: 4px 6px; color: var(--primary); background: transparent; border: 0; font-size: .76rem; font-weight: 680; }
.text-button:hover[b-3p4yg1nxp0] { text-decoration: underline; }
.bulk-spacer[b-3p4yg1nxp0] { flex: 1 1 auto; }

.accounts-table-shell[b-3p4yg1nxp0] { overflow: visible; background: var(--surface); border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); border-left: 1px solid var(--line); }
.accounts-table-scroll[b-3p4yg1nxp0] { width: 100%; overflow-x: auto; overflow-y: visible; }
.accounts-data-table[b-3p4yg1nxp0] { width: 100%; min-width: 2320px; border-collapse: collapse; color: var(--ink); font-size: .83rem; }
.accounts-data-table th[b-3p4yg1nxp0], .accounts-data-table td[b-3p4yg1nxp0] { height: 48px; padding: 9px 11px; text-align: left; border-bottom: 1px solid var(--line); vertical-align: middle; white-space: nowrap; }
.accounts-data-table th[b-3p4yg1nxp0] { height: 43px; color: var(--muted); background: var(--surface-muted); font-size: .76rem; font-weight: 700; }
.accounts-data-table tbody tr:hover[b-3p4yg1nxp0], .accounts-data-table tbody tr.selected[b-3p4yg1nxp0] { background: color-mix(in srgb, var(--surface-muted) 60%, transparent); }
.accounts-data-table tbody tr:last-child td[b-3p4yg1nxp0] { border-bottom: 0; }
.accounts-data-table input[type="checkbox"][b-3p4yg1nxp0] { width: 15px; height: 15px; accent-color: var(--primary); }
.select-column[b-3p4yg1nxp0] { width: 42px; min-width: 42px; text-align: center !important; }
.table-sort[b-3p4yg1nxp0] { display: inline-flex; padding: 0; align-items: center; gap: 4px; color: inherit; background: transparent; border: 0; font: inherit; font-weight: inherit; }
.account-name-cell[b-3p4yg1nxp0], .capacity-cell[b-3p4yg1nxp0], .today-stats[b-3p4yg1nxp0], .proxy-cell[b-3p4yg1nxp0], .expiry-cell[b-3p4yg1nxp0] { display: grid; min-width: 130px; gap: 3px; }
.account-name-cell[b-3p4yg1nxp0] { min-width: 180px; }
.account-name-cell strong[b-3p4yg1nxp0] { overflow: hidden; max-width: 240px; text-overflow: ellipsis; font-size: .85rem; font-weight: 650; }
.account-name-cell small[b-3p4yg1nxp0], .capacity-cell small[b-3p4yg1nxp0], .today-stats small[b-3p4yg1nxp0], .proxy-cell small[b-3p4yg1nxp0], .expiry-cell small[b-3p4yg1nxp0] { color: var(--muted); font-size: .8rem; }
.accounts-data-table code[b-3p4yg1nxp0] { color: var(--muted); background: transparent; font-size: .83rem; }
.platform-stack[b-3p4yg1nxp0] { display: grid; justify-items: start; gap: 4px; }
.platform-stack > small[b-3p4yg1nxp0] { color: var(--muted); font-size: .76rem; }
.platform-badge[b-3p4yg1nxp0], .shadow-badge[b-3p4yg1nxp0] { display: inline-flex; padding: 3px 7px; align-items: center; border-radius: 6px; font-size: .8rem; font-weight: 720; }
.platform-badge[b-3p4yg1nxp0] { color: #247b5a; background: rgba(36,123,90,.11); }
.platform-anthropic[b-3p4yg1nxp0] { color: #a8662f; background: rgba(168,102,47,.12); }
.platform-gemini[b-3p4yg1nxp0] { color: #3175a8; background: rgba(49,117,168,.12); }
.platform-antigravity[b-3p4yg1nxp0] { color: #744eb0; background: rgba(116,78,176,.12); }
.platform-grok[b-3p4yg1nxp0] { color: var(--ink); background: var(--surface-muted); }
.platform-copilot[b-3p4yg1nxp0] { color: #24292f; background: rgba(36,41,47,.1); }
.shadow-badge[b-3p4yg1nxp0] { color: #9a681d; background: rgba(181,119,28,.11); font-size: .74rem; }
.endpoint-cell[b-3p4yg1nxp0] { width: 220px; min-width: 180px; }
.endpoint-cell code[b-3p4yg1nxp0] { display: block; max-width: 250px; overflow: hidden; color: var(--muted); text-overflow: ellipsis; white-space: nowrap; }
.auth-cell[b-3p4yg1nxp0] { display: grid; min-width: 145px; gap: 3px; }
.auth-cell strong[b-3p4yg1nxp0] { color: var(--ink); font-size: .85rem; font-weight: 650; }
.auth-cell small[b-3p4yg1nxp0] { font-size: .78rem; }
.auth-cell small.configured[b-3p4yg1nxp0] { color: var(--primary); }
.auth-cell small.missing[b-3p4yg1nxp0] { color: var(--danger); }
.status-badge[b-3p4yg1nxp0] { display: inline-flex; padding: 4px 8px; border-radius: 999px; font-size: .8rem; font-weight: 720; }
.status-badge.success[b-3p4yg1nxp0] { color: var(--primary); background: var(--primary-soft); }
.status-badge.warning[b-3p4yg1nxp0] { color: #b06d18; background: rgba(196,126,27,.13); }
.status-badge.danger[b-3p4yg1nxp0] { color: var(--danger); background: rgba(197,62,62,.11); }
.status-badge.neutral[b-3p4yg1nxp0] { color: var(--muted); background: var(--surface-muted); }
.schedule-column[b-3p4yg1nxp0] { width: 84px; min-width: 84px; text-align: center !important; }
.schedule-column .table-sort[b-3p4yg1nxp0] { width: 100%; justify-content: center; }
.schedule-switch[b-3p4yg1nxp0] { display: block; position: relative; width: 38px; height: 22px; margin: 0 auto; padding: 0; appearance: none; overflow: hidden; background: var(--line); border: 0; border-radius: 999px; box-sizing: border-box; line-height: 0; vertical-align: middle; cursor: pointer; transition: background-color .18s ease; }
.schedule-switch[b-3p4yg1nxp0]::after { position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; content: ""; background: #fff; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,.25); transform: translateX(0); transition: transform .18s ease; }
.schedule-switch.on[b-3p4yg1nxp0] { background: var(--primary); }
.schedule-switch.on[b-3p4yg1nxp0]::after { transform: translateX(16px); }
.schedule-switch:disabled[b-3p4yg1nxp0] { opacity: .55; }
.group-badges[b-3p4yg1nxp0] { display: flex; max-width: 250px; flex-wrap: wrap; gap: 4px; }
.group-badges > span:not(.muted-cell)[b-3p4yg1nxp0], .group-badges > small[b-3p4yg1nxp0] { padding: 3px 6px; color: #276d9c; background: rgba(39,109,156,.1); border-radius: 5px; font-size: .76rem; }
.usage-windows[b-3p4yg1nxp0] { display: grid; min-width: 175px; gap: 5px; }
.usage-windows > span[b-3p4yg1nxp0] { display: grid; grid-template-columns: 24px 68px 68px; align-items: center; gap: 5px; }
.usage-windows small[b-3p4yg1nxp0] { color: var(--muted); font-size: .74rem; }
.usage-windows b[b-3p4yg1nxp0] { color: var(--ink); text-align: right; font-size: .76rem; font-weight: 620; font-variant-numeric: tabular-nums; }
.usage-windows i[b-3p4yg1nxp0] { display: block; height: 5px; overflow: hidden; background: var(--line); border-radius: 99px; }
.usage-windows em[b-3p4yg1nxp0] { display: block; height: 100%; background: var(--primary); border-radius: inherit; }
.muted-cell[b-3p4yg1nxp0] { color: var(--muted); font-size: .8rem; }
.danger-text[b-3p4yg1nxp0] { color: var(--danger) !important; }
.notes-cell[b-3p4yg1nxp0] { display: block; max-width: 220px; overflow: hidden; text-overflow: ellipsis; }
.actions-column[b-3p4yg1nxp0] { position: sticky; z-index: 4; right: 0; min-width: 220px; background: var(--surface) !important; }
thead .actions-column[b-3p4yg1nxp0] { z-index: 5; background: var(--surface-muted) !important; }
.row-actions[b-3p4yg1nxp0] { display: flex; align-items: center; justify-content: flex-end; gap: 1px; }
.row-action[b-3p4yg1nxp0] { display: inline-flex; min-width: 44px; padding: 5px; flex-direction: column; align-items: center; gap: 1px; color: var(--muted); background: transparent; border: 0; border-radius: 7px; font-size: .75rem; }
.row-action:hover[b-3p4yg1nxp0] { color: var(--primary); background: var(--surface-muted); }
.row-action.danger:hover[b-3p4yg1nxp0] { color: var(--danger); background: rgba(197,62,62,.08); }
.row-more-wrap[b-3p4yg1nxp0] { position: relative; }
.row-action-menu-backdrop[b-3p4yg1nxp0] { position: fixed; z-index: 150; inset: 0; width: auto; height: auto; padding: 0; background: transparent; border: 0; cursor: default; }
.row-action-menu[b-3p4yg1nxp0] { display: grid; position: fixed; z-index: 151; width: min(190px, calc(100vw - 16px)); max-height: calc(100dvh - 16px); padding: 5px; overflow-y: auto; overscroll-behavior: contain; color: var(--ink); background: var(--surface); border: 1px solid var(--line); border-radius: 9px; box-shadow: 0 14px 34px rgba(0,0,0,.22); box-sizing: border-box; }
.row-action-menu button[b-3p4yg1nxp0], .row-action-menu a[b-3p4yg1nxp0] { min-height: 32px; padding: 6px 9px; color: var(--ink); background: transparent; border: 0; border-radius: 6px; text-align: left; text-decoration: none; font-size: .8rem; }
.row-action-menu button:hover[b-3p4yg1nxp0], .row-action-menu a:hover[b-3p4yg1nxp0] { background: var(--surface-muted); }
.account-empty-state[b-3p4yg1nxp0] { display: grid; min-height: 280px; place-items: center; align-content: center; gap: 8px; color: var(--muted); text-align: center; }
.account-empty-state strong[b-3p4yg1nxp0] { color: var(--ink); font-size: .88rem; }
.account-empty-state span[b-3p4yg1nxp0] { font-size: .8rem; }

.accounts-pagination[b-3p4yg1nxp0] { display: flex; min-height: 54px; padding: 9px 14px; align-items: center; justify-content: space-between; gap: 14px; color: var(--muted); background: var(--surface); border: 1px solid var(--line); border-top: 0; border-radius: 0 0 12px 12px; font-size: .8rem; }
.pagination-controls[b-3p4yg1nxp0] { display: flex; align-items: center; gap: 6px; }
.pagination-controls label[b-3p4yg1nxp0] { display: flex; margin-right: 8px; align-items: center; gap: 5px; }
.pagination-controls select[b-3p4yg1nxp0] { min-height: 31px; padding: 4px 22px 4px 7px; color: var(--ink); background: var(--surface); border: 1px solid var(--line); border-radius: 7px; }

.account-editor-grid[b-3p4yg1nxp0] { align-items: start; }
.account-editor-grid .inline-alert.full[b-3p4yg1nxp0] { display: flex; align-items: center; grid-column: 1 / -1; }
.account-editor-grid .inline-alert.full span[b-3p4yg1nxp0] { flex: 1 1 auto; }
.account-editor-grid .form-hint[b-3p4yg1nxp0] { display: block; margin-top: 4px; color: var(--muted); font-size: .72rem; line-height: 1.45; }
.editor-group-picker[b-3p4yg1nxp0] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); max-height: 210px; padding: 8px; gap: 6px; overflow-y: auto; background: var(--surface-muted); border: 1px solid var(--line); border-radius: 8px; }
.editor-group-picker label[b-3p4yg1nxp0] { display: grid; grid-template-columns: auto minmax(0,1fr) auto; min-height: 35px; padding: 6px 8px; align-items: center; gap: 8px; color: var(--ink); background: var(--surface); border: 1px solid var(--line); border-radius: 7px; font-size: .63rem; }
.editor-group-picker label small[b-3p4yg1nxp0] { color: var(--muted); font-size: .53rem; }
.json-preview[b-3p4yg1nxp0] { max-height: 480px; margin: 0; padding: 14px; overflow: auto; color: var(--ink); background: var(--surface-muted); border: 1px solid var(--line); border-radius: 9px; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .61rem; line-height: 1.55; white-space: pre-wrap; word-break: break-word; }
.compact-json[b-3p4yg1nxp0] { max-height: 260px; margin-top: 14px; }

@media (max-width: 1180px) {
    .accounts-toolbar[b-3p4yg1nxp0] { flex-direction: column; }
    .account-filter-row[b-3p4yg1nxp0] { flex-basis: auto; }
    .account-toolbar-actions[b-3p4yg1nxp0] { width: 100%; justify-content: flex-start; }
}
@media (max-width: 720px) {
    .account-filter-row > *[b-3p4yg1nxp0], .account-search[b-3p4yg1nxp0] { width: 100%; }
    .account-search[b-3p4yg1nxp0] { flex-basis: 100%; }
    .account-filter-row select[b-3p4yg1nxp0] { width: 100%; }
    .account-toolbar-actions[b-3p4yg1nxp0] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
    .account-toolbar-actions > .button[b-3p4yg1nxp0], .account-toolbar-actions > .toolbar-popover-wrap > .button[b-3p4yg1nxp0] { width: 100%; justify-content: center; }
    .toolbar-popover[b-3p4yg1nxp0] { right: auto; left: 0; max-width: 90vw; }
    .account-bulk-bar[b-3p4yg1nxp0] { align-items: stretch; }
    .bulk-spacer[b-3p4yg1nxp0] { display: none; }
    .accounts-pagination[b-3p4yg1nxp0] { align-items: flex-start; flex-direction: column; }
    .editor-group-picker[b-3p4yg1nxp0] { grid-template-columns: 1fr; }
}
.model-restriction-field[b-3p4yg1nxp0] {
    grid-column: 1 / -1;
}
/* /Pages/Redeem.razor.rz.scp.css */
.redeem-layout[b-atds78q2hg] {
    display: grid;
    width: min(760px, 100%);
    margin: 0 auto;
    gap: 18px;
}

.redeem-balance-card[b-atds78q2hg] {
    display: grid;
    min-height: 230px;
    padding: 28px;
    place-items: center;
    align-content: center;
    gap: 7px;
    color: #fff;
    background: linear-gradient(145deg, #399673, #237254);
    border-radius: 10px;
    box-shadow: 0 12px 28px rgba(35, 114, 84, .2);
}

.redeem-balance-icon[b-atds78q2hg] {
    display: grid;
    width: 58px;
    height: 58px;
    margin-bottom: 6px;
    place-items: center;
    background: rgba(255, 255, 255, .18);
    border-radius: 14px;
}

.redeem-balance-card > span:not(.redeem-balance-icon)[b-atds78q2hg],
.redeem-balance-card small[b-atds78q2hg] {
    color: rgba(255, 255, 255, .82);
    font-size: .78rem;
}

.redeem-balance-card strong[b-atds78q2hg] {
    font-size: 2.35rem;
    line-height: 1.15;
}

.redeem-form-card form[b-atds78q2hg] {
    display: grid;
    gap: 16px;
}

.redeem-input-wrap[b-atds78q2hg] {
    position: relative;
}

.redeem-input-wrap > :first-child[b-atds78q2hg] {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 13px;
    color: var(--muted);
    transform: translateY(-50%);
}

.redeem-input-wrap input[b-atds78q2hg] {
    min-height: 48px;
    padding-left: 43px;
    font-size: .92rem;
}

.redeem-submit[b-atds78q2hg] {
    width: 100%;
    min-height: 45px;
}

.redeem-result[b-atds78q2hg],
.redeem-info-card[b-atds78q2hg] {
    display: flex;
    padding: 18px;
    align-items: flex-start;
    gap: 13px;
    border: 1px solid;
    border-radius: 9px;
}

.redeem-result.success[b-atds78q2hg] { color: #176c4d; background: #eef9f4; border-color: #bce3d3; }
.redeem-result.danger[b-atds78q2hg] { color: #a33636; background: #fff3f3; border-color: #eccaca; }

.redeem-result .result-icon[b-atds78q2hg],
.redeem-info-card > span[b-atds78q2hg] {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 auto;
    place-items: center;
    background: rgba(255, 255, 255, .55);
    border-radius: 9px;
}

.redeem-result > div[b-atds78q2hg],
.redeem-info-card > div[b-atds78q2hg] { display: grid; gap: 5px; }
.redeem-result strong[b-atds78q2hg],
.redeem-info-card strong[b-atds78q2hg] { font-size: .82rem; }
.redeem-result p[b-atds78q2hg],
.redeem-result span[b-atds78q2hg],
.redeem-info-card li[b-atds78q2hg] { margin: 0; font-size: .75rem; line-height: 1.5; }

.redeem-info-card[b-atds78q2hg] {
    color: #24674e;
    background: var(--primary-soft);
    border-color: #b9dfcf;
}

.redeem-info-card ul[b-atds78q2hg] { display: grid; margin: 2px 0 0; padding-left: 18px; gap: 4px; }
.redeem-history-list[b-atds78q2hg] { display: grid; gap: 9px; }

.redeem-history-item[b-atds78q2hg] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) minmax(120px, auto);
    padding: 12px 14px;
    align-items: center;
    gap: 12px;
    background: var(--surface-soft);
    border-radius: 8px;
}

.history-icon[b-atds78q2hg] {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 9px;
}

.history-icon.positive[b-atds78q2hg] { color: #16845c; background: #dff4eb; }
.history-icon.negative[b-atds78q2hg] { color: #b74343; background: #fae4e4; }
.history-icon.purple[b-atds78q2hg] { color: #7652ad; background: #eee7f8; }

.history-copy[b-atds78q2hg],
.history-value[b-atds78q2hg] { display: grid; min-width: 0; gap: 3px; }
.history-copy strong[b-atds78q2hg],
.history-value strong[b-atds78q2hg] { font-size: .76rem; }
.history-copy span[b-atds78q2hg],
.history-value span[b-atds78q2hg],
.history-value code[b-atds78q2hg] { overflow: hidden; color: var(--muted); font-size: .66rem; text-overflow: ellipsis; white-space: nowrap; }
.history-value[b-atds78q2hg] { text-align: right; }
.history-value.positive strong[b-atds78q2hg] { color: #16845c; }
.history-value.negative strong[b-atds78q2hg] { color: #b74343; }
.history-value.purple strong[b-atds78q2hg] { color: #7652ad; }

@media (max-width: 620px) {
    .redeem-balance-card[b-atds78q2hg] { min-height: 200px; }
    .redeem-history-item[b-atds78q2hg] { grid-template-columns: auto minmax(0, 1fr); }
    .history-value[b-atds78q2hg] { grid-column: 2; text-align: left; }
}
/* /Pages/Subscriptions.razor.rz.scp.css */
.subscriptions-workspace[b-15xo9tkrzo] { width: 100%; }
.subscriptions-toolbar[b-15xo9tkrzo] { display: flex; min-height: 68px; padding: 14px 16px; align-items: flex-start; justify-content: space-between; gap: 14px; background: var(--surface); border: 1px solid var(--line); border-radius: 12px 12px 0 0; }
.subscriptions-toolbar-left[b-15xo9tkrzo], .subscriptions-toolbar-actions[b-15xo9tkrzo] { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.subscriptions-toolbar-left[b-15xo9tkrzo] { flex: 1 1 720px; }
.subscriptions-toolbar-actions[b-15xo9tkrzo] { flex: 0 0 auto; justify-content: flex-end; }
.subscription-user-search[b-15xo9tkrzo] { position: relative; width: min(100%, 260px); }
.subscription-user-search input[b-15xo9tkrzo], .modal-user-search input[b-15xo9tkrzo] { padding-right: 34px; }
.user-search-anchor[b-15xo9tkrzo] { position: relative; }
.search-clear[b-15xo9tkrzo] { display: grid; position: absolute; right: 6px; width: 26px; height: 26px; padding: 0; place-items: center; color: var(--muted); background: transparent; border: 0; border-radius: 6px; }
.search-clear:hover[b-15xo9tkrzo] { color: var(--ink); background: var(--surface-muted); }
.user-search-menu[b-15xo9tkrzo] { display: grid; position: absolute; z-index: 45; top: calc(100% + 5px); left: 0; width: min(390px, 90vw); max-height: 260px; padding: 5px; overflow-y: auto; background: var(--surface); border: 1px solid var(--line); border-radius: 9px; box-shadow: 0 16px 38px rgba(0,0,0,.19); }
.user-search-menu button[b-15xo9tkrzo] { display: grid; min-height: 46px; padding: 8px 10px; gap: 3px; color: var(--ink); background: none; border: 0; border-radius: 7px; text-align: left; }
.user-search-menu button:hover[b-15xo9tkrzo] { background: var(--surface-muted); }
.user-search-menu strong[b-15xo9tkrzo] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .7rem; }
.user-search-menu button span[b-15xo9tkrzo], .search-state[b-15xo9tkrzo] { color: var(--muted); font-size: .61rem; }
.search-state[b-15xo9tkrzo] { display: block; padding: 12px 10px; }
.compact-select[b-15xo9tkrzo] { min-width: 140px; min-height: 38px; padding: 7px 30px 7px 10px; color: var(--ink); background: var(--surface); border: 1px solid var(--line); border-radius: 8px; font-size: .7rem; }
.compact-select.group-filter[b-15xo9tkrzo] { min-width: 170px; }
.menu-anchor[b-15xo9tkrzo] { position: relative; }
.settings-menu[b-15xo9tkrzo] { display: grid; position: absolute; z-index: 40; top: calc(100% + 5px); right: 0; min-width: 190px; max-height: 350px; padding: 5px; overflow-y: auto; background: var(--surface); border: 1px solid var(--line); border-radius: 9px; box-shadow: 0 14px 34px rgba(0,0,0,.18); }
.settings-menu button[b-15xo9tkrzo] { display: flex; min-height: 34px; padding: 7px 9px; align-items: center; justify-content: space-between; gap: 14px; color: var(--ink); background: none; border: 0; border-radius: 6px; text-align: left; font-size: .69rem; }
.settings-menu button:hover[b-15xo9tkrzo] { background: var(--surface-muted); }
.menu-section-title[b-15xo9tkrzo] { padding: 6px 9px 3px; color: var(--muted); font-size: .59rem; font-weight: 700; }
.menu-separator[b-15xo9tkrzo] { height: 1px; margin: 4px 5px; background: var(--line); }

.subscriptions-table-card[b-15xo9tkrzo] { overflow: hidden; background: var(--surface); border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); border-left: 1px solid var(--line); }
.subscriptions-table-scroll[b-15xo9tkrzo] { width: 100%; overflow-x: auto; }
.subscriptions-data-table[b-15xo9tkrzo] { width: 100%; min-width: 1100px; border-collapse: collapse; color: var(--ink); font-size: .83rem; }
.subscriptions-data-table th[b-15xo9tkrzo], .subscriptions-data-table td[b-15xo9tkrzo] { padding: 10px 12px; text-align: left; border-bottom: 1px solid var(--line); vertical-align: middle; white-space: nowrap; }
.subscriptions-data-table th[b-15xo9tkrzo] { height: 42px; color: var(--muted); background: var(--surface-muted); font-size: .76rem; font-weight: 680; }
.subscriptions-data-table tbody tr:last-child td[b-15xo9tkrzo] { border-bottom: 0; }
.subscriptions-data-table tbody tr:hover[b-15xo9tkrzo] { background: color-mix(in srgb, var(--surface-muted) 58%, transparent); }
.sort-header[b-15xo9tkrzo] { display: inline-flex; padding: 0; align-items: center; gap: 4px; color: inherit; background: none; border: 0; font: inherit; font-weight: inherit; }
.empty-table-cell[b-15xo9tkrzo] { height: 280px; padding: 0 !important; }
.subscription-user-cell[b-15xo9tkrzo] { display: flex; min-width: 190px; align-items: center; gap: 9px; }
.subscription-user-cell strong[b-15xo9tkrzo] { overflow: hidden; max-width: 260px; color: var(--ink); text-overflow: ellipsis; white-space: nowrap; font-size: .88rem; }
.subscription-avatar[b-15xo9tkrzo] { display: grid; width: 31px; height: 31px; flex: 0 0 auto; place-items: center; color: var(--primary); background: var(--primary-soft); border-radius: 50%; font-size: .66rem; font-weight: 740; }
.subscription-group-badge[b-15xo9tkrzo] { display: inline-flex; max-width: 230px; padding: 4px 8px; align-items: center; gap: 6px; overflow: hidden; color: #197452; background: rgba(25,116,82,.11); border: 1px solid rgba(25,116,82,.16); border-radius: 7px; text-overflow: ellipsis; white-space: nowrap; font-size: .75rem; font-weight: 680; }
.subscription-group-badge.anthropic[b-15xo9tkrzo] { color: #aa632b; background: rgba(179,106,46,.11); border-color: rgba(179,106,46,.17); }
.subscription-group-badge.gemini[b-15xo9tkrzo] { color: #276d9c; background: rgba(39,109,156,.11); border-color: rgba(39,109,156,.17); }
.subscription-group-badge.antigravity[b-15xo9tkrzo] { color: #744aae; background: rgba(124,85,181,.11); border-color: rgba(124,85,181,.17); }
.subscription-group-badge.grok[b-15xo9tkrzo] { color: var(--ink); background: var(--surface-muted); border-color: var(--line); }
.subscription-group-badge.composite[b-15xo9tkrzo] { color: #087a88; background: rgba(8,122,136,.11); border-color: rgba(8,122,136,.17); }
.platform-dot[b-15xo9tkrzo] { width: 6px; height: 6px; flex: 0 0 auto; background: currentColor; border-radius: 50%; }
.muted-value[b-15xo9tkrzo] { color: var(--muted); }
.subscription-usage-cell[b-15xo9tkrzo] { display: grid; min-width: 280px; gap: 8px; }
.subscription-usage-cell.large[b-15xo9tkrzo] { min-width: 0; gap: 14px; }
.subscription-usage-row[b-15xo9tkrzo] { display: grid; gap: 3px; }
.subscription-usage-line[b-15xo9tkrzo] { display: flex; align-items: center; gap: 8px; }
.usage-window-label[b-15xo9tkrzo] { width: 30px; flex: 0 0 auto; color: var(--muted); font-size: .74rem; font-weight: 680; }
.usage-progress[b-15xo9tkrzo] { width: 94px; height: 6px; overflow: hidden; background: var(--line); border-radius: 99px; }
.subscription-usage-cell.large .usage-progress[b-15xo9tkrzo] { flex: 1 1 auto; width: auto; height: 8px; }
.usage-progress span[b-15xo9tkrzo] { display: block; height: 100%; border-radius: inherit; }
.usage-progress span.success[b-15xo9tkrzo] { background: #24a06b; }
.usage-progress span.warning[b-15xo9tkrzo] { background: #d58b23; }
.usage-progress span.danger[b-15xo9tkrzo] { background: #d44e4e; }
.usage-numbers[b-15xo9tkrzo] { min-width: 96px; color: var(--muted); text-align: right; font-size: .71rem; font-variant-numeric: tabular-nums; }
.subscription-usage-row small[b-15xo9tkrzo] { padding-left: 38px; color: #357db2; font-size: .69rem; }
.unlimited-usage[b-15xo9tkrzo] { display: inline-flex; width: fit-content; padding: 7px 10px; align-items: center; gap: 7px; color: #1c8a60; background: rgba(28,138,96,.1); border-radius: 8px; font-size: .75rem; font-weight: 680; }
.unlimited-usage strong[b-15xo9tkrzo] { font-size: 1rem; line-height: 1; }
.expiry-cell[b-15xo9tkrzo] { display: grid; gap: 2px; color: var(--ink); }
.expiry-cell small[b-15xo9tkrzo] { color: var(--muted); font-size: .75rem; }
.expiry-cell.soon[b-15xo9tkrzo] { color: #b56a13; }
.expiry-cell.expired[b-15xo9tkrzo] { color: var(--danger); }
.subscription-status[b-15xo9tkrzo] { display: inline-flex; width: fit-content; padding: 3px 8px; border-radius: 999px; font-size: .75rem; font-weight: 700; }
.subscription-status.active[b-15xo9tkrzo] { color: var(--primary); background: var(--primary-soft); }
.subscription-status.expired[b-15xo9tkrzo] { color: #a56a15; background: rgba(194,127,29,.12); }
.subscription-status.revoked[b-15xo9tkrzo], .subscription-status.suspended[b-15xo9tkrzo] { color: var(--danger); background: rgba(197,62,62,.1); }
.subscription-actions-column[b-15xo9tkrzo] { position: sticky; z-index: 2; right: 0; min-width: 220px; background: var(--surface) !important; }
thead .subscription-actions-column[b-15xo9tkrzo] { z-index: 3; background: var(--surface-muted) !important; }
.subscription-row-actions[b-15xo9tkrzo] { display: flex; align-items: center; justify-content: flex-end; gap: 2px; }
.subscription-row-actions button[b-15xo9tkrzo] { display: inline-flex; min-width: 46px; padding: 5px 6px; flex-direction: column; align-items: center; gap: 2px; color: var(--muted); background: transparent; border: 0; border-radius: 7px; font-size: .69rem; }
.subscription-row-actions button:hover[b-15xo9tkrzo] { color: #2e73ad; background: var(--surface-muted); }
.subscription-row-actions .warning-action:hover[b-15xo9tkrzo] { color: #bd711b; }
.subscription-row-actions .danger-action:hover[b-15xo9tkrzo] { color: var(--danger); background: rgba(197,62,62,.08); }
.subscription-row-actions .success-action:hover[b-15xo9tkrzo] { color: var(--primary); background: var(--primary-soft); }

.subscriptions-pagination[b-15xo9tkrzo] { display: flex; min-height: 54px; padding: 9px 14px; align-items: center; justify-content: space-between; gap: 14px; color: var(--muted); background: var(--surface); border: 1px solid var(--line); border-top: 0; border-radius: 0 0 12px 12px; font-size: .8rem; }
.page-controls[b-15xo9tkrzo] { display: flex; align-items: center; gap: 5px; }
.page-controls label[b-15xo9tkrzo] { display: inline-flex; margin-right: 7px; align-items: center; gap: 5px; }
.page-controls select[b-15xo9tkrzo] { min-height: 31px; padding: 4px 22px 4px 7px; color: var(--ink); background: var(--surface); border: 1px solid var(--line); border-radius: 7px; }
.page-button[b-15xo9tkrzo] { min-width: 31px; min-height: 31px; padding: 4px; color: var(--muted); background: transparent; border: 1px solid transparent; border-radius: 7px; }
.page-button:hover[b-15xo9tkrzo] { color: var(--ink); background: var(--surface-muted); }
.page-button.active[b-15xo9tkrzo] { color: white; background: var(--primary); }

.modal-user-search[b-15xo9tkrzo] { position: relative; width: 100%; }
.modal-search-menu[b-15xo9tkrzo] { width: 100%; }
.form-field small[b-15xo9tkrzo] { color: var(--muted); font-size: .61rem; }
.subscription-modal-summary[b-15xo9tkrzo] { display: grid; margin-bottom: 16px; padding: 12px 13px; gap: 5px; color: var(--muted); background: var(--surface-muted); border: 1px solid var(--line); border-radius: 9px; font-size: .67rem; }
.subscription-modal-summary p[b-15xo9tkrzo] { margin: 0; }
.subscription-modal-summary strong[b-15xo9tkrzo] { color: var(--ink); }
.subscription-confirm[b-15xo9tkrzo] { display: grid; grid-template-columns: auto minmax(0,1fr); padding: 3px 0 12px; align-items: start; gap: 12px; }
.confirm-icon[b-15xo9tkrzo] { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 50%; }
.confirm-icon.warning[b-15xo9tkrzo] { color: #b56a13; background: rgba(194,127,29,.12); }
.confirm-icon.danger[b-15xo9tkrzo] { color: var(--danger); background: rgba(197,62,62,.1); }
.confirm-icon.success[b-15xo9tkrzo] { color: var(--primary); background: var(--primary-soft); }
.subscription-confirm strong[b-15xo9tkrzo] { color: var(--ink); font-size: .74rem; }
.subscription-confirm p[b-15xo9tkrzo] { margin: 6px 0 0; color: var(--muted); font-size: .66rem; line-height: 1.55; }
.guide-intro[b-15xo9tkrzo] { margin: 0 0 18px; color: var(--muted); font-size: .69rem; line-height: 1.6; }
.subscription-guide-step[b-15xo9tkrzo] { display: grid; grid-template-columns: auto minmax(0,1fr); margin-bottom: 18px; gap: 10px; }
.subscription-guide-step > span[b-15xo9tkrzo] { display: grid; width: 25px; height: 25px; place-items: center; color: var(--primary); background: var(--primary-soft); border-radius: 50%; font-size: .65rem; font-weight: 760; }
.subscription-guide-step h3[b-15xo9tkrzo] { margin: 3px 0 8px; color: var(--ink); font-size: .73rem; }
.subscription-guide-step ol[b-15xo9tkrzo] { margin: 0 0 8px 18px; padding: 0; color: var(--muted); font-size: .66rem; line-height: 1.75; }
.subscription-guide-step a[b-15xo9tkrzo] { display: inline-flex; align-items: center; gap: 4px; color: var(--primary); font-size: .66rem; font-weight: 700; }
.guide-action-table[b-15xo9tkrzo] { overflow: hidden; border: 1px solid var(--line); border-radius: 8px; }
.guide-action-table > div[b-15xo9tkrzo] { display: grid; grid-template-columns: 100px 1fr; border-bottom: 1px solid var(--line); font-size: .64rem; }
.guide-action-table > div:last-child[b-15xo9tkrzo] { border-bottom: 0; }
.guide-action-table strong[b-15xo9tkrzo], .guide-action-table span[b-15xo9tkrzo] { padding: 8px 10px; }
.guide-action-table strong[b-15xo9tkrzo] { color: var(--ink); background: var(--surface-muted); }
.guide-action-table span[b-15xo9tkrzo] { color: var(--muted); }
.guide-tip[b-15xo9tkrzo] { padding: 11px 12px; color: #276d9c; background: rgba(39,109,156,.1); border-radius: 8px; font-size: .62rem; line-height: 1.55; }

.my-subscriptions-workspace[b-15xo9tkrzo] { width: 100%; }
.self-subscription-empty[b-15xo9tkrzo] { display: grid; min-height: 320px; padding: 44px 22px; place-items: center; align-content: center; text-align: center; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; }
.self-empty-icon[b-15xo9tkrzo] { display: grid; width: 64px; height: 64px; margin-bottom: 12px; place-items: center; color: var(--muted); background: var(--surface-muted); border-radius: 50%; }
.self-subscription-empty h3[b-15xo9tkrzo] { margin: 0 0 7px; color: var(--ink); font-size: .9rem; }
.self-subscription-empty p[b-15xo9tkrzo] { margin: 0; color: var(--muted); font-size: .7rem; }
.self-subscriptions-grid[b-15xo9tkrzo] { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; }
.self-subscription-card[b-15xo9tkrzo] { overflow: hidden; background: var(--surface); border: 1px solid var(--line); border-top: 3px solid #7b8790; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,.04); }
.self-subscription-card.openai[b-15xo9tkrzo] { border-top-color: #21a06c; }
.self-subscription-card.anthropic[b-15xo9tkrzo] { border-top-color: #c1783b; }
.self-subscription-card.gemini[b-15xo9tkrzo] { border-top-color: #4385c4; }
.self-subscription-card.antigravity[b-15xo9tkrzo] { border-top-color: #8256b5; }
.self-subscription-card.grok[b-15xo9tkrzo] { border-top-color: #7b8790; }
.self-subscription-card > header[b-15xo9tkrzo] { display: flex; min-height: 88px; padding: 15px 16px; align-items: flex-start; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--line); }
.self-subscription-title[b-15xo9tkrzo] { display: flex; min-width: 0; align-items: flex-start; gap: 9px; }
.self-subscription-title > .platform-dot[b-15xo9tkrzo] { margin-top: 9px; color: var(--primary); }
.self-subscription-title > div[b-15xo9tkrzo] { min-width: 0; }
.self-subscription-title > div > div[b-15xo9tkrzo] { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; }
.self-subscription-title h3[b-15xo9tkrzo] { margin: 0; overflow: hidden; color: var(--ink); text-overflow: ellipsis; white-space: nowrap; font-size: .79rem; }
.self-subscription-title p[b-15xo9tkrzo] { margin: 4px 0; color: var(--muted); font-size: .61rem; }
.self-subscription-title small[b-15xo9tkrzo] { display: flex; flex-wrap: wrap; gap: 10px; color: var(--muted); font-size: .58rem; }
.self-subscription-title small span[b-15xo9tkrzo] { color: #a26a1f; }
.self-platform-badge[b-15xo9tkrzo] { padding: 2px 6px; color: var(--muted); background: var(--surface-muted); border: 1px solid var(--line); border-radius: 5px; font-size: .56rem; font-weight: 680; }
.self-subscription-body[b-15xo9tkrzo] { display: grid; padding: 16px; gap: 16px; }
.self-expiry[b-15xo9tkrzo] { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--muted); font-size: .67rem; }
.self-expiry strong[b-15xo9tkrzo] { color: var(--ink); font-weight: 650; }

@media (max-width: 980px) { .subscriptions-toolbar[b-15xo9tkrzo] { align-items: stretch; flex-direction: column; } .subscriptions-toolbar-left[b-15xo9tkrzo] { flex-basis: auto; } .subscriptions-toolbar-actions[b-15xo9tkrzo] { justify-content: flex-start; } .subscription-actions-column[b-15xo9tkrzo] { position: static; } .self-subscriptions-grid[b-15xo9tkrzo] { grid-template-columns: 1fr; } }
@media (max-width: 650px) { .subscriptions-toolbar-left > *[b-15xo9tkrzo], .subscription-user-search[b-15xo9tkrzo] { width: 100%; } .subscriptions-toolbar-actions[b-15xo9tkrzo] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); } .subscriptions-toolbar-actions .button[b-15xo9tkrzo] { width: 100%; justify-content: center; } .subscriptions-pagination[b-15xo9tkrzo] { align-items: flex-start; flex-direction: column; } .page-controls[b-15xo9tkrzo] { width: 100%; overflow-x: auto; } .guide-action-table > div[b-15xo9tkrzo] { grid-template-columns: 82px 1fr; } }
/* /Pages/UpstreamAccounts.razor.rz.scp.css */
.upstream-domain-note[b-zzch8ukuov] { margin-bottom: 14px; }
.upstream-domain-note code[b-zzch8ukuov] { color: var(--primary); font-size: .8rem; }
.providers-table-wrap[b-zzch8ukuov] { overflow-x: auto; }
.providers-table[b-zzch8ukuov] { min-width: 1320px; }
.providers-table .actions-column[b-zzch8ukuov] { min-width: 132px; }
.toolbar select[b-zzch8ukuov] { min-height: 38px; padding: 7px 30px 7px 10px; color: var(--ink); background: var(--surface); border: 1px solid var(--line); border-radius: 8px; font-size: .82rem; }
.form-field .field-hint[b-zzch8ukuov] { display: block; margin-top: 4px; color: var(--muted); font-size: .75rem; }
/* /Pages/UserAnnouncements.razor.rz.scp.css */
.announcement-summary-strip[b-ron2wbx5wu] {
    display: grid;
    margin-bottom: 16px;
    grid-template-columns: repeat(2, minmax(150px, 220px)) minmax(240px, 1fr);
    align-items: center;
    gap: 12px;
}

.announcement-summary-strip > article[b-ron2wbx5wu] {
    display: flex;
    min-height: 76px;
    padding: 14px 16px;
    align-items: center;
    gap: 11px;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 8px;
}

.announcement-summary-strip > article > span[b-ron2wbx5wu] {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    color: #315f89;
    background: #eaf2fb;
    border-radius: 8px;
}

.announcement-summary-strip > article.unread > span[b-ron2wbx5wu] { color: #3459a7; background: #e9efff; }
.announcement-summary-strip article div[b-ron2wbx5wu] { display: grid; }
.announcement-summary-strip strong[b-ron2wbx5wu] { color: var(--text); font-size: 1.15rem; }
.announcement-summary-strip small[b-ron2wbx5wu] { color: var(--muted); font-size: .7rem; }
.announcement-summary-strip .segmented-control[b-ron2wbx5wu] { justify-self: end; }

.user-announcement-list[b-ron2wbx5wu] {
    display: grid;
    gap: 11px;
}

.user-announcement-card[b-ron2wbx5wu] {
    position: relative;
    overflow: hidden;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 9px;
    box-shadow: 0 3px 12px rgba(29, 45, 38, .035);
}

.user-announcement-card.unread[b-ron2wbx5wu] { background: linear-gradient(90deg, #f7faff, var(--surface) 45%); border-color: #cddcf5; }
.user-announcement-card.unread[b-ron2wbx5wu]::before { position: absolute; inset: 0 auto 0 0; width: 4px; content: ""; background: linear-gradient(#3b82f6, #4f46e5); }

.announcement-card-main[b-ron2wbx5wu] {
    display: grid;
    width: 100%;
    min-height: 112px;
    padding: 18px 20px;
    grid-template-columns: 46px minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    color: var(--text);
    text-align: left;
    background: transparent;
    border: 0;
    cursor: pointer;
}

.announcement-card-main:hover[b-ron2wbx5wu] { background: rgba(148, 163, 184, .055); }

.announcement-card-icon[b-ron2wbx5wu] {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    color: #94a3b8;
    background: #f1f5f9;
    border-radius: 11px;
}

.unread .announcement-card-icon[b-ron2wbx5wu] { color: #fff; background: linear-gradient(135deg, #3b82f6, #4f46e5); box-shadow: 0 8px 18px rgba(59, 130, 246, .18); }
.announcement-card-copy[b-ron2wbx5wu] { display: grid; min-width: 0; gap: 6px; }
.announcement-card-title[b-ron2wbx5wu] { display: flex; min-width: 0; align-items: center; flex-wrap: wrap; gap: 7px; }
.announcement-card-title strong[b-ron2wbx5wu] { overflow: hidden; max-width: min(70vw, 720px); text-overflow: ellipsis; white-space: nowrap; font-size: .91rem; }
.announcement-card-title em[b-ron2wbx5wu], .announcement-card-title small[b-ron2wbx5wu] { display: inline-flex; padding: 2px 7px; align-items: center; gap: 4px; color: #2563eb; background: #e9f0ff; border-radius: 5px; font-size: .64rem; font-style: normal; font-weight: 700; }
.announcement-card-title em.read[b-ron2wbx5wu] { color: #527066; background: #edf3f0; }
.announcement-card-title small[b-ron2wbx5wu] { color: #9a5b11; background: #fff0d9; }
.announcement-card-title i[b-ron2wbx5wu] { width: 5px; height: 5px; background: currentColor; border-radius: 50%; }
.announcement-card-copy time[b-ron2wbx5wu] { display: flex; align-items: center; gap: 4px; color: var(--muted); font-size: .69rem; }
.announcement-card-preview[b-ron2wbx5wu] { overflow: hidden; color: var(--muted); font-size: .75rem; line-height: 1.55; text-overflow: ellipsis; white-space: nowrap; }

.announcement-card-read[b-ron2wbx5wu] {
    position: absolute;
    right: 18px;
    bottom: 12px;
    display: inline-flex;
    padding: 4px 8px;
    align-items: center;
    gap: 4px;
    color: #2563eb;
    background: #edf4ff;
    border: 0;
    border-radius: 5px;
    font-size: .67rem;
    font-weight: 650;
    cursor: pointer;
}

.announcement-detail-meta[b-ron2wbx5wu] { display: flex; margin-bottom: 16px; align-items: center; flex-wrap: wrap; gap: 8px; color: var(--muted); font-size: .74rem; }
.announcement-detail-meta > span[b-ron2wbx5wu] { display: inline-flex; align-items: center; gap: 5px; }
.announcement-page-markdown[b-ron2wbx5wu] { position: relative; min-height: 100px; padding-left: 21px; color: var(--text); overflow-wrap: anywhere; }
.announcement-page-markdown[b-ron2wbx5wu]::before { position: absolute; inset: 0 auto 0 0; width: 4px; content: ""; background: linear-gradient(#3b82f6, #4f46e5, #9333ea); border-radius: 999px; }

@media (max-width: 780px) {
    .announcements-page-header[b-ron2wbx5wu] { align-items: stretch; flex-direction: column; }
    .announcement-summary-strip[b-ron2wbx5wu] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .announcement-summary-strip .segmented-control[b-ron2wbx5wu] { grid-column: 1 / -1; justify-self: stretch; }
    .announcement-summary-strip .segmented-control button[b-ron2wbx5wu] { flex: 1; }
}

@media (max-width: 520px) {
    .announcement-summary-strip[b-ron2wbx5wu] { grid-template-columns: 1fr; }
    .announcement-summary-strip .segmented-control[b-ron2wbx5wu] { grid-column: auto; }
    .announcement-card-main[b-ron2wbx5wu] { padding: 16px 14px; grid-template-columns: 38px minmax(0, 1fr); }
    .announcement-card-main > svg[b-ron2wbx5wu] { display: none; }
    .announcement-card-icon[b-ron2wbx5wu] { width: 38px; height: 38px; }
    .announcement-card-read[b-ron2wbx5wu] { position: static; margin: 0 14px 12px auto; }
}
/* /Pages/Users.razor.rz.scp.css */
.users-workspace[b-9x59ox9wm9] {
    display: grid;
    gap: 16px;
}

.users-toolbar[b-9x59ox9wm9] {
    display: flex;
    position: relative;
    z-index: 12;
    min-height: 58px;
    padding: 10px 12px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: var(--shadow-sm);
}

.users-toolbar-left[b-9x59ox9wm9],
.users-toolbar-actions[b-9x59ox9wm9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.users-toolbar-left[b-9x59ox9wm9] { flex: 1 1 420px; }
.users-toolbar-actions[b-9x59ox9wm9] { flex: 0 0 auto; justify-content: flex-end; }
.users-search[b-9x59ox9wm9] { width: 256px; max-width: 100%; }

.compact-select[b-9x59ox9wm9],
.compact-filter-input[b-9x59ox9wm9],
.history-toolbar select[b-9x59ox9wm9],
.table-pagination select[b-9x59ox9wm9] {
    min-height: 36px;
    padding: 7px 30px 7px 10px;
    color: var(--ink);
    background: var(--surface);
    border: 1px solid var(--line-strong, var(--line));
    border-radius: 8px;
    font-size: .76rem;
}

.compact-filter-input[b-9x59ox9wm9] { width: 150px; padding-right: 10px; }
.group-filter[b-9x59ox9wm9] { max-width: 190px; }
.icon-only[b-9x59ox9wm9] { min-width: 38px; padding-inline: 9px; }

.menu-anchor[b-9x59ox9wm9] { position: relative; }

.settings-menu[b-9x59ox9wm9] {
    position: absolute;
    z-index: 120;
    top: calc(100% + 6px);
    right: 0;
    width: 200px;
    max-height: 340px;
    padding: 5px;
    overflow-y: auto;
    color: var(--ink);
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 10px;
    box-shadow: 0 15px 38px rgba(0, 0, 0, .22);
}

.settings-menu button[b-9x59ox9wm9],
.row-action-menu button[b-9x59ox9wm9] {
    display: flex;
    width: 100%;
    min-height: 34px;
    padding: 7px 9px;
    align-items: center;
    justify-content: space-between;
    gap: 9px;
    color: inherit;
    background: transparent;
    border: 0;
    border-radius: 7px;
    font-size: .73rem;
    text-align: left;
}

.settings-menu button:hover[b-9x59ox9wm9],
.row-action-menu button:hover[b-9x59ox9wm9] { background: var(--surface-muted); }
.settings-menu button[b-9x59ox9wm9]  .lucide-icon { color: var(--primary); }
.columns-menu[b-9x59ox9wm9] { max-height: 360px; }
.menu-divider[b-9x59ox9wm9] { height: 1px; margin: 4px 2px; background: var(--line); }

.users-table-card[b-9x59ox9wm9] {
    min-width: 0;
    overflow: visible;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: var(--shadow-sm);
}

.users-table-scroll[b-9x59ox9wm9] { min-width: 0; overflow-x: auto; border-radius: 12px 12px 0 0; }
.users-data-table[b-9x59ox9wm9] { width: 100%; min-width: 1120px; border-collapse: separate; border-spacing: 0; font-size: .83rem; }
.users-data-table th[b-9x59ox9wm9],
.users-data-table td[b-9x59ox9wm9] { padding: 10px 12px; vertical-align: middle; text-align: left; border-bottom: 1px solid var(--line); white-space: nowrap; }
.users-data-table th[b-9x59ox9wm9] { position: sticky; z-index: 2; top: 0; color: var(--muted); background: var(--surface-muted); font-size: .76rem; font-weight: 680; letter-spacing: 0; }
.users-data-table tbody tr[b-9x59ox9wm9] { transition: background-color .12s ease; }
.users-data-table tbody tr:hover[b-9x59ox9wm9],
.users-data-table tbody tr.selected-row[b-9x59ox9wm9] { background: var(--primary-soft); }
.users-data-table tbody tr:last-child td[b-9x59ox9wm9] { border-bottom: 0; }
.selection-column[b-9x59ox9wm9] { width: 42px; padding-inline: 13px !important; text-align: center !important; }
.selection-column input[b-9x59ox9wm9] { width: 15px; height: 15px; accent-color: var(--primary); }
.user-column[b-9x59ox9wm9] { min-width: 240px; }
.actions-column[b-9x59ox9wm9] { min-width: 175px; }

.sort-header[b-9x59ox9wm9] { display: inline-flex; padding: 0; align-items: center; gap: 5px; color: inherit; background: transparent; border: 0; font: inherit; font-weight: inherit; }
.sort-header:hover[b-9x59ox9wm9] { color: var(--primary); }
.usage-sort-heading[b-9x59ox9wm9] { display: inline-flex; position: relative; align-items: center; gap: 5px; }
.usage-sort-anchor[b-9x59ox9wm9] { position: relative; }
.usage-sort-trigger[b-9x59ox9wm9] { display: inline-flex; position: relative; z-index: 132; padding: 2px 4px; align-items: center; gap: 3px; color: var(--muted); background: transparent; border: 0; border-radius: 4px; }
.usage-sort-trigger:hover[b-9x59ox9wm9] { color: var(--ink); background: var(--line); }
.usage-sort-trigger.active[b-9x59ox9wm9] { color: var(--primary); }
.usage-sort-trigger small[b-9x59ox9wm9] { font-size: .57rem; font-weight: 680; letter-spacing: 0; }
.usage-sort-arrow[b-9x59ox9wm9] { display: inline-block; font-size: .8rem; transition: transform .12s ease; }
.usage-sort-arrow.descending[b-9x59ox9wm9] { transform: rotate(180deg); }
.usage-sort-backdrop[b-9x59ox9wm9] { position: fixed; z-index: 130; inset: 0; padding: 0; background: transparent; border: 0; }
.usage-sort-menu[b-9x59ox9wm9] {
    display: grid;
    position: absolute;
    z-index: 135;
    top: calc(100% + 5px);
    right: 0;
    min-width: 132px;
    padding: 5px;
    color: var(--ink);
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 9px;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .2);
}
.usage-sort-menu button[b-9x59ox9wm9] { display: flex; padding: 7px 8px; align-items: center; justify-content: space-between; gap: 12px; color: inherit; background: transparent; border: 0; border-radius: 6px; font-size: .67rem; text-align: left; }
.usage-sort-menu button:hover[b-9x59ox9wm9] { background: var(--surface-muted); }
.usage-sort-menu button.active[b-9x59ox9wm9] { color: var(--primary); font-weight: 680; }
.usage-sort-menu > small[b-9x59ox9wm9] { margin-top: 3px; padding: 5px 8px 2px; color: var(--muted); border-top: 1px solid var(--line); font-size: .56rem; font-weight: 500; letter-spacing: 0; }
.user-identity-cell[b-9x59ox9wm9] { display: flex; align-items: center; gap: 9px; }
.user-identity-cell > span:last-child[b-9x59ox9wm9],
.modal-user-summary > span:last-child[b-9x59ox9wm9] { display: grid; min-width: 0; gap: 2px; }
.user-identity-cell strong[b-9x59ox9wm9] { max-width: 250px; overflow: hidden; color: var(--ink); font-weight: 650; text-overflow: ellipsis; }
.user-identity-cell small[b-9x59ox9wm9],
.modal-user-summary small[b-9x59ox9wm9] { color: var(--muted); }

.user-avatar[b-9x59ox9wm9] {
    display: inline-flex;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    color: var(--primary-strong);
    background: var(--primary-soft);
    border-radius: 50%;
    font-size: .76rem;
    font-weight: 720;
}

.numeric-cell[b-9x59ox9wm9] { font-variant-numeric: tabular-nums; }
.truncate-cell[b-9x59ox9wm9] { max-width: 220px; overflow: hidden; text-overflow: ellipsis; }
/* app.css uses display:block for generic truncate elements. Keep these elements as table cells so dynamic attributes (including department) share the row grid. */
.users-data-table td.truncate-cell[b-9x59ox9wm9] {
    display: table-cell;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.date-cell[b-9x59ox9wm9] { color: var(--muted); font-size: .7rem; }
.status-badge.purple[b-9x59ox9wm9] { color: #7c5ac7; background: rgba(124, 90, 199, .12); }
.state-dot[b-9x59ox9wm9] { display: inline-block; width: 7px; height: 7px; margin-right: 6px; border-radius: 50%; }
.state-dot.active[b-9x59ox9wm9] { background: #2ca36b; }
.state-dot.disabled[b-9x59ox9wm9] { background: #df5b5b; }

.link-cell[b-9x59ox9wm9] { display: inline-flex; padding: 0; align-items: center; gap: 5px; color: var(--primary); background: transparent; border: 0; font: inherit; text-decoration: underline; text-decoration-style: dashed; text-underline-offset: 3px; }
.link-cell.money[b-9x59ox9wm9] { color: var(--ink); font-weight: 660; }
.group-summary[b-9x59ox9wm9] { text-decoration: none; }
.group-cell[b-9x59ox9wm9] { display: flex; min-width: 118px; flex-direction: column; align-items: flex-start; gap: 3px; }
.group-summary.exclusive[b-9x59ox9wm9] { color: #8c63d6; }
.group-summary.public[b-9x59ox9wm9] { display: inline-flex; align-items: center; gap: 5px; color: var(--muted); }
.group-replace-anchor[b-9x59ox9wm9] { position: relative; }
.group-quick-menu[b-9x59ox9wm9] {
    display: grid;
    position: absolute;
    z-index: 140;
    top: calc(100% + 5px);
    left: 0;
    width: 185px;
    padding: 5px;
    color: var(--ink);
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 9px;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .22);
}
.group-quick-menu > span[b-9x59ox9wm9] { padding: 5px 7px; color: var(--muted); border-bottom: 1px solid var(--line); font-size: .6rem; text-transform: uppercase; }
.group-quick-menu button[b-9x59ox9wm9] { display: flex; width: 100%; padding: 7px; align-items: center; gap: 7px; color: inherit; background: transparent; border: 0; border-radius: 6px; font-size: .7rem; text-align: left; }
.group-quick-menu button:hover[b-9x59ox9wm9] { color: var(--primary); background: var(--primary-soft); }
.balance-cell[b-9x59ox9wm9] { display: flex; align-items: center; gap: 7px; }
.inline-action[b-9x59ox9wm9] { padding: 2px 5px; background: transparent; border: 0; border-radius: 5px; font-size: .65rem; font-weight: 650; }
.inline-action.success[b-9x59ox9wm9] { color: #239662; }
.inline-action:hover[b-9x59ox9wm9] { background: var(--primary-soft); }
.chip-list[b-9x59ox9wm9] { display: flex; max-width: 230px; flex-wrap: wrap; gap: 4px; }
.mini-chip[b-9x59ox9wm9] { padding: 3px 6px; color: var(--primary-strong); background: var(--primary-soft); border-radius: 6px; font-size: .63rem; }
.quota-cell-button[b-9x59ox9wm9] { text-align: left; text-decoration-color: var(--line-strong, var(--line)); }
.quota-cell-lines[b-9x59ox9wm9] { display: grid; gap: 3px; }
.quota-cell-line[b-9x59ox9wm9] { display: grid; grid-template-columns: 78px repeat(3, auto); align-items: center; gap: 8px; color: var(--muted); font-size: .62rem; white-space: nowrap; }
.quota-cell-line > strong[b-9x59ox9wm9] { overflow: hidden; color: var(--ink); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-weight: 600; text-overflow: ellipsis; }
.quota-cell-line b[b-9x59ox9wm9] { color: var(--ink); font-weight: 560; }

.concurrency-cell[b-9x59ox9wm9] { display: grid; width: 95px; gap: 3px; }
.concurrency-cell > span:first-child[b-9x59ox9wm9] { color: var(--ink); font-weight: 620; }
.concurrency-cell small[b-9x59ox9wm9] { color: var(--muted); font-size: .62rem; }
.usage-bar[b-9x59ox9wm9] { display: block; width: 72px; height: 4px; overflow: hidden; background: var(--line); border-radius: 999px; }
.usage-bar i[b-9x59ox9wm9] { display: block; height: 100%; background: var(--primary); border-radius: inherit; }

.row-actions[b-9x59ox9wm9] { display: flex; align-items: center; gap: 2px; }
.text-action[b-9x59ox9wm9] { display: inline-flex; min-width: 46px; padding: 5px 6px; flex-direction: column; align-items: center; gap: 1px; color: var(--muted); background: transparent; border: 0; border-radius: 7px; font-size: .6rem; }
.text-action:hover[b-9x59ox9wm9] { color: var(--primary); background: var(--surface-muted); }
.text-action.warning:hover[b-9x59ox9wm9] { color: #d9811a; }
.text-action.success:hover[b-9x59ox9wm9] { color: #249866; }
.row-action-menu-backdrop[b-9x59ox9wm9] { position: fixed; z-index: 150; inset: 0; width: auto; height: auto; padding: 0; background: transparent; border: 0; cursor: default; }
.row-action-menu[b-9x59ox9wm9] { display: grid; position: fixed; z-index: 151; width: min(190px, calc(100vw - 16px)); max-height: calc(100dvh - 16px); padding: 5px; overflow-y: auto; overscroll-behavior: contain; color: var(--ink); background: var(--surface); border: 1px solid var(--line); border-radius: 9px; box-shadow: 0 14px 34px rgba(0, 0, 0, .22); box-sizing: border-box; }
.row-action-menu button[b-9x59ox9wm9] { justify-content: flex-start; }
.row-action-menu .danger-text[b-9x59ox9wm9] { color: var(--danger); }

.table-pagination[b-9x59ox9wm9] { display: flex; min-height: 52px; padding: 9px 14px; align-items: center; justify-content: space-between; gap: 12px; color: var(--muted); border-top: 1px solid var(--line); font-size: .8rem; }
.pagination-controls[b-9x59ox9wm9] { display: flex; align-items: center; gap: 8px; }
.table-pagination select[b-9x59ox9wm9] { min-height: 32px; }

.input-action-row[b-9x59ox9wm9] { display: flex; align-items: center; gap: 8px; }
.input-action-row > input[b-9x59ox9wm9] { flex: 1 1 auto; }
.user-form-grid[b-9x59ox9wm9] { align-items: start; }
.form-subsection[b-9x59ox9wm9] { display: grid; gap: 2px; margin-top: 4px; padding-top: 12px; border-top: 1px solid var(--line); }
.form-subsection span[b-9x59ox9wm9] { color: var(--muted); font-size: .72rem; }
.bulk-form[b-9x59ox9wm9] { display: grid; gap: 14px; }

.modal-user-summary[b-9x59ox9wm9] { display: flex; margin-bottom: 14px; padding: 12px; align-items: center; gap: 10px; background: var(--surface-muted); border-radius: 10px; }
.modal-user-summary .user-avatar[b-9x59ox9wm9] { width: 38px; height: 38px; flex-basis: 38px; }
.key-stack[b-9x59ox9wm9] { max-height: 480px; overflow-y: auto; }
.key-row[b-9x59ox9wm9] { align-items: center; }
.key-row > div:first-child[b-9x59ox9wm9] { display: grid; gap: 5px; }
.key-row .status-badge[b-9x59ox9wm9] { margin-left: 7px; }
.mono-text[b-9x59ox9wm9] { color: var(--muted); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
.key-meta[b-9x59ox9wm9] { display: flex; align-items: flex-end; gap: 12px; }
.key-meta label[b-9x59ox9wm9] { display: grid; gap: 4px; color: var(--muted); font-size: .65rem; }
.key-meta select[b-9x59ox9wm9] { min-width: 180px; height: var(--form-control-height); padding: 7px 10px; color: var(--form-control-color); background: var(--form-control-bg); border: 1px solid var(--form-control-border); border-radius: var(--form-control-radius); }

.group-access-list[b-9x59ox9wm9] { display: grid; max-height: 500px; gap: 8px; overflow-y: auto; }
.group-access-row[b-9x59ox9wm9] { display: flex; padding: 12px; align-items: center; justify-content: space-between; gap: 14px; border: 1px solid var(--line); border-radius: 10px; }
.group-access-row.selected[b-9x59ox9wm9] { background: var(--primary-soft); border-color: rgba(39, 121, 88, .28); }
.group-access-main[b-9x59ox9wm9] { display: flex; flex: 1 1 auto; align-items: center; gap: 10px; }
.group-access-main > span[b-9x59ox9wm9] { display: grid; gap: 3px; }
.group-access-main small[b-9x59ox9wm9] { color: var(--muted); }
.rate-input[b-9x59ox9wm9] { display: grid; gap: 4px; color: var(--muted); font-size: .66rem; }
.rate-input input[b-9x59ox9wm9] { width: 110px; height: var(--form-control-height); padding: 7px 10px; color: var(--form-control-color); background: var(--form-control-bg); border: 1px solid var(--form-control-border); border-radius: var(--form-control-radius); }

.replace-group-content[b-9x59ox9wm9] { display: grid; gap: 14px; }
.replace-group-content > p[b-9x59ox9wm9] { margin: 0; color: var(--muted); line-height: 1.6; }
.replace-group-preview[b-9x59ox9wm9] { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); padding: 12px; align-items: center; gap: 10px; background: var(--surface-muted); border: 1px solid var(--line); border-radius: 9px; }
.replace-group-preview > span[b-9x59ox9wm9] { display: inline-flex; align-items: center; gap: 6px; }
.replace-group-preview > strong[b-9x59ox9wm9] { color: var(--primary); text-align: right; }
.replacement-group-list[b-9x59ox9wm9] { display: grid; max-height: 280px; gap: 7px; overflow-y: auto; }
.replacement-group-option[b-9x59ox9wm9] { display: flex; padding: 11px 12px; align-items: center; gap: 10px; border: 2px solid var(--line); border-radius: 9px; cursor: pointer; }
.replacement-group-option.selected[b-9x59ox9wm9] { background: var(--primary-soft); border-color: var(--primary); }
.replacement-group-option input[b-9x59ox9wm9] { accent-color: var(--primary); }
.replacement-group-option span[b-9x59ox9wm9] { display: grid; gap: 2px; }
.replacement-group-option small[b-9x59ox9wm9] { color: var(--muted); }

.balance-preview[b-9x59ox9wm9] { display: flex; padding: 11px 12px; align-items: center; justify-content: space-between; background: var(--primary-soft); border: 1px solid rgba(39, 121, 88, .2); border-radius: 9px; }
.history-user-summary[b-9x59ox9wm9] { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.history-user-summary .modal-user-summary[b-9x59ox9wm9] { flex: 1 1 auto; margin-bottom: 0; }
.history-user-summary > div:last-child[b-9x59ox9wm9] { display: grid; gap: 2px; text-align: right; }
.history-user-summary > div:last-child small[b-9x59ox9wm9] { color: var(--muted); }
.history-user-summary > div:last-child strong[b-9x59ox9wm9] { font-size: 1.08rem; }
.history-toolbar[b-9x59ox9wm9] { display: flex; margin: 12px 0; align-items: center; gap: 8px; }
.history-toolbar > span[b-9x59ox9wm9] { margin-left: auto; color: var(--muted); font-size: .7rem; }
.history-list[b-9x59ox9wm9] { display: grid; max-height: 450px; gap: 7px; overflow-y: auto; }
.history-row[b-9x59ox9wm9] { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; padding: 10px 11px; align-items: center; gap: 10px; border: 1px solid var(--line); border-radius: 9px; }
.history-row > div[b-9x59ox9wm9] { display: grid; gap: 2px; }
.history-row small[b-9x59ox9wm9] { color: var(--muted); }
.history-icon[b-9x59ox9wm9] { display: inline-flex; width: 32px; height: 32px; align-items: center; justify-content: center; border-radius: 8px; }
.history-icon.success[b-9x59ox9wm9] { color: #249866; background: rgba(36, 152, 102, .12); }
.history-icon.danger[b-9x59ox9wm9] { color: var(--danger); background: rgba(212, 76, 76, .12); }
.history-icon.purple[b-9x59ox9wm9] { color: #7c5ac7; background: rgba(124, 90, 199, .12); }
.history-value.success[b-9x59ox9wm9] { color: #249866; }
.history-value.danger[b-9x59ox9wm9] { color: var(--danger); }
.history-value.purple[b-9x59ox9wm9] { color: #7c5ac7; }
.modal-pagination[b-9x59ox9wm9] { display: flex; margin-top: 12px; align-items: center; justify-content: center; gap: 9px; }

.quota-subscription-warning[b-9x59ox9wm9] { margin-bottom: 12px; }
.quota-subtitle[b-9x59ox9wm9] { margin: 0 0 14px; color: var(--muted); font-size: .78rem; }
.quota-subtitle strong[b-9x59ox9wm9] { color: var(--ink); }
.quota-table-wrap[b-9x59ox9wm9] { max-height: 500px; overflow: auto; }
.quota-table[b-9x59ox9wm9] { width: 100%; min-width: 760px; border-collapse: collapse; }
.quota-table th[b-9x59ox9wm9],
.quota-table td[b-9x59ox9wm9] { padding: 9px; text-align: left; border-bottom: 1px solid var(--line); }
.quota-table th[b-9x59ox9wm9] { color: var(--muted); background: var(--surface-muted); font-size: .68rem; }
.quota-table input[b-9x59ox9wm9] { min-width: 100px; height: var(--form-control-height); padding: 7px 10px; color: var(--form-control-color); background: var(--form-control-bg); border: 1px solid var(--form-control-border); border-radius: var(--form-control-radius); }
.key-meta select:focus[b-9x59ox9wm9], .rate-input input:focus[b-9x59ox9wm9], .quota-table input:focus[b-9x59ox9wm9] { border-color: var(--form-control-focus); outline: 0; box-shadow: 0 0 0 3px var(--form-control-focus-ring); }
.quota-input-row[b-9x59ox9wm9] { display: flex; align-items: center; gap: 5px; }
.quota-usage-cell[b-9x59ox9wm9] { color: var(--muted); font-size: .66rem; white-space: nowrap; }
.quota-hint[b-9x59ox9wm9] { margin: 10px 0; color: var(--muted); font-size: .68rem; }
.reset-link[b-9x59ox9wm9] { padding: 2px 4px; color: var(--muted); background: transparent; border: 0; font-size: .8rem; }
.reset-link:hover[b-9x59ox9wm9] { color: #d18a24; }

@media (max-width: 980px) {
    .users-toolbar[b-9x59ox9wm9] { align-items: stretch; flex-direction: column; }
    .users-toolbar-left[b-9x59ox9wm9],
    .users-toolbar-actions[b-9x59ox9wm9] { flex-basis: auto; }
    .users-toolbar-actions[b-9x59ox9wm9] { justify-content: flex-start; }
}

@media (max-width: 640px) {
    .users-search[b-9x59ox9wm9] { width: 100%; }
    .users-toolbar-actions .button:not(.primary):not(.icon-only)[b-9x59ox9wm9] { padding-inline: 9px; font-size: 0; }
    .users-toolbar-actions .button:not(.primary):not(.icon-only)[b-9x59ox9wm9]  .lucide-icon { margin: 0; }
    .settings-menu[b-9x59ox9wm9] { right: auto; left: 0; }
    .table-pagination[b-9x59ox9wm9] { align-items: flex-start; flex-direction: column; }
    .group-access-row[b-9x59ox9wm9] { align-items: stretch; flex-direction: column; }
    .rate-input input[b-9x59ox9wm9] { width: 100%; }
    .history-toolbar[b-9x59ox9wm9] { align-items: stretch; flex-wrap: wrap; }
    .history-toolbar > span[b-9x59ox9wm9] { width: 100%; margin-left: 0; }
}