/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-2c5ic7nhat] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

.mobile-nav-toggle[b-2c5ic7nhat],
.mobile-nav-button[b-2c5ic7nhat] { display: none; }

.tenant-context[b-2c5ic7nhat] {
    margin: 1.25rem .5rem .75rem;
    padding: .8rem;
    border: 1px solid rgba(148, 163, 184, .2);
    border-radius: 10px;
    display: grid;
    gap: .25rem;
    color: #cbd5e1;
    font-size: .82rem;
}

.tenant-context span[b-2c5ic7nhat] { color: #64748b; text-transform: uppercase; font-size: .65rem; letter-spacing: .08em; }
.tenant-context a[b-2c5ic7nhat] { color: #22d3ee; margin-top: .25rem; }

@media (max-width: 840px) {
    .app-wrapper[b-2c5ic7nhat] { display: block; padding-top: 3.5rem; }
    .mobile-nav-button[b-2c5ic7nhat] {
        display: flex;
        position: fixed;
        inset: 0 0 auto 0;
        height: 3.5rem;
        z-index: 1100;
        align-items: center;
        gap: .75rem;
        padding: 0 1rem;
        background: #0f172a;
        color: white;
        font-weight: 700;
    }
    .sidebar[b-2c5ic7nhat] {
        position: fixed;
        z-index: 1050;
        inset: 3.5rem auto 0 0;
        transform: translateX(-105%);
        transition: transform .2s ease;
        overflow-y: auto;
    }
    .mobile-nav-toggle:checked ~ .sidebar[b-2c5ic7nhat] { transform: translateX(0); }
    .main-content[b-2c5ic7nhat] { padding: 1rem; }
}

    #blazor-error-ui .dismiss[b-2c5ic7nhat] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Pages/Admin.razor.rz.scp.css */
.management-shell[b-wyoalfsok1] { max-width: 1180px; margin: 0 auto; color: #172033; }
.management-header[b-wyoalfsok1] { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-start; margin-bottom: 1.5rem; }
.management-header h1[b-wyoalfsok1] { font-size: clamp(1.8rem, 4vw, 2.5rem); margin: .25rem 0 .35rem; color: #0a1f44; }
.management-header p[b-wyoalfsok1], .muted[b-wyoalfsok1], .section-heading p[b-wyoalfsok1] { color: #64748b; }
.eyebrow[b-wyoalfsok1] { color: #0f766e; text-transform: uppercase; letter-spacing: .12em; font-size: .72rem; font-weight: 800; }
.role-badge[b-wyoalfsok1], .default-pill[b-wyoalfsok1], .you[b-wyoalfsok1] { display: inline-flex; align-items: center; border-radius: 999px; padding: .3rem .6rem; font-size: .72rem; font-weight: 800; background: #ccfbf1; color: #115e59; }
.you[b-wyoalfsok1] { margin-left: .45rem; background: #e0f2fe; color: #075985; }
.management-tabs[b-wyoalfsok1] { display: flex; gap: .25rem; overflow-x: auto; border-bottom: 1px solid #dbe3ec; margin-bottom: 1.5rem; }
.management-tabs button[b-wyoalfsok1] { border: 0; background: transparent; color: #64748b; padding: .8rem 1rem; font-weight: 700; white-space: nowrap; border-bottom: 3px solid transparent; cursor: pointer; }
.management-tabs button.active[b-wyoalfsok1] { color: #0f766e; border-bottom-color: #0f766e; }
.tab-content[b-wyoalfsok1] { display: grid; gap: 1.25rem; animation: appear-b-wyoalfsok1 .18s ease-out; }
.section-heading[b-wyoalfsok1], .panel-title[b-wyoalfsok1] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.section-heading h2[b-wyoalfsok1] { color: #0a1f44; margin-bottom: .25rem; }
.panel[b-wyoalfsok1] { background: #fff; border: 1px solid #dfe6ee; border-radius: 14px; padding: 1.25rem; box-shadow: 0 5px 20px rgba(15,23,42,.04); }
.panel h3[b-wyoalfsok1] { margin-bottom: .75rem; }
.panel-title[b-wyoalfsok1] { margin-bottom: .8rem; }
.panel-title span[b-wyoalfsok1] { color: #64748b; font-size: .82rem; }
.split-grid[b-wyoalfsok1], .health-summary[b-wyoalfsok1], .metric-grid[b-wyoalfsok1], .source-grid[b-wyoalfsok1] { display: grid; gap: 1rem; }
.split-grid[b-wyoalfsok1] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.metric-grid[b-wyoalfsok1] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.health-summary[b-wyoalfsok1] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.source-grid[b-wyoalfsok1] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
[b-wyoalfsok1] .metric-card, .health-summary article[b-wyoalfsok1] { background: white; border: 1px solid #dfe6ee; border-radius: 13px; padding: 1rem; display: grid; gap: .4rem; }
[b-wyoalfsok1] .metric-card span, .health-summary article > span[b-wyoalfsok1] { color: #64748b; font-size: .8rem; }
[b-wyoalfsok1] .metric-card strong { color: #0a1f44; font-size: 1.75rem; }
label[b-wyoalfsok1] { display: grid; gap: .35rem; color: #334155; font-size: .82rem; font-weight: 700; }
input[b-wyoalfsok1], select[b-wyoalfsok1] { width: 100%; min-width: 0; border: 1px solid #cbd5e1; border-radius: 8px; padding: .68rem .75rem; font: inherit; color: #172033; background: white; }
input:focus[b-wyoalfsok1], select:focus[b-wyoalfsok1] { border-color: #0f766e; outline: 3px solid rgba(15,118,110,.12); }
button[b-wyoalfsok1], .button[b-wyoalfsok1] { border: 1px solid #cbd5e1; background: white; color: #334155; border-radius: 8px; padding: .58rem .78rem; font: inherit; font-weight: 700; cursor: pointer; }
button:hover:not(:disabled)[b-wyoalfsok1], .button:hover[b-wyoalfsok1] { border-color: #0f766e; color: #0f766e; }
button.primary[b-wyoalfsok1] { background: #0f766e; color: white; border-color: #0f766e; }
button.danger[b-wyoalfsok1] { color: #b42318; }
button:disabled[b-wyoalfsok1] { opacity: .45; cursor: not-allowed; }
.form-row[b-wyoalfsok1] { display: grid; grid-template-columns: minmax(220px, 2fr) minmax(170px, 1fr) auto; gap: .75rem; align-items: end; }
.form-grid[b-wyoalfsok1] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
.wide[b-wyoalfsok1] { grid-column: 1 / -1; }
.form-actions[b-wyoalfsok1], .actions[b-wyoalfsok1], .source-actions[b-wyoalfsok1] { display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; }
.invite-panel[b-wyoalfsok1] { display: grid; gap: 1rem; }
.filters[b-wyoalfsok1] { display: grid; grid-template-columns: 1fr 220px; gap: .75rem; }
.link-result[b-wyoalfsok1] { background: #ecfdf5; border: 1px solid #a7f3d0; border-radius: 10px; padding: .8rem; display: grid; grid-template-columns: 1fr auto; gap: .5rem; align-items: center; }
.link-result div[b-wyoalfsok1] { display: flex; gap: .5rem; align-items: center; }
.link-result div span[b-wyoalfsok1] { color: #0f766e; font-size: .78rem; }
.link-result code[b-wyoalfsok1], .link-result p[b-wyoalfsok1] { grid-column: 1 / -1; overflow-wrap: anywhere; }
.table-panel[b-wyoalfsok1] { padding: 0; overflow: hidden; }
.table-panel .panel-title[b-wyoalfsok1] { padding: 1.1rem 1.25rem .25rem; }
.table-scroll[b-wyoalfsok1] { overflow-x: auto; }
table[b-wyoalfsok1] { width: 100%; border-collapse: collapse; }
th[b-wyoalfsok1], td[b-wyoalfsok1] { text-align: left; padding: .85rem 1rem; border-top: 1px solid #edf0f4; vertical-align: middle; }
th[b-wyoalfsok1] { color: #64748b; font-size: .7rem; text-transform: uppercase; letter-spacing: .06em; background: #f8fafc; }
td[b-wyoalfsok1] { font-size: .86rem; }
td select[b-wyoalfsok1] { min-width: 150px; padding: .45rem; }
.source-card[b-wyoalfsok1] { background: white; border: 1px solid #dfe6ee; border-radius: 14px; padding: 1rem; display: grid; gap: 1rem; }
.source-card-top[b-wyoalfsok1] { display: grid; grid-template-columns: auto 1fr auto; gap: .75rem; align-items: start; }
.source-card-top p[b-wyoalfsok1] { color: #64748b; font-size: .82rem; margin-top: .2rem; }
.source-icon[b-wyoalfsok1] { width: 2.4rem; height: 2.4rem; display: grid; place-items: center; border-radius: 9px; background: #e0f2fe; color: #075985; font-size: .68rem; font-weight: 900; }
.source-card dl[b-wyoalfsok1], .health-list[b-wyoalfsok1] { margin: 0; display: grid; gap: .45rem; }
.source-card dl div[b-wyoalfsok1], .health-list div[b-wyoalfsok1] { display: flex; justify-content: space-between; gap: 1rem; padding-bottom: .4rem; border-bottom: 1px solid #f1f5f9; }
dt[b-wyoalfsok1] { color: #64748b; } dd[b-wyoalfsok1] { margin: 0; text-align: right; overflow-wrap: anywhere; }
.replacement[b-wyoalfsok1] { margin-top: .2rem; padding-top: .7rem; border-top: 1px solid #edf0f4; }
.health-summary article strong[b-wyoalfsok1] { color: #0a1f44; }
.activity-list[b-wyoalfsok1] { display: grid; }
.activity-list > div[b-wyoalfsok1] { display: flex; gap: .75rem; padding: .75rem 0; border-top: 1px solid #edf0f4; }
.activity-dot[b-wyoalfsok1] { width: .55rem; height: .55rem; background: #22d3ee; border-radius: 50%; margin-top: .25rem; flex: none; }
.activity-list p[b-wyoalfsok1] { display: grid; gap: .25rem; }
.activity-list small[b-wyoalfsok1] { color: #64748b; }
.toast[b-wyoalfsok1] { position: sticky; top: .75rem; z-index: 20; display: flex; justify-content: space-between; gap: 1rem; padding: .8rem 1rem; border-radius: 10px; margin-bottom: 1rem; box-shadow: 0 8px 30px rgba(15,23,42,.12); }
.toast.success[b-wyoalfsok1] { background: #ecfdf5; color: #115e59; border: 1px solid #a7f3d0; }
.toast.error[b-wyoalfsok1] { background: #fef2f2; color: #991b1b; border: 1px solid #fecaca; }
.toast button[b-wyoalfsok1] { border: 0; background: transparent; padding: 0; color: inherit; }
.loading-card[b-wyoalfsok1] { display: flex; align-items: center; gap: .75rem; background: white; border-radius: 14px; padding: 2rem; }
.spinner.small[b-wyoalfsok1] { width: 20px; height: 20px; border-width: 2px; }
.loading-line[b-wyoalfsok1] { height: 3px; background: #dbeafe; overflow: hidden; margin-top: -1.55rem; margin-bottom: 1.45rem; }
.loading-line span[b-wyoalfsok1] { display: block; width: 35%; height: 100%; background: #0f766e; animation: load-b-wyoalfsok1 1s ease-in-out infinite alternate; }
[b-wyoalfsok1] .status-badge { display: inline-flex; width: max-content; padding: .25rem .5rem; border-radius: 999px; background: #e2e8f0; color: #475569; font-size: .7rem; font-weight: 800; text-transform: capitalize; }
[b-wyoalfsok1] .status-active, [b-wyoalfsok1] .status-healthy, [b-wyoalfsok1] .status-configured, [b-wyoalfsok1] .status-submitted, [b-wyoalfsok1] .status-accepted { background: #dcfce7; color: #166534; }
[b-wyoalfsok1] .status-suspended, [b-wyoalfsok1] .status-unavailable, [b-wyoalfsok1] .status-failed, [b-wyoalfsok1] .status-revoked, [b-wyoalfsok1] .status-not-configured { background: #fee2e2; color: #991b1b; }
[b-wyoalfsok1] .status-pending, [b-wyoalfsok1] .status-testing, [b-wyoalfsok1] .status-expired, [b-wyoalfsok1] .status-disabled { background: #fef3c7; color: #92400e; }
[b-wyoalfsok1] .empty-state-compact { grid-column: 1 / -1; text-align: center; color: #64748b; padding: 2rem; border: 1px dashed #cbd5e1; border-radius: 12px; }
@keyframes load-b-wyoalfsok1 { to { transform: translateX(190%); } }
@keyframes appear-b-wyoalfsok1 { from { opacity: 0; transform: translateY(4px); } }

@media (max-width: 900px) {
    .metric-grid[b-wyoalfsok1] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .health-summary[b-wyoalfsok1] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .source-grid[b-wyoalfsok1], .split-grid[b-wyoalfsok1] { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
    .management-header[b-wyoalfsok1], .section-heading[b-wyoalfsok1] { align-items: stretch; flex-direction: column; }
    .metric-grid[b-wyoalfsok1], .health-summary[b-wyoalfsok1], .form-grid[b-wyoalfsok1] { grid-template-columns: 1fr; }
    .form-row[b-wyoalfsok1], .filters[b-wyoalfsok1] { grid-template-columns: 1fr; }
    .wide[b-wyoalfsok1] { grid-column: auto; }
    .panel[b-wyoalfsok1] { padding: 1rem; }
    .table-panel[b-wyoalfsok1] { overflow: visible; background: transparent; border: 0; box-shadow: none; }
    .table-panel .panel-title[b-wyoalfsok1] { padding: 0 0 .65rem; }
    .table-scroll[b-wyoalfsok1] { overflow: visible; }
    table[b-wyoalfsok1], tbody[b-wyoalfsok1], tr[b-wyoalfsok1], td[b-wyoalfsok1] { display: block; width: 100%; }
    thead[b-wyoalfsok1] { display: none; }
    tbody[b-wyoalfsok1] { display: grid; gap: .75rem; }
    tr[b-wyoalfsok1] { background: #fff; border: 1px solid #dfe6ee; border-radius: 12px; padding: .45rem 1rem; box-shadow: 0 5px 20px rgba(15,23,42,.04); }
    td[b-wyoalfsok1] { display: grid; grid-template-columns: minmax(90px, 38%) minmax(0, 1fr); align-items: center; gap: .75rem; padding: .65rem 0; border-top: 1px solid #edf0f4; overflow-wrap: anywhere; }
    td:first-child[b-wyoalfsok1] { border-top: 0; }
    td[b-wyoalfsok1]::before { content: attr(data-label); color: #64748b; font-size: .68rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
    td.actions[b-wyoalfsok1] { display: grid; grid-template-columns: minmax(90px, 38%) minmax(0, 1fr); }
    td.actions > *[b-wyoalfsok1] { grid-column: 2; width: 100%; justify-content: center; text-align: center; }
    td.actions[b-wyoalfsok1]::before { grid-row: 1 / span 6; align-self: start; padding-top: .65rem; }
    td select[b-wyoalfsok1] { min-width: 0; }
}