/* /Components/Layout/MainLayout.razor.rz.scp.css */
.site-shell[b-dljy06gjjf] {
    min-height: 100vh;
    display: grid;
    grid-template-rows: auto 1fr auto;
}

.topbar[b-dljy06gjjf],
footer[b-dljy06gjjf] {
    width: min(100% - 40px, 1180px);
    margin: 0 auto;
}

.topbar[b-dljy06gjjf] {
    min-height: 72px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 36px;
    border-bottom: 1px solid var(--line-strong);
}

.brand[b-dljy06gjjf] {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    color: var(--ink);
    font-size: 1.02rem;
    font-weight: 740;
    text-decoration: none;
}

.brand:focus-visible[b-dljy06gjjf] {
    outline: 3px solid var(--focus);
    outline-offset: 5px;
}

.brand-mark[b-dljy06gjjf] {
    width: 26px;
    height: 26px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3px;
    transform: skewY(-8deg);
}

.brand-mark span[b-dljy06gjjf] {
    background: var(--ink);
}

.brand-mark span:nth-child(2)[b-dljy06gjjf] {
    background: var(--signal-green);
}

.surface-label[b-dljy06gjjf] {
    color: var(--ink-muted);
    font-size: 0.78rem;
    font-weight: 680;
    text-transform: uppercase;
}

.primary-nav[b-dljy06gjjf] {
    min-width: 0;
    display: flex;
    align-items: stretch;
    align-self: stretch;
    gap: 26px;
}

.primary-nav[b-dljy06gjjf]  a {
    position: relative;
    display: inline-flex;
    align-items: center;
    color: var(--ink-muted);
    font-size: 0.84rem;
    font-weight: 680;
    text-decoration: none;
}

.primary-nav[b-dljy06gjjf]  a.active {
    color: var(--ink);
}

.primary-nav[b-dljy06gjjf]  a.active::after {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 2px;
    background: var(--signal-green);
    content: "";
}

.primary-nav[b-dljy06gjjf]  a:focus-visible,
.session-button:focus-visible[b-dljy06gjjf] {
    outline: 3px solid var(--focus);
    outline-offset: 4px;
}

.session-actions[b-dljy06gjjf] {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
}

.session-actions form[b-dljy06gjjf] {
    margin: 0;
}

.session-name[b-dljy06gjjf] {
    max-width: 220px;
    overflow: hidden;
    color: var(--ink-muted);
    font-size: 0.8rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.session-button[b-dljy06gjjf] {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    border: 1px solid var(--line-strong);
    border-radius: 4px;
    background: var(--surface);
    color: var(--ink);
    cursor: pointer;
    font-size: 0.8rem;
    font-weight: 700;
    text-decoration: none;
}

.session-button:hover[b-dljy06gjjf] {
    border-color: var(--ink-muted);
}

main[b-dljy06gjjf] {
    min-width: 0;
}

footer[b-dljy06gjjf] {
    min-height: 78px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    border-top: 1px solid var(--line);
    color: var(--ink-muted);
    font-size: 0.78rem;
}

@media (max-width: 640px) {
    .topbar[b-dljy06gjjf],
    footer[b-dljy06gjjf] {
        width: min(100% - 28px, 1180px);
    }

    .topbar[b-dljy06gjjf] {
        min-height: 64px;
        grid-template-columns: auto 1fr;
        gap: 18px;
        padding: 10px 0;
    }

    .brand > span:last-child[b-dljy06gjjf],
    .session-name[b-dljy06gjjf] {
        display: none;
    }

    .primary-nav[b-dljy06gjjf] {
        justify-self: start;
        gap: 18px;
    }

    .session-actions[b-dljy06gjjf] {
        grid-column: 2;
        grid-row: 1;
        justify-self: end;
    }

    .primary-nav[b-dljy06gjjf] {
        grid-column: 1 / -1;
        grid-row: 2;
        display: grid;
        grid-template-columns: repeat(3, max-content);
        min-height: 34px;
        width: 100%;
        column-gap: 18px;
        row-gap: 0;
        overflow: visible;
        white-space: normal;
    }

    .primary-nav[b-dljy06gjjf]  a {
        min-height: 34px;
    }

    footer[b-dljy06gjjf] {
        min-height: 88px;
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
        gap: 4px;
    }
}

.skip-link[b-dljy06gjjf] {
    position: fixed;
    top: 8px;
    left: 8px;
    z-index: 100;
    max-width: calc(100% - 16px);
    padding: 12px 18px;
    background: var(--surface);
    color: var(--ink);
    border: 2px solid var(--focus);
    border-radius: 4px;
    transform: translateY(calc(-100% - 16px));
    overflow-wrap: anywhere;
}

.skip-link:focus[b-dljy06gjjf] { transform: none; }
main:focus[b-dljy06gjjf] { outline: none; }
.topbar[b-dljy06gjjf] { overflow-wrap: anywhere; }
.primary-nav[b-dljy06gjjf] { flex-wrap: wrap; }

@media (max-width: 640px) {
    .primary-nav[b-dljy06gjjf] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.status-page[b-u1viz03pt9] {
    width: min(100% - 40px, 1180px);
    margin: 0 auto;
    padding: 76px 0 104px;
}

.intro[b-u1viz03pt9] {
    max-width: 760px;
    padding-bottom: 52px;
}

.eyebrow[b-u1viz03pt9],
.status-kicker[b-u1viz03pt9],
.metric-label[b-u1viz03pt9] {
    margin-bottom: 12px;
    color: var(--ink-muted);
    font-size: 0.74rem;
    font-weight: 760;
    text-transform: uppercase;
}

.intro h1[b-u1viz03pt9] {
    margin-bottom: 18px;
    font-size: 6.8rem;
    line-height: 0.9;
    font-weight: 760;
}

.lede[b-u1viz03pt9] {
    max-width: 50ch;
    margin-bottom: 0;
    color: var(--ink-soft);
    font-size: 1.22rem;
    line-height: 1.55;
}

.status-loading[b-u1viz03pt9],
.status-summary[b-u1viz03pt9] {
    min-height: 190px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 48px;
    padding: 34px 0;
    border-top: 1px solid var(--line-strong);
    border-bottom: 1px solid var(--line-strong);
}

.status-loading[b-u1viz03pt9] {
    justify-content: flex-start;
}

.loading-signal[b-u1viz03pt9],
.status-signal[b-u1viz03pt9] {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--ink-muted);
    box-shadow: 0 0 0 8px #e4e7e1;
}

.loading-signal[b-u1viz03pt9] {
    animation: pulse-b-u1viz03pt9 1.4s ease-in-out infinite;
}

.loading-title[b-u1viz03pt9] {
    margin-bottom: 6px;
    color: var(--ink);
    font-weight: 720;
}

.loading-copy[b-u1viz03pt9] {
    margin-bottom: 0;
    color: var(--ink-muted);
}

.summary-copy[b-u1viz03pt9] {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 28px;
}

.summary-copy h2[b-u1viz03pt9] {
    margin-bottom: 10px;
    font-size: 2.35rem;
    line-height: 1.12;
}

.summary-copy p:last-child[b-u1viz03pt9] {
    max-width: 58ch;
    margin-bottom: 0;
    color: var(--ink-muted);
    line-height: 1.6;
}

.status-summary--operational .status-signal[b-u1viz03pt9] {
    background: var(--signal-green);
    box-shadow: 0 0 0 8px var(--signal-green-soft);
}

.status-summary--degraded .status-signal[b-u1viz03pt9] {
    background: var(--signal-amber);
    box-shadow: 0 0 0 8px var(--signal-amber-soft);
}

.status-summary--unavailable .status-signal[b-u1viz03pt9],
.status-summary--unknown .status-signal[b-u1viz03pt9] {
    background: var(--signal-red);
    box-shadow: 0 0 0 8px var(--signal-red-soft);
}

.observation-time[b-u1viz03pt9] {
    flex: 0 0 auto;
    min-width: 210px;
    display: grid;
    gap: 7px;
    padding-left: 28px;
    border-left: 1px solid var(--line);
}

.observation-time span[b-u1viz03pt9] {
    color: var(--ink-muted);
    font-size: 0.78rem;
}

.observation-time time[b-u1viz03pt9],
.observation-time strong[b-u1viz03pt9] {
    color: var(--ink-soft);
    font-size: 0.9rem;
    font-weight: 690;
}

.fleet[b-u1viz03pt9] {
    padding: 72px 0 76px;
}

.public-server[b-u1viz03pt9] {
    padding: 52px 0 58px;
    border-top: 1px solid var(--line-strong);
    border-bottom: 1px solid var(--line-strong);
}

.public-server__heading[b-u1viz03pt9] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 32px;
    margin-bottom: 34px;
}

.public-server__heading h2[b-u1viz03pt9] {
    margin-bottom: 0;
    font-size: 2.4rem;
}

.public-server__state[b-u1viz03pt9] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 4px;
    color: var(--ink-soft);
    font-size: 0.9rem;
    font-weight: 720;
}

.public-server__signal[b-u1viz03pt9] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--ink-muted);
}

.public-server--online .public-server__signal[b-u1viz03pt9] {
    background: var(--signal-green);
}

.public-server--offline .public-server__signal[b-u1viz03pt9] {
    background: var(--signal-red);
}

.public-server__body[b-u1viz03pt9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.9fr);
    gap: 48px;
    align-items: stretch;
}

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

.public-server__facts > div[b-u1viz03pt9] {
    min-width: 0;
    padding: 22px 20px;
}

.public-server__facts > div + div[b-u1viz03pt9] {
    border-left: 1px solid var(--line);
}

.public-server__facts dt[b-u1viz03pt9],
.public-server__connect-label[b-u1viz03pt9] {
    margin-bottom: 10px;
    color: var(--ink-muted);
    font-size: 0.72rem;
    font-weight: 760;
    text-transform: uppercase;
}

.public-server__facts dd[b-u1viz03pt9] {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--ink);
    font-size: 1rem;
    font-weight: 690;
}

.public-server__connect[b-u1viz03pt9] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 22px 24px;
    border: 1px solid var(--line);
    background: var(--surface);
}

.public-server__connect code[b-u1viz03pt9] {
    display: block;
    margin-bottom: 18px;
    overflow-wrap: anywhere;
    color: var(--ink);
    font-size: 1rem;
}

.public-server__actions[b-u1viz03pt9] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.public-server__steam[b-u1viz03pt9],
.public-server__copy[b-u1viz03pt9] {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border: 1px solid var(--ink);
    border-radius: 4px;
    font: inherit;
    font-size: 0.86rem;
    font-weight: 720;
    text-decoration: none;
    cursor: pointer;
}

.public-server__steam[b-u1viz03pt9] {
    color: var(--surface);
    background: var(--ink);
}

.public-server__copy[b-u1viz03pt9] {
    color: var(--ink);
    background: transparent;
}

.public-server__steam:hover[b-u1viz03pt9] {
    color: var(--surface);
    background: var(--ink-soft);
}

.public-server__copy:hover[b-u1viz03pt9] {
    background: #e9ece6;
}

.public-server__steam:focus-visible[b-u1viz03pt9],
.public-server__copy:focus-visible[b-u1viz03pt9] {
    outline: 3px solid var(--focus);
    outline-offset: 2px;
}

.public-server__copy-status[b-u1viz03pt9] {
    min-height: 1.25rem;
    margin: 10px 0 0;
    color: var(--ink-muted);
    font-size: 0.76rem;
}

.history[b-u1viz03pt9] {
    padding: 70px 0 64px;
    border-top: 1px solid var(--line-strong);
}

.history-heading[b-u1viz03pt9] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 32px;
    margin-bottom: 34px;
}

.history-heading h2[b-u1viz03pt9] {
    margin-bottom: 0;
    font-size: 2.4rem;
}

.range-switch[b-u1viz03pt9] {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(104px, 1fr));
    border: 1px solid var(--line-strong);
    border-radius: 4px;
    overflow: hidden;
}

.range-switch__link[b-u1viz03pt9] {
    padding: 10px 16px;
    color: var(--ink-soft);
    font-size: 0.86rem;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    background: var(--surface);
}

.range-switch__link + .range-switch__link[b-u1viz03pt9] {
    border-left: 1px solid var(--line-strong);
}

.range-switch__link:hover[b-u1viz03pt9] {
    background: #e9ece6;
}

.range-switch__link:focus-visible[b-u1viz03pt9] {
    position: relative;
    z-index: 1;
    outline: 3px solid var(--focus);
    outline-offset: -3px;
}

.range-switch__link--active[b-u1viz03pt9] {
    color: var(--surface);
    background: var(--ink);
}

.range-switch__link--active:hover[b-u1viz03pt9] {
    background: var(--ink-soft);
}

.history-summary[b-u1viz03pt9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 34px;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}

.history-summary > div[b-u1viz03pt9] {
    min-width: 0;
    display: grid;
    gap: 10px;
    padding: 22px 24px;
}

.history-summary > div + div[b-u1viz03pt9] {
    border-left: 1px solid var(--line);
}

.history-summary span[b-u1viz03pt9] {
    color: var(--ink-muted);
    font-size: 0.78rem;
}

.history-summary strong[b-u1viz03pt9] {
    color: var(--ink);
    font-size: 1.45rem;
    font-variant-numeric: tabular-nums;
}

.history-chart[b-u1viz03pt9] {
    height: 190px;
    display: grid;
    grid-template-columns: repeat(var(--history-columns), minmax(3px, 1fr));
    align-items: end;
    gap: 5px;
    padding: 18px 0 0;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line-strong);
}

.history-bar[b-u1viz03pt9] {
    min-width: 0;
    min-height: 4px;
    border-radius: 2px 2px 0 0;
    background: var(--line-strong);
}

.history-bar--operational[b-u1viz03pt9] {
    background: var(--signal-green);
}

.history-bar--degraded[b-u1viz03pt9] {
    background: var(--signal-amber);
}

.history-bar--unreachable[b-u1viz03pt9] {
    background: var(--signal-red);
}

.history-bar--unknown[b-u1viz03pt9] {
    background: #aeb5ad;
}

.history-bar:focus-visible[b-u1viz03pt9] {
    outline: 3px solid var(--focus);
    outline-offset: 2px;
}

.history-axis[b-u1viz03pt9] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 16px;
    padding-top: 10px;
    color: var(--ink-muted);
    font-size: 0.73rem;
}

.history-axis span[b-u1viz03pt9] {
    text-align: center;
}

.history-axis time:last-child[b-u1viz03pt9] {
    text-align: right;
}

.history-legend[b-u1viz03pt9] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 24px;
    margin-top: 28px;
    color: var(--ink-muted);
    font-size: 0.76rem;
}

.history-legend span[b-u1viz03pt9] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.legend-signal[b-u1viz03pt9] {
    width: 9px;
    height: 9px;
    display: inline-block;
    border-radius: 2px;
    background: #aeb5ad;
}

.legend-signal--operational[b-u1viz03pt9] {
    background: var(--signal-green);
}

.legend-signal--degraded[b-u1viz03pt9] {
    background: var(--signal-amber);
}

.legend-signal--unreachable[b-u1viz03pt9] {
    background: var(--signal-red);
}

.history-unavailable[b-u1viz03pt9] {
    min-height: 128px;
    display: grid;
    align-content: center;
    gap: 8px;
    padding: 24px 0;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}

.history-unavailable span[b-u1viz03pt9] {
    color: var(--ink-muted);
    font-size: 0.88rem;
}

.section-heading[b-u1viz03pt9] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 32px;
    margin-bottom: 34px;
}

.section-heading h2[b-u1viz03pt9] {
    margin-bottom: 0;
    font-size: 2.4rem;
}

.section-heading > p[b-u1viz03pt9] {
    margin-bottom: 3px;
    color: var(--ink-muted);
    font-size: 0.9rem;
}

.fleet-meter[b-u1viz03pt9] {
    width: 100%;
    height: 14px;
    display: flex;
    gap: 3px;
    margin-bottom: 34px;
    overflow: hidden;
    border-radius: 3px;
    background: var(--line);
}

.fleet-meter__online[b-u1viz03pt9] {
    min-width: 0;
    background: var(--signal-green);
}

.fleet-meter__attention[b-u1viz03pt9] {
    min-width: 0;
    background: var(--signal-amber);
}

.fleet-meter__empty[b-u1viz03pt9] {
    width: 100%;
    background: var(--line-strong);
}

.metrics[b-u1viz03pt9] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}

.metric[b-u1viz03pt9] {
    min-width: 0;
    min-height: 184px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 28px;
    border-right: 1px solid var(--line);
    background: var(--surface);
}

.metric:last-child[b-u1viz03pt9] {
    border-right: 0;
}

.metric strong[b-u1viz03pt9] {
    color: var(--ink);
    font-size: clamp(2rem, 13vw, 3.25rem);
        overflow-wrap: anywhere;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.metric > span:last-child[b-u1viz03pt9] {
    color: var(--ink-muted);
    font-size: 0.78rem;
    line-height: 1.35;
}

.metric--online strong[b-u1viz03pt9] {
    color: var(--signal-green);
}

.metric--attention strong[b-u1viz03pt9] {
    color: var(--signal-amber);
}

.metric--incidents strong[b-u1viz03pt9] {
    color: var(--signal-red);
}

.scope-note[b-u1viz03pt9] {
    max-width: 760px;
    padding-top: 34px;
    border-top: 1px solid var(--line-strong);
}

.scope-note h2[b-u1viz03pt9] {
    margin-bottom: 10px;
    font-size: 1rem;
}

.scope-note p[b-u1viz03pt9] {
    margin-bottom: 0;
    color: var(--ink-muted);
    font-size: 0.88rem;
    line-height: 1.65;
}

@keyframes pulse-b-u1viz03pt9 {
    0%, 100% {
        opacity: 0.45;
    }

    50% {
        opacity: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .loading-signal[b-u1viz03pt9] {
        animation: none;
    }
}

@media (max-width: 860px) {
    .status-summary[b-u1viz03pt9] {
        align-items: flex-start;
        flex-direction: column;
        gap: 28px;
    }

    .observation-time[b-u1viz03pt9] {
        min-width: 0;
        padding-left: 46px;
        border-left: 0;
    }

    .metrics[b-u1viz03pt9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .metric:nth-child(2)[b-u1viz03pt9] {
        border-right: 0;
    }

    .metric:nth-child(-n + 2)[b-u1viz03pt9] {
        border-bottom: 1px solid var(--line);
    }

    .history-chart[b-u1viz03pt9] {
        gap: 3px;
    }

    .public-server__body[b-u1viz03pt9] {
        grid-template-columns: 1fr;
        gap: 26px;
    }
}

@media (max-width: 640px) {
    .status-page[b-u1viz03pt9] {
        width: min(100% - 28px, 1180px);
        padding: 52px 0 80px;
    }

    .intro[b-u1viz03pt9] {
        padding-bottom: 40px;
    }

    .intro h1[b-u1viz03pt9] {
        font-size: clamp(2rem, 13vw, 3.25rem);
        overflow-wrap: anywhere;
    }

    .summary-copy h2[b-u1viz03pt9] {
        font-size: 1.7rem;
    }

    .lede[b-u1viz03pt9] {
        font-size: 1.05rem;
    }

    .status-loading[b-u1viz03pt9],
    .status-summary[b-u1viz03pt9] {
        min-height: 0;
        padding: 30px 0;
    }

    .summary-copy[b-u1viz03pt9] {
        gap: 22px;
    }

    .status-signal[b-u1viz03pt9] {
        width: 14px;
        height: 14px;
        box-shadow: 0 0 0 6px #e4e7e1;
    }

    .observation-time[b-u1viz03pt9] {
        padding-left: 36px;
    }

    .fleet[b-u1viz03pt9] {
        padding: 56px 0 62px;
    }

    .public-server[b-u1viz03pt9] {
        padding: 46px 0 50px;
    }

    .public-server__heading[b-u1viz03pt9] {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
        margin-bottom: 26px;
    }

    .public-server__heading h2[b-u1viz03pt9] {
        font-size: 1.8rem;
    }

    .public-server__facts[b-u1viz03pt9] {
        grid-template-columns: 1fr;
    }

    .public-server__facts > div + div[b-u1viz03pt9] {
        border-top: 1px solid var(--line);
        border-left: 0;
    }

    .public-server__connect[b-u1viz03pt9] {
        padding: 20px;
    }

    .public-server__actions[b-u1viz03pt9] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .history[b-u1viz03pt9] {
        padding: 54px 0 52px;
    }

    .history-heading[b-u1viz03pt9] {
        align-items: stretch;
        flex-direction: column;
        gap: 22px;
        margin-bottom: 28px;
    }

    .history-heading h2[b-u1viz03pt9] {
        font-size: 1.8rem;
    }

    .range-switch[b-u1viz03pt9] {
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .history-summary[b-u1viz03pt9] {
        grid-template-columns: 1fr;
        margin-bottom: 28px;
    }

    .history-summary > div + div[b-u1viz03pt9] {
        border-top: 1px solid var(--line);
        border-left: 0;
    }

    .history-chart[b-u1viz03pt9] {
        height: 154px;
        gap: 2px;
    }

    .history-axis[b-u1viz03pt9] {
        grid-template-columns: 1fr 1fr;
    }

    .history-axis span[b-u1viz03pt9] {
        display: none;
    }

    .history-legend[b-u1viz03pt9] {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .section-heading[b-u1viz03pt9] {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
        margin-bottom: 26px;
    }

    .section-heading h2[b-u1viz03pt9] {
        font-size: 1.8rem;
    }

    .metrics[b-u1viz03pt9] {
        grid-template-columns: 1fr;
    }

    .metric[b-u1viz03pt9],
    .metric:nth-child(2)[b-u1viz03pt9] {
        min-height: 150px;
        border-right: 0;
        border-bottom: 1px solid var(--line);
    }

    .metric:last-child[b-u1viz03pt9] {
        border-bottom: 0;
    }
}

.status-refresh[b-u1viz03pt9] {
    margin-bottom: 24px;
}

.status-refresh a[b-u1viz03pt9] {
    display: inline-block;
    padding: 10px 16px;
    border: 1px solid var(--line-strong);
    border-radius: 4px;
    color: var(--ink);
    font-weight: 700;
}

.status-refresh p[b-u1viz03pt9],
.snapshot-age[b-u1viz03pt9] {
    color: var(--ink-muted);
    font-size: 0.85rem;
}

.snapshot-warning[b-u1viz03pt9] {
    padding: 12px 16px;
    border-left: 3px solid #b66b00;
    background: #fff4de;
    color: #704300;
}

[data-status-fleet][data-stale="true"] .metric strong[b-u1viz03pt9] {
    color: var(--ink-muted);
}

.status-page[b-u1viz03pt9] { overflow-wrap: anywhere; }
/* /Components/Pages/Leaderboard.razor.rz.scp.css */
.leaderboard-page[b-txewba5wg6] {
    width: min(100% - 48px, 1000px);
    margin: 0 auto;
    padding: 64px 0 80px;
}

.leaderboard-header[b-txewba5wg6] { max-width: 70ch; margin-bottom: 40px; }
.leaderboard-header h1[b-txewba5wg6] { font-size: clamp(2rem, 5vw, 3.5rem); line-height: 1.15; margin: 12px 0 20px; }
.leaderboard-header p[b-txewba5wg6] { color: var(--ink-soft); line-height: 1.75; }
.eyebrow[b-txewba5wg6] { font-size: 0.75rem; font-weight: 720; letter-spacing: 0.09em; text-transform: uppercase; }
.leaderboard-join[b-txewba5wg6] { display: inline-block; margin-top: 10px; font-weight: 720; }
.leaderboard-panel[b-txewba5wg6] { border-top: 2px solid var(--signal-green); padding: 28px 0 24px; }
.leaderboard-panel__heading[b-txewba5wg6] { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px 24px; align-items: center; }
.leaderboard-panel h2[b-txewba5wg6] { margin: 0; font-size: 1.3rem; }
.leaderboard-state[b-txewba5wg6] { margin: 0; color: var(--ink-muted); font-size: 0.82rem; font-weight: 720; }
.leaderboard-state--fresh[b-txewba5wg6] { color: var(--signal-green); }
.leaderboard-state--stale[b-txewba5wg6] { color: var(--signal-amber); }
.leaderboard-updated[b-txewba5wg6] { color: var(--ink-muted); font-size: 0.8rem; margin: 16px 0 24px; }
.leaderboard-notice[b-txewba5wg6] { border-left: 3px solid var(--signal-amber); padding-left: 16px; line-height: 1.7; color: var(--ink-soft); }
.leaderboard-table[b-txewba5wg6] { width: 100%; border-collapse: collapse; table-layout: fixed; margin-top: 24px; }
.place-column[b-txewba5wg6] { width: 10%; }
.name-column[b-txewba5wg6] { width: 40%; }
.rank-column[b-txewba5wg6] { width: 20%; }
.score-column[b-txewba5wg6] { width: 15%; }
.leaderboard-table th[b-txewba5wg6], .leaderboard-table td[b-txewba5wg6] { padding: 18px 8px; border-bottom: 1px solid var(--line); text-align: left; overflow-wrap: anywhere; }
.leaderboard-table thead th[b-txewba5wg6] { font-size: 0.78rem; color: var(--ink-muted); font-weight: 500; }
.leaderboard-table th:first-child[b-txewba5wg6], .leaderboard-table td:first-child[b-txewba5wg6] { padding-left: 0; }
.leaderboard-table th:last-child[b-txewba5wg6], .leaderboard-table td:last-child[b-txewba5wg6] { padding-right: 0; }
.leaderboard-table tbody th[b-txewba5wg6] { font-size: 1rem; font-weight: 650; }
.leaderboard-place[b-txewba5wg6] { color: var(--signal-green); font-weight: 720; }
.leaderboard-rank[b-txewba5wg6] { color: var(--ink-soft); font-size: 0.85rem; }
.leaderboard-empty[b-txewba5wg6] { margin-top: 32px; font-weight: 720; }
.leaderboard-footnote[b-txewba5wg6] { margin-top: 28px; color: var(--ink-muted); font-size: 0.85rem; line-height: 1.75; }
.compact-label[b-txewba5wg6] { display: none; text-decoration: none; }
.visually-hidden[b-txewba5wg6] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }

@media (max-width: 640px) {
    .wide-label[b-txewba5wg6] { display: none; }
    .compact-label[b-txewba5wg6] { display: inline; }
    .leaderboard-page[b-txewba5wg6] { width: min(100% - 28px, 1000px); padding: 42px 0 60px; }
    .leaderboard-table th[b-txewba5wg6], .leaderboard-table td[b-txewba5wg6] { padding: 14px 3px; font-size: 0.8rem; }
    .leaderboard-table thead th[b-txewba5wg6] { font-size: 0.7rem; }
    .leaderboard-table tbody th[b-txewba5wg6] { font-size: 0.9rem; }
    .place-column[b-txewba5wg6] { width: 10%; }
    .name-column[b-txewba5wg6] { width: 34%; }
    .rank-column[b-txewba5wg6] { width: 22%; }
    .score-column[b-txewba5wg6] { width: 17%; }
}

.leaderboard-refresh[b-txewba5wg6] { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-bottom: 20px; }
.leaderboard-refresh__button[b-txewba5wg6] { border: 1px solid var(--line); border-radius: 6px; padding: 10px 18px; font-weight: 650; text-decoration: none; }
.leaderboard-refresh__button:focus-visible[b-txewba5wg6] { outline: 2px solid var(--signal-green); outline-offset: 3px; }
.leaderboard-refresh__button[aria-disabled="true"][b-txewba5wg6] { opacity: 0.6; cursor: wait; }
.leaderboard-refresh p[b-txewba5wg6] { flex: 1 1 200px; margin: 0; color: var(--ink-muted); font-size: 0.85rem; line-height: 1.6; }
.leaderboard-age[b-txewba5wg6] { display: inline-block; margin-left: 12px; }
.leaderboard-notice[hidden][b-txewba5wg6] { display: none; }

.leaderboard-page[b-txewba5wg6] { overflow-wrap: anywhere; }

.leaderboard-rank-progress[b-txewba5wg6] { display: block; margin-top: 6px; font-size: 0.8rem; line-height: 1.5; color: var(--ink-muted); }
.leaderboard-progress-hint[b-txewba5wg6] { margin: 20px 0 0; color: var(--ink-soft); font-size: 0.85rem; line-height: 1.6; }
/* /Components/Pages/Operator/Activity.razor.rz.scp.css */
.activity-page[b-9awjuix8sg] {
    width: min(100% - 40px, 1180px);
    margin: 0 auto;
    padding: 56px 0 96px;
}

.page-heading[b-9awjuix8sg],
.section-heading[b-9awjuix8sg] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 32px;
}

.page-heading[b-9awjuix8sg] {
    padding-bottom: 34px;
    border-bottom: 1px solid var(--line-strong);
}

.eyebrow[b-9awjuix8sg] {
    margin-bottom: 10px;
    color: var(--ink-muted);
    font-size: 0.72rem;
    font-weight: 760;
    text-transform: uppercase;
}

.page-heading h1[b-9awjuix8sg] {
    margin-bottom: 0;
    font-size: 3rem;
    line-height: 1;
}

.heading-meta[b-9awjuix8sg] {
    min-width: 220px;
    display: grid;
    justify-items: end;
    gap: 5px;
    text-align: right;
}

.heading-meta span[b-9awjuix8sg],
.section-heading > span[b-9awjuix8sg],
.activity-summary span[b-9awjuix8sg] {
    color: var(--ink-muted);
    font-size: 0.72rem;
    font-weight: 690;
    text-transform: uppercase;
}

.heading-meta strong[b-9awjuix8sg] {
    color: var(--ink-soft);
    font-size: 0.86rem;
    font-variant-numeric: tabular-nums;
}

.heading-meta a[b-9awjuix8sg],
.row-action a[b-9awjuix8sg],
.empty-state a[b-9awjuix8sg] {
    color: var(--signal-blue);
    font-weight: 700;
    text-decoration: none;
}

.heading-meta a:hover[b-9awjuix8sg],
.row-action a:hover[b-9awjuix8sg],
.empty-state a:hover[b-9awjuix8sg] {
    text-decoration: underline;
}

.activity-summary[b-9awjuix8sg] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-bottom: 1px solid var(--line-strong);
}

.activity-summary article[b-9awjuix8sg] {
    min-width: 0;
    min-height: 116px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px;
    border-right: 1px solid var(--line);
    background: var(--surface);
}

.activity-summary article:first-child[b-9awjuix8sg] {
    border-left: 1px solid var(--line);
}

.activity-summary strong[b-9awjuix8sg] {
    font-size: 2.2rem;
    font-variant-numeric: tabular-nums;
    line-height: 1;
}

.activity-summary .summary--incident strong[b-9awjuix8sg] {
    color: var(--signal-red);
}

.activity-summary .summary--command strong[b-9awjuix8sg] {
    color: var(--signal-blue);
}

.activity-summary .summary--gameplay strong[b-9awjuix8sg] {
    color: var(--signal-green);
}

.activity-section[b-9awjuix8sg] {
    padding-top: 58px;
}

.section-heading[b-9awjuix8sg] {
    margin-bottom: 22px;
}

.section-heading h2[b-9awjuix8sg] {
    margin-bottom: 0;
    font-size: 1.65rem;
}

.activity-range[b-9awjuix8sg] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 1px solid var(--line-strong);
    border-bottom: 1px solid var(--line-strong);
    background: var(--surface);
}

.activity-range__link[b-9awjuix8sg] {
    min-width: 0;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border-right: 1px solid var(--line);
    color: var(--ink-muted);
    font-size: 0.78rem;
    font-weight: 720;
    text-decoration: none;
}

.activity-range__link:last-child[b-9awjuix8sg] {
    border-right: 0;
}

.activity-range__link:hover[b-9awjuix8sg] {
    background: #e9ece6;
}

.activity-range__link:focus-visible[b-9awjuix8sg] {
    position: relative;
    z-index: 1;
    outline: 3px solid var(--focus);
    outline-offset: -3px;
}

.activity-range__link--active[b-9awjuix8sg] {
    color: var(--surface);
    background: var(--ink);
}

.activity-range__link--active:hover[b-9awjuix8sg] {
    background: var(--ink-soft);
}

.activity-filter[b-9awjuix8sg] {
    display: grid;
    grid-template-columns: minmax(240px, 420px) auto;
    align-items: end;
    gap: 14px;
    padding: 16px;
    background: var(--surface);
}

.activity-filter-field[b-9awjuix8sg] {
    min-width: 0;
    display: grid;
    gap: 6px;
}

.activity-filter-field > span[b-9awjuix8sg] {
    color: var(--ink-muted);
    font-size: 0.68rem;
    font-weight: 720;
    text-transform: uppercase;
}

.activity-filter-field select[b-9awjuix8sg] {
    width: 100%;
    min-height: 40px;
    padding: 8px 10px;
    border: 1px solid var(--line-strong);
    border-radius: 4px;
    background: var(--surface-raised);
    color: var(--ink);
    font: inherit;
    font-size: 0.82rem;
}

.activity-filter-field select:focus[b-9awjuix8sg] {
    border-color: var(--signal-blue);
    outline: 2px solid color-mix(in srgb, var(--signal-blue) 24%, transparent);
    outline-offset: 1px;
}

.activity-filter-actions[b-9awjuix8sg] {
    min-height: 40px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.activity-filter-actions button[b-9awjuix8sg] {
    min-height: 40px;
    padding: 8px 15px;
    border: 1px solid var(--ink);
    border-radius: 4px;
    background: var(--ink);
    color: var(--surface);
    font: inherit;
    font-size: 0.78rem;
    font-weight: 720;
    cursor: pointer;
}

.activity-filter-actions button:hover[b-9awjuix8sg] {
    background: var(--ink-soft);
}

.activity-filter-actions a[b-9awjuix8sg] {
    color: var(--signal-blue);
    font-size: 0.76rem;
    font-weight: 700;
    text-decoration: none;
}

.activity-filter-actions a:hover[b-9awjuix8sg] {
    text-decoration: underline;
}

.activity-filter-actions a:focus-visible[b-9awjuix8sg] {
    outline: 2px solid var(--signal-blue);
    outline-offset: 3px;
}

.activity-tabs[b-9awjuix8sg] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 1px solid var(--line-strong);
    border-bottom: 1px solid var(--line-strong);
}

.activity-tab[b-9awjuix8sg] {
    min-width: 0;
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px 16px;
    border-right: 1px solid var(--line);
    color: var(--ink-muted);
    text-decoration: none;
}

.activity-tab:last-child[b-9awjuix8sg] {
    border-right: 0;
}

.activity-tab strong[b-9awjuix8sg] {
    min-width: 24px;
    color: var(--ink-soft);
    font-size: 0.76rem;
    font-variant-numeric: tabular-nums;
    text-align: center;
}

.activity-tab--active[b-9awjuix8sg] {
    box-shadow: inset 0 -3px 0 var(--signal-green);
    color: var(--ink);
    font-weight: 720;
}

.activity-table[b-9awjuix8sg] {
    border-bottom: 1px solid var(--line-strong);
}

.activity-pagination[b-9awjuix8sg] {
    min-height: 50px;
    display: grid;
    grid-template-columns: minmax(90px, 1fr) auto minmax(90px, 1fr);
    align-items: center;
    gap: 16px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--line-strong);
    background: var(--surface);
}

.activity-pagination__action[b-9awjuix8sg] {
    min-width: 0;
}

.activity-pagination__action--end[b-9awjuix8sg] {
    text-align: right;
}

.activity-pagination a[b-9awjuix8sg] {
    color: var(--signal-blue);
    font-size: 0.78rem;
    font-weight: 720;
    text-decoration: none;
}

.activity-pagination a:hover[b-9awjuix8sg] {
    text-decoration: underline;
}

.activity-pagination a:focus-visible[b-9awjuix8sg] {
    outline: 2px solid var(--signal-blue);
    outline-offset: 3px;
}

.activity-pagination__status[b-9awjuix8sg] {
    color: var(--ink-muted);
    font-size: 0.72rem;
    font-weight: 690;
    text-align: center;
    text-transform: uppercase;
}

.activity-row[b-9awjuix8sg] {
    min-height: 70px;
    display: grid;
    grid-template-columns: minmax(170px, 0.95fr) minmax(150px, 1fr) minmax(150px, 1fr) 110px 68px;
    align-items: center;
    gap: 16px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--line);
    background: var(--surface);
    color: var(--ink-soft);
    font-size: 0.82rem;
}

.activity-row:last-child[b-9awjuix8sg] {
    border-bottom: 0;
}

.activity-row--incident[b-9awjuix8sg] {
    border-left: 3px solid var(--signal-red);
}

.activity-row--command[b-9awjuix8sg] {
    border-left: 3px solid var(--signal-blue);
}

.activity-row--gameplay[b-9awjuix8sg] {
    border-left: 3px solid var(--signal-green);
}

.activity-row--header[b-9awjuix8sg] {
    min-height: 42px;
    border-left: 0;
    background: transparent;
    color: var(--ink-muted);
    font-size: 0.68rem;
    font-weight: 740;
    text-transform: uppercase;
}

.activity-row time[b-9awjuix8sg] {
    font-variant-numeric: tabular-nums;
}

.event-cell[b-9awjuix8sg],
.server-cell[b-9awjuix8sg] {
    min-width: 0;
}

.event-cell[b-9awjuix8sg] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.event-cell strong[b-9awjuix8sg],
.server-cell[b-9awjuix8sg] {
    overflow-wrap: anywhere;
    color: var(--ink);
}

.event-cell small[b-9awjuix8sg] {
    color: var(--ink-muted);
}

.state-label[b-9awjuix8sg] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 0.76rem;
    font-weight: 700;
}

.state-label[b-9awjuix8sg]::before {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: currentColor;
    content: "";
}

.state-label--success[b-9awjuix8sg] {
    color: var(--signal-green);
}

.state-label--warning[b-9awjuix8sg] {
    color: var(--signal-amber);
}

.state-label--critical[b-9awjuix8sg] {
    color: var(--signal-red);
}

.state-label--neutral[b-9awjuix8sg] {
    color: var(--ink-muted);
}

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

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

.empty-state[b-9awjuix8sg],
.load-state[b-9awjuix8sg] {
    padding: 34px 0;
    border-bottom: 1px solid var(--line-strong);
}

.load-state[b-9awjuix8sg] {
    margin-top: 34px;
    border-top: 1px solid var(--line-strong);
}

.empty-state h3[b-9awjuix8sg],
.load-state h2[b-9awjuix8sg] {
    margin-bottom: 8px;
    font-size: 1.15rem;
}

.empty-state p[b-9awjuix8sg],
.load-state p[b-9awjuix8sg] {
    max-width: 62ch;
    margin-bottom: 8px;
    color: var(--ink-muted);
    line-height: 1.6;
}

@media (max-width: 820px) {
    .activity-row[b-9awjuix8sg] {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 9px 20px;
        padding: 18px 16px;
    }

    .activity-row--header[b-9awjuix8sg] {
        display: none;
    }

    .activity-row > span[b-9awjuix8sg],
    .activity-row > time[b-9awjuix8sg] {
        grid-column: 1;
    }

    .activity-row .row-action[b-9awjuix8sg] {
        grid-column: 2;
        grid-row: 1 / span 4;
        align-self: center;
    }

    .cell-label[b-9awjuix8sg] {
        position: static;
        width: auto;
        height: auto;
        display: inline;
        margin-right: 6px;
        overflow: visible;
        clip: auto;
        color: var(--ink-muted);
        font-size: 0.68rem;
        font-weight: 700;
        text-transform: uppercase;
        white-space: normal;
    }

    .event-cell[b-9awjuix8sg] {
        display: block;
    }

    .event-cell small[b-9awjuix8sg] {
        margin-left: 6px;
    }
}

@media (max-width: 640px) {
    .activity-page[b-9awjuix8sg] {
        width: min(100% - 28px, 1180px);
        padding: 42px 0 76px;
    }

    .page-heading[b-9awjuix8sg],
    .section-heading[b-9awjuix8sg] {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .page-heading h1[b-9awjuix8sg] {
        font-size: 2.35rem;
    }

    .heading-meta[b-9awjuix8sg] {
        min-width: 0;
        justify-items: start;
        text-align: left;
    }

    .activity-summary[b-9awjuix8sg] {
        grid-template-columns: 1fr;
    }

    .activity-summary article[b-9awjuix8sg],
    .activity-summary article:first-child[b-9awjuix8sg] {
        min-height: 92px;
        border-left: 1px solid var(--line);
    }

    .activity-tabs[b-9awjuix8sg] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .activity-filter[b-9awjuix8sg] {
        grid-template-columns: minmax(0, 1fr);
    }

    .activity-tab:nth-child(2n)[b-9awjuix8sg] {
        border-right: 0;
    }

    .activity-tab:nth-child(-n + 2)[b-9awjuix8sg] {
        border-bottom: 1px solid var(--line);
    }

    .activity-pagination[b-9awjuix8sg] {
        grid-template-columns: minmax(72px, 1fr) auto minmax(72px, 1fr);
        gap: 8px;
        padding-inline: 10px;
    }
}
/* /Components/Pages/Operator/AlertDelivery.razor.rz.scp.css */
.alert-delivery-page[b-yxjsvm0vzi] {
    width: min(100% - 40px, 1180px);
    margin: 0 auto;
    padding: 56px 0 96px;
}

.page-heading[b-yxjsvm0vzi],
.section-heading[b-yxjsvm0vzi],
.review-section[b-yxjsvm0vzi] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
}

.page-heading[b-yxjsvm0vzi] {
    padding-bottom: 38px;
    border-bottom: 1px solid var(--line-strong);
}

.page-heading > p[b-yxjsvm0vzi] {
    max-width: 46ch;
    margin-bottom: 4px;
    color: var(--ink-muted);
    line-height: 1.6;
    text-align: right;
}

.eyebrow[b-yxjsvm0vzi] {
    margin-bottom: 10px;
    color: var(--ink-muted);
    font-size: 0.72rem;
    font-weight: 760;
    text-transform: uppercase;
}

.page-heading h1[b-yxjsvm0vzi] {
    margin-bottom: 0;
    font-size: 3rem;
    line-height: 1.05;
}

.delivery-summary[b-yxjsvm0vzi] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-bottom: 1px solid var(--line-strong);
}

.delivery-summary article[b-yxjsvm0vzi] {
    min-width: 0;
    min-height: 116px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px;
    border-right: 1px solid var(--line);
    background: var(--surface);
}

.delivery-summary article:first-child[b-yxjsvm0vzi] {
    border-left: 1px solid var(--line);
}

.delivery-summary span[b-yxjsvm0vzi],
.section-heading > span[b-yxjsvm0vzi],
.state-label[b-yxjsvm0vzi] {
    color: var(--ink-muted);
    font-size: 0.7rem;
    font-weight: 720;
    text-transform: uppercase;
}

.delivery-summary strong[b-yxjsvm0vzi] {
    overflow-wrap: anywhere;
    color: var(--ink);
    font-size: 1.9rem;
    line-height: 1.05;
}

.delivery-summary .summary--healthy strong[b-yxjsvm0vzi] {
    color: var(--signal-green);
}

.delivery-summary .summary--warning strong[b-yxjsvm0vzi] {
    color: var(--signal-amber);
}

.delivery-summary .summary--active strong[b-yxjsvm0vzi] {
    color: var(--signal-blue);
}

.delivery-summary .summary--alert strong[b-yxjsvm0vzi] {
    color: var(--signal-red);
}

.queue-section[b-yxjsvm0vzi] {
    padding-top: 54px;
}

.section-heading[b-yxjsvm0vzi] {
    margin-bottom: 22px;
}

.section-heading h2[b-yxjsvm0vzi],
.review-section h2[b-yxjsvm0vzi] {
    margin-bottom: 0;
    font-size: 1.65rem;
}

.section-heading > span[b-yxjsvm0vzi] {
    text-align: right;
}

.queue-state[b-yxjsvm0vzi] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(360px, 0.8fr);
    gap: 54px;
    padding: 30px 0;
    border-top: 3px solid var(--line-strong);
    border-bottom: 1px solid var(--line-strong);
}

.queue-state--healthy[b-yxjsvm0vzi] {
    border-top-color: var(--signal-green);
}

.queue-state--active[b-yxjsvm0vzi] {
    border-top-color: var(--signal-blue);
}

.queue-state--paused[b-yxjsvm0vzi] {
    border-top-color: var(--signal-amber);
}

.queue-state--alert[b-yxjsvm0vzi] {
    border-top-color: var(--signal-red);
}

.queue-state h3[b-yxjsvm0vzi] {
    margin: 8px 0 10px;
    font-size: 1.35rem;
}

.queue-state p[b-yxjsvm0vzi],
.review-section > div > p:last-child[b-yxjsvm0vzi] {
    max-width: 62ch;
    margin-bottom: 0;
    color: var(--ink-muted);
    line-height: 1.6;
}

.queue-state dl[b-yxjsvm0vzi] {
    margin: 0;
}

.queue-state dl > div[b-yxjsvm0vzi] {
    min-height: 42px;
    display: grid;
    grid-template-columns: 130px minmax(0, 1fr);
    align-items: baseline;
    gap: 18px;
    padding: 10px 0;
    border-bottom: 1px solid var(--line);
}

.queue-state dl > div:first-child[b-yxjsvm0vzi] {
    border-top: 1px solid var(--line);
}

.queue-state dt[b-yxjsvm0vzi] {
    color: var(--ink-muted);
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
}

.queue-state dd[b-yxjsvm0vzi] {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--ink-soft);
    font-size: 0.84rem;
    text-align: right;
}

.review-section[b-yxjsvm0vzi] {
    align-items: center;
    margin-top: 54px;
    padding: 30px 0;
    border-top: 1px solid var(--line-strong);
    border-bottom: 1px solid var(--line-strong);
}

.review-section a[b-yxjsvm0vzi] {
    flex: 0 0 auto;
    color: var(--signal-blue);
    font-weight: 700;
    text-decoration: none;
}

.review-section a:hover[b-yxjsvm0vzi] {
    text-decoration: underline;
}

.load-state[b-yxjsvm0vzi] {
    margin-top: 34px;
    padding: 34px 0;
    border-top: 1px solid var(--line-strong);
    border-bottom: 1px solid var(--line-strong);
}

.load-state h2[b-yxjsvm0vzi] {
    margin-bottom: 8px;
    font-size: 1.15rem;
}

.load-state p[b-yxjsvm0vzi] {
    max-width: 62ch;
    margin-bottom: 0;
    color: var(--ink-muted);
    line-height: 1.6;
}

@media (max-width: 860px) {
    .delivery-summary[b-yxjsvm0vzi] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .delivery-summary article:nth-child(3)[b-yxjsvm0vzi] {
        border-left: 1px solid var(--line);
    }

    .queue-state[b-yxjsvm0vzi] {
        grid-template-columns: 1fr;
        gap: 28px;
    }
}

@media (max-width: 640px) {
    .alert-delivery-page[b-yxjsvm0vzi] {
        width: min(100% - 28px, 1180px);
        padding: 42px 0 76px;
    }

    .page-heading[b-yxjsvm0vzi],
    .section-heading[b-yxjsvm0vzi],
    .review-section[b-yxjsvm0vzi] {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .page-heading > p[b-yxjsvm0vzi],
    .section-heading > span[b-yxjsvm0vzi] {
        text-align: left;
    }

    .page-heading h1[b-yxjsvm0vzi] {
        font-size: 2.35rem;
    }

    .delivery-summary[b-yxjsvm0vzi] {
        grid-template-columns: 1fr;
    }

    .delivery-summary article[b-yxjsvm0vzi],
    .delivery-summary article:first-child[b-yxjsvm0vzi],
    .delivery-summary article:nth-child(3)[b-yxjsvm0vzi] {
        min-height: 0;
        align-items: center;
        flex-direction: row;
        padding: 18px 24px;
        border-bottom: 1px solid var(--line);
        border-left: 1px solid var(--line);
    }

    .delivery-summary article:last-child[b-yxjsvm0vzi] {
        border-bottom: 0;
    }

    .delivery-summary strong[b-yxjsvm0vzi] {
        font-size: 1.55rem;
    }

    .queue-state dl > div[b-yxjsvm0vzi] {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .queue-state dd[b-yxjsvm0vzi] {
        text-align: left;
    }
}
/* /Components/Pages/Operator/DeadLetterDetail.razor.rz.scp.css */
.dead-letter-detail-page[b-fefhcii2bz] {
    width: min(100% - 40px, 960px);
    margin: 0 auto;
    padding: 44px 0 96px;
}

.back-link[b-fefhcii2bz] {
    display: inline-block;
    margin-bottom: 34px;
    color: var(--ink-muted);
    font-size: 0.8rem;
    font-weight: 680;
    text-decoration: none;
}

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

.back-link[b-fefhcii2bz]::before {
    margin-right: 8px;
    content: "\2190";
}

.detail-heading[b-fefhcii2bz] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
    padding-bottom: 34px;
    border-bottom: 1px solid var(--line-strong);
}

.eyebrow[b-fefhcii2bz] {
    margin-bottom: 10px;
    color: var(--ink-muted);
    font-size: 0.72rem;
    font-weight: 760;
    text-transform: uppercase;
}

.detail-heading h1[b-fefhcii2bz],
.detail-state h1[b-fefhcii2bz] {
    margin-bottom: 14px;
    font-size: 3rem;
    line-height: 1.05;
    overflow-wrap: anywhere;
}

.event-id[b-fefhcii2bz] {
    margin-bottom: 0;
    overflow-wrap: anywhere;
    color: var(--ink-muted);
    font-size: 0.82rem;
}

.dead-letter-state[b-fefhcii2bz] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding-bottom: 3px;
    color: var(--signal-red);
    font-size: 0.86rem;
    font-weight: 740;
}

.dead-letter-state > span[b-fefhcii2bz] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--signal-red);
    box-shadow: 0 0 0 5px var(--signal-red-soft);
}

.ordering-warning[b-fefhcii2bz] {
    padding: 30px;
    border-right: 1px solid #e3c184;
    border-bottom: 1px solid #e3c184;
    border-left: 1px solid #e3c184;
    background: var(--signal-amber-soft);
}

.ordering-warning h2[b-fefhcii2bz],
.aggregate-identity h2[b-fefhcii2bz],
.failure-detail h2[b-fefhcii2bz] {
    margin-bottom: 10px;
    font-size: 1.25rem;
}

.ordering-warning p:last-child[b-fefhcii2bz],
.aggregate-identity p:last-child[b-fefhcii2bz],
.failure-detail p:last-child[b-fefhcii2bz],
.detail-state p[b-fefhcii2bz] {
    max-width: 72ch;
    margin-bottom: 0;
    overflow-wrap: anywhere;
    color: var(--ink-muted);
    line-height: 1.65;
}

.detail-grid[b-fefhcii2bz] {
    border-bottom: 1px solid var(--line-strong);
}

.detail-grid dl[b-fefhcii2bz] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
}

.detail-grid dl > div[b-fefhcii2bz] {
    min-width: 0;
    min-height: 122px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 26px;
    border-right: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    background: var(--surface);
}

.detail-grid dl > div:nth-child(3n + 1)[b-fefhcii2bz] {
    border-left: 1px solid var(--line);
}

.detail-grid dl > div:nth-last-child(-n + 3)[b-fefhcii2bz] {
    border-bottom: 0;
}

.detail-grid dt[b-fefhcii2bz] {
    color: var(--ink-muted);
    font-size: 0.68rem;
    font-weight: 720;
    text-transform: uppercase;
}

.detail-grid dd[b-fefhcii2bz] {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--ink);
    font-size: 0.96rem;
    font-weight: 700;
}

.aggregate-identity[b-fefhcii2bz],
.failure-detail[b-fefhcii2bz],
.detail-state[b-fefhcii2bz] {
    padding: 42px 0;
    border-bottom: 1px solid var(--line-strong);
}

.result-state[b-fefhcii2bz] {
    margin-top: 30px;
    padding: 18px 20px;
    border-left: 3px solid var(--signal-red);
    background: var(--surface);
}

.result-state--warning[b-fefhcii2bz] {
    border-left-color: var(--signal-amber);
}

.result-state strong[b-fefhcii2bz] {
    color: var(--ink);
    font-size: 0.86rem;
}

.result-state p[b-fefhcii2bz],
.role-state p[b-fefhcii2bz],
.form-heading > p:last-child[b-fefhcii2bz] {
    max-width: 68ch;
    margin: 7px 0 0;
    color: var(--ink-muted);
    line-height: 1.6;
}

.replay-form[b-fefhcii2bz],
.role-state[b-fefhcii2bz] {
    margin-top: 52px;
    padding: 30px 0;
    border-top: 1px solid var(--line-strong);
    border-bottom: 1px solid var(--line-strong);
}

.form-heading[b-fefhcii2bz] {
    margin-bottom: 28px;
}

.form-heading h2[b-fefhcii2bz],
.role-state h2[b-fefhcii2bz] {
    margin-bottom: 8px;
    font-size: 1.4rem;
}

.field-group[b-fefhcii2bz] {
    display: grid;
    gap: 10px;
}

.field-group label[b-fefhcii2bz] {
    color: var(--ink);
    font-size: 0.82rem;
    font-weight: 720;
}

.field-group textarea[b-fefhcii2bz] {
    width: 100%;
    min-height: 118px;
    resize: vertical;
    padding: 14px 16px;
    border: 1px solid var(--line-strong);
    border-radius: 4px;
    background: var(--surface);
    color: var(--ink);
    font: inherit;
    line-height: 1.55;
}

.field-group textarea:focus-visible[b-fefhcii2bz],
.form-actions button:focus-visible[b-fefhcii2bz],
.form-actions a:focus-visible[b-fefhcii2bz] {
    outline: 2px solid var(--signal-blue);
    outline-offset: 3px;
}

.field-group > span[b-fefhcii2bz] {
    color: var(--ink-muted);
    font-size: 0.74rem;
}

.confirmation-field[b-fefhcii2bz] {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    margin-top: 24px;
    color: var(--ink-soft);
    font-size: 0.82rem;
    line-height: 1.55;
}

.confirmation-field input[b-fefhcii2bz] {
    width: 18px;
    height: 18px;
    margin: 2px 0 0;
    accent-color: var(--signal-blue);
}

.form-actions[b-fefhcii2bz] {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 30px;
}

.form-actions button[b-fefhcii2bz] {
    min-height: 42px;
    padding: 10px 18px;
    border: 1px solid var(--ink);
    border-radius: 4px;
    background: var(--ink);
    color: var(--surface);
    font: inherit;
    font-size: 0.82rem;
    font-weight: 720;
    cursor: pointer;
}

.form-actions button:hover[b-fefhcii2bz] {
    background: var(--ink-soft);
}

.form-actions a[b-fefhcii2bz] {
    color: var(--ink-muted);
    font-size: 0.82rem;
    font-weight: 680;
    text-decoration: none;
}

.form-actions a:hover[b-fefhcii2bz] {
    color: var(--ink);
}

@media (max-width: 720px) {
    .detail-grid dl[b-fefhcii2bz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .detail-grid dl > div:nth-child(3n + 1)[b-fefhcii2bz] {
        border-left: 0;
    }

    .detail-grid dl > div:nth-child(2n + 1)[b-fefhcii2bz] {
        border-left: 1px solid var(--line);
    }

    .detail-grid dl > div:nth-last-child(-n + 3)[b-fefhcii2bz] {
        border-bottom: 1px solid var(--line);
    }

    .detail-grid dl > div:nth-last-child(-n + 2)[b-fefhcii2bz] {
        border-bottom: 0;
    }
}

@media (max-width: 640px) {
    .dead-letter-detail-page[b-fefhcii2bz] {
        width: min(100% - 28px, 960px);
        padding: 34px 0 76px;
    }

    .detail-heading[b-fefhcii2bz] {
        align-items: flex-start;
        flex-direction: column;
        gap: 24px;
    }

    .detail-heading h1[b-fefhcii2bz],
    .detail-state h1[b-fefhcii2bz] {
        font-size: 1.75rem;
    }

    .ordering-warning[b-fefhcii2bz] {
        padding: 24px;
    }

    .replay-form[b-fefhcii2bz],
    .role-state[b-fefhcii2bz] {
        margin-top: 38px;
    }

    .form-actions[b-fefhcii2bz] {
        align-items: stretch;
        flex-direction: column;
    }

    .form-actions button[b-fefhcii2bz],
    .form-actions a[b-fefhcii2bz] {
        text-align: center;
    }

    .detail-grid dl[b-fefhcii2bz] {
        grid-template-columns: 1fr;
    }

    .detail-grid dl > div[b-fefhcii2bz],
    .detail-grid dl > div:nth-child(2n + 1)[b-fefhcii2bz],
    .detail-grid dl > div:nth-last-child(-n + 2)[b-fefhcii2bz] {
        min-height: 104px;
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
        border-left: 1px solid var(--line);
    }

    .detail-grid dl > div:last-child[b-fefhcii2bz] {
        border-bottom: 0;
    }
}
/* /Components/Pages/Operator/DeadLetterReplay.razor.rz.scp.css */
.replay-page[b-p8h33l1nnt] {
    width: min(100% - 40px, 960px);
    margin: 0 auto;
    padding: 44px 0 96px;
}

.back-link[b-p8h33l1nnt] {
    display: inline-block;
    margin-bottom: 34px;
    color: var(--ink-muted);
    font-size: 0.8rem;
    font-weight: 680;
    text-decoration: none;
}

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

.back-link[b-p8h33l1nnt]::before {
    margin-right: 8px;
    content: "\2190";
}

.receipt-heading[b-p8h33l1nnt] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
    padding-bottom: 34px;
    border-bottom: 1px solid var(--line-strong);
}

.eyebrow[b-p8h33l1nnt] {
    margin-bottom: 10px;
    color: var(--ink-muted);
    font-size: 0.72rem;
    font-weight: 760;
    text-transform: uppercase;
}

.receipt-heading h1[b-p8h33l1nnt],
.receipt-state h1[b-p8h33l1nnt] {
    margin-bottom: 14px;
    font-size: 3rem;
    line-height: 1.05;
    overflow-wrap: anywhere;
}

.request-id[b-p8h33l1nnt] {
    margin-bottom: 0;
    overflow-wrap: anywhere;
    color: var(--ink-muted);
    font-size: 0.82rem;
}

.replay-state[b-p8h33l1nnt] {
    flex: 0 0 auto;
    padding-bottom: 3px;
    color: var(--signal-blue);
    font-size: 0.86rem;
    font-weight: 740;
}

.outcome-warning[b-p8h33l1nnt] {
    padding: 22px 24px;
    border-right: 1px solid #e3c184;
    border-bottom: 1px solid #e3c184;
    border-left: 1px solid #e3c184;
    background: var(--signal-amber-soft);
}

.outcome-warning p[b-p8h33l1nnt] {
    margin: 7px 0 0;
    color: var(--ink-muted);
    line-height: 1.55;
}

.receipt-grid[b-p8h33l1nnt] {
    border-bottom: 1px solid var(--line-strong);
}

.receipt-grid dl[b-p8h33l1nnt] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
}

.receipt-grid dl > div[b-p8h33l1nnt] {
    min-width: 0;
    min-height: 122px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 26px;
    border-right: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    background: var(--surface);
}

.receipt-grid dl > div:nth-child(3n + 1)[b-p8h33l1nnt] {
    border-left: 1px solid var(--line);
}

.receipt-grid dl > div:nth-last-child(-n + 3)[b-p8h33l1nnt] {
    border-bottom: 0;
}

.receipt-grid dt[b-p8h33l1nnt] {
    color: var(--ink-muted);
    font-size: 0.68rem;
    font-weight: 720;
    text-transform: uppercase;
}

.receipt-grid dd[b-p8h33l1nnt] {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--ink);
    font-size: 0.9rem;
    font-weight: 700;
}

.receipt-grid a[b-p8h33l1nnt] {
    color: var(--signal-blue);
}

.reason-detail[b-p8h33l1nnt],
.receipt-state[b-p8h33l1nnt] {
    padding: 42px 0;
    border-bottom: 1px solid var(--line-strong);
}

.reason-detail h2[b-p8h33l1nnt] {
    margin-bottom: 10px;
    font-size: 1.25rem;
}

.reason-detail p:last-child[b-p8h33l1nnt],
.receipt-state > p:not(.eyebrow)[b-p8h33l1nnt] {
    max-width: 72ch;
    margin-bottom: 0;
    overflow-wrap: anywhere;
    color: var(--ink-muted);
    line-height: 1.65;
}

.receipt-state--warning[b-p8h33l1nnt] {
    border-top: 3px solid var(--signal-amber);
}

@media (max-width: 720px) {
    .receipt-grid dl[b-p8h33l1nnt] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .receipt-grid dl > div:nth-child(3n + 1)[b-p8h33l1nnt] {
        border-left: 0;
    }

    .receipt-grid dl > div:nth-child(2n + 1)[b-p8h33l1nnt] {
        border-left: 1px solid var(--line);
    }

    .receipt-grid dl > div:nth-last-child(-n + 3)[b-p8h33l1nnt] {
        border-bottom: 1px solid var(--line);
    }

    .receipt-grid dl > div:nth-last-child(-n + 2)[b-p8h33l1nnt] {
        border-bottom: 0;
    }
}

@media (max-width: 640px) {
    .replay-page[b-p8h33l1nnt] {
        width: min(100% - 28px, 960px);
        padding: 34px 0 76px;
    }

    .receipt-heading[b-p8h33l1nnt] {
        align-items: flex-start;
        flex-direction: column;
        gap: 20px;
    }

    .receipt-heading h1[b-p8h33l1nnt],
    .receipt-state h1[b-p8h33l1nnt] {
        font-size: 2.2rem;
    }

    .receipt-grid dl[b-p8h33l1nnt] {
        grid-template-columns: 1fr;
    }

    .receipt-grid dl > div[b-p8h33l1nnt],
    .receipt-grid dl > div:nth-child(2n + 1)[b-p8h33l1nnt],
    .receipt-grid dl > div:nth-last-child(-n + 2)[b-p8h33l1nnt] {
        min-height: 104px;
        border-right: 1px solid var(--line);
        border-bottom: 1px solid var(--line);
        border-left: 1px solid var(--line);
    }

    .receipt-grid dl > div:last-child[b-p8h33l1nnt] {
        border-bottom: 0;
    }
}
/* /Components/Pages/Operator/DeadLetters.razor.rz.scp.css */
.dead-letters-page[b-hq7ddlaezf] {
    width: min(100% - 40px, 1180px);
    margin: 0 auto;
    padding: 56px 0 96px;
}

.page-heading[b-hq7ddlaezf],
.section-heading[b-hq7ddlaezf] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
}

.page-heading[b-hq7ddlaezf] {
    padding-bottom: 38px;
    border-bottom: 1px solid var(--line-strong);
}

.page-heading > p[b-hq7ddlaezf] {
    max-width: 46ch;
    margin-bottom: 4px;
    color: var(--ink-muted);
    line-height: 1.6;
    text-align: right;
}

.eyebrow[b-hq7ddlaezf] {
    margin-bottom: 10px;
    color: var(--ink-muted);
    font-size: 0.72rem;
    font-weight: 760;
    text-transform: uppercase;
}

.page-heading h1[b-hq7ddlaezf] {
    margin-bottom: 0;
    font-size: 3rem;
    line-height: 1.05;
}

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

.dead-letter-summary article[b-hq7ddlaezf] {
    min-width: 0;
    min-height: 116px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px;
    border-right: 1px solid var(--line);
    background: var(--surface);
}

.dead-letter-summary article:first-child[b-hq7ddlaezf] {
    border-left: 1px solid var(--line);
}

.dead-letter-summary span[b-hq7ddlaezf] {
    color: var(--ink-muted);
    font-size: 0.68rem;
    font-weight: 720;
    text-transform: uppercase;
}

.dead-letter-summary strong[b-hq7ddlaezf] {
    color: var(--ink);
    font-size: 1.9rem;
}

.dead-letter-summary .summary--alert strong[b-hq7ddlaezf] {
    color: var(--signal-red);
}

.dead-letter-section[b-hq7ddlaezf] {
    padding-top: 54px;
}

.section-heading[b-hq7ddlaezf] {
    margin-bottom: 22px;
}

.section-heading > span[b-hq7ddlaezf] {
    color: var(--ink-muted);
    font-size: 0.78rem;
}

.section-heading h2[b-hq7ddlaezf] {
    margin-bottom: 0;
    font-size: 1.65rem;
}

.dead-letter-table[b-hq7ddlaezf] {
    border-top: 1px solid var(--line-strong);
}

.dead-letter-row[b-hq7ddlaezf] {
    min-height: 72px;
    display: grid;
    grid-template-columns: minmax(150px, 1fr) minmax(150px, 1fr) minmax(150px, 1fr) 72px 64px minmax(180px, 1.3fr) 58px;
    align-items: center;
    gap: 16px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--line);
    background: var(--surface);
    color: var(--ink-soft);
    font-size: 0.82rem;
}

.dead-letter-row--header[b-hq7ddlaezf] {
    min-height: 42px;
    background: transparent;
    color: var(--ink-muted);
    font-size: 0.68rem;
    font-weight: 740;
    text-transform: uppercase;
}

.event-type[b-hq7ddlaezf] {
    overflow-wrap: anywhere;
    color: var(--ink);
    font-weight: 720;
}

.event-type small[b-hq7ddlaezf] {
    color: var(--ink-muted);
    font-size: 0.68rem;
    font-weight: 700;
}

.last-error[b-hq7ddlaezf] {
    overflow-wrap: anywhere;
    line-height: 1.45;
}

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

.row-action a[b-hq7ddlaezf],
.pagination a[b-hq7ddlaezf] {
    color: var(--signal-blue);
    font-weight: 700;
    text-decoration: none;
}

.row-action a:hover[b-hq7ddlaezf],
.pagination a:hover[b-hq7ddlaezf] {
    text-decoration: underline;
}

.pagination[b-hq7ddlaezf] {
    display: flex;
    justify-content: flex-end;
    padding-top: 22px;
}

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

.empty-state[b-hq7ddlaezf],
.load-state[b-hq7ddlaezf] {
    padding: 34px 0;
    border-top: 1px solid var(--line-strong);
    border-bottom: 1px solid var(--line-strong);
}

.load-state[b-hq7ddlaezf] {
    margin-top: 34px;
}

.empty-state h3[b-hq7ddlaezf],
.load-state h2[b-hq7ddlaezf] {
    margin-bottom: 8px;
    font-size: 1.15rem;
}

.empty-state p[b-hq7ddlaezf],
.load-state p[b-hq7ddlaezf] {
    max-width: 62ch;
    margin-bottom: 0;
    color: var(--ink-muted);
    line-height: 1.6;
}

@media (max-width: 980px) {
    .dead-letter-row[b-hq7ddlaezf] {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 9px 20px;
        padding: 18px 16px;
    }

    .dead-letter-row--header[b-hq7ddlaezf] {
        display: none;
    }

    .dead-letter-row > span[b-hq7ddlaezf],
    .dead-letter-row > time[b-hq7ddlaezf] {
        grid-column: 1;
    }

    .dead-letter-row .row-action[b-hq7ddlaezf] {
        grid-column: 2;
        grid-row: 1 / span 6;
        align-self: center;
    }

    .cell-label[b-hq7ddlaezf] {
        position: static;
        width: auto;
        height: auto;
        display: inline;
        margin-right: 6px;
        overflow: visible;
        clip: auto;
        color: var(--ink-muted);
        font-size: 0.66rem;
        font-weight: 700;
        text-transform: uppercase;
        white-space: normal;
    }
}

@media (max-width: 640px) {
    .dead-letters-page[b-hq7ddlaezf] {
        width: min(100% - 28px, 1180px);
        padding: 42px 0 76px;
    }

    .page-heading[b-hq7ddlaezf],
    .section-heading[b-hq7ddlaezf] {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .page-heading > p[b-hq7ddlaezf] {
        text-align: left;
    }

    .page-heading h1[b-hq7ddlaezf] {
        font-size: 2.35rem;
    }

    .dead-letter-summary[b-hq7ddlaezf] {
        grid-template-columns: 1fr;
    }

    .dead-letter-summary article[b-hq7ddlaezf],
    .dead-letter-summary article:first-child[b-hq7ddlaezf] {
        min-height: 0;
        align-items: center;
        flex-direction: row;
        padding: 18px 24px;
        border-bottom: 1px solid var(--line);
        border-left: 1px solid var(--line);
    }

    .dead-letter-summary article:last-child[b-hq7ddlaezf] {
        border-bottom: 0;
    }

    .dead-letter-summary strong[b-hq7ddlaezf] {
        font-size: 1.55rem;
    }
}
/* /Components/Pages/Operator/IncidentDetail.razor.rz.scp.css */
.incident-detail-page[b-l2rpmf78sz] {
    width: min(100% - 40px, 1120px);
    margin: 0 auto;
    padding: 44px 0 96px;
}

.back-link[b-l2rpmf78sz] {
    display: inline-block;
    margin-bottom: 34px;
    color: var(--ink-muted);
    font-size: 0.8rem;
    font-weight: 680;
    text-decoration: none;
}

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

.back-link[b-l2rpmf78sz]::before {
    margin-right: 8px;
    content: "\2190";
}

.incident-heading[b-l2rpmf78sz],
.section-heading[b-l2rpmf78sz],
.server-context[b-l2rpmf78sz] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
}

.incident-heading[b-l2rpmf78sz] {
    padding-bottom: 34px;
    border-bottom: 1px solid var(--line-strong);
}

.eyebrow[b-l2rpmf78sz] {
    margin-bottom: 9px;
    color: var(--ink-muted);
    font-size: 0.72rem;
    font-weight: 760;
    text-transform: uppercase;
}

.incident-heading h1[b-l2rpmf78sz],
.detail-state h1[b-l2rpmf78sz] {
    margin-bottom: 13px;
    overflow-wrap: anywhere;
    font-size: 2.75rem;
    line-height: 1.05;
}

.incident-reference[b-l2rpmf78sz] {
    margin-bottom: 0;
    color: var(--ink-muted);
    font-size: 0.8rem;
}

.incident-reference code[b-l2rpmf78sz] {
    overflow-wrap: anywhere;
    color: var(--ink-soft);
}

.incident-state[b-l2rpmf78sz] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding-bottom: 3px;
    color: var(--ink-soft);
    font-size: 0.86rem;
    font-weight: 740;
}

.incident-state > span[b-l2rpmf78sz] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--ink-muted);
    box-shadow: 0 0 0 5px var(--line);
}

.incident-state--open[b-l2rpmf78sz] {
    color: var(--signal-red);
}

.incident-state--open > span[b-l2rpmf78sz] {
    background: var(--signal-red);
    box-shadow: 0 0 0 5px var(--signal-red-soft);
}

.incident-state--resolved[b-l2rpmf78sz] {
    color: var(--signal-green);
}

.incident-state--resolved > span[b-l2rpmf78sz] {
    background: var(--signal-green);
    box-shadow: 0 0 0 5px var(--signal-green-soft);
}

.incident-summary[b-l2rpmf78sz] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-bottom: 1px solid var(--line-strong);
}

.incident-summary article[b-l2rpmf78sz] {
    min-width: 0;
    min-height: 124px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 22px;
    border-right: 1px solid var(--line);
    background: var(--surface);
}

.incident-summary article:first-child[b-l2rpmf78sz] {
    border-left: 1px solid var(--line);
}

.incident-summary span[b-l2rpmf78sz],
.section-heading > span[b-l2rpmf78sz],
.record-grid dt[b-l2rpmf78sz] {
    color: var(--ink-muted);
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
}

.incident-summary strong[b-l2rpmf78sz] {
    overflow-wrap: anywhere;
    color: var(--ink);
    font-size: 0.95rem;
    font-variant-numeric: tabular-nums;
    line-height: 1.4;
}

.incident-summary .summary--failures strong[b-l2rpmf78sz] {
    color: var(--signal-red);
    font-size: 2.2rem;
    line-height: 1;
}

.record-section[b-l2rpmf78sz],
.observations-section[b-l2rpmf78sz] {
    padding-top: 56px;
}

.section-heading[b-l2rpmf78sz] {
    margin-bottom: 20px;
}

.section-heading h2[b-l2rpmf78sz],
.server-context h2[b-l2rpmf78sz] {
    margin-bottom: 0;
    font-size: 1.5rem;
}

.record-grid[b-l2rpmf78sz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
    border-top: 1px solid var(--line-strong);
}

.record-grid > div[b-l2rpmf78sz] {
    min-width: 0;
    min-height: 116px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
    padding: 22px;
    border-right: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    background: var(--surface);
}

.record-grid > div:nth-child(odd)[b-l2rpmf78sz] {
    border-left: 1px solid var(--line);
}

.record-grid > .record-grid__wide[b-l2rpmf78sz] {
    grid-column: span 2;
    border-left: 1px solid var(--line);
}

.record-grid dd[b-l2rpmf78sz] {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--ink);
    font-size: 0.92rem;
    font-weight: 680;
    line-height: 1.5;
}

.server-context[b-l2rpmf78sz] {
    align-items: center;
    margin-top: 56px;
    padding: 28px 0;
    border-top: 1px solid var(--line-strong);
    border-bottom: 1px solid var(--line-strong);
}

.server-context p:last-child[b-l2rpmf78sz] {
    max-width: 58ch;
    margin: 9px 0 0;
    color: var(--ink-muted);
    font-size: 0.82rem;
    line-height: 1.6;
}

.server-context nav[b-l2rpmf78sz] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 16px;
}

.server-context nav a[b-l2rpmf78sz] {
    color: var(--signal-blue);
    font-size: 0.78rem;
    font-weight: 720;
    text-decoration: none;
}

.server-context nav a:hover[b-l2rpmf78sz] {
    text-decoration: underline;
}

.server-state[b-l2rpmf78sz] {
    flex: 0 0 auto;
    color: var(--ink-muted);
    font-size: 0.78rem;
    font-weight: 740;
}

.server-state--online[b-l2rpmf78sz] {
    color: var(--signal-green);
}

.server-state--offline[b-l2rpmf78sz] {
    color: var(--signal-red);
}

.observation-table[b-l2rpmf78sz] {
    border-top: 1px solid var(--line-strong);
}

.observation-row[b-l2rpmf78sz] {
    min-height: 66px;
    display: grid;
    grid-template-columns: 82px minmax(150px, 1.1fr) 100px minmax(90px, 0.7fr) 72px 72px minmax(170px, 1.4fr);
    align-items: center;
    gap: 16px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--line);
    background: var(--surface);
    color: var(--ink-soft);
    font-size: 0.8rem;
}

.observation-row--header[b-l2rpmf78sz] {
    min-height: 42px;
    background: transparent;
    color: var(--ink-muted);
    font-size: 0.68rem;
    font-weight: 740;
    text-transform: uppercase;
}

.boundary-label[b-l2rpmf78sz],
.observation-state[b-l2rpmf78sz] {
    font-size: 0.74rem;
    font-weight: 700;
}

.boundary-label--opening[b-l2rpmf78sz] {
    color: var(--signal-red);
}

.boundary-label--recovery[b-l2rpmf78sz],
.observation-state--online[b-l2rpmf78sz] {
    color: var(--signal-green);
}

.observation-state--offline[b-l2rpmf78sz] {
    color: var(--signal-red);
}

.result[b-l2rpmf78sz] {
    overflow-wrap: anywhere;
    line-height: 1.45;
}

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

.empty-state[b-l2rpmf78sz],
.detail-state[b-l2rpmf78sz] {
    padding: 38px 0;
    border-top: 1px solid var(--line-strong);
    border-bottom: 1px solid var(--line-strong);
}

.detail-state[b-l2rpmf78sz] {
    border-top: 0;
}

.empty-state h3[b-l2rpmf78sz] {
    margin-bottom: 8px;
    font-size: 1.12rem;
}

.empty-state p[b-l2rpmf78sz],
.detail-state p[b-l2rpmf78sz] {
    max-width: 64ch;
    margin-bottom: 0;
    color: var(--ink-muted);
    line-height: 1.6;
}

@media (max-width: 940px) {
    .incident-summary[b-l2rpmf78sz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .incident-summary article:nth-child(odd)[b-l2rpmf78sz] {
        border-left: 1px solid var(--line);
    }

    .observation-row[b-l2rpmf78sz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px 24px;
        padding: 18px 16px;
    }

    .observation-row--header[b-l2rpmf78sz] {
        display: none;
    }

    .cell-label[b-l2rpmf78sz] {
        position: static;
        width: auto;
        height: auto;
        display: inline;
        margin-right: 6px;
        overflow: visible;
        clip: auto;
        color: var(--ink-muted);
        font-size: 0.66rem;
        font-weight: 700;
        text-transform: uppercase;
        white-space: normal;
    }
}

@media (max-width: 720px) {
    .server-context[b-l2rpmf78sz] {
        align-items: flex-start;
        flex-direction: column;
        gap: 18px;
    }
}

@media (max-width: 640px) {
    .incident-detail-page[b-l2rpmf78sz] {
        width: min(100% - 28px, 1120px);
        padding: 34px 0 76px;
    }

    .incident-heading[b-l2rpmf78sz],
    .section-heading[b-l2rpmf78sz] {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .incident-heading h1[b-l2rpmf78sz],
    .detail-state h1[b-l2rpmf78sz] {
        font-size: 2.15rem;
    }

    .incident-state[b-l2rpmf78sz] {
        align-self: flex-start;
    }

    .record-grid[b-l2rpmf78sz],
    .observation-row[b-l2rpmf78sz] {
        grid-template-columns: 1fr;
    }

    .record-grid > .record-grid__wide[b-l2rpmf78sz] {
        grid-column: auto;
    }

    .record-grid > div[b-l2rpmf78sz],
    .record-grid > div:nth-child(odd)[b-l2rpmf78sz] {
        border-left: 1px solid var(--line);
    }

    .server-context nav[b-l2rpmf78sz] {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }
}
/* /Components/Pages/Operator/Incidents.razor.rz.scp.css */
.incidents-page[b-o99xntsq24] {
    width: min(100% - 40px, 1180px);
    margin: 0 auto;
    padding: 56px 0 96px;
}

.page-heading[b-o99xntsq24],
.section-heading[b-o99xntsq24] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 32px;
}

.page-heading[b-o99xntsq24] {
    padding-bottom: 34px;
    border-bottom: 1px solid var(--line-strong);
}

.page-heading > p[b-o99xntsq24] {
    max-width: 46ch;
    margin-bottom: 0;
    color: var(--ink-muted);
    font-size: 0.86rem;
    line-height: 1.55;
    text-align: right;
}

.eyebrow[b-o99xntsq24] {
    margin-bottom: 10px;
    color: var(--ink-muted);
    font-size: 0.72rem;
    font-weight: 760;
    text-transform: uppercase;
}

.page-heading h1[b-o99xntsq24] {
    margin-bottom: 0;
    font-size: 3rem;
    line-height: 1;
}

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

.incident-summary article[b-o99xntsq24] {
    min-width: 0;
    min-height: 126px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px;
    border-right: 1px solid var(--line);
    background: var(--surface);
}

.incident-summary article:first-child[b-o99xntsq24] {
    border-left: 1px solid var(--line);
}

.incident-summary span[b-o99xntsq24],
.section-heading > span[b-o99xntsq24] {
    color: var(--ink-muted);
    font-size: 0.72rem;
    font-weight: 690;
    text-transform: uppercase;
}

.incident-summary strong[b-o99xntsq24] {
    font-size: 2.35rem;
    font-variant-numeric: tabular-nums;
    line-height: 1;
}

.incident-summary .summary--alert strong[b-o99xntsq24] {
    color: var(--signal-red);
}

.incident-summary .summary-time[b-o99xntsq24] {
    font-size: 1rem;
    line-height: 1.35;
}

.incident-section[b-o99xntsq24] {
    padding-top: 58px;
}

.section-heading[b-o99xntsq24] {
    margin-bottom: 22px;
}

.section-heading h2[b-o99xntsq24] {
    margin-bottom: 0;
    font-size: 1.65rem;
}

.incident-table[b-o99xntsq24] {
    border-top: 1px solid var(--line-strong);
}

.incident-row[b-o99xntsq24] {
    min-height: 70px;
    display: grid;
    grid-template-columns: 72px minmax(130px, 1fr) 100px minmax(154px, 1fr) 72px minmax(170px, 1.4fr) 48px;
    align-items: center;
    gap: 16px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--line);
    background: var(--surface);
    color: var(--ink-soft);
    font-size: 0.82rem;
}

.incident-row--header[b-o99xntsq24] {
    min-height: 42px;
    background: transparent;
    color: var(--ink-muted);
    font-size: 0.68rem;
    font-weight: 740;
    text-transform: uppercase;
}

.state-label[b-o99xntsq24] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--signal-red);
    font-size: 0.76rem;
    font-weight: 700;
}

.state-label[b-o99xntsq24]::before {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--signal-red);
    content: "";
}

.server-name[b-o99xntsq24] {
    overflow-wrap: anywhere;
    color: var(--ink);
    font-weight: 720;
}

.reason[b-o99xntsq24] {
    overflow-wrap: anywhere;
    line-height: 1.45;
}

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

.row-action a[b-o99xntsq24] {
    color: var(--signal-blue);
    font-weight: 700;
    text-decoration: none;
}

.row-action a:hover[b-o99xntsq24] {
    text-decoration: underline;
}

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

.empty-state[b-o99xntsq24],
.load-state[b-o99xntsq24] {
    padding: 34px 0;
    border-top: 1px solid var(--line-strong);
    border-bottom: 1px solid var(--line-strong);
}

.load-state[b-o99xntsq24] {
    margin-top: 34px;
}

.empty-state h3[b-o99xntsq24],
.load-state h2[b-o99xntsq24] {
    margin-bottom: 8px;
    font-size: 1.15rem;
}

.empty-state p[b-o99xntsq24],
.load-state p[b-o99xntsq24] {
    max-width: 62ch;
    margin-bottom: 0;
    color: var(--ink-muted);
    line-height: 1.6;
}

@media (max-width: 900px) {
    .incident-row[b-o99xntsq24] {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 9px 20px;
        padding: 18px 16px;
    }

    .incident-row--header[b-o99xntsq24] {
        display: none;
    }

    .incident-row > span[b-o99xntsq24],
    .incident-row > time[b-o99xntsq24] {
        grid-column: 1;
    }

    .incident-row .row-action[b-o99xntsq24] {
        grid-column: 2;
        grid-row: 1 / span 6;
        align-self: center;
    }

    .cell-label[b-o99xntsq24] {
        position: static;
        width: auto;
        height: auto;
        display: inline;
        margin-right: 6px;
        overflow: visible;
        clip: auto;
        color: var(--ink-muted);
        font-size: 0.68rem;
        font-weight: 700;
        text-transform: uppercase;
        white-space: normal;
    }
}

@media (max-width: 640px) {
    .incidents-page[b-o99xntsq24] {
        width: min(100% - 28px, 1180px);
        padding: 42px 0 76px;
    }

    .page-heading[b-o99xntsq24],
    .section-heading[b-o99xntsq24] {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .page-heading > p[b-o99xntsq24] {
        text-align: left;
    }

    .page-heading h1[b-o99xntsq24] {
        font-size: 2.35rem;
    }

    .incident-summary[b-o99xntsq24] {
        grid-template-columns: 1fr;
    }

    .incident-summary article[b-o99xntsq24],
    .incident-summary article:first-child[b-o99xntsq24] {
        min-height: 100px;
        border-left: 1px solid var(--line);
    }
}
/* /Components/Pages/Operator/PendingDeliveries.razor.rz.scp.css */
.pending-deliveries-page[b-jo9s9hppvg] {
    width: min(100% - 40px, 1180px);
    margin: 0 auto;
    padding: 56px 0 96px;
}

.page-heading[b-jo9s9hppvg],
.section-heading[b-jo9s9hppvg] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
}

.page-heading[b-jo9s9hppvg] {
    padding-bottom: 38px;
    border-bottom: 1px solid var(--line-strong);
}

.page-heading > p[b-jo9s9hppvg] {
    max-width: 46ch;
    margin-bottom: 4px;
    color: var(--ink-muted);
    line-height: 1.6;
    text-align: right;
}

.eyebrow[b-jo9s9hppvg] {
    margin-bottom: 10px;
    color: var(--ink-muted);
    font-size: 0.72rem;
    font-weight: 760;
    text-transform: uppercase;
}

.page-heading h1[b-jo9s9hppvg] {
    margin-bottom: 0;
    font-size: 3rem;
    line-height: 1.05;
}

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

.pending-summary article[b-jo9s9hppvg] {
    min-width: 0;
    min-height: 116px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px;
    border-right: 1px solid var(--line);
    background: var(--surface);
}

.pending-summary article:first-child[b-jo9s9hppvg] {
    border-left: 1px solid var(--line);
}

.pending-summary span[b-jo9s9hppvg] {
    color: var(--ink-muted);
    font-size: 0.68rem;
    font-weight: 720;
    text-transform: uppercase;
}

.pending-summary strong[b-jo9s9hppvg] {
    color: var(--ink);
    font-size: 1.9rem;
}

.pending-summary .summary--warning strong[b-jo9s9hppvg] {
    color: var(--signal-amber);
}

.pending-summary .summary--alert strong[b-jo9s9hppvg],
.incident-missing[b-jo9s9hppvg] {
    color: var(--signal-red);
}

.pending-section[b-jo9s9hppvg] {
    padding-top: 54px;
}

.section-heading[b-jo9s9hppvg] {
    margin-bottom: 22px;
}

.section-heading > span[b-jo9s9hppvg] {
    max-width: 42ch;
    color: var(--ink-muted);
    font-size: 0.78rem;
    text-align: right;
}

.section-heading h2[b-jo9s9hppvg] {
    margin-bottom: 0;
    font-size: 1.65rem;
}

.pending-table[b-jo9s9hppvg] {
    border-top: 1px solid var(--line-strong);
}

.pending-row[b-jo9s9hppvg] {
    min-height: 72px;
    display: grid;
    grid-template-columns: minmax(190px, 1.25fr) minmax(150px, 1fr) minmax(150px, 1fr) minmax(150px, 1fr) 72px 90px;
    align-items: center;
    gap: 16px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--line);
    background: var(--surface);
    color: var(--ink-soft);
    font-size: 0.82rem;
}

.pending-row--header[b-jo9s9hppvg] {
    min-height: 42px;
    background: transparent;
    color: var(--ink-muted);
    font-size: 0.68rem;
    font-weight: 740;
    text-transform: uppercase;
}

.event-type[b-jo9s9hppvg],
.server-name[b-jo9s9hppvg] {
    overflow-wrap: anywhere;
}

.event-type[b-jo9s9hppvg] {
    color: var(--ink);
    font-weight: 720;
}

.event-type small[b-jo9s9hppvg] {
    display: block;
    margin-top: 3px;
    color: var(--ink-muted);
    font-size: 0.68rem;
    font-weight: 700;
}

.incident-link[b-jo9s9hppvg],
.pagination a[b-jo9s9hppvg] {
    color: var(--signal-blue);
    font-weight: 700;
    text-decoration: none;
}

.incident-link:hover[b-jo9s9hppvg],
.pagination a:hover[b-jo9s9hppvg] {
    text-decoration: underline;
}

.incident-missing[b-jo9s9hppvg] {
    font-weight: 700;
}

.pagination[b-jo9s9hppvg] {
    display: flex;
    justify-content: flex-end;
    padding-top: 22px;
}

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

.empty-state[b-jo9s9hppvg],
.load-state[b-jo9s9hppvg] {
    padding: 34px 0;
    border-top: 1px solid var(--line-strong);
    border-bottom: 1px solid var(--line-strong);
}

.load-state[b-jo9s9hppvg] {
    margin-top: 34px;
}

.empty-state h3[b-jo9s9hppvg],
.load-state h2[b-jo9s9hppvg] {
    margin-bottom: 8px;
    font-size: 1.15rem;
}

.empty-state p[b-jo9s9hppvg],
.load-state p[b-jo9s9hppvg] {
    max-width: 62ch;
    margin-bottom: 0;
    color: var(--ink-muted);
    line-height: 1.6;
}

@media (max-width: 980px) {
    .pending-row[b-jo9s9hppvg] {
        grid-template-columns: minmax(0, 1fr);
        gap: 9px;
        padding: 18px 16px;
    }

    .pending-row--header[b-jo9s9hppvg] {
        display: none;
    }

    .cell-label[b-jo9s9hppvg] {
        position: static;
        width: auto;
        height: auto;
        display: inline;
        margin-right: 6px;
        overflow: visible;
        clip: auto;
        color: var(--ink-muted);
        font-size: 0.66rem;
        font-weight: 700;
        text-transform: uppercase;
        white-space: normal;
    }
}

@media (max-width: 640px) {
    .pending-deliveries-page[b-jo9s9hppvg] {
        width: min(100% - 28px, 1180px);
        padding: 42px 0 76px;
    }

    .page-heading[b-jo9s9hppvg],
    .section-heading[b-jo9s9hppvg] {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .page-heading > p[b-jo9s9hppvg],
    .section-heading > span[b-jo9s9hppvg] {
        text-align: left;
    }

    .page-heading h1[b-jo9s9hppvg] {
        font-size: 2.35rem;
    }

    .pending-summary[b-jo9s9hppvg] {
        grid-template-columns: 1fr;
    }

    .pending-summary article[b-jo9s9hppvg],
    .pending-summary article:first-child[b-jo9s9hppvg] {
        min-height: 0;
        align-items: center;
        flex-direction: row;
        padding: 18px 24px;
        border-bottom: 1px solid var(--line);
        border-left: 1px solid var(--line);
    }

    .pending-summary article:last-child[b-jo9s9hppvg] {
        border-bottom: 0;
    }

    .pending-summary strong[b-jo9s9hppvg] {
        font-size: 1.55rem;
    }
}
/* /Components/Pages/Operator/ProviderDeadLetterDetail.razor.rz.scp.css */
.provider-detail-page[b-5ik3vju251] { width: min(100% - 40px, 960px); margin: 0 auto; padding: 44px 0 96px; }
.back-link[b-5ik3vju251] { display: inline-block; margin-bottom: 34px; color: var(--ink-muted); font-size: .8rem; font-weight: 680; text-decoration: none; }
.back-link:hover[b-5ik3vju251] { color: var(--ink); }
.back-link[b-5ik3vju251]::before { margin-right: 8px; content: "\2190"; }
.detail-heading[b-5ik3vju251] { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; padding-bottom: 34px; border-bottom: 1px solid var(--line-strong); }
.eyebrow[b-5ik3vju251] { margin-bottom: 10px; color: var(--ink-muted); font-size: .72rem; font-weight: 760; text-transform: uppercase; }
.detail-heading h1[b-5ik3vju251], .detail-state h1[b-5ik3vju251] { margin-bottom: 14px; font-size: 3rem; line-height: 1.05; overflow-wrap: anywhere; }
.message-id[b-5ik3vju251] { margin-bottom: 0; overflow-wrap: anywhere; color: var(--ink-muted); font-size: .82rem; }
.dead-letter-state[b-5ik3vju251] { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 9px; padding-bottom: 3px; color: var(--signal-red); font-size: .86rem; font-weight: 740; }
.dead-letter-state > span[b-5ik3vju251] { width: 10px; height: 10px; border-radius: 50%; background: var(--signal-red); box-shadow: 0 0 0 5px var(--signal-red-soft); }
.detail-grid[b-5ik3vju251] { border-bottom: 1px solid var(--line-strong); }
.detail-grid dl[b-5ik3vju251] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; }
.detail-grid dl > div[b-5ik3vju251] { min-width: 0; min-height: 122px; display: flex; flex-direction: column; justify-content: space-between; padding: 26px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--surface); }
.detail-grid dl > div:nth-child(3n + 1)[b-5ik3vju251] { border-left: 1px solid var(--line); }
.detail-grid dl > div:nth-last-child(-n + 3)[b-5ik3vju251] { border-bottom: 0; }
.detail-grid dt[b-5ik3vju251], .review-detail dt[b-5ik3vju251] { color: var(--ink-muted); font-size: .68rem; font-weight: 720; text-transform: uppercase; }
.detail-grid dd[b-5ik3vju251], .review-detail dd[b-5ik3vju251] { margin: 0; overflow-wrap: anywhere; color: var(--ink); font-size: .9rem; font-weight: 700; }
.failure-detail[b-5ik3vju251], .review-detail[b-5ik3vju251], .detail-state[b-5ik3vju251] { padding: 42px 0; border-bottom: 1px solid var(--line-strong); }
.failure-detail h2[b-5ik3vju251], .review-detail h2[b-5ik3vju251], .role-state h2[b-5ik3vju251], .form-heading h2[b-5ik3vju251] { margin-bottom: 10px; font-size: 1.25rem; }
.failure-detail p:last-child[b-5ik3vju251], .review-detail > p:last-child[b-5ik3vju251], .detail-state p[b-5ik3vju251], .role-state p[b-5ik3vju251], .form-heading > p:last-child[b-5ik3vju251] { max-width: 72ch; margin-bottom: 0; overflow-wrap: anywhere; color: var(--ink-muted); line-height: 1.65; }
.review-detail dl[b-5ik3vju251] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin: 24px 0; }
.review-detail dl > div[b-5ik3vju251] { padding-top: 14px; border-top: 1px solid var(--line); }
.review-detail a[b-5ik3vju251] { color: var(--signal-blue); }
.result-state[b-5ik3vju251] { margin-top: 30px; padding: 18px 20px; border-left: 3px solid var(--signal-red); background: var(--surface); }
.result-state--warning[b-5ik3vju251] { border-left-color: var(--signal-amber); }
.result-state p[b-5ik3vju251] { margin: 7px 0 0; color: var(--ink-muted); line-height: 1.6; }
.review-form[b-5ik3vju251], .role-state[b-5ik3vju251] { margin-top: 52px; padding: 30px 0; border-top: 1px solid var(--line-strong); border-bottom: 1px solid var(--line-strong); }
.form-heading[b-5ik3vju251] { margin-bottom: 28px; }
.field-group[b-5ik3vju251] { display: grid; gap: 10px; }
.field-group label[b-5ik3vju251] { color: var(--ink); font-size: .82rem; font-weight: 720; }
.field-group textarea[b-5ik3vju251] { width: 100%; min-height: 118px; resize: vertical; padding: 14px 16px; border: 1px solid var(--line-strong); border-radius: 4px; background: var(--surface); color: var(--ink); font: inherit; line-height: 1.55; }
.field-group > span[b-5ik3vju251] { color: var(--ink-muted); font-size: .74rem; }
.confirmation-field[b-5ik3vju251] { display: grid; grid-template-columns: 18px minmax(0, 1fr); align-items: start; gap: 12px; margin-top: 24px; color: var(--ink-soft); font-size: .82rem; line-height: 1.55; }
.confirmation-field input[b-5ik3vju251] { width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--signal-blue); }
.form-actions[b-5ik3vju251] { display: flex; align-items: center; gap: 18px; margin-top: 30px; }
.form-actions button[b-5ik3vju251] { min-height: 42px; padding: 10px 18px; border: 1px solid var(--ink); border-radius: 4px; background: var(--ink); color: var(--surface); font: inherit; font-size: .82rem; font-weight: 720; cursor: pointer; }
.form-actions a[b-5ik3vju251] { color: var(--ink-muted); font-size: .82rem; font-weight: 680; text-decoration: none; }
.field-group textarea:focus-visible[b-5ik3vju251], .form-actions button:focus-visible[b-5ik3vju251], .form-actions a:focus-visible[b-5ik3vju251] { outline: 2px solid var(--signal-blue); outline-offset: 3px; }
@media (max-width: 720px) { .detail-grid dl[b-5ik3vju251] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .detail-grid dl > div:nth-child(3n + 1)[b-5ik3vju251] { border-left: 0; } .detail-grid dl > div:nth-child(2n + 1)[b-5ik3vju251] { border-left: 1px solid var(--line); } }
@media (max-width: 640px) { .provider-detail-page[b-5ik3vju251] { width: min(100% - 28px, 960px); padding: 34px 0 76px; } .detail-heading[b-5ik3vju251] { align-items: flex-start; flex-direction: column; gap: 24px; } .detail-heading h1[b-5ik3vju251], .detail-state h1[b-5ik3vju251] { font-size: 2.2rem; } .detail-grid dl[b-5ik3vju251], .review-detail dl[b-5ik3vju251] { grid-template-columns: 1fr; } .detail-grid dl > div[b-5ik3vju251], .detail-grid dl > div:nth-child(2n + 1)[b-5ik3vju251] { min-height: 104px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); border-left: 1px solid var(--line); } .form-actions[b-5ik3vju251] { align-items: stretch; flex-direction: column; } .form-actions button[b-5ik3vju251], .form-actions a[b-5ik3vju251] { text-align: center; } }
/* /Components/Pages/Operator/ProviderDeadLetterReview.razor.rz.scp.css */
.provider-review-page[b-r4d37337x1] { width: min(100% - 40px, 960px); margin: 0 auto; padding: 44px 0 96px; }
.back-link[b-r4d37337x1] { display: inline-block; margin-bottom: 34px; color: var(--ink-muted); font-size: .8rem; font-weight: 680; text-decoration: none; }
.back-link[b-r4d37337x1]::before { margin-right: 8px; content: "\2190"; }
.receipt-heading[b-r4d37337x1] { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; padding-bottom: 34px; border-bottom: 1px solid var(--line-strong); }
.eyebrow[b-r4d37337x1] { margin-bottom: 10px; color: var(--ink-muted); font-size: .72rem; font-weight: 760; text-transform: uppercase; }
.receipt-heading h1[b-r4d37337x1], .receipt-state h1[b-r4d37337x1] { margin-bottom: 14px; font-size: 3rem; line-height: 1.05; overflow-wrap: anywhere; }
.request-id[b-r4d37337x1] { margin-bottom: 0; overflow-wrap: anywhere; color: var(--ink-muted); font-size: .82rem; }
.review-state[b-r4d37337x1] { color: var(--signal-green); font-size: .86rem; font-weight: 740; }
.outcome-warning[b-r4d37337x1] { padding: 22px 24px; border: 1px solid #e3c184; border-top: 0; background: var(--signal-amber-soft); }
.outcome-warning p[b-r4d37337x1], .boundary-note p[b-r4d37337x1] { margin: 7px 0 0; color: var(--ink-muted); line-height: 1.55; }
.receipt-grid[b-r4d37337x1] { border-bottom: 1px solid var(--line-strong); }
.receipt-grid dl[b-r4d37337x1] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; }
.receipt-grid dl > div[b-r4d37337x1] { min-width: 0; min-height: 122px; display: flex; flex-direction: column; justify-content: space-between; padding: 26px; border-right: 1px solid var(--line); background: var(--surface); }
.receipt-grid dl > div:first-child[b-r4d37337x1] { border-left: 1px solid var(--line); }
.receipt-grid dt[b-r4d37337x1] { color: var(--ink-muted); font-size: .68rem; font-weight: 720; text-transform: uppercase; }
.receipt-grid dd[b-r4d37337x1] { margin: 0; overflow-wrap: anywhere; color: var(--ink); font-size: .9rem; font-weight: 700; }
.receipt-grid a[b-r4d37337x1] { color: var(--signal-blue); }
.reason-detail[b-r4d37337x1], .receipt-state[b-r4d37337x1], .boundary-note[b-r4d37337x1] { padding: 42px 0; border-bottom: 1px solid var(--line-strong); }
.reason-detail h2[b-r4d37337x1] { margin-bottom: 10px; font-size: 1.25rem; }
.reason-detail p:last-child[b-r4d37337x1], .receipt-state > p:not(.eyebrow)[b-r4d37337x1] { max-width: 72ch; margin-bottom: 0; overflow-wrap: anywhere; color: var(--ink-muted); line-height: 1.65; }
.receipt-state--warning[b-r4d37337x1] { border-top: 3px solid var(--signal-amber); }
@media (max-width: 640px) { .provider-review-page[b-r4d37337x1] { width: min(100% - 28px, 960px); padding: 34px 0 76px; } .receipt-heading[b-r4d37337x1] { align-items: flex-start; flex-direction: column; gap: 20px; } .receipt-heading h1[b-r4d37337x1], .receipt-state h1[b-r4d37337x1] { font-size: 2.2rem; } .receipt-grid dl[b-r4d37337x1] { grid-template-columns: 1fr; } .receipt-grid dl > div[b-r4d37337x1] { min-height: 104px; border-bottom: 1px solid var(--line); border-left: 1px solid var(--line); } .receipt-grid dl > div:last-child[b-r4d37337x1] { border-bottom: 0; } }
/* /Components/Pages/Operator/ProviderDeadLetters.razor.rz.scp.css */
.provider-dead-letters-page[b-pm53pcezl9] { width: min(100% - 40px, 1180px); margin: 0 auto; padding: 56px 0 96px; }
.page-heading[b-pm53pcezl9], .section-heading[b-pm53pcezl9] { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; }
.page-heading[b-pm53pcezl9] { padding-bottom: 38px; border-bottom: 1px solid var(--line-strong); }
.page-heading > p[b-pm53pcezl9] { max-width: 46ch; margin-bottom: 4px; color: var(--ink-muted); line-height: 1.6; text-align: right; }
.eyebrow[b-pm53pcezl9] { margin-bottom: 10px; color: var(--ink-muted); font-size: .72rem; font-weight: 760; text-transform: uppercase; }
.page-heading h1[b-pm53pcezl9] { margin-bottom: 0; font-size: 3rem; line-height: 1.05; }
.summary[b-pm53pcezl9] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom: 1px solid var(--line-strong); }
.summary article[b-pm53pcezl9] { min-height: 116px; display: flex; flex-direction: column; justify-content: space-between; padding: 24px; border-right: 1px solid var(--line); background: var(--surface); }
.summary article:first-child[b-pm53pcezl9] { border-left: 1px solid var(--line); }
.summary span[b-pm53pcezl9], .section-heading > span[b-pm53pcezl9] { color: var(--ink-muted); font-size: .68rem; font-weight: 720; text-transform: uppercase; }
.summary strong[b-pm53pcezl9] { color: var(--ink); font-size: 1.9rem; }
.summary--alert strong[b-pm53pcezl9], .review-pending[b-pm53pcezl9] { color: var(--signal-red); }
.summary--reviewed strong[b-pm53pcezl9], .review-complete[b-pm53pcezl9] { color: var(--signal-green); }
.list-section[b-pm53pcezl9] { padding-top: 54px; }
.section-heading[b-pm53pcezl9] { margin-bottom: 22px; }
.section-heading h2[b-pm53pcezl9] { margin-bottom: 0; font-size: 1.65rem; }
.message-table[b-pm53pcezl9] { border-top: 1px solid var(--line-strong); }
.message-row[b-pm53pcezl9] { min-height: 72px; display: grid; grid-template-columns: 100px 180px 72px 88px minmax(220px, 1fr) 58px; align-items: center; gap: 16px; padding: 12px 14px; border-bottom: 1px solid var(--line); background: var(--surface); color: var(--ink-soft); font-size: .82rem; }
.message-row--header[b-pm53pcezl9] { min-height: 42px; background: transparent; color: var(--ink-muted); font-size: .68rem; font-weight: 740; text-transform: uppercase; }
.action[b-pm53pcezl9], .review-pending[b-pm53pcezl9], .review-complete[b-pm53pcezl9] { font-weight: 720; }
.failure[b-pm53pcezl9] { overflow-wrap: anywhere; line-height: 1.45; }
.row-action[b-pm53pcezl9] { text-align: right; }
.row-action a[b-pm53pcezl9], .pagination a[b-pm53pcezl9] { color: var(--signal-blue); font-weight: 700; text-decoration: none; }
.row-action a:hover[b-pm53pcezl9], .pagination a:hover[b-pm53pcezl9] { text-decoration: underline; }
.pagination[b-pm53pcezl9] { display: flex; justify-content: flex-end; padding-top: 22px; }
.cell-label[b-pm53pcezl9], .visually-hidden[b-pm53pcezl9] { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.empty-state[b-pm53pcezl9], .load-state[b-pm53pcezl9] { padding: 34px 0; border-top: 1px solid var(--line-strong); border-bottom: 1px solid var(--line-strong); }
.load-state[b-pm53pcezl9] { margin-top: 34px; }
.empty-state h3[b-pm53pcezl9], .load-state h2[b-pm53pcezl9] { margin-bottom: 8px; font-size: 1.15rem; }
.empty-state p[b-pm53pcezl9], .load-state p[b-pm53pcezl9] { max-width: 64ch; margin-bottom: 0; color: var(--ink-muted); line-height: 1.6; }
@media (max-width: 900px) {
    .message-row[b-pm53pcezl9] { grid-template-columns: minmax(0, 1fr) auto; gap: 9px 20px; padding: 18px 16px; }
    .message-row--header[b-pm53pcezl9] { display: none; }
    .message-row > span[b-pm53pcezl9], .message-row > time[b-pm53pcezl9] { grid-column: 1; }
    .message-row .row-action[b-pm53pcezl9] { grid-column: 2; grid-row: 1 / span 5; align-self: center; }
    .cell-label[b-pm53pcezl9] { position: static; width: auto; height: auto; display: inline; margin-right: 6px; overflow: visible; clip: auto; color: var(--ink-muted); font-size: .66rem; font-weight: 700; text-transform: uppercase; white-space: normal; }
}
@media (max-width: 640px) {
    .provider-dead-letters-page[b-pm53pcezl9] { width: min(100% - 28px, 1180px); padding: 42px 0 76px; }
    .page-heading[b-pm53pcezl9], .section-heading[b-pm53pcezl9] { align-items: flex-start; flex-direction: column; gap: 14px; }
    .page-heading > p[b-pm53pcezl9] { text-align: left; }
    .page-heading h1[b-pm53pcezl9] { font-size: 2.35rem; }
    .summary[b-pm53pcezl9] { grid-template-columns: 1fr; }
    .summary article[b-pm53pcezl9], .summary article:first-child[b-pm53pcezl9] { min-height: 0; align-items: center; flex-direction: row; padding: 18px 24px; border-bottom: 1px solid var(--line); border-left: 1px solid var(--line); }
    .summary article:last-child[b-pm53pcezl9] { border-bottom: 0; }
}
/* /Components/Pages/Operator/ProviderDelivery.razor.rz.scp.css */
.provider-delivery-page[b-ojk36rtyg6] {
    width: min(100% - 40px, 1180px);
    margin: 0 auto;
    padding: 56px 0 96px;
}

.page-heading[b-ojk36rtyg6],
.section-heading[b-ojk36rtyg6],
.review-section[b-ojk36rtyg6] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
}

.page-heading[b-ojk36rtyg6] {
    padding-bottom: 38px;
    border-bottom: 1px solid var(--line-strong);
}

.page-heading > p[b-ojk36rtyg6] {
    max-width: 48ch;
    margin-bottom: 4px;
    color: var(--ink-muted);
    line-height: 1.6;
    text-align: right;
}

.eyebrow[b-ojk36rtyg6] {
    margin-bottom: 10px;
    color: var(--ink-muted);
    font-size: 0.72rem;
    font-weight: 760;
    text-transform: uppercase;
}

.page-heading h1[b-ojk36rtyg6] {
    margin-bottom: 0;
    font-size: 3rem;
    line-height: 1.05;
}

.delivery-summary[b-ojk36rtyg6] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    border-bottom: 1px solid var(--line-strong);
}

.chain-section[b-ojk36rtyg6] { padding-top: 54px; }

.chain-state[b-ojk36rtyg6] {
    border-top: 3px solid var(--line-strong);
    border-bottom: 1px solid var(--line-strong);
}

.chain-state--healthy[b-ojk36rtyg6] { border-top-color: var(--signal-green); }
.chain-state--warning[b-ojk36rtyg6] { border-top-color: var(--signal-amber); }
.chain-state--paused[b-ojk36rtyg6] { border-top-color: var(--signal-blue); }
.chain-state--alert[b-ojk36rtyg6] { border-top-color: var(--signal-red); }

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

.chain-grid article[b-ojk36rtyg6] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 24px 20px;
    border-right: 1px solid var(--line);
}

.chain-grid article:last-child[b-ojk36rtyg6] { border-right: 0; }

.chain-grid span[b-ojk36rtyg6],
.chain-grid small[b-ojk36rtyg6] {
    color: var(--ink-muted);
}

.chain-grid span[b-ojk36rtyg6] {
    font-size: 0.7rem;
    font-weight: 720;
    text-transform: uppercase;
}

.chain-grid strong[b-ojk36rtyg6] {
    overflow-wrap: anywhere;
    color: var(--ink);
    font-size: 1.35rem;
}

.chain-grid small[b-ojk36rtyg6] { line-height: 1.45; }

.chain-result[b-ojk36rtyg6] { padding: 28px 20px 30px; }

.chain-result h3[b-ojk36rtyg6] {
    margin: 8px 0 10px;
    font-size: 1.35rem;
}

.chain-result p[b-ojk36rtyg6] {
    max-width: 72ch;
    margin-bottom: 0;
    color: var(--ink-muted);
    line-height: 1.6;
}

.delivery-summary article[b-ojk36rtyg6] {
    min-width: 0;
    min-height: 116px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px 20px;
    border-right: 1px solid var(--line);
    background: var(--surface);
}

.delivery-summary article:first-child[b-ojk36rtyg6] {
    border-left: 1px solid var(--line);
}

.delivery-summary span[b-ojk36rtyg6],
.section-heading > span[b-ojk36rtyg6],
.state-label[b-ojk36rtyg6] {
    color: var(--ink-muted);
    font-size: 0.7rem;
    font-weight: 720;
    text-transform: uppercase;
}

.delivery-summary strong[b-ojk36rtyg6] {
    overflow-wrap: anywhere;
    color: var(--ink);
    font-size: 1.8rem;
    line-height: 1.05;
}

.delivery-summary .summary--healthy strong[b-ojk36rtyg6] { color: var(--signal-green); }
.delivery-summary .summary--warning strong[b-ojk36rtyg6] { color: var(--signal-amber); }
.delivery-summary .summary--active strong[b-ojk36rtyg6] { color: var(--signal-blue); }
.delivery-summary .summary--alert strong[b-ojk36rtyg6] { color: var(--signal-red); }

.queue-section[b-ojk36rtyg6] { padding-top: 54px; }
.section-heading[b-ojk36rtyg6] { margin-bottom: 22px; }

.section-heading h2[b-ojk36rtyg6],
.review-section h2[b-ojk36rtyg6],
.boundary-note h2[b-ojk36rtyg6] {
    margin-bottom: 0;
    font-size: 1.65rem;
}

.section-heading > span[b-ojk36rtyg6] { text-align: right; }

.queue-state[b-ojk36rtyg6] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(360px, 0.8fr);
    gap: 54px;
    padding: 30px 0;
    border-top: 3px solid var(--line-strong);
    border-bottom: 1px solid var(--line-strong);
}

.queue-state--healthy[b-ojk36rtyg6] { border-top-color: var(--signal-green); }
.queue-state--active[b-ojk36rtyg6] { border-top-color: var(--signal-blue); }
.queue-state--paused[b-ojk36rtyg6] { border-top-color: var(--signal-amber); }
.queue-state--alert[b-ojk36rtyg6] { border-top-color: var(--signal-red); }

.queue-state h3[b-ojk36rtyg6] {
    margin: 8px 0 10px;
    font-size: 1.35rem;
}

.queue-state p[b-ojk36rtyg6],
.review-section > div > p:last-child[b-ojk36rtyg6],
.boundary-note > p:last-child[b-ojk36rtyg6] {
    max-width: 64ch;
    margin-bottom: 0;
    color: var(--ink-muted);
    line-height: 1.6;
}

.queue-state dl[b-ojk36rtyg6] { margin: 0; }

.queue-state dl > div[b-ojk36rtyg6] {
    min-height: 42px;
    display: grid;
    grid-template-columns: 140px minmax(0, 1fr);
    align-items: baseline;
    gap: 18px;
    padding: 10px 0;
    border-bottom: 1px solid var(--line);
}

.queue-state dl > div:first-child[b-ojk36rtyg6] { border-top: 1px solid var(--line); }

.queue-state dt[b-ojk36rtyg6] {
    color: var(--ink-muted);
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
}

.queue-state dd[b-ojk36rtyg6] {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--ink-soft);
    font-size: 0.84rem;
    text-align: right;
}

.review-section[b-ojk36rtyg6] {
    align-items: center;
    margin-top: 54px;
    padding: 30px 0;
    border-top: 1px solid var(--line-strong);
    border-bottom: 1px solid var(--line-strong);
}

.review-section a[b-ojk36rtyg6] {
    flex: 0 0 auto;
    color: var(--signal-blue);
    font-weight: 700;
    text-decoration: none;
}

.review-section a:hover[b-ojk36rtyg6] { text-decoration: underline; }

.boundary-note[b-ojk36rtyg6],
.load-state[b-ojk36rtyg6] {
    margin-top: 34px;
    padding: 30px 0;
    border-top: 1px solid var(--line-strong);
    border-bottom: 1px solid var(--line-strong);
}

.load-state h2[b-ojk36rtyg6] {
    margin-bottom: 8px;
    font-size: 1.15rem;
}

.load-state p[b-ojk36rtyg6] {
    max-width: 64ch;
    margin-bottom: 0;
    color: var(--ink-muted);
    line-height: 1.6;
}

@media (max-width: 960px) {
    .delivery-summary[b-ojk36rtyg6] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .delivery-summary article:nth-child(odd)[b-ojk36rtyg6] { border-left: 1px solid var(--line); }
    .queue-state[b-ojk36rtyg6] { grid-template-columns: 1fr; gap: 28px; }
}

@media (max-width: 640px) {
    .provider-delivery-page[b-ojk36rtyg6] {
        width: min(100% - 28px, 1180px);
        padding: 42px 0 76px;
    }

    .page-heading[b-ojk36rtyg6],
    .section-heading[b-ojk36rtyg6],
    .review-section[b-ojk36rtyg6] {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .page-heading > p[b-ojk36rtyg6],
    .section-heading > span[b-ojk36rtyg6] { text-align: left; }
    .page-heading h1[b-ojk36rtyg6] { font-size: 2.35rem; }
    .delivery-summary[b-ojk36rtyg6] { grid-template-columns: 1fr; }
    .chain-grid[b-ojk36rtyg6] { grid-template-columns: 1fr; }
    .chain-grid article[b-ojk36rtyg6] {
        border-right: 0;
        border-bottom: 1px solid var(--line);
    }
    .chain-grid article:last-child[b-ojk36rtyg6] { border-bottom: 0; }

    .delivery-summary article[b-ojk36rtyg6],
    .delivery-summary article:first-child[b-ojk36rtyg6],
    .delivery-summary article:nth-child(odd)[b-ojk36rtyg6] {
        min-height: 0;
        align-items: center;
        flex-direction: row;
        padding: 18px 24px;
        border-bottom: 1px solid var(--line);
        border-left: 1px solid var(--line);
    }

    .delivery-summary article:last-child[b-ojk36rtyg6] { border-bottom: 0; }
    .delivery-summary strong[b-ojk36rtyg6] { font-size: 1.55rem; }
    .queue-state dl > div[b-ojk36rtyg6] { grid-template-columns: 1fr; gap: 4px; }
    .queue-state dd[b-ojk36rtyg6] { text-align: left; }
}
/* /Components/Pages/Operator/RegisterServer.razor.rz.scp.css */
.registration-page[b-1q6mm30jwg] {
    width: min(100% - 40px, 920px);
    margin: 0 auto;
    padding: 46px 0 96px;
}

.back-link[b-1q6mm30jwg] {
    display: inline-block;
    margin-bottom: 34px;
    color: var(--signal-blue);
    font-size: 0.8rem;
    font-weight: 700;
    text-decoration: none;
}

.back-link:hover[b-1q6mm30jwg] {
    text-decoration: underline;
}

.registration-heading[b-1q6mm30jwg] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.75fr);
    align-items: end;
    gap: 48px;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--line-strong);
}

.eyebrow[b-1q6mm30jwg] {
    margin-bottom: 10px;
    color: var(--ink-muted);
    font-size: 0.72rem;
    font-weight: 760;
    text-transform: uppercase;
}

.registration-heading h1[b-1q6mm30jwg],
.section-heading h2[b-1q6mm30jwg] {
    margin-bottom: 0;
}

.registration-heading h1[b-1q6mm30jwg] {
    font-size: 2.55rem;
    line-height: 1.04;
}

.registration-heading > p[b-1q6mm30jwg] {
    margin-bottom: 0;
    color: var(--ink-muted);
    font-size: 0.9rem;
    line-height: 1.6;
}

.registration-section[b-1q6mm30jwg],
.review-section[b-1q6mm30jwg] {
    padding-top: 42px;
}

.section-heading[b-1q6mm30jwg] {
    margin-bottom: 24px;
}

.section-heading h2[b-1q6mm30jwg] {
    font-size: 1.45rem;
}

.registration-form[b-1q6mm30jwg],
.registration-confirmation[b-1q6mm30jwg] {
    border-top: 1px solid var(--line-strong);
}

.registration-grid[b-1q6mm30jwg] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 24px;
    padding: 28px 0 30px;
    border-bottom: 1px solid var(--line);
}

.form-field[b-1q6mm30jwg] {
    min-width: 0;
    display: grid;
    gap: 8px;
}

.form-field--wide[b-1q6mm30jwg] {
    grid-column: 1 / -1;
}

.form-field label[b-1q6mm30jwg] {
    color: var(--ink-soft);
    font-size: 0.78rem;
    font-weight: 720;
}

.form-field label span[b-1q6mm30jwg] {
    color: var(--ink-muted);
    font-weight: 560;
}

.form-field input[b-1q6mm30jwg],
.form-field textarea[b-1q6mm30jwg] {
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid var(--line-strong);
    border-radius: 4px;
    background: var(--surface);
    color: var(--ink);
    font: inherit;
}

.form-field textarea[b-1q6mm30jwg] {
    min-height: 108px;
    resize: vertical;
}

.form-field input:focus[b-1q6mm30jwg],
.form-field textarea:focus[b-1q6mm30jwg] {
    border-color: var(--signal-blue);
    outline: 2px solid color-mix(in srgb, var(--signal-blue) 24%, transparent);
    outline-offset: 1px;
}

.form-field[b-1q6mm30jwg]  .validation-message,
[b-1q6mm30jwg] .validation-summary {
    color: var(--signal-red);
    font-size: 0.76rem;
    line-height: 1.45;
}

[b-1q6mm30jwg] .validation-summary:empty {
    display: none;
}

.registration-boundary[b-1q6mm30jwg] {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 20px;
    padding: 22px 0;
    border-bottom: 1px solid var(--line);
}

.registration-boundary strong[b-1q6mm30jwg],
.registration-boundary p[b-1q6mm30jwg] {
    margin: 0;
}

.registration-boundary strong[b-1q6mm30jwg] {
    color: var(--signal-amber);
    font-size: 0.8rem;
}

.registration-boundary p[b-1q6mm30jwg] {
    color: var(--ink-muted);
    font-size: 0.82rem;
    line-height: 1.55;
}

.form-actions[b-1q6mm30jwg] {
    display: flex;
    align-items: center;
    gap: 20px;
    padding-top: 24px;
}

.form-actions button[b-1q6mm30jwg] {
    min-height: 42px;
    padding: 10px 16px;
    border: 1px solid var(--signal-blue);
    border-radius: 4px;
    background: var(--signal-blue);
    color: white;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 740;
    cursor: pointer;
}

.form-actions button:hover[b-1q6mm30jwg] {
    filter: brightness(0.92);
}

.form-actions button:focus-visible[b-1q6mm30jwg],
.form-actions a:focus-visible[b-1q6mm30jwg],
.back-link:focus-visible[b-1q6mm30jwg] {
    outline: 2px solid var(--signal-blue);
    outline-offset: 3px;
}

.form-actions a[b-1q6mm30jwg] {
    color: var(--ink-muted);
    font-size: 0.8rem;
    font-weight: 680;
    text-decoration: none;
}

.form-actions a:hover[b-1q6mm30jwg] {
    color: var(--ink);
}

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

.registration-summary div[b-1q6mm30jwg] {
    min-width: 0;
    min-height: 104px;
    padding: 20px;
    border-right: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}

.registration-summary div:nth-child(3n)[b-1q6mm30jwg] {
    border-right: 0;
}

.registration-summary div:nth-last-child(-n + 3)[b-1q6mm30jwg] {
    border-bottom: 0;
}

.registration-summary dt[b-1q6mm30jwg],
.notes-review > span[b-1q6mm30jwg] {
    margin-bottom: 10px;
    color: var(--ink-muted);
    font-size: 0.69rem;
    font-weight: 720;
    text-transform: uppercase;
}

.registration-summary dd[b-1q6mm30jwg] {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--ink-soft);
    font-size: 0.84rem;
    font-weight: 680;
}

.registration-summary code[b-1q6mm30jwg] {
    font-size: 0.78rem;
}

.paused-state[b-1q6mm30jwg] {
    color: var(--signal-amber);
}

.notes-review[b-1q6mm30jwg] {
    padding: 22px 0;
    border-bottom: 1px solid var(--line);
}

.notes-review > span[b-1q6mm30jwg] {
    display: block;
}

.notes-review p[b-1q6mm30jwg] {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--ink-soft);
    font-size: 0.84rem;
    line-height: 1.6;
    white-space: pre-wrap;
}

.registration-confirmation[b-1q6mm30jwg] {
    margin-top: 28px;
    padding-top: 24px;
}

.confirmation-field[b-1q6mm30jwg] {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    color: var(--ink-soft);
    font-size: 0.84rem;
    line-height: 1.55;
}

.confirmation-field input[b-1q6mm30jwg] {
    width: 17px;
    height: 17px;
    margin: 2px 0 0;
    accent-color: var(--signal-blue);
}

.result-state[b-1q6mm30jwg] {
    margin-top: 28px;
    padding: 18px 20px;
    border-left: 3px solid var(--signal-red);
    background: var(--surface);
}

.result-state--warning[b-1q6mm30jwg] {
    border-left-color: var(--signal-amber);
}

.result-state strong[b-1q6mm30jwg],
.result-state p[b-1q6mm30jwg] {
    margin: 0;
}

.result-state p[b-1q6mm30jwg] {
    margin-top: 6px;
    color: var(--ink-muted);
    font-size: 0.82rem;
    line-height: 1.55;
}

@media (max-width: 700px) {
    .registration-page[b-1q6mm30jwg] {
        width: min(100% - 28px, 920px);
        padding: 36px 0 72px;
    }

    .registration-heading[b-1q6mm30jwg] {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .registration-heading h1[b-1q6mm30jwg] {
        font-size: 2.15rem;
    }

    .registration-grid[b-1q6mm30jwg],
    .registration-summary[b-1q6mm30jwg] {
        grid-template-columns: 1fr;
    }

    .form-field--wide[b-1q6mm30jwg] {
        grid-column: auto;
    }

    .registration-summary div[b-1q6mm30jwg],
    .registration-summary div:nth-child(3n)[b-1q6mm30jwg],
    .registration-summary div:nth-last-child(-n + 3)[b-1q6mm30jwg] {
        min-height: 0;
        border-right: 0;
        border-bottom: 1px solid var(--line);
    }

    .registration-summary div:last-child[b-1q6mm30jwg] {
        border-bottom: 0;
    }

    .registration-boundary[b-1q6mm30jwg] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .form-actions[b-1q6mm30jwg] {
        align-items: stretch;
        flex-direction: column;
    }

    .form-actions button[b-1q6mm30jwg],
    .form-actions a[b-1q6mm30jwg] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Pages/Operator/ServerCommands.razor.rz.scp.css */
.commands-page[b-6ci219f6zz] {
    width: min(100% - 40px, 1180px);
    margin: 0 auto;
    padding: 44px 0 96px;
}

.back-link[b-6ci219f6zz] {
    display: inline-block;
    margin-bottom: 34px;
    color: var(--ink-muted);
    font-size: 0.8rem;
    font-weight: 680;
    text-decoration: none;
}

.back-link:hover[b-6ci219f6zz] {
    color: var(--ink);
}

.back-link[b-6ci219f6zz]::before {
    margin-right: 8px;
    content: "\2190";
}

.commands-heading[b-6ci219f6zz],
.section-heading[b-6ci219f6zz] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
}

.commands-heading[b-6ci219f6zz] {
    padding-bottom: 34px;
    border-bottom: 1px solid var(--line-strong);
}

.commands-heading > p[b-6ci219f6zz] {
    max-width: 46ch;
    margin-bottom: 4px;
    color: var(--ink-muted);
    line-height: 1.6;
    text-align: right;
}

.eyebrow[b-6ci219f6zz] {
    margin-bottom: 10px;
    color: var(--ink-muted);
    font-size: 0.72rem;
    font-weight: 760;
    text-transform: uppercase;
}

.commands-heading h1[b-6ci219f6zz],
.load-state h1[b-6ci219f6zz] {
    margin-bottom: 14px;
    font-size: 3rem;
    line-height: 1.05;
    overflow-wrap: anywhere;
}

.endpoint[b-6ci219f6zz] {
    margin-bottom: 0;
    color: var(--ink-muted);
    font-size: 0.86rem;
}

.endpoint code[b-6ci219f6zz] {
    color: var(--ink-soft);
}

.command-summary[b-6ci219f6zz] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-bottom: 1px solid var(--line-strong);
}

.command-summary article[b-6ci219f6zz] {
    min-width: 0;
    min-height: 116px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px;
    border-right: 1px solid var(--line);
    background: var(--surface);
}

.command-summary article:first-child[b-6ci219f6zz] {
    border-left: 1px solid var(--line);
}

.command-summary span[b-6ci219f6zz] {
    color: var(--ink-muted);
    font-size: 0.68rem;
    font-weight: 720;
    text-transform: uppercase;
}

.command-summary strong[b-6ci219f6zz] {
    color: var(--ink);
    font-size: 1.9rem;
}

.command-summary .summary--success strong[b-6ci219f6zz] {
    color: var(--signal-green);
}

.command-summary .summary--active strong[b-6ci219f6zz] {
    color: var(--signal-blue);
}

.command-summary .summary--failed strong[b-6ci219f6zz] {
    color: var(--signal-red);
}

.command-section[b-6ci219f6zz] {
    padding-top: 54px;
}

.section-heading[b-6ci219f6zz] {
    margin-bottom: 22px;
}

.section-heading > span[b-6ci219f6zz] {
    color: var(--ink-muted);
    font-size: 0.78rem;
}

.section-actions[b-6ci219f6zz] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 18px;
}

.section-actions > span[b-6ci219f6zz] {
    color: var(--ink-muted);
    font-size: 0.78rem;
}

.section-actions a[b-6ci219f6zz] {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    padding: 8px 14px;
    border: 1px solid var(--line-strong);
    border-radius: 4px;
    color: var(--ink);
    font-size: 0.78rem;
    font-weight: 700;
    text-decoration: none;
}

.section-actions a:hover[b-6ci219f6zz] {
    border-color: var(--ink-muted);
    background: var(--surface);
}

.section-actions a.action--danger[b-6ci219f6zz] {
    border-color: color-mix(in srgb, var(--signal-red) 55%, var(--line-strong));
    color: var(--signal-red);
}

.section-heading h2[b-6ci219f6zz] {
    margin-bottom: 0;
    font-size: 1.65rem;
}

.command-table[b-6ci219f6zz] {
    border-top: 1px solid var(--line-strong);
}

.command-row[b-6ci219f6zz] {
    min-height: 72px;
    display: grid;
    grid-template-columns: 96px 96px minmax(150px, 1fr) minmax(150px, 1fr) minmax(140px, 1fr) minmax(190px, 1.4fr);
    align-items: center;
    gap: 16px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--line);
    background: var(--surface);
    color: var(--ink-soft);
    font-size: 0.82rem;
}

.command-row--header[b-6ci219f6zz] {
    min-height: 42px;
    background: transparent;
    color: var(--ink-muted);
    font-size: 0.68rem;
    font-weight: 740;
    text-transform: uppercase;
}

.command-row strong[b-6ci219f6zz] {
    color: var(--ink);
    font-size: 0.82rem;
}

.status-label[b-6ci219f6zz] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 0.74rem;
    font-weight: 700;
}

.status-label[b-6ci219f6zz]::before {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--signal-amber);
    content: "";
}

.status-label--success[b-6ci219f6zz] {
    color: var(--signal-green);
}

.status-label--success[b-6ci219f6zz]::before {
    background: var(--signal-green);
}

.status-label--failed[b-6ci219f6zz] {
    color: var(--signal-red);
}

.status-label--failed[b-6ci219f6zz]::before {
    background: var(--signal-red);
}

.status-label--active[b-6ci219f6zz] {
    color: var(--signal-blue);
}

.status-label--active[b-6ci219f6zz]::before {
    background: var(--signal-blue);
}

.requester[b-6ci219f6zz],
.outcome[b-6ci219f6zz] {
    overflow-wrap: anywhere;
    line-height: 1.45;
}

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

.empty-state[b-6ci219f6zz],
.load-state[b-6ci219f6zz] {
    padding: 34px 0;
    border-top: 1px solid var(--line-strong);
    border-bottom: 1px solid var(--line-strong);
}

.submission-result[b-6ci219f6zz] {
    margin-top: 32px;
    padding: 18px 20px;
    border-left: 3px solid var(--signal-amber);
    background: var(--surface);
}

.submission-result--success[b-6ci219f6zz] {
    border-left-color: var(--signal-green);
}

.submission-result strong[b-6ci219f6zz] {
    color: var(--ink);
    font-size: 0.86rem;
}

.submission-result p[b-6ci219f6zz] {
    margin: 7px 0 0;
    color: var(--ink-muted);
    line-height: 1.55;
}

.empty-state h3[b-6ci219f6zz] {
    margin-bottom: 8px;
    font-size: 1.15rem;
}

.empty-state p[b-6ci219f6zz],
.load-state p[b-6ci219f6zz] {
    max-width: 62ch;
    margin-bottom: 0;
    color: var(--ink-muted);
    line-height: 1.6;
}

@media (max-width: 960px) {
    .command-row[b-6ci219f6zz] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 9px 20px;
        padding: 18px 16px;
    }

    .command-row--header[b-6ci219f6zz] {
        display: none;
    }

    .command-row > *[b-6ci219f6zz] {
        min-width: 0;
    }

    .cell-label[b-6ci219f6zz] {
        position: static;
        width: auto;
        height: auto;
        display: block;
        margin-bottom: 4px;
        overflow: visible;
        clip: auto;
        color: var(--ink-muted);
        font-size: 0.66rem;
        font-weight: 700;
        text-transform: uppercase;
        white-space: normal;
    }
}

@media (max-width: 640px) {
    .commands-page[b-6ci219f6zz] {
        width: min(100% - 28px, 1180px);
        padding: 34px 0 76px;
    }

    .commands-heading[b-6ci219f6zz],
    .section-heading[b-6ci219f6zz] {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .section-actions[b-6ci219f6zz] {
        width: 100%;
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .commands-heading > p[b-6ci219f6zz] {
        text-align: left;
    }

    .commands-heading h1[b-6ci219f6zz],
    .load-state h1[b-6ci219f6zz] {
        font-size: 2.2rem;
    }

    .command-summary[b-6ci219f6zz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .command-summary article:nth-child(3)[b-6ci219f6zz] {
        border-left: 1px solid var(--line);
    }

    .command-row[b-6ci219f6zz] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Operator/ServerCredentials.razor.rz.scp.css */
.credentials-page[b-q82e6yshzh] {
    width: min(100% - 40px, 980px);
    margin: 0 auto;
    padding: 44px 0 96px;
}

.back-link[b-q82e6yshzh] {
    display: inline-block;
    margin-bottom: 34px;
    color: var(--ink-muted);
    font-size: 0.8rem;
    font-weight: 680;
    text-decoration: none;
}

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

.back-link[b-q82e6yshzh]::before {
    margin-right: 8px;
    content: "\2190";
}

.credentials-heading[b-q82e6yshzh] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.75fr);
    align-items: end;
    gap: 48px;
    padding-bottom: 32px;
    border-bottom: 1px solid var(--line-strong);
}

.eyebrow[b-q82e6yshzh] {
    margin-bottom: 10px;
    color: var(--ink-muted);
    font-size: 0.72rem;
    font-weight: 760;
    text-transform: uppercase;
}

.credentials-heading h1[b-q82e6yshzh],
.load-state h1[b-q82e6yshzh] {
    margin-bottom: 12px;
    overflow-wrap: anywhere;
    font-size: 2.55rem;
    line-height: 1.04;
}

.credentials-heading > p[b-q82e6yshzh],
.target[b-q82e6yshzh] {
    margin-bottom: 2px;
    color: var(--ink-muted);
    font-size: 0.88rem;
    line-height: 1.6;
}

.credential-summary[b-q82e6yshzh],
.review-summary[b-q82e6yshzh] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 44px 0 0;
    border-top: 1px solid var(--line-strong);
    border-bottom: 1px solid var(--line-strong);
}

.credential-summary > div[b-q82e6yshzh],
.review-summary > div[b-q82e6yshzh] {
    min-width: 0;
    min-height: 102px;
    padding: 20px;
    border-right: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}

.credential-summary > div:nth-child(3n)[b-q82e6yshzh],
.review-summary > div:nth-child(3n)[b-q82e6yshzh] {
    border-right: 0;
}

.credential-summary > div:nth-last-child(-n + 3)[b-q82e6yshzh],
.review-summary > div:nth-last-child(-n + 3)[b-q82e6yshzh] {
    border-bottom: 0;
}

.credential-summary dt[b-q82e6yshzh],
.review-summary dt[b-q82e6yshzh] {
    margin-bottom: 10px;
    color: var(--ink-muted);
    font-size: 0.69rem;
    font-weight: 720;
    text-transform: uppercase;
}

.credential-summary dd[b-q82e6yshzh],
.review-summary dd[b-q82e6yshzh] {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--ink-soft);
    font-size: 0.84rem;
    font-weight: 680;
}

.credential-summary code[b-q82e6yshzh],
.review-summary code[b-q82e6yshzh] {
    font-size: 0.78rem;
}

.state-configured[b-q82e6yshzh] {
    color: var(--signal-green) !important;
}

.state-missing[b-q82e6yshzh] {
    color: var(--signal-amber) !important;
}

.security-boundary[b-q82e6yshzh],
.locked-state[b-q82e6yshzh],
.role-state[b-q82e6yshzh],
.load-state[b-q82e6yshzh],
.edit-section[b-q82e6yshzh],
.review-section[b-q82e6yshzh] {
    margin-top: 38px;
    padding: 30px 0;
    border-top: 1px solid var(--line-strong);
    border-bottom: 1px solid var(--line-strong);
}

.security-boundary h2[b-q82e6yshzh],
.locked-state h2[b-q82e6yshzh],
.role-state h2[b-q82e6yshzh],
.section-heading h2[b-q82e6yshzh] {
    margin-bottom: 9px;
    font-size: 1.4rem;
}

.security-boundary > p:last-child[b-q82e6yshzh],
.locked-state p[b-q82e6yshzh],
.role-state p[b-q82e6yshzh],
.load-state p[b-q82e6yshzh] {
    max-width: 72ch;
    margin-bottom: 0;
    color: var(--ink-muted);
    line-height: 1.6;
}

.locked-state a[b-q82e6yshzh] {
    display: inline-block;
    margin-top: 18px;
    font-size: 0.82rem;
    font-weight: 700;
    text-decoration: none;
}

.locked-state a:hover[b-q82e6yshzh] {
    text-decoration: underline;
}

.section-heading[b-q82e6yshzh] {
    margin-bottom: 24px;
}

.credential-form[b-q82e6yshzh],
.credential-confirmation[b-q82e6yshzh] {
    border-top: 1px solid var(--line-strong);
}

.form-field[b-q82e6yshzh] {
    display: grid;
    gap: 8px;
    padding: 28px 0 30px;
    border-bottom: 1px solid var(--line);
}

.form-field label[b-q82e6yshzh] {
    color: var(--ink-soft);
    font-size: 0.78rem;
    font-weight: 720;
}

.form-field input[b-q82e6yshzh] {
    width: min(100%, 560px);
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid var(--line-strong);
    border-radius: 4px;
    background: var(--surface);
    color: var(--ink);
    font: inherit;
}

.form-field input:focus[b-q82e6yshzh] {
    border-color: var(--signal-blue);
    outline: 2px solid color-mix(in srgb, var(--signal-blue) 24%, transparent);
    outline-offset: 1px;
}

.form-field > p[b-q82e6yshzh] {
    max-width: 68ch;
    margin: 2px 0 0;
    color: var(--ink-muted);
    font-size: 0.78rem;
    line-height: 1.55;
}

.form-field[b-q82e6yshzh]  .validation-message,
[b-q82e6yshzh] .validation-summary {
    color: var(--signal-red);
    font-size: 0.76rem;
    line-height: 1.45;
}

[b-q82e6yshzh] .validation-summary:empty {
    display: none;
}

.credential-confirmation[b-q82e6yshzh] {
    margin-top: 28px;
    padding-top: 24px;
}

.confirmation-field[b-q82e6yshzh] {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    color: var(--ink-soft);
    font-size: 0.84rem;
    line-height: 1.55;
}

.confirmation-field input[b-q82e6yshzh] {
    width: 17px;
    height: 17px;
    margin: 2px 0 0;
    accent-color: var(--signal-blue);
}

.form-actions[b-q82e6yshzh] {
    display: flex;
    align-items: center;
    gap: 20px;
    padding-top: 24px;
}

.form-actions button[b-q82e6yshzh] {
    min-height: 42px;
    padding: 10px 16px;
    border: 1px solid var(--signal-blue);
    border-radius: 4px;
    background: var(--signal-blue);
    color: white;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 740;
    cursor: pointer;
}

.form-actions button:hover[b-q82e6yshzh] {
    filter: brightness(0.92);
}

.form-actions a[b-q82e6yshzh] {
    color: var(--ink-muted);
    font-size: 0.8rem;
    font-weight: 680;
    text-decoration: none;
}

.form-actions a:hover[b-q82e6yshzh] {
    color: var(--ink);
}

.form-actions button:focus-visible[b-q82e6yshzh],
.form-actions a:focus-visible[b-q82e6yshzh],
.back-link:focus-visible[b-q82e6yshzh],
.locked-state a:focus-visible[b-q82e6yshzh] {
    outline: 2px solid var(--signal-blue);
    outline-offset: 3px;
}

.result-state[b-q82e6yshzh] {
    margin-top: 30px;
    padding: 18px 20px;
    border-left: 3px solid var(--signal-red);
    background: var(--surface);
}

.result-state--success[b-q82e6yshzh] {
    border-left-color: var(--signal-green);
}

.result-state--warning[b-q82e6yshzh] {
    border-left-color: var(--signal-amber);
}

.result-state strong[b-q82e6yshzh],
.result-state p[b-q82e6yshzh] {
    margin: 0;
}

.result-state p[b-q82e6yshzh] {
    margin-top: 6px;
    color: var(--ink-muted);
    font-size: 0.82rem;
    line-height: 1.55;
}

@media (max-width: 700px) {
    .credentials-page[b-q82e6yshzh] {
        width: min(100% - 28px, 980px);
        padding: 34px 0 76px;
    }

    .credentials-heading[b-q82e6yshzh],
    .credential-summary[b-q82e6yshzh],
    .review-summary[b-q82e6yshzh] {
        grid-template-columns: 1fr;
    }

    .credentials-heading[b-q82e6yshzh] {
        gap: 16px;
    }

    .credentials-heading h1[b-q82e6yshzh],
    .load-state h1[b-q82e6yshzh] {
        font-size: 2.15rem;
    }

    .credential-summary > div[b-q82e6yshzh],
    .credential-summary > div:nth-child(3n)[b-q82e6yshzh],
    .credential-summary > div:nth-last-child(-n + 3)[b-q82e6yshzh],
    .review-summary > div[b-q82e6yshzh],
    .review-summary > div:nth-child(3n)[b-q82e6yshzh],
    .review-summary > div:nth-last-child(-n + 3)[b-q82e6yshzh] {
        min-height: 0;
        border-right: 0;
        border-bottom: 1px solid var(--line);
    }

    .credential-summary > div:last-child[b-q82e6yshzh],
    .review-summary > div:last-child[b-q82e6yshzh] {
        border-bottom: 0;
    }

    .form-actions[b-q82e6yshzh] {
        align-items: stretch;
        flex-direction: column;
    }

    .form-actions button[b-q82e6yshzh],
    .form-actions a[b-q82e6yshzh] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Pages/Operator/ServerEvents.razor.rz.scp.css */
.events-page[b-x26oiyxmfy] {
    width: min(100% - 40px, 1180px);
    margin: 0 auto;
    padding: 44px 0 96px;
}

.back-link[b-x26oiyxmfy] {
    display: inline-block;
    margin-bottom: 34px;
    color: var(--ink-muted);
    font-size: 0.8rem;
    font-weight: 680;
    text-decoration: none;
}

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

.back-link[b-x26oiyxmfy]::before {
    margin-right: 8px;
    content: "\2190";
}

.events-heading[b-x26oiyxmfy],
.section-heading[b-x26oiyxmfy] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
}

.events-heading[b-x26oiyxmfy] {
    padding-bottom: 34px;
    border-bottom: 1px solid var(--line-strong);
}

.events-heading > p[b-x26oiyxmfy] {
    max-width: 48ch;
    margin-bottom: 4px;
    color: var(--ink-muted);
    line-height: 1.6;
    text-align: right;
}

.eyebrow[b-x26oiyxmfy] {
    margin-bottom: 10px;
    color: var(--ink-muted);
    font-size: 0.72rem;
    font-weight: 760;
    text-transform: uppercase;
}

.events-heading h1[b-x26oiyxmfy],
.load-state h1[b-x26oiyxmfy] {
    margin-bottom: 14px;
    font-size: 3rem;
    line-height: 1.05;
    overflow-wrap: anywhere;
}

.endpoint[b-x26oiyxmfy] {
    margin-bottom: 0;
    color: var(--ink-muted);
    font-size: 0.86rem;
}

.endpoint code[b-x26oiyxmfy] {
    color: var(--ink-soft);
}

.event-section[b-x26oiyxmfy] {
    padding-top: 54px;
}

.section-heading[b-x26oiyxmfy] {
    margin-bottom: 22px;
}

.section-heading h2[b-x26oiyxmfy] {
    margin-bottom: 0;
    font-size: 1.65rem;
}

.section-heading > span[b-x26oiyxmfy] {
    color: var(--ink-muted);
    font-size: 0.78rem;
}

.event-table[b-x26oiyxmfy] {
    border-top: 1px solid var(--line-strong);
}

.event-row[b-x26oiyxmfy] {
    min-height: 68px;
    display: grid;
    grid-template-columns: 130px minmax(210px, 1.5fr) minmax(150px, 1fr) 90px 90px;
    align-items: center;
    gap: 18px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--line);
    background: var(--surface);
    color: var(--ink-soft);
    font-size: 0.82rem;
}

.event-row--header[b-x26oiyxmfy] {
    min-height: 42px;
    background: transparent;
    color: var(--ink-muted);
    font-size: 0.68rem;
    font-weight: 740;
    text-transform: uppercase;
}

.event-row strong[b-x26oiyxmfy] {
    color: var(--signal-green);
    font-size: 0.82rem;
}

.event-row code[b-x26oiyxmfy] {
    min-width: 0;
    color: var(--ink);
    overflow-wrap: anywhere;
}

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

.empty-state[b-x26oiyxmfy],
.load-state[b-x26oiyxmfy] {
    padding: 34px 0;
    border-top: 1px solid var(--line-strong);
    border-bottom: 1px solid var(--line-strong);
}

.empty-state h3[b-x26oiyxmfy] {
    margin-bottom: 8px;
    font-size: 1.15rem;
}

.empty-state p[b-x26oiyxmfy],
.load-state p[b-x26oiyxmfy] {
    max-width: 62ch;
    margin-bottom: 0;
    color: var(--ink-muted);
    line-height: 1.6;
}

@media (max-width: 760px) {
    .event-row[b-x26oiyxmfy] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 12px 20px;
        padding: 18px 16px;
    }

    .event-row--header[b-x26oiyxmfy] {
        display: none;
    }

    .event-row > *[b-x26oiyxmfy] {
        min-width: 0;
    }

    .cell-label[b-x26oiyxmfy] {
        position: static;
        width: auto;
        height: auto;
        display: block;
        margin-bottom: 4px;
        overflow: visible;
        clip: auto;
        color: var(--ink-muted);
        font-size: 0.66rem;
        font-weight: 700;
        text-transform: uppercase;
        white-space: normal;
    }
}

@media (max-width: 640px) {
    .events-page[b-x26oiyxmfy] {
        width: min(100% - 28px, 1180px);
        padding: 34px 0 76px;
    }

    .events-heading[b-x26oiyxmfy],
    .section-heading[b-x26oiyxmfy] {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .events-heading > p[b-x26oiyxmfy] {
        text-align: left;
    }

    .events-heading h1[b-x26oiyxmfy],
    .load-state h1[b-x26oiyxmfy] {
        font-size: 2.2rem;
    }
}

@media (max-width: 460px) {
    .event-row[b-x26oiyxmfy] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Operator/ServerHistory.razor.rz.scp.css */
.history-page[b-bo0cj0kgic] {
    width: min(100% - 40px, 1180px);
    margin: 0 auto;
    padding: 44px 0 96px;
}

.back-link[b-bo0cj0kgic] {
    display: inline-block;
    margin-bottom: 34px;
    color: var(--ink-muted);
    font-size: 0.8rem;
    font-weight: 680;
    text-decoration: none;
}

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

.back-link[b-bo0cj0kgic]::before {
    margin-right: 8px;
    content: "\2190";
}

.history-heading[b-bo0cj0kgic],
.trend-heading[b-bo0cj0kgic],
.section-heading[b-bo0cj0kgic] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 32px;
}

.history-heading[b-bo0cj0kgic] {
    padding-bottom: 34px;
}

.history-heading > p[b-bo0cj0kgic] {
    max-width: 48ch;
    margin-bottom: 0;
    color: var(--ink-muted);
    font-size: 0.84rem;
    line-height: 1.55;
    text-align: right;
}

.eyebrow[b-bo0cj0kgic] {
    margin-bottom: 10px;
    color: var(--ink-muted);
    font-size: 0.72rem;
    font-weight: 760;
    text-transform: uppercase;
}

.history-heading h1[b-bo0cj0kgic],
.history-state h1[b-bo0cj0kgic] {
    margin-bottom: 14px;
    font-size: 3rem;
    line-height: 1.05;
    overflow-wrap: anywhere;
}

.endpoint[b-bo0cj0kgic] {
    margin-bottom: 0;
    color: var(--ink-muted);
    font-size: 0.86rem;
}

.endpoint code[b-bo0cj0kgic] {
    color: var(--ink-soft);
}

.trend-section[b-bo0cj0kgic] {
    padding-top: 54px;
}

.trend-heading[b-bo0cj0kgic] {
    margin-bottom: 28px;
}

.trend-heading h2[b-bo0cj0kgic] {
    margin-bottom: 0;
    font-size: 1.75rem;
}

.range-switch[b-bo0cj0kgic] {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(88px, 1fr));
    border: 1px solid var(--line-strong);
    border-radius: 4px;
    overflow: hidden;
}

.range-switch__link[b-bo0cj0kgic] {
    padding: 10px 14px;
    color: var(--ink-soft);
    font-size: 0.8rem;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    background: var(--surface);
}

.range-switch__link + .range-switch__link[b-bo0cj0kgic] {
    border-left: 1px solid var(--line-strong);
}

.range-switch__link:hover[b-bo0cj0kgic] {
    background: #e9ece6;
}

.range-switch__link:focus-visible[b-bo0cj0kgic] {
    position: relative;
    z-index: 1;
    outline: 3px solid var(--focus);
    outline-offset: -3px;
}

.range-switch__link--active[b-bo0cj0kgic] {
    color: var(--surface);
    background: var(--ink);
}

.range-switch__link--active:hover[b-bo0cj0kgic] {
    background: var(--ink-soft);
}

.trend-summary[b-bo0cj0kgic] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line-strong);
}

.trend-summary article[b-bo0cj0kgic] {
    min-width: 0;
    min-height: 142px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 22px;
    border-right: 1px solid var(--line);
    background: var(--surface);
}

.trend-summary article:last-child[b-bo0cj0kgic] {
    border-right: 0;
}

.trend-summary span[b-bo0cj0kgic],
.section-heading > span[b-bo0cj0kgic] {
    color: var(--ink-muted);
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
}

.trend-summary strong[b-bo0cj0kgic] {
    font-size: 1.85rem;
    font-variant-numeric: tabular-nums;
    line-height: 1;
    overflow-wrap: anywhere;
}

.trend-summary small[b-bo0cj0kgic] {
    color: var(--ink-muted);
    font-size: 0.72rem;
    line-height: 1.4;
}

.trend-panels[b-bo0cj0kgic] {
    margin-top: 34px;
    border-top: 1px solid var(--line-strong);
}

.trend-panel[b-bo0cj0kgic] {
    display: grid;
    grid-template-columns: minmax(180px, 0.32fr) minmax(0, 1fr);
    gap: 34px;
    padding: 28px 0;
    border-bottom: 1px solid var(--line);
}

.trend-panel__heading h3[b-bo0cj0kgic] {
    margin-bottom: 7px;
    font-size: 1.02rem;
}

.trend-panel__heading span[b-bo0cj0kgic] {
    color: var(--ink-muted);
    font-size: 0.76rem;
    line-height: 1.45;
}

.trend-chart[b-bo0cj0kgic] {
    height: 112px;
    display: grid;
    grid-template-columns: repeat(var(--trend-columns), minmax(3px, 1fr));
    align-items: end;
    gap: 5px;
    padding-top: 12px;
    border-bottom: 1px solid var(--line-strong);
}

.trend-bar[b-bo0cj0kgic] {
    min-width: 0;
    min-height: 4px;
    border-radius: 2px 2px 0 0;
    background: var(--line-strong);
}

.trend-bar--operational[b-bo0cj0kgic] {
    background: var(--signal-green);
}

.trend-bar--degraded[b-bo0cj0kgic] {
    background: var(--signal-amber);
}

.trend-bar--unreachable[b-bo0cj0kgic] {
    background: var(--signal-red);
}

.trend-bar--latency[b-bo0cj0kgic] {
    background: var(--signal-blue);
}

.trend-bar--unknown[b-bo0cj0kgic] {
    background: #aeb5ad;
}

.trend-bar:focus-visible[b-bo0cj0kgic],
.population-pair:focus-visible[b-bo0cj0kgic] {
    outline: 3px solid var(--focus);
    outline-offset: 2px;
}

.population-pair[b-bo0cj0kgic] {
    min-width: 0;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(1px, 1fr));
    align-items: end;
    gap: 2px;
}

.population-bar[b-bo0cj0kgic] {
    min-width: 0;
    min-height: 4px;
    display: block;
    border-radius: 2px 2px 0 0;
}

.population-bar--players[b-bo0cj0kgic] {
    background: var(--ink-soft);
}

.population-bar--bots[b-bo0cj0kgic] {
    background: var(--signal-red);
}

.population-pair--unknown .population-bar[b-bo0cj0kgic] {
    height: 4px !important;
    background: #aeb5ad;
}

.trend-axis[b-bo0cj0kgic] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 16px;
    padding-top: 10px;
    color: var(--ink-muted);
    font-size: 0.73rem;
}

.trend-axis span[b-bo0cj0kgic] {
    text-align: center;
}

.trend-axis time:last-child[b-bo0cj0kgic] {
    text-align: right;
}

.trend-legend[b-bo0cj0kgic] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 22px;
    margin-top: 24px;
    color: var(--ink-muted);
    font-size: 0.74rem;
}

.trend-legend span[b-bo0cj0kgic] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.legend-signal[b-bo0cj0kgic] {
    width: 9px;
    height: 9px;
    display: inline-block;
    border-radius: 2px;
    background: #aeb5ad;
}

.legend-signal--operational[b-bo0cj0kgic] {
    background: var(--signal-green);
}

.legend-signal--degraded[b-bo0cj0kgic] {
    background: var(--signal-amber);
}

.legend-signal--unreachable[b-bo0cj0kgic],
.legend-signal--bots[b-bo0cj0kgic] {
    background: var(--signal-red);
}

.legend-signal--latency[b-bo0cj0kgic] {
    background: var(--signal-blue);
}

.legend-signal--players[b-bo0cj0kgic] {
    background: var(--ink-soft);
}

.trend-scope[b-bo0cj0kgic] {
    max-width: 78ch;
    margin: 26px 0 0;
    color: var(--ink-muted);
    font-size: 0.78rem;
    line-height: 1.6;
}

.trend-unavailable[b-bo0cj0kgic] {
    min-height: 124px;
    display: grid;
    align-content: center;
    gap: 8px;
    padding: 24px 0;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line-strong);
}

.trend-unavailable span[b-bo0cj0kgic] {
    color: var(--ink-muted);
    font-size: 0.84rem;
}

.history-section[b-bo0cj0kgic] {
    padding-top: 58px;
}

.section-heading[b-bo0cj0kgic] {
    margin-bottom: 22px;
}

.section-heading h2[b-bo0cj0kgic] {
    margin-bottom: 0;
    font-size: 1.55rem;
}

.observation-table[b-bo0cj0kgic],
.incident-table[b-bo0cj0kgic] {
    border-top: 1px solid var(--line-strong);
}

.observation-row[b-bo0cj0kgic],
.incident-row[b-bo0cj0kgic] {
    min-height: 66px;
    display: grid;
    align-items: center;
    gap: 16px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--line);
    background: var(--surface);
    color: var(--ink-soft);
    font-size: 0.8rem;
}

.observation-row[b-bo0cj0kgic] {
    grid-template-columns: minmax(150px, 1.1fr) 100px minmax(90px, 0.7fr) 76px 50px 72px minmax(170px, 1.4fr);
}

.incident-row[b-bo0cj0kgic] {
    grid-template-columns: 84px minmax(150px, 1fr) minmax(150px, 1fr) 72px minmax(160px, 1.2fr) minmax(160px, 1.2fr) 42px;
}

.observation-row--header[b-bo0cj0kgic],
.incident-row--header[b-bo0cj0kgic] {
    min-height: 42px;
    background: transparent;
    color: var(--ink-muted);
    font-size: 0.68rem;
    font-weight: 740;
    text-transform: uppercase;
}

.state-label[b-bo0cj0kgic] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 0.74rem;
    font-weight: 700;
}

.state-label[b-bo0cj0kgic]::before {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--ink-muted);
    content: "";
}

.state-label--online[b-bo0cj0kgic] {
    color: var(--signal-green);
}

.state-label--online[b-bo0cj0kgic]::before,
.state-label--resolved[b-bo0cj0kgic]::before {
    background: var(--signal-green);
}

.state-label--offline[b-bo0cj0kgic] {
    color: var(--signal-red);
}

.state-label--offline[b-bo0cj0kgic]::before {
    background: var(--signal-red);
}

.result[b-bo0cj0kgic] {
    overflow-wrap: anywhere;
    line-height: 1.45;
}

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

.row-action a[b-bo0cj0kgic] {
    color: var(--signal-blue);
    font-weight: 700;
    text-decoration: none;
}

.row-action a:hover[b-bo0cj0kgic] {
    text-decoration: underline;
}

.row-action a:focus-visible[b-bo0cj0kgic] {
    outline: 2px solid var(--signal-blue);
    outline-offset: 3px;
}

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

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

.empty-state[b-bo0cj0kgic],
.history-state[b-bo0cj0kgic] {
    padding: 38px 0;
    border-bottom: 1px solid var(--line-strong);
}

.empty-state[b-bo0cj0kgic] {
    border-top: 1px solid var(--line-strong);
}

.empty-state h3[b-bo0cj0kgic] {
    margin-bottom: 8px;
    font-size: 1.15rem;
}

.empty-state p[b-bo0cj0kgic],
.history-state p[b-bo0cj0kgic] {
    max-width: 64ch;
    margin-bottom: 0;
    color: var(--ink-muted);
    line-height: 1.6;
}

@media (max-width: 980px) {
    .trend-summary[b-bo0cj0kgic] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .trend-summary article:nth-child(2)[b-bo0cj0kgic] {
        border-right: 0;
    }

    .trend-summary article:nth-child(-n + 2)[b-bo0cj0kgic] {
        border-bottom: 1px solid var(--line);
    }

    .trend-chart[b-bo0cj0kgic] {
        gap: 3px;
    }

    .observation-row[b-bo0cj0kgic],
    .incident-row[b-bo0cj0kgic] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px 24px;
        padding: 18px 16px;
    }

    .observation-row--header[b-bo0cj0kgic],
    .incident-row--header[b-bo0cj0kgic] {
        display: none;
    }

    .cell-label[b-bo0cj0kgic] {
        position: static;
        width: auto;
        height: auto;
        display: inline;
        margin-right: 6px;
        overflow: visible;
        clip: auto;
        color: var(--ink-muted);
        font-size: 0.66rem;
        font-weight: 700;
        text-transform: uppercase;
        white-space: normal;
    }
}

@media (max-width: 640px) {
    .history-page[b-bo0cj0kgic] {
        width: min(100% - 28px, 1180px);
        padding: 34px 0 76px;
    }

    .history-heading[b-bo0cj0kgic],
    .trend-heading[b-bo0cj0kgic],
    .section-heading[b-bo0cj0kgic] {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .history-heading > p[b-bo0cj0kgic] {
        text-align: left;
    }

    .history-heading h1[b-bo0cj0kgic],
    .history-state h1[b-bo0cj0kgic] {
        font-size: 2.2rem;
    }

    .trend-heading[b-bo0cj0kgic] {
        margin-bottom: 22px;
    }

    .range-switch[b-bo0cj0kgic] {
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .range-switch__link:nth-child(3)[b-bo0cj0kgic] {
        border-top: 1px solid var(--line-strong);
        border-left: 0;
    }

    .range-switch__link:nth-child(4)[b-bo0cj0kgic] {
        border-top: 1px solid var(--line-strong);
    }

    .trend-summary[b-bo0cj0kgic] {
        grid-template-columns: 1fr;
    }

    .trend-summary article[b-bo0cj0kgic],
    .trend-summary article:nth-child(2)[b-bo0cj0kgic] {
        min-height: 126px;
        border-right: 0;
        border-bottom: 1px solid var(--line);
    }

    .trend-summary article:last-child[b-bo0cj0kgic] {
        border-bottom: 0;
    }

    .trend-panel[b-bo0cj0kgic] {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .trend-chart[b-bo0cj0kgic] {
        height: 98px;
        gap: 2px;
    }

    .trend-axis[b-bo0cj0kgic] {
        grid-template-columns: 1fr 1fr;
    }

    .trend-axis span[b-bo0cj0kgic] {
        display: none;
    }

    .trend-legend[b-bo0cj0kgic] {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .observation-row[b-bo0cj0kgic],
    .incident-row[b-bo0cj0kgic] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Operator/ServerMapChangeCommand.razor.rz.scp.css */
.map-change-page[b-wffjpfroc2] {
    width: min(100% - 40px, 980px);
    margin: 0 auto;
    padding: 44px 0 96px;
}

.back-link[b-wffjpfroc2] {
    display: inline-block;
    margin-bottom: 34px;
    color: var(--ink-muted);
    font-size: 0.8rem;
    font-weight: 680;
    text-decoration: none;
}

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

.back-link[b-wffjpfroc2]::before {
    margin-right: 8px;
    content: "\2190";
}

.map-change-heading[b-wffjpfroc2] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
    padding-bottom: 34px;
    border-bottom: 1px solid var(--line-strong);
}

.map-change-heading > p[b-wffjpfroc2] {
    max-width: 43ch;
    margin-bottom: 4px;
    color: var(--ink-muted);
    line-height: 1.6;
    text-align: right;
}

.eyebrow[b-wffjpfroc2] {
    margin-bottom: 10px;
    color: var(--ink-muted);
    font-size: 0.72rem;
    font-weight: 760;
    text-transform: uppercase;
}

.map-change-heading h1[b-wffjpfroc2],
.load-state h1[b-wffjpfroc2] {
    margin-bottom: 14px;
    font-size: 3rem;
    line-height: 1.05;
    overflow-wrap: anywhere;
}

.target[b-wffjpfroc2] {
    margin-bottom: 0;
    color: var(--ink-muted);
    font-size: 0.86rem;
}

.target code[b-wffjpfroc2],
.map-change-heading code[b-wffjpfroc2],
.field-group code[b-wffjpfroc2],
.review-summary code[b-wffjpfroc2] {
    color: var(--ink-soft);
}

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

.readiness-summary div[b-wffjpfroc2],
.review-summary div[b-wffjpfroc2] {
    min-width: 0;
    min-height: 106px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 22px;
    border-right: 1px solid var(--line);
    border-top: 1px solid var(--line);
    background: var(--surface);
}

.readiness-summary div:nth-child(3n + 1)[b-wffjpfroc2],
.review-summary div:nth-child(3n + 1)[b-wffjpfroc2] {
    border-left: 1px solid var(--line);
}

.readiness-summary dt[b-wffjpfroc2],
.review-summary dt[b-wffjpfroc2] {
    color: var(--ink-muted);
    font-size: 0.68rem;
    font-weight: 720;
    text-transform: uppercase;
}

.readiness-summary dd[b-wffjpfroc2],
.review-summary dd[b-wffjpfroc2] {
    margin: 16px 0 0;
    color: var(--ink);
    font-size: 1rem;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.readiness-summary .state-ready[b-wffjpfroc2] {
    color: var(--signal-green);
}

.readiness-summary .state-blocked[b-wffjpfroc2] {
    color: var(--signal-red);
}

.impact-note[b-wffjpfroc2],
.edit-section[b-wffjpfroc2],
.review-section[b-wffjpfroc2],
.locked-state[b-wffjpfroc2],
.role-state[b-wffjpfroc2],
.load-state[b-wffjpfroc2] {
    margin-top: 48px;
    padding: 28px 0;
    border-top: 1px solid var(--line-strong);
    border-bottom: 1px solid var(--line-strong);
}

.impact-note[b-wffjpfroc2] {
    border-left: 3px solid var(--signal-amber);
    padding-left: 22px;
}

.impact-note h2[b-wffjpfroc2],
.section-heading h2[b-wffjpfroc2],
.locked-state h2[b-wffjpfroc2],
.role-state h2[b-wffjpfroc2],
.load-state h2[b-wffjpfroc2] {
    margin-bottom: 9px;
    font-size: 1.4rem;
}

.impact-note p:last-child[b-wffjpfroc2],
.locked-state p[b-wffjpfroc2],
.role-state p[b-wffjpfroc2],
.load-state p[b-wffjpfroc2] {
    max-width: 70ch;
    margin: 7px 0 0;
    color: var(--ink-muted);
    line-height: 1.6;
}

.locked-state a[b-wffjpfroc2] {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    margin-top: 18px;
    padding: 8px 14px;
    border: 1px solid var(--line-strong);
    border-radius: 4px;
    color: var(--ink);
    font-size: 0.78rem;
    font-weight: 700;
    text-decoration: none;
}

.locked-state a:hover[b-wffjpfroc2] {
    border-color: var(--ink-muted);
    background: var(--surface);
}

.section-heading[b-wffjpfroc2] {
    margin-bottom: 24px;
}

.field-group[b-wffjpfroc2] {
    display: grid;
    gap: 10px;
}

.field-group label[b-wffjpfroc2] {
    color: var(--ink);
    font-size: 0.82rem;
    font-weight: 720;
}

.field-group input[b-wffjpfroc2] {
    width: min(100%, 560px);
    min-height: 44px;
    padding: 10px 13px;
    border: 1px solid var(--line-strong);
    border-radius: 4px;
    background: var(--surface);
    color: var(--ink);
    font: inherit;
}

.field-group input:focus-visible[b-wffjpfroc2] {
    outline: 2px solid var(--signal-blue);
    outline-offset: 2px;
}

.field-group > p[b-wffjpfroc2] {
    max-width: 68ch;
    margin: 0;
    color: var(--ink-muted);
    font-size: 0.76rem;
    line-height: 1.55;
}

.validation-summary[b-wffjpfroc2],
.field-group[b-wffjpfroc2]  .validation-message {
    color: var(--signal-red);
    font-size: 0.78rem;
}

.validation-summary:empty[b-wffjpfroc2] {
    display: none;
}

.confirmation-field[b-wffjpfroc2] {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    margin-top: 28px;
    color: var(--ink-soft);
    font-size: 0.82rem;
    line-height: 1.55;
}

.confirmation-field input[b-wffjpfroc2] {
    width: 18px;
    height: 18px;
    margin: 2px 0 0;
    accent-color: var(--signal-amber);
}

.form-actions[b-wffjpfroc2] {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 30px;
}

.form-actions button[b-wffjpfroc2] {
    min-height: 42px;
    padding: 10px 18px;
    border: 1px solid var(--ink);
    border-radius: 4px;
    background: var(--ink);
    color: var(--surface);
    font: inherit;
    font-size: 0.82rem;
    font-weight: 720;
    cursor: pointer;
}

.form-actions button:hover[b-wffjpfroc2] {
    background: var(--ink-soft);
}

.form-actions button:focus-visible[b-wffjpfroc2],
.form-actions a:focus-visible[b-wffjpfroc2],
.locked-state a:focus-visible[b-wffjpfroc2] {
    outline: 2px solid var(--signal-blue);
    outline-offset: 3px;
}

.form-actions a[b-wffjpfroc2] {
    color: var(--ink-muted);
    font-size: 0.82rem;
    font-weight: 680;
    text-decoration: none;
}

.form-actions a:hover[b-wffjpfroc2] {
    color: var(--ink);
}

.result-state[b-wffjpfroc2] {
    margin-top: 34px;
    padding: 18px 20px;
    border-left: 3px solid var(--signal-red);
    background: var(--surface);
}

.result-state--warning[b-wffjpfroc2] {
    border-left-color: var(--signal-amber);
}

.result-state strong[b-wffjpfroc2] {
    color: var(--ink);
    font-size: 0.86rem;
}

.result-state p[b-wffjpfroc2] {
    margin: 7px 0 0;
    color: var(--ink-muted);
    line-height: 1.55;
}

@media (max-width: 720px) {
    .readiness-summary[b-wffjpfroc2],
    .review-summary[b-wffjpfroc2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .readiness-summary div:nth-child(3n + 1)[b-wffjpfroc2],
    .review-summary div:nth-child(3n + 1)[b-wffjpfroc2] {
        border-left: 0;
    }

    .readiness-summary div:nth-child(2n + 1)[b-wffjpfroc2],
    .review-summary div:nth-child(2n + 1)[b-wffjpfroc2] {
        border-left: 1px solid var(--line);
    }
}

@media (max-width: 640px) {
    .map-change-page[b-wffjpfroc2] {
        width: min(100% - 28px, 980px);
        padding: 34px 0 76px;
    }

    .map-change-heading[b-wffjpfroc2] {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .map-change-heading > p[b-wffjpfroc2] {
        text-align: left;
    }

    .map-change-heading h1[b-wffjpfroc2],
    .load-state h1[b-wffjpfroc2] {
        font-size: 2.2rem;
    }

    .impact-note[b-wffjpfroc2],
    .edit-section[b-wffjpfroc2],
    .review-section[b-wffjpfroc2],
    .locked-state[b-wffjpfroc2],
    .role-state[b-wffjpfroc2],
    .load-state[b-wffjpfroc2] {
        margin-top: 38px;
    }

    .form-actions[b-wffjpfroc2] {
        align-items: stretch;
        flex-direction: column;
    }

    .form-actions button[b-wffjpfroc2],
    .form-actions a[b-wffjpfroc2] {
        text-align: center;
    }
}
/* /Components/Pages/Operator/ServerMonitoring.razor.rz.scp.css */
.monitoring-page[b-fd0k8hk147] {
    width: min(100% - 40px, 980px);
    margin: 0 auto;
    padding: 44px 0 96px;
}

.back-link[b-fd0k8hk147] {
    display: inline-block;
    margin-bottom: 34px;
    color: var(--ink-muted);
    font-size: 0.8rem;
    font-weight: 680;
    text-decoration: none;
}

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

.back-link[b-fd0k8hk147]::before {
    margin-right: 8px;
    content: "\2190";
}

.monitoring-heading[b-fd0k8hk147] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
    padding-bottom: 34px;
    border-bottom: 1px solid var(--line-strong);
}

.monitoring-heading > p[b-fd0k8hk147] {
    max-width: 42ch;
    margin-bottom: 4px;
    color: var(--ink-muted);
    line-height: 1.6;
    text-align: right;
}

.eyebrow[b-fd0k8hk147] {
    margin-bottom: 10px;
    color: var(--ink-muted);
    font-size: 0.72rem;
    font-weight: 760;
    text-transform: uppercase;
}

.monitoring-heading h1[b-fd0k8hk147],
.load-state h1[b-fd0k8hk147] {
    margin-bottom: 14px;
    font-size: 3rem;
    line-height: 1.05;
    overflow-wrap: anywhere;
}

.target[b-fd0k8hk147] {
    margin-bottom: 0;
    color: var(--ink-muted);
    font-size: 0.86rem;
}

.target code[b-fd0k8hk147] {
    color: var(--ink-soft);
}

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

.lifecycle-summary > div[b-fd0k8hk147] {
    min-width: 0;
    min-height: 108px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px;
    border-right: 1px solid var(--line);
}

.lifecycle-summary > div:first-child[b-fd0k8hk147] {
    border-left: 1px solid var(--line);
}

.lifecycle-summary dt[b-fd0k8hk147] {
    color: var(--ink-muted);
    font-size: 0.7rem;
    font-weight: 720;
    text-transform: uppercase;
}

.lifecycle-summary dd[b-fd0k8hk147] {
    margin: 0;
    color: var(--ink);
    font-size: 1rem;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.monitoring-form[b-fd0k8hk147],
.role-state[b-fd0k8hk147],
.load-state[b-fd0k8hk147] {
    margin-top: 38px;
    padding: 30px 0;
    border-top: 1px solid var(--line-strong);
    border-bottom: 1px solid var(--line-strong);
}

.confirmation-field[b-fd0k8hk147] {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    color: var(--ink-soft);
    font-size: 0.82rem;
    line-height: 1.55;
}

.confirmation-field input[b-fd0k8hk147] {
    width: 18px;
    height: 18px;
    margin: 2px 0 0;
    accent-color: var(--signal-blue);
}

.form-actions[b-fd0k8hk147] {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 30px;
}

.form-actions button[b-fd0k8hk147] {
    min-height: 42px;
    padding: 10px 18px;
    border: 1px solid var(--ink);
    border-radius: 4px;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 720;
    cursor: pointer;
}

.action-button--primary[b-fd0k8hk147] {
    background: var(--ink);
    color: var(--surface);
}

.action-button--primary:hover[b-fd0k8hk147] {
    background: var(--ink-soft);
}

.action-button--danger[b-fd0k8hk147] {
    border-color: var(--signal-red);
    background: var(--signal-red);
    color: var(--surface);
}

.action-button--danger:hover[b-fd0k8hk147] {
    filter: brightness(0.88);
}

.form-actions button:focus-visible[b-fd0k8hk147],
.form-actions a:focus-visible[b-fd0k8hk147] {
    outline: 2px solid var(--signal-blue);
    outline-offset: 3px;
}

.form-actions a[b-fd0k8hk147] {
    color: var(--ink-muted);
    font-size: 0.82rem;
    font-weight: 680;
    text-decoration: none;
}

.form-actions a:hover[b-fd0k8hk147] {
    color: var(--ink);
}

.result-state[b-fd0k8hk147] {
    margin-top: 34px;
    padding: 18px 20px;
    border-left: 3px solid var(--signal-red);
    background: var(--surface);
}

.result-state--warning[b-fd0k8hk147] {
    border-left-color: var(--signal-amber);
}

.result-state strong[b-fd0k8hk147] {
    color: var(--ink);
    font-size: 0.86rem;
}

.result-state p[b-fd0k8hk147],
.role-state p[b-fd0k8hk147],
.load-state p[b-fd0k8hk147] {
    max-width: 66ch;
    margin: 7px 0 0;
    color: var(--ink-muted);
    line-height: 1.6;
}

.role-state h2[b-fd0k8hk147],
.load-state h2[b-fd0k8hk147] {
    margin-bottom: 8px;
    font-size: 1.4rem;
}

@media (max-width: 700px) {
    .lifecycle-summary[b-fd0k8hk147] {
        grid-template-columns: 1fr;
    }

    .lifecycle-summary > div[b-fd0k8hk147] {
        border-bottom: 1px solid var(--line);
        border-left: 1px solid var(--line);
    }

    .lifecycle-summary > div:last-child[b-fd0k8hk147] {
        border-bottom: 0;
    }
}

@media (max-width: 640px) {
    .monitoring-page[b-fd0k8hk147] {
        width: min(100% - 28px, 980px);
        padding: 34px 0 76px;
    }

    .monitoring-heading[b-fd0k8hk147] {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .monitoring-heading > p[b-fd0k8hk147] {
        text-align: left;
    }

    .monitoring-heading h1[b-fd0k8hk147],
    .load-state h1[b-fd0k8hk147] {
        font-size: 2.2rem;
    }

    .lifecycle-summary[b-fd0k8hk147] {
        margin-top: 38px;
    }

    .form-actions[b-fd0k8hk147] {
        align-items: stretch;
        flex-direction: column;
    }

    .form-actions button[b-fd0k8hk147],
    .form-actions a[b-fd0k8hk147] {
        text-align: center;
    }
}
/* /Components/Pages/Operator/ServerRestartCommand.razor.rz.scp.css */
.restart-page[b-f4p909o4vp] {
    width: min(100% - 40px, 980px);
    margin: 0 auto;
    padding: 44px 0 96px;
}

.back-link[b-f4p909o4vp] {
    display: inline-block;
    margin-bottom: 34px;
    color: var(--ink-muted);
    font-size: 0.8rem;
    font-weight: 680;
    text-decoration: none;
}

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

.back-link[b-f4p909o4vp]::before {
    margin-right: 8px;
    content: "\2190";
}

.restart-heading[b-f4p909o4vp] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
    padding-bottom: 34px;
    border-bottom: 1px solid var(--line-strong);
}

.restart-heading > p[b-f4p909o4vp] {
    max-width: 42ch;
    margin-bottom: 4px;
    color: var(--ink-muted);
    line-height: 1.6;
    text-align: right;
}

.eyebrow[b-f4p909o4vp] {
    margin-bottom: 10px;
    color: var(--ink-muted);
    font-size: 0.72rem;
    font-weight: 760;
    text-transform: uppercase;
}

.restart-heading h1[b-f4p909o4vp],
.load-state h1[b-f4p909o4vp] {
    margin-bottom: 14px;
    font-size: 3rem;
    line-height: 1.05;
    overflow-wrap: anywhere;
}

.target[b-f4p909o4vp] {
    margin-bottom: 0;
    color: var(--ink-muted);
    font-size: 0.86rem;
}

.target code[b-f4p909o4vp] {
    color: var(--ink-soft);
}

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

.restart-summary div[b-f4p909o4vp] {
    min-width: 0;
    min-height: 106px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 22px;
    border-right: 1px solid var(--line);
    border-top: 1px solid var(--line);
    background: var(--surface);
}

.restart-summary div:nth-child(3n + 1)[b-f4p909o4vp] {
    border-left: 1px solid var(--line);
}

.restart-summary dt[b-f4p909o4vp] {
    color: var(--ink-muted);
    font-size: 0.68rem;
    font-weight: 720;
    text-transform: uppercase;
}

.restart-summary dd[b-f4p909o4vp] {
    margin: 16px 0 0;
    color: var(--ink);
    font-size: 1rem;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.restart-summary .state-ready[b-f4p909o4vp] {
    color: var(--signal-green);
}

.restart-summary .state-blocked[b-f4p909o4vp] {
    color: var(--signal-red);
}

.impact-note[b-f4p909o4vp],
.restart-form[b-f4p909o4vp],
.locked-state[b-f4p909o4vp],
.role-state[b-f4p909o4vp],
.load-state[b-f4p909o4vp] {
    margin-top: 48px;
    padding: 28px 0;
    border-top: 1px solid var(--line-strong);
    border-bottom: 1px solid var(--line-strong);
}

.impact-note[b-f4p909o4vp] {
    border-left: 3px solid var(--signal-amber);
    padding-left: 22px;
}

.impact-note h2[b-f4p909o4vp],
.locked-state h2[b-f4p909o4vp],
.role-state h2[b-f4p909o4vp],
.load-state h2[b-f4p909o4vp] {
    margin-bottom: 9px;
    font-size: 1.4rem;
}

.impact-note p:last-child[b-f4p909o4vp],
.locked-state p[b-f4p909o4vp],
.role-state p[b-f4p909o4vp],
.load-state p[b-f4p909o4vp] {
    max-width: 70ch;
    margin: 7px 0 0;
    color: var(--ink-muted);
    line-height: 1.6;
}

.locked-state a[b-f4p909o4vp] {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    margin-top: 18px;
    padding: 8px 14px;
    border: 1px solid var(--line-strong);
    border-radius: 4px;
    color: var(--ink);
    font-size: 0.78rem;
    font-weight: 700;
    text-decoration: none;
}

.locked-state a:hover[b-f4p909o4vp] {
    border-color: var(--ink-muted);
    background: var(--surface);
}

.confirmation-field[b-f4p909o4vp] {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    color: var(--ink-soft);
    font-size: 0.82rem;
    line-height: 1.55;
}

.confirmation-field input[b-f4p909o4vp] {
    width: 18px;
    height: 18px;
    margin: 2px 0 0;
    accent-color: var(--signal-red);
}

.form-actions[b-f4p909o4vp] {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 30px;
}

.form-actions button[b-f4p909o4vp] {
    min-height: 42px;
    padding: 10px 18px;
    border: 1px solid var(--signal-red);
    border-radius: 4px;
    background: var(--signal-red);
    color: var(--surface);
    font: inherit;
    font-size: 0.82rem;
    font-weight: 720;
    cursor: pointer;
}

.form-actions button:hover[b-f4p909o4vp] {
    filter: brightness(0.9);
}

.form-actions button:focus-visible[b-f4p909o4vp],
.form-actions a:focus-visible[b-f4p909o4vp],
.locked-state a:focus-visible[b-f4p909o4vp] {
    outline: 2px solid var(--signal-blue);
    outline-offset: 3px;
}

.form-actions a[b-f4p909o4vp] {
    color: var(--ink-muted);
    font-size: 0.82rem;
    font-weight: 680;
    text-decoration: none;
}

.form-actions a:hover[b-f4p909o4vp] {
    color: var(--ink);
}

.result-state[b-f4p909o4vp] {
    margin-top: 34px;
    padding: 18px 20px;
    border-left: 3px solid var(--signal-red);
    background: var(--surface);
}

.result-state--warning[b-f4p909o4vp] {
    border-left-color: var(--signal-amber);
}

.result-state strong[b-f4p909o4vp] {
    color: var(--ink);
    font-size: 0.86rem;
}

.result-state p[b-f4p909o4vp] {
    margin: 7px 0 0;
    color: var(--ink-muted);
    line-height: 1.55;
}

@media (max-width: 720px) {
    .restart-summary[b-f4p909o4vp] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .restart-summary div:nth-child(3n + 1)[b-f4p909o4vp] {
        border-left: 0;
    }

    .restart-summary div:nth-child(2n + 1)[b-f4p909o4vp] {
        border-left: 1px solid var(--line);
    }
}

@media (max-width: 640px) {
    .restart-page[b-f4p909o4vp] {
        width: min(100% - 28px, 980px);
        padding: 34px 0 76px;
    }

    .restart-heading[b-f4p909o4vp] {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .restart-heading > p[b-f4p909o4vp] {
        text-align: left;
    }

    .restart-heading h1[b-f4p909o4vp],
    .load-state h1[b-f4p909o4vp] {
        font-size: 2.2rem;
    }

    .impact-note[b-f4p909o4vp],
    .restart-form[b-f4p909o4vp],
    .locked-state[b-f4p909o4vp],
    .role-state[b-f4p909o4vp],
    .load-state[b-f4p909o4vp] {
        margin-top: 38px;
    }

    .form-actions[b-f4p909o4vp] {
        align-items: stretch;
        flex-direction: column;
    }

    .form-actions button[b-f4p909o4vp],
    .form-actions a[b-f4p909o4vp] {
        text-align: center;
    }
}
/* /Components/Pages/Operator/Servers.razor.rz.scp.css */
.operator-page[b-vlp1hf0kfp] {
    width: min(100% - 40px, 1240px);
    margin: 0 auto;
    padding: 50px 0 96px;
}

.page-heading[b-vlp1hf0kfp],
.section-heading[b-vlp1hf0kfp] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 32px;
}

.page-heading[b-vlp1hf0kfp] {
    padding-bottom: 30px;
    border-bottom: 1px solid var(--line-strong);
}

.eyebrow[b-vlp1hf0kfp] {
    margin-bottom: 8px;
    color: var(--ink-muted);
    font-size: 0.72rem;
    font-weight: 760;
    text-transform: uppercase;
}

.page-heading h1[b-vlp1hf0kfp] {
    margin-bottom: 0;
    font-size: 2.7rem;
    line-height: 1;
}

.observation[b-vlp1hf0kfp] {
    display: grid;
    gap: 5px;
    text-align: right;
}

.observation span[b-vlp1hf0kfp],
.section-summary[b-vlp1hf0kfp] {
    color: var(--ink-muted);
    font-size: 0.78rem;
}

.observation strong[b-vlp1hf0kfp] {
    color: var(--ink-soft);
    font-size: 0.84rem;
    font-weight: 680;
}

.overview[b-vlp1hf0kfp] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    border-bottom: 1px solid var(--line-strong);
}

.overview article[b-vlp1hf0kfp] {
    min-width: 0;
    min-height: 118px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 22px;
    border-right: 1px solid var(--line);
    background: var(--surface);
}

.overview article:first-child[b-vlp1hf0kfp] {
    border-left: 1px solid var(--line);
}

.overview span[b-vlp1hf0kfp] {
    color: var(--ink-muted);
    font-size: 0.7rem;
    font-weight: 690;
    text-transform: uppercase;
}

.overview strong[b-vlp1hf0kfp] {
    font-size: 2.2rem;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.overview--online strong[b-vlp1hf0kfp] {
    color: var(--signal-green);
}

.overview--attention strong[b-vlp1hf0kfp] {
    color: var(--signal-amber);
}

.overview--incidents strong[b-vlp1hf0kfp] {
    color: var(--signal-red);
}

.overview-action[b-vlp1hf0kfp] {
    align-self: flex-start;
    color: var(--signal-blue);
    font-size: 0.72rem;
    font-weight: 720;
    text-decoration: none;
}

.overview-action:hover[b-vlp1hf0kfp] {
    text-decoration: underline;
}

.overview-action:focus-visible[b-vlp1hf0kfp] {
    outline: 2px solid var(--signal-blue);
    outline-offset: 3px;
}

.server-section[b-vlp1hf0kfp] {
    padding-top: 48px;
}

.section-heading[b-vlp1hf0kfp] {
    margin-bottom: 20px;
}

.section-heading h2[b-vlp1hf0kfp] {
    margin-bottom: 0;
    font-size: 1.55rem;
}

.section-meta[b-vlp1hf0kfp] {
    display: flex;
    align-items: center;
    gap: 18px;
}

.register-link[b-vlp1hf0kfp],
.clear-results[b-vlp1hf0kfp] {
    color: var(--signal-blue);
    font-size: 0.76rem;
    font-weight: 720;
    text-decoration: none;
}

.register-link[b-vlp1hf0kfp] {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    border: 1px solid var(--signal-blue);
    border-radius: 4px;
}

.register-link:hover[b-vlp1hf0kfp] {
    background: var(--signal-blue);
    color: white;
}

.register-link:focus-visible[b-vlp1hf0kfp],
.clear-results:focus-visible[b-vlp1hf0kfp],
.triage-tab:focus-visible[b-vlp1hf0kfp],
.filter-actions a:focus-visible[b-vlp1hf0kfp],
.row-action a:focus-visible[b-vlp1hf0kfp] {
    outline: 2px solid var(--signal-blue);
    outline-offset: 3px;
}

.triage-tabs[b-vlp1hf0kfp] {
    min-height: 50px;
    display: flex;
    align-items: stretch;
    gap: 4px;
    overflow-x: auto;
    border-top: 1px solid var(--line-strong);
    border-bottom: 1px solid var(--line-strong);
}

.triage-tab[b-vlp1hf0kfp] {
    min-width: 106px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 0 14px;
    border-bottom: 3px solid transparent;
    color: var(--ink-muted);
    font-size: 0.78rem;
    font-weight: 690;
    text-decoration: none;
    white-space: nowrap;
}

.triage-tab:hover[b-vlp1hf0kfp] {
    color: var(--ink);
}

.triage-tab strong[b-vlp1hf0kfp] {
    min-width: 24px;
    color: inherit;
    font-size: 0.75rem;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.triage-tab--active[b-vlp1hf0kfp] {
    border-bottom-color: var(--signal-blue);
    color: var(--ink);
}

.filter-bar[b-vlp1hf0kfp] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(180px, 0.34fr) auto;
    align-items: end;
    gap: 14px;
    padding: 16px;
    border-bottom: 1px solid var(--line-strong);
    background: var(--surface);
}

.filter-field[b-vlp1hf0kfp] {
    min-width: 0;
    display: grid;
    gap: 6px;
}

.filter-field > span[b-vlp1hf0kfp] {
    color: var(--ink-muted);
    font-size: 0.68rem;
    font-weight: 720;
    text-transform: uppercase;
}

.filter-field input[b-vlp1hf0kfp],
.filter-field select[b-vlp1hf0kfp] {
    width: 100%;
    min-height: 40px;
    padding: 8px 10px;
    border: 1px solid var(--line-strong);
    border-radius: 4px;
    background: white;
    color: var(--ink);
    font: inherit;
    font-size: 0.82rem;
}

.filter-field input:focus[b-vlp1hf0kfp],
.filter-field select:focus[b-vlp1hf0kfp] {
    border-color: var(--signal-blue);
    outline: 2px solid color-mix(in srgb, var(--signal-blue) 24%, transparent);
    outline-offset: 1px;
}

.filter-actions[b-vlp1hf0kfp] {
    min-height: 40px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.filter-actions button[b-vlp1hf0kfp] {
    min-height: 40px;
    padding: 8px 15px;
    border: 1px solid var(--ink);
    border-radius: 4px;
    background: var(--ink);
    color: var(--surface);
    font: inherit;
    font-size: 0.78rem;
    font-weight: 720;
    cursor: pointer;
}

.filter-actions button:hover[b-vlp1hf0kfp] {
    background: var(--ink-soft);
}

.filter-actions a[b-vlp1hf0kfp] {
    color: var(--signal-blue);
    font-size: 0.76rem;
    font-weight: 700;
    text-decoration: none;
}

.server-table[b-vlp1hf0kfp] {
    border-bottom: 1px solid var(--line-strong);
}

.server-row[b-vlp1hf0kfp] {
    min-height: 82px;
    display: grid;
    grid-template-columns: minmax(190px, 1.35fr) minmax(120px, 0.75fr) minmax(145px, 0.95fr) minmax(120px, 0.75fr) minmax(110px, 0.7fr) 62px;
    align-items: center;
    gap: 18px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--line);
    border-left: 3px solid transparent;
    background: var(--surface);
    color: var(--ink-soft);
    font-size: 0.82rem;
}

.server-row:last-child[b-vlp1hf0kfp] {
    border-bottom: 0;
}

.server-row--attention[b-vlp1hf0kfp] {
    border-left-color: var(--signal-amber);
}

.server-row--header[b-vlp1hf0kfp] {
    min-height: 40px;
    border-left-color: transparent;
    background: transparent;
    color: var(--ink-muted);
    font-size: 0.67rem;
    font-weight: 740;
    text-transform: uppercase;
}

.server-primary[b-vlp1hf0kfp],
.state-cell[b-vlp1hf0kfp],
.metric-cell[b-vlp1hf0kfp] {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.server-primary strong[b-vlp1hf0kfp],
.metric-cell strong[b-vlp1hf0kfp] {
    overflow-wrap: anywhere;
    color: var(--ink);
    font-size: 0.84rem;
    font-weight: 720;
}

.server-primary small[b-vlp1hf0kfp],
.state-cell small[b-vlp1hf0kfp],
.metric-cell small[b-vlp1hf0kfp] {
    overflow-wrap: anywhere;
    color: var(--ink-muted);
    font-size: 0.72rem;
    line-height: 1.35;
}

.server-primary code[b-vlp1hf0kfp] {
    overflow: hidden;
    color: var(--ink-muted);
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.state-label[b-vlp1hf0kfp] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--ink);
    font-size: 0.76rem;
    font-weight: 720;
}

.state-label[b-vlp1hf0kfp]::before {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: var(--ink-muted);
    content: "";
}

.state-label--online[b-vlp1hf0kfp]::before {
    background: var(--signal-green);
}

.state-label--incident[b-vlp1hf0kfp]::before,
.state-label--offline[b-vlp1hf0kfp]::before {
    background: var(--signal-red);
}

.state-label--stale[b-vlp1hf0kfp]::before {
    background: var(--signal-amber);
}

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

.row-action a[b-vlp1hf0kfp] {
    color: var(--signal-blue);
    font-weight: 700;
    text-decoration: none;
}

.row-action a:hover[b-vlp1hf0kfp],
.clear-results:hover[b-vlp1hf0kfp],
.filter-actions a:hover[b-vlp1hf0kfp] {
    text-decoration: underline;
}

.load-state[b-vlp1hf0kfp] {
    padding: 34px 0;
    border-top: 1px solid var(--line-strong);
    border-bottom: 1px solid var(--line-strong);
}

.filter-bar + .load-state[b-vlp1hf0kfp] {
    border-top: 0;
}

.load-state--error[b-vlp1hf0kfp] {
    margin-top: 34px;
}

.inventory-result[b-vlp1hf0kfp] {
    margin-top: 28px;
    padding: 18px 20px;
    border-left: 3px solid var(--signal-amber);
    background: var(--surface);
}

.inventory-result strong[b-vlp1hf0kfp],
.inventory-result p[b-vlp1hf0kfp] {
    margin: 0;
}

.inventory-result p[b-vlp1hf0kfp] {
    margin-top: 6px;
    color: var(--ink-muted);
    font-size: 0.82rem;
    line-height: 1.55;
}

.load-state h2[b-vlp1hf0kfp],
.load-state h3[b-vlp1hf0kfp] {
    margin-bottom: 8px;
    font-size: 1.15rem;
}

.load-state p[b-vlp1hf0kfp] {
    max-width: 58ch;
    margin-bottom: 10px;
    color: var(--ink-muted);
    line-height: 1.6;
}

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

@media (max-width: 980px) {
    .overview[b-vlp1hf0kfp] {
        grid-template-columns: repeat(5, minmax(120px, 1fr));
        overflow-x: auto;
    }

    .server-row[b-vlp1hf0kfp] {
        grid-template-columns: minmax(180px, 1.25fr) minmax(112px, 0.75fr) minmax(135px, 0.9fr) minmax(110px, 0.7fr) 58px;
    }

    .server-row > :nth-child(5)[b-vlp1hf0kfp] {
        display: none;
    }
}

@media (max-width: 760px) {
    .filter-bar[b-vlp1hf0kfp] {
        grid-template-columns: minmax(0, 1fr) minmax(150px, 0.55fr);
    }

    .filter-actions[b-vlp1hf0kfp] {
        grid-column: 1 / -1;
    }

    .server-row[b-vlp1hf0kfp] {
        grid-template-columns: minmax(0, 1fr) minmax(112px, 0.45fr) 58px;
        gap: 10px 16px;
        padding: 16px;
    }

    .server-row--header[b-vlp1hf0kfp] {
        display: none;
    }

    .server-row > :nth-child(3)[b-vlp1hf0kfp],
    .server-row > :nth-child(4)[b-vlp1hf0kfp],
    .server-row > :nth-child(5)[b-vlp1hf0kfp] {
        display: none;
    }

    .server-row .row-action[b-vlp1hf0kfp] {
        grid-column: 3;
        grid-row: 1;
    }
}

@media (max-width: 640px) {
    .operator-page[b-vlp1hf0kfp] {
        width: min(100% - 28px, 1240px);
        padding: 40px 0 72px;
    }

    .page-heading[b-vlp1hf0kfp],
    .section-heading[b-vlp1hf0kfp] {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .section-meta[b-vlp1hf0kfp] {
        width: 100%;
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .page-heading h1[b-vlp1hf0kfp] {
        font-size: 2.15rem;
    }

    .observation[b-vlp1hf0kfp] {
        text-align: left;
    }

    .overview[b-vlp1hf0kfp] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        overflow: visible;
    }

    .overview article[b-vlp1hf0kfp] {
        min-height: 104px;
        padding: 18px;
        border-bottom: 1px solid var(--line);
    }

    .overview article:nth-child(2n + 1)[b-vlp1hf0kfp] {
        border-left: 1px solid var(--line);
    }

    .overview article:last-child[b-vlp1hf0kfp] {
        grid-column: 1 / -1;
        border-bottom: 0;
    }

    .overview strong[b-vlp1hf0kfp] {
        font-size: 1.9rem;
    }

    .triage-tabs[b-vlp1hf0kfp] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0;
        overflow: visible;
    }

    .triage-tab[b-vlp1hf0kfp] {
        min-width: 0;
        min-height: 48px;
    }

    .filter-bar[b-vlp1hf0kfp] {
        grid-template-columns: minmax(0, 1fr);
    }

    .filter-actions[b-vlp1hf0kfp] {
        grid-column: auto;
    }

    .server-row[b-vlp1hf0kfp] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .server-row > :nth-child(2)[b-vlp1hf0kfp] {
        grid-column: 1;
    }

    .server-row .row-action[b-vlp1hf0kfp] {
        grid-column: 2;
        grid-row: 1 / span 2;
        align-self: center;
    }
}
/* /Components/Pages/Operator/ServerSayCommand.razor.rz.scp.css */
.say-page[b-zrhpel4ojz] {
    width: min(100% - 40px, 980px);
    margin: 0 auto;
    padding: 44px 0 96px;
}

.back-link[b-zrhpel4ojz] {
    display: inline-block;
    margin-bottom: 34px;
    color: var(--ink-muted);
    font-size: 0.8rem;
    font-weight: 680;
    text-decoration: none;
}

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

.back-link[b-zrhpel4ojz]::before {
    margin-right: 8px;
    content: "\2190";
}

.say-heading[b-zrhpel4ojz] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
    padding-bottom: 34px;
    border-bottom: 1px solid var(--line-strong);
}

.say-heading > p[b-zrhpel4ojz] {
    max-width: 42ch;
    margin-bottom: 4px;
    color: var(--ink-muted);
    line-height: 1.6;
    text-align: right;
}

.eyebrow[b-zrhpel4ojz] {
    margin-bottom: 10px;
    color: var(--ink-muted);
    font-size: 0.72rem;
    font-weight: 760;
    text-transform: uppercase;
}

.say-heading h1[b-zrhpel4ojz],
.load-state h1[b-zrhpel4ojz] {
    margin-bottom: 14px;
    font-size: 3rem;
    line-height: 1.05;
    overflow-wrap: anywhere;
}

.target[b-zrhpel4ojz] {
    margin-bottom: 0;
    color: var(--ink-muted);
    font-size: 0.86rem;
}

.target code[b-zrhpel4ojz],
.say-heading code[b-zrhpel4ojz] {
    color: var(--ink-soft);
}

.say-form[b-zrhpel4ojz],
.role-state[b-zrhpel4ojz],
.load-state[b-zrhpel4ojz] {
    margin-top: 52px;
    padding: 30px 0;
    border-top: 1px solid var(--line-strong);
    border-bottom: 1px solid var(--line-strong);
}

.field-group[b-zrhpel4ojz] {
    display: grid;
    gap: 10px;
}

.field-group label[b-zrhpel4ojz] {
    color: var(--ink);
    font-size: 0.82rem;
    font-weight: 720;
}

.field-group textarea[b-zrhpel4ojz] {
    width: 100%;
    min-height: 132px;
    resize: vertical;
    padding: 14px 16px;
    border: 1px solid var(--line-strong);
    border-radius: 4px;
    background: var(--surface);
    color: var(--ink);
    font: inherit;
    line-height: 1.55;
}

.field-group textarea:focus-visible[b-zrhpel4ojz] {
    outline: 2px solid var(--signal-blue);
    outline-offset: 2px;
}

.field-group > span[b-zrhpel4ojz] {
    color: var(--ink-muted);
    font-size: 0.74rem;
}

.confirmation-field[b-zrhpel4ojz] {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    margin-top: 24px;
    color: var(--ink-soft);
    font-size: 0.82rem;
    line-height: 1.55;
}

.confirmation-field input[b-zrhpel4ojz] {
    width: 18px;
    height: 18px;
    margin: 2px 0 0;
    accent-color: var(--signal-blue);
}

.form-actions[b-zrhpel4ojz] {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 30px;
}

.form-actions button[b-zrhpel4ojz] {
    min-height: 42px;
    padding: 10px 18px;
    border: 1px solid var(--ink);
    border-radius: 4px;
    background: var(--ink);
    color: var(--surface);
    font: inherit;
    font-size: 0.82rem;
    font-weight: 720;
    cursor: pointer;
}

.form-actions button:hover[b-zrhpel4ojz] {
    background: var(--ink-soft);
}

.form-actions button:focus-visible[b-zrhpel4ojz],
.form-actions a:focus-visible[b-zrhpel4ojz] {
    outline: 2px solid var(--signal-blue);
    outline-offset: 3px;
}

.form-actions a[b-zrhpel4ojz] {
    color: var(--ink-muted);
    font-size: 0.82rem;
    font-weight: 680;
    text-decoration: none;
}

.form-actions a:hover[b-zrhpel4ojz] {
    color: var(--ink);
}

.result-state[b-zrhpel4ojz] {
    margin-top: 34px;
    padding: 18px 20px;
    border-left: 3px solid var(--signal-red);
    background: var(--surface);
}

.result-state--warning[b-zrhpel4ojz] {
    border-left-color: var(--signal-amber);
}

.result-state strong[b-zrhpel4ojz] {
    color: var(--ink);
    font-size: 0.86rem;
}

.result-state p[b-zrhpel4ojz],
.role-state p[b-zrhpel4ojz],
.load-state p[b-zrhpel4ojz] {
    max-width: 66ch;
    margin: 7px 0 0;
    color: var(--ink-muted);
    line-height: 1.6;
}

.role-state h2[b-zrhpel4ojz],
.load-state h2[b-zrhpel4ojz] {
    margin-bottom: 8px;
    font-size: 1.4rem;
}

@media (max-width: 640px) {
    .say-page[b-zrhpel4ojz] {
        width: min(100% - 28px, 980px);
        padding: 34px 0 76px;
    }

    .say-heading[b-zrhpel4ojz] {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .say-heading > p[b-zrhpel4ojz] {
        text-align: left;
    }

    .say-heading h1[b-zrhpel4ojz],
    .load-state h1[b-zrhpel4ojz] {
        font-size: 2.2rem;
    }

    .say-form[b-zrhpel4ojz],
    .role-state[b-zrhpel4ojz],
    .load-state[b-zrhpel4ojz] {
        margin-top: 38px;
    }

    .form-actions[b-zrhpel4ojz] {
        align-items: stretch;
        flex-direction: column;
    }

    .form-actions button[b-zrhpel4ojz],
    .form-actions a[b-zrhpel4ojz] {
        text-align: center;
    }
}
/* /Components/Pages/Operator/ServerSettings.razor.rz.scp.css */
.settings-page[b-ywui3ynzk5] {
    width: min(100% - 40px, 980px);
    margin: 0 auto;
    padding: 44px 0 96px;
}

.back-link[b-ywui3ynzk5] {
    display: inline-block;
    margin-bottom: 34px;
    color: var(--ink-muted);
    font-size: 0.8rem;
    font-weight: 680;
    text-decoration: none;
}

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

.back-link[b-ywui3ynzk5]::before {
    margin-right: 8px;
    content: "\2190";
}

.settings-heading[b-ywui3ynzk5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.75fr);
    align-items: end;
    gap: 48px;
    padding-bottom: 32px;
    border-bottom: 1px solid var(--line-strong);
}

.eyebrow[b-ywui3ynzk5] {
    margin-bottom: 10px;
    color: var(--ink-muted);
    font-size: 0.72rem;
    font-weight: 760;
    text-transform: uppercase;
}

.settings-heading h1[b-ywui3ynzk5],
.load-state h1[b-ywui3ynzk5] {
    margin-bottom: 12px;
    overflow-wrap: anywhere;
    font-size: 2.55rem;
    line-height: 1.04;
}

.settings-heading > p[b-ywui3ynzk5] {
    margin-bottom: 2px;
    color: var(--ink-muted);
    font-size: 0.9rem;
    line-height: 1.6;
}

.target[b-ywui3ynzk5] {
    margin-bottom: 0;
    color: var(--ink-muted);
    font-size: 0.86rem;
}

.configuration-summary[b-ywui3ynzk5],
.review-summary[b-ywui3ynzk5] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 44px 0 0;
    border-top: 1px solid var(--line-strong);
    border-bottom: 1px solid var(--line-strong);
}

.configuration-summary > div[b-ywui3ynzk5],
.review-summary > div[b-ywui3ynzk5] {
    min-width: 0;
    min-height: 102px;
    padding: 20px;
    border-right: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}

.configuration-summary > div:nth-child(3n)[b-ywui3ynzk5],
.review-summary > div:nth-child(3n)[b-ywui3ynzk5] {
    border-right: 0;
}

.configuration-summary > div:nth-last-child(-n + 3)[b-ywui3ynzk5],
.review-summary > div:nth-last-child(-n + 3)[b-ywui3ynzk5] {
    border-bottom: 0;
}

.configuration-summary dt[b-ywui3ynzk5],
.review-summary dt[b-ywui3ynzk5],
.notes-review > span[b-ywui3ynzk5] {
    margin-bottom: 10px;
    color: var(--ink-muted);
    font-size: 0.69rem;
    font-weight: 720;
    text-transform: uppercase;
}

.configuration-summary dd[b-ywui3ynzk5],
.review-summary dd[b-ywui3ynzk5] {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--ink-soft);
    font-size: 0.84rem;
    font-weight: 680;
}

.configuration-summary code[b-ywui3ynzk5],
.review-summary code[b-ywui3ynzk5] {
    font-size: 0.78rem;
}

.state-enabled[b-ywui3ynzk5] {
    color: var(--signal-green) !important;
}

.state-paused[b-ywui3ynzk5] {
    color: var(--signal-amber) !important;
}

.current-notes[b-ywui3ynzk5],
.locked-state[b-ywui3ynzk5],
.role-state[b-ywui3ynzk5],
.load-state[b-ywui3ynzk5],
.edit-section[b-ywui3ynzk5],
.review-section[b-ywui3ynzk5] {
    margin-top: 38px;
    padding: 30px 0;
    border-top: 1px solid var(--line-strong);
    border-bottom: 1px solid var(--line-strong);
}

.current-notes h2[b-ywui3ynzk5],
.locked-state h2[b-ywui3ynzk5],
.role-state h2[b-ywui3ynzk5],
.section-heading h2[b-ywui3ynzk5] {
    margin-bottom: 9px;
    font-size: 1.4rem;
}

.current-notes > p:last-child[b-ywui3ynzk5],
.locked-state p[b-ywui3ynzk5],
.role-state p[b-ywui3ynzk5],
.load-state p[b-ywui3ynzk5] {
    max-width: 70ch;
    margin-bottom: 0;
    overflow-wrap: anywhere;
    color: var(--ink-muted);
    line-height: 1.6;
    white-space: pre-wrap;
}

.locked-state a[b-ywui3ynzk5] {
    display: inline-block;
    margin-top: 18px;
    font-size: 0.82rem;
    font-weight: 700;
    text-decoration: none;
}

.locked-state a:hover[b-ywui3ynzk5] {
    text-decoration: underline;
}

.section-heading[b-ywui3ynzk5] {
    margin-bottom: 24px;
}

.settings-form[b-ywui3ynzk5],
.settings-confirmation[b-ywui3ynzk5] {
    border-top: 1px solid var(--line-strong);
}

.settings-grid[b-ywui3ynzk5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 24px;
    padding: 28px 0 30px;
    border-bottom: 1px solid var(--line);
}

.form-field[b-ywui3ynzk5] {
    min-width: 0;
    display: grid;
    gap: 8px;
}

.form-field--wide[b-ywui3ynzk5] {
    grid-column: 1 / -1;
}

.form-field label[b-ywui3ynzk5] {
    color: var(--ink-soft);
    font-size: 0.78rem;
    font-weight: 720;
}

.form-field label span[b-ywui3ynzk5] {
    color: var(--ink-muted);
    font-weight: 560;
}

.form-field input[b-ywui3ynzk5],
.form-field textarea[b-ywui3ynzk5] {
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid var(--line-strong);
    border-radius: 4px;
    background: var(--surface);
    color: var(--ink);
    font: inherit;
}

.form-field textarea[b-ywui3ynzk5] {
    min-height: 108px;
    resize: vertical;
}

.form-field input:focus[b-ywui3ynzk5],
.form-field textarea:focus[b-ywui3ynzk5] {
    border-color: var(--signal-blue);
    outline: 2px solid color-mix(in srgb, var(--signal-blue) 24%, transparent);
    outline-offset: 1px;
}

.form-field[b-ywui3ynzk5]  .validation-message,
[b-ywui3ynzk5] .validation-summary {
    color: var(--signal-red);
    font-size: 0.76rem;
    line-height: 1.45;
}

[b-ywui3ynzk5] .validation-summary:empty {
    display: none;
}

.edit-boundary[b-ywui3ynzk5] {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 20px;
    padding: 22px 0;
    border-bottom: 1px solid var(--line);
}

.edit-boundary strong[b-ywui3ynzk5],
.edit-boundary p[b-ywui3ynzk5] {
    margin: 0;
}

.edit-boundary strong[b-ywui3ynzk5] {
    color: var(--signal-amber);
    font-size: 0.8rem;
}

.edit-boundary p[b-ywui3ynzk5] {
    color: var(--ink-muted);
    font-size: 0.82rem;
    line-height: 1.55;
}

.notes-review[b-ywui3ynzk5] {
    padding: 22px 0;
    border-bottom: 1px solid var(--line);
}

.notes-review > span[b-ywui3ynzk5] {
    display: block;
}

.notes-review p[b-ywui3ynzk5] {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--ink-soft);
    font-size: 0.84rem;
    line-height: 1.6;
    white-space: pre-wrap;
}

.settings-confirmation[b-ywui3ynzk5] {
    margin-top: 28px;
    padding-top: 24px;
}

.confirmation-field[b-ywui3ynzk5] {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    color: var(--ink-soft);
    font-size: 0.84rem;
    line-height: 1.55;
}

.confirmation-field input[b-ywui3ynzk5] {
    width: 17px;
    height: 17px;
    margin: 2px 0 0;
    accent-color: var(--signal-blue);
}

.form-actions[b-ywui3ynzk5] {
    display: flex;
    align-items: center;
    gap: 20px;
    padding-top: 24px;
}

.form-actions button[b-ywui3ynzk5] {
    min-height: 42px;
    padding: 10px 16px;
    border: 1px solid var(--signal-blue);
    border-radius: 4px;
    background: var(--signal-blue);
    color: white;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 740;
    cursor: pointer;
}

.form-actions button:hover[b-ywui3ynzk5] {
    filter: brightness(0.92);
}

.form-actions a[b-ywui3ynzk5] {
    color: var(--ink-muted);
    font-size: 0.8rem;
    font-weight: 680;
    text-decoration: none;
}

.form-actions a:hover[b-ywui3ynzk5] {
    color: var(--ink);
}

.form-actions button:focus-visible[b-ywui3ynzk5],
.form-actions a:focus-visible[b-ywui3ynzk5],
.back-link:focus-visible[b-ywui3ynzk5],
.locked-state a:focus-visible[b-ywui3ynzk5] {
    outline: 2px solid var(--signal-blue);
    outline-offset: 3px;
}

.result-state[b-ywui3ynzk5] {
    margin-top: 30px;
    padding: 18px 20px;
    border-left: 3px solid var(--signal-red);
    background: var(--surface);
}

.result-state--success[b-ywui3ynzk5] {
    border-left-color: var(--signal-green);
}

.result-state--warning[b-ywui3ynzk5] {
    border-left-color: var(--signal-amber);
}

.result-state strong[b-ywui3ynzk5],
.result-state p[b-ywui3ynzk5] {
    margin: 0;
}

.result-state p[b-ywui3ynzk5] {
    margin-top: 6px;
    color: var(--ink-muted);
    font-size: 0.82rem;
    line-height: 1.55;
}

@media (max-width: 700px) {
    .settings-page[b-ywui3ynzk5] {
        width: min(100% - 28px, 980px);
        padding: 34px 0 76px;
    }

    .settings-heading[b-ywui3ynzk5],
    .settings-grid[b-ywui3ynzk5],
    .configuration-summary[b-ywui3ynzk5],
    .review-summary[b-ywui3ynzk5] {
        grid-template-columns: 1fr;
    }

    .settings-heading[b-ywui3ynzk5] {
        gap: 16px;
    }

    .settings-heading h1[b-ywui3ynzk5],
    .load-state h1[b-ywui3ynzk5] {
        font-size: 2.15rem;
    }

    .configuration-summary > div[b-ywui3ynzk5],
    .configuration-summary > div:nth-child(3n)[b-ywui3ynzk5],
    .configuration-summary > div:nth-last-child(-n + 3)[b-ywui3ynzk5],
    .review-summary > div[b-ywui3ynzk5],
    .review-summary > div:nth-child(3n)[b-ywui3ynzk5],
    .review-summary > div:nth-last-child(-n + 3)[b-ywui3ynzk5] {
        min-height: 0;
        border-right: 0;
        border-bottom: 1px solid var(--line);
    }

    .configuration-summary > div:last-child[b-ywui3ynzk5],
    .review-summary > div:last-child[b-ywui3ynzk5] {
        border-bottom: 0;
    }

    .form-field--wide[b-ywui3ynzk5] {
        grid-column: auto;
    }

    .edit-boundary[b-ywui3ynzk5] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .form-actions[b-ywui3ynzk5] {
        align-items: stretch;
        flex-direction: column;
    }

    .form-actions button[b-ywui3ynzk5],
    .form-actions a[b-ywui3ynzk5] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Pages/Operator/ServerStatus.razor.rz.scp.css */
.detail-page[b-os0t5zlyjb] {
    width: min(100% - 40px, 1040px);
    margin: 0 auto;
    padding: 44px 0 96px;
}

.back-link[b-os0t5zlyjb] {
    display: inline-block;
    margin-bottom: 34px;
    color: var(--ink-muted);
    font-size: 0.8rem;
    font-weight: 680;
    text-decoration: none;
}

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

.back-link[b-os0t5zlyjb]::before {
    margin-right: 8px;
    content: "\2190";
}

.detail-heading[b-os0t5zlyjb] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
    padding-bottom: 34px;
    border-bottom: 1px solid var(--line-strong);
}

.eyebrow[b-os0t5zlyjb] {
    margin-bottom: 10px;
    color: var(--ink-muted);
    font-size: 0.72rem;
    font-weight: 760;
    text-transform: uppercase;
}

.detail-heading h1[b-os0t5zlyjb],
.detail-state h1[b-os0t5zlyjb] {
    margin-bottom: 14px;
    font-size: 3rem;
    line-height: 1.05;
    overflow-wrap: anywhere;
}

.endpoint[b-os0t5zlyjb] {
    margin-bottom: 0;
    color: var(--ink-muted);
    font-size: 0.86rem;
}

.endpoint code[b-os0t5zlyjb] {
    color: var(--ink-soft);
}

.availability[b-os0t5zlyjb] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding-bottom: 3px;
    color: var(--ink-soft);
    font-size: 0.86rem;
    font-weight: 740;
}

.availability > span[b-os0t5zlyjb] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--ink-muted);
    box-shadow: 0 0 0 5px var(--line);
}

.availability--online > span[b-os0t5zlyjb] {
    background: var(--signal-green);
    box-shadow: 0 0 0 5px var(--signal-green-soft);
}

.availability--offline > span[b-os0t5zlyjb] {
    background: var(--signal-red);
    box-shadow: 0 0 0 5px var(--signal-red-soft);
}

.status-grid[b-os0t5zlyjb] {
    display: grid;
    grid-template-columns: minmax(240px, 0.8fr) minmax(0, 1.5fr);
    border-bottom: 1px solid var(--line-strong);
}

.status-primary[b-os0t5zlyjb] {
    min-height: 270px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px;
    border-right: 1px solid var(--line);
    border-left: 1px solid var(--line);
    background: var(--surface);
}

.status-primary > span[b-os0t5zlyjb],
.status-grid dt[b-os0t5zlyjb] {
    color: var(--ink-muted);
    font-size: 0.7rem;
    font-weight: 720;
    text-transform: uppercase;
}

.status-primary strong[b-os0t5zlyjb] {
    margin: 18px 0 12px;
    font-size: 1.42rem;
    line-height: 1.3;
}

.status-primary p[b-os0t5zlyjb] {
    margin-bottom: 0;
    color: var(--ink-muted);
    font-size: 0.84rem;
    line-height: 1.55;
}

.status-grid dl[b-os0t5zlyjb] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.status-grid dl > div[b-os0t5zlyjb] {
    min-width: 0;
    min-height: 135px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 28px;
    border-right: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    background: var(--surface);
}

.status-grid dl > div:nth-last-child(-n + 2)[b-os0t5zlyjb] {
    border-bottom: 0;
}

.status-grid dd[b-os0t5zlyjb] {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--ink);
    font-size: 1rem;
    font-weight: 700;
}

.latest-round[b-os0t5zlyjb] {
    padding: 34px 0;
    border-bottom: 1px solid var(--line-strong);
}

.latest-round-heading[b-os0t5zlyjb] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}

.latest-round-heading h2[b-os0t5zlyjb] {
    margin: 0;
    font-size: 1.25rem;
}

.latest-round-heading a[b-os0t5zlyjb] {
    flex: 0 0 auto;
    color: var(--ink-soft);
    font-size: 0.82rem;
    font-weight: 720;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}

.latest-round-heading a:hover[b-os0t5zlyjb] {
    color: var(--ink);
}

.latest-round-heading a:focus-visible[b-os0t5zlyjb] {
    outline: 2px solid var(--signal-blue);
    outline-offset: 4px;
}

.latest-round-summary[b-os0t5zlyjb] {
    display: grid;
    grid-template-columns: minmax(220px, 1.4fr) repeat(3, minmax(110px, 0.6fr));
    margin: 0;
    border-top: 1px solid var(--line);
    border-left: 1px solid var(--line);
}

.latest-round-summary > div[b-os0t5zlyjb] {
    min-width: 0;
    min-height: 96px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
    padding: 20px;
    border-right: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    background: var(--surface);
}

.latest-round-summary dt[b-os0t5zlyjb] {
    color: var(--ink-muted);
    font-size: 0.7rem;
    font-weight: 720;
    text-transform: uppercase;
}

.latest-round-summary dd[b-os0t5zlyjb] {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--ink);
    font-size: 0.94rem;
    font-weight: 700;
}

.latest-round-summary code[b-os0t5zlyjb] {
    color: var(--ink-soft);
}

.latest-round-state[b-os0t5zlyjb] {
    margin: 0;
    padding: 20px;
    border-left: 3px solid var(--line-strong);
    background: var(--surface);
    color: var(--ink-muted);
}

.failure-detail[b-os0t5zlyjb],
.notes[b-os0t5zlyjb],
.detail-state[b-os0t5zlyjb] {
    padding: 42px 0;
    border-bottom: 1px solid var(--line-strong);
}

.failure-detail h2[b-os0t5zlyjb],
.notes h2[b-os0t5zlyjb] {
    margin-bottom: 10px;
    font-size: 1.25rem;
}

.failure-detail p:last-child[b-os0t5zlyjb],
.notes p:last-child[b-os0t5zlyjb],
.detail-state p[b-os0t5zlyjb] {
    max-width: 68ch;
    margin-bottom: 0;
    color: var(--ink-muted);
    line-height: 1.65;
}

.monitoring-control[b-os0t5zlyjb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    padding: 32px 0;
    border-bottom: 1px solid var(--line-strong);
}

.monitoring-control h2[b-os0t5zlyjb] {
    margin-bottom: 8px;
    font-size: 1.25rem;
}

.monitoring-control p:last-child[b-os0t5zlyjb] {
    max-width: 62ch;
    margin-bottom: 0;
    color: var(--ink-muted);
    line-height: 1.6;
}

.monitoring-control a[b-os0t5zlyjb] {
    flex: 0 0 auto;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    padding: 10px 18px;
    border: 1px solid var(--ink);
    border-radius: 4px;
    background: var(--ink);
    color: var(--surface);
    font-size: 0.82rem;
    font-weight: 720;
    text-decoration: none;
}

.monitoring-control a:hover[b-os0t5zlyjb] {
    background: var(--ink-soft);
}

.monitoring-control a:focus-visible[b-os0t5zlyjb] {
    outline: 2px solid var(--signal-blue);
    outline-offset: 3px;
}

.monitoring-result[b-os0t5zlyjb] {
    margin-top: 34px;
    padding: 18px 20px;
    border-left: 3px solid var(--signal-green);
    background: var(--surface);
}

.monitoring-result--warning[b-os0t5zlyjb] {
    border-left-color: var(--signal-amber);
}

.monitoring-result strong[b-os0t5zlyjb] {
    color: var(--ink);
    font-size: 0.86rem;
}

.monitoring-result p[b-os0t5zlyjb] {
    max-width: 66ch;
    margin: 7px 0 0;
    color: var(--ink-muted);
    line-height: 1.6;
}

@media (max-width: 760px) {
    .status-grid[b-os0t5zlyjb] {
        grid-template-columns: 1fr;
    }

    .status-primary[b-os0t5zlyjb] {
        min-height: 210px;
        border-right: 1px solid var(--line);
    }

    .latest-round-summary[b-os0t5zlyjb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .detail-page[b-os0t5zlyjb] {
        width: min(100% - 28px, 1040px);
        padding: 34px 0 76px;
    }

    .detail-heading[b-os0t5zlyjb] {
        align-items: flex-start;
        flex-direction: column;
        gap: 24px;
    }

    .monitoring-control[b-os0t5zlyjb] {
        align-items: stretch;
        flex-direction: column;
        gap: 20px;
    }

    .latest-round-heading[b-os0t5zlyjb] {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .monitoring-control a[b-os0t5zlyjb] {
        justify-content: center;
    }

    .detail-heading h1[b-os0t5zlyjb],
    .detail-state h1[b-os0t5zlyjb] {
        font-size: 2.2rem;
    }

    .status-primary[b-os0t5zlyjb] {
        padding: 28px;
    }

    .status-grid dl[b-os0t5zlyjb] {
        grid-template-columns: 1fr;
    }

    .status-grid dl > div[b-os0t5zlyjb],
    .status-grid dl > div:nth-last-child(-n + 2)[b-os0t5zlyjb] {
        min-height: 108px;
        border-bottom: 1px solid var(--line);
    }

    .status-grid dl > div:last-child[b-os0t5zlyjb] {
        border-bottom: 0;
    }

    .latest-round-summary[b-os0t5zlyjb] {
        grid-template-columns: 1fr;
    }

    .latest-round-summary > div[b-os0t5zlyjb] {
        min-height: 88px;
    }
}
/* /Components/Pages/Play.razor.rz.scp.css */
.play-page[b-3k6pplzffk] {
    width: min(100% - 40px, 1180px);
    margin: 0 auto;
    padding: 72px 0 88px;
}

.eyebrow[b-3k6pplzffk] {
    margin-bottom: 14px;
    color: var(--ink-muted);
    font-size: 0.74rem;
    font-weight: 760;
    text-transform: uppercase;
}

.play-hero[b-3k6pplzffk] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    align-items: start;
    gap: 64px;
    padding-bottom: 72px;
}

.play-intro[b-3k6pplzffk] {
    padding-top: 16px;
}

.play-intro h1[b-3k6pplzffk] {
    margin-bottom: 28px;
    font-size: clamp(2.8rem, 5.2vw, 4.5rem);
    font-weight: 760;
    line-height: 1.03;
}

.play-lede[b-3k6pplzffk] {
    max-width: 38ch;
    color: var(--ink-soft);
    font-size: 1.22rem;
    line-height: 1.6;
}

.play-intro__hint[b-3k6pplzffk] {
    max-width: 46ch;
    margin-bottom: 30px;
    color: var(--ink-muted);
    line-height: 1.7;
}

.play-intro__link[b-3k6pplzffk] {
    display: inline-flex;
    gap: 16px;
    align-items: center;
    font-weight: 720;
    text-decoration: none;
}

.join-panel[b-3k6pplzffk] {
    min-width: 0;
    padding: 30px;
    border: 1px solid var(--line-strong);
    background: var(--surface);
}

.join-panel h2[b-3k6pplzffk] {
    margin-bottom: 20px;
    overflow-wrap: anywhere;
    font-size: 1.55rem;
    line-height: 1.25;
}

.join-panel__state[b-3k6pplzffk] {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 8px;
    font-weight: 720;
}

.join-panel__signal[b-3k6pplzffk] {
    width: 10px;
    height: 10px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--signal-amber);
}

.join-panel--online .join-panel__signal[b-3k6pplzffk] {
    background: var(--signal-green);
}

.join-panel--offline .join-panel__signal[b-3k6pplzffk] {
    background: var(--signal-red);
}

.join-panel__detail[b-3k6pplzffk],
.join-panel__observed[b-3k6pplzffk],
.join-panel__command-label[b-3k6pplzffk],
.join-panel__copy-status[b-3k6pplzffk] {
    color: var(--ink-muted);
    font-size: 0.85rem;
    line-height: 1.6;
}

.join-panel__facts[b-3k6pplzffk] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    padding: 20px 0;
    margin: 20px 0 14px;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}

.join-panel__facts dt[b-3k6pplzffk] {
    margin-bottom: 6px;
    color: var(--ink-muted);
    font-size: 0.8rem;
}

.join-panel__facts dd[b-3k6pplzffk] {
    margin: 0;
    overflow-wrap: anywhere;
    font-weight: 720;
}

.join-panel__observed[b-3k6pplzffk] {
    margin-bottom: 22px;
}

.join-panel__steam[b-3k6pplzffk],
.join-panel__copy[b-3k6pplzffk] {
    display: block;
    width: 100%;
    padding: 13px 16px;
    border: 1px solid var(--ink);
    font-size: 0.9rem;
    font-weight: 720;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.join-panel__steam[b-3k6pplzffk] {
    background: var(--ink);
    color: var(--surface);
}

.join-panel__steam:hover[b-3k6pplzffk] {
    background: var(--ink-soft);
}

.join-panel__command-label[b-3k6pplzffk] {
    margin: 22px 0 8px;
}

.join-panel__command[b-3k6pplzffk] {
    display: block;
    padding: 12px 0;
    overflow-wrap: anywhere;
    font-size: 0.9rem;
    line-height: 1.6;
}

.join-panel__copy[b-3k6pplzffk] {
    border-color: var(--line-strong);
    background: var(--surface);
    color: var(--ink-soft);
}

.join-panel__copy:hover[b-3k6pplzffk] {
    background: var(--canvas);
}

.join-panel__copy-status[b-3k6pplzffk] {
    min-height: 1.6em;
    margin: 10px 0 0;
}

.join-panel__notice[b-3k6pplzffk] {
    font-weight: 720;
}

.play-section[b-3k6pplzffk] {
    padding: 50px 0;
    border-top: 1px solid var(--line-strong);
}

.play-section__heading[b-3k6pplzffk] {
    margin-bottom: 30px;
}

.play-section__heading h2[b-3k6pplzffk] {
    margin-bottom: 14px;
    font-size: 2.05rem;
    line-height: 1.2;
}

.play-section__heading > p:last-child:not(.eyebrow)[b-3k6pplzffk] {
    max-width: 65ch;
    margin-bottom: 0;
    color: var(--ink-muted);
    line-height: 1.65;
}

.first-steps[b-3k6pplzffk] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.first-steps li[b-3k6pplzffk] {
    min-width: 0;
}

.step-number[b-3k6pplzffk] {
    display: block;
    margin-bottom: 18px;
    color: var(--signal-green);
    font-size: 1.1rem;
    font-weight: 760;
}

.first-steps h3[b-3k6pplzffk],
.progress-guide h3[b-3k6pplzffk] {
    margin-bottom: 12px;
    font-size: 1.05rem;
    line-height: 1.4;
}

.first-steps p[b-3k6pplzffk],
.progress-guide p[b-3k6pplzffk] {
    margin-bottom: 0;
    color: var(--ink-soft);
    line-height: 1.75;
}

.progress-guide__body[b-3k6pplzffk] {
    display: grid;
    align-items: start;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
}

.progress-guide p + p[b-3k6pplzffk] {
    margin-top: 16px;
}

.progress-guide__saved[b-3k6pplzffk] {
    padding-left: 28px;
    border-left: 2px solid var(--signal-green);
}

.command-guide[b-3k6pplzffk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 40px;
    margin: 0;
}

.command-guide > div[b-3k6pplzffk] {
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr);
    gap: 20px;
    padding: 22px 0;
    border-top: 1px solid var(--line);
}

.command-guide dt[b-3k6pplzffk] {
    color: var(--ink);
    font-weight: 720;
}

.command-guide dd[b-3k6pplzffk] {
    margin: 0;
    color: var(--ink-soft);
    line-height: 1.65;
}

.play-footer-note[b-3k6pplzffk] {
    max-width: 80ch;
    margin: 14px 0 0;
    color: var(--ink-muted);
    font-size: 0.88rem;
    line-height: 1.7;
}

@media (max-width: 920px) {
    .play-hero[b-3k6pplzffk] {
        grid-template-columns: 1fr;
        gap: 38px;
        padding-bottom: 50px;
    }

    .play-intro[b-3k6pplzffk] {
        padding-top: 0;
    }

    .play-intro h1[b-3k6pplzffk] {
        font-size: clamp(2.5rem, 7vw, 4rem);
    }

    .join-panel[b-3k6pplzffk] {
        max-width: 580px;
    }

    .first-steps[b-3k6pplzffk] {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .first-steps li[b-3k6pplzffk] {
        display: flex;
        gap: 22px;
    }

    .step-number[b-3k6pplzffk] {
        margin: 0;
    }

    .progress-guide__body[b-3k6pplzffk],
    .command-guide[b-3k6pplzffk] {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .command-guide[b-3k6pplzffk] {
        gap: 0;
    }
}

@media (max-width: 640px) {
    .play-page[b-3k6pplzffk] {
        width: min(100% - 28px, 1180px);
        padding: 42px 0 64px;
    }

    .play-intro h1[b-3k6pplzffk] {
        font-size: 2.5rem;
    }

    .play-lede[b-3k6pplzffk] {
        font-size: 1.08rem;
    }

    .join-panel[b-3k6pplzffk] {
        padding: 22px;
    }

    .join-panel__facts[b-3k6pplzffk] {
        gap: 14px;
    }

    .play-section[b-3k6pplzffk] {
        padding: 38px 0;
    }

    .play-section__heading h2[b-3k6pplzffk] {
        font-size: 1.7rem;
    }

    .command-guide > div[b-3k6pplzffk] {
        grid-template-columns: 1fr;
        gap: 8px;
    }
}

.join-panel__refresh[b-3k6pplzffk] {
    display: inline-block;
    padding: 10px 14px;
    border: 1px solid var(--line-strong);
    margin-bottom: 8px;
    font-size: 0.85rem;
    text-decoration: none;
}

.join-panel__refresh[aria-disabled="true"][b-3k6pplzffk] {
    opacity: 0.6;
}

.join-panel__refresh-status[b-3k6pplzffk],
.join-panel__warning[b-3k6pplzffk] {
    color: var(--ink-muted);
    font-size: 0.85rem;
    line-height: 1.6;
}

.join-panel__age[b-3k6pplzffk] {
    display: block;
}

.join-panel__warning[hidden][b-3k6pplzffk] {
    display: none;
}

.play-page[b-3k6pplzffk] { overflow-wrap: anywhere; }

.join-panel__help[b-3k6pplzffk] { margin: 20px 0 0; line-height: 1.6; }
.connection-help details[b-3k6pplzffk] { padding: 18px 0; border-top: 1px solid var(--line); }
.connection-help summary[b-3k6pplzffk] { cursor: pointer; font-weight: 720; line-height: 1.6; }
.connection-help details p[b-3k6pplzffk] { max-width: 75ch; margin: 16px 0; color: var(--ink-soft); line-height: 1.75; }
.connection-help details > a[b-3k6pplzffk] { display: inline-block; margin: 4px 0; line-height: 1.6; }
.connection-help summary:focus-visible[b-3k6pplzffk],
#connection:focus-visible[b-3k6pplzffk],
#connection-help:focus-visible[b-3k6pplzffk],
#first-steps:focus-visible[b-3k6pplzffk] { outline: 3px solid var(--focus); outline-offset: 3px; }

.rank-guide-table[b-3k6pplzffk] { width: 100%; margin: 24px 0; border-collapse: collapse; table-layout: fixed; }
.rank-guide-table caption[b-3k6pplzffk] { margin-bottom: 12px; text-align: left; color: var(--ink); font-weight: 720; }
.rank-guide-table th[b-3k6pplzffk],
.rank-guide-table td[b-3k6pplzffk] { padding: 12px 10px; border-bottom: 1px solid var(--line); text-align: left; line-height: 1.6; }
.rank-guide-table thead th[b-3k6pplzffk] { color: var(--ink-soft); font-size: 0.85rem; }
.rank-guide-table tbody td[b-3k6pplzffk] { color: var(--signal-green); font-variant-numeric: tabular-nums; }
#ranks:focus-visible[b-3k6pplzffk] { outline: 3px solid var(--focus); outline-offset: 3px; }
/* /Components/Shared/AccessBoundary.razor.rz.scp.css */
.access-boundary[b-mvkrgo1q2v] {
    width: min(100% - 40px, 720px);
    margin: 0 auto;
    padding: 96px 0 120px;
}

.eyebrow[b-mvkrgo1q2v] {
    margin-bottom: 12px;
    color: var(--ink-muted);
    font-size: 0.74rem;
    font-weight: 760;
    text-transform: uppercase;
}

.access-boundary h1[b-mvkrgo1q2v] {
    margin-bottom: 16px;
    font-size: 2.8rem;
    line-height: 1.08;
}

.access-boundary p:not(.eyebrow)[b-mvkrgo1q2v] {
    max-width: 52ch;
    margin-bottom: 28px;
    color: var(--ink-muted);
    line-height: 1.65;
}

.primary-action[b-mvkrgo1q2v],
.secondary-action[b-mvkrgo1q2v] {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    border: 1px solid var(--ink);
    border-radius: 4px;
    font-size: 0.84rem;
    font-weight: 720;
    text-decoration: none;
}

.primary-action[b-mvkrgo1q2v] {
    background: var(--ink);
    color: var(--surface);
}

.secondary-action[b-mvkrgo1q2v] {
    background: var(--surface);
    color: var(--ink);
}

.primary-action:focus-visible[b-mvkrgo1q2v],
.secondary-action:focus-visible[b-mvkrgo1q2v] {
    outline: 3px solid var(--focus);
    outline-offset: 4px;
}

@media (max-width: 640px) {
    .access-boundary[b-mvkrgo1q2v] {
        width: min(100% - 28px, 720px);
        padding: 64px 0 88px;
    }

    .access-boundary h1[b-mvkrgo1q2v] {
        font-size: 2rem;
    }
}
/* /Components/Shared/PlayerSearch.razor.rz.scp.css */
.player-search[b-qzfo529r5f] { margin-top: 40px; scroll-margin-top: 24px; padding: 28px; border: 1px solid var(--line-strong); border-radius: 16px; background: var(--surface); color: var(--ink); }
.player-search h2[b-qzfo529r5f] { margin-top: 0; }
.player-search p[b-qzfo529r5f] { line-height: 1.6; color: var(--ink-soft); }
.player-search label[b-qzfo529r5f] { display: block; margin: 20px 0 8px; font-weight: 700; }
.player-search-controls[b-qzfo529r5f] { display: flex; gap: 12px; }
.player-search[b-qzfo529r5f]  select { width: 100%; max-width: 100%; padding: 12px; border: 1px solid var(--line-strong); border-radius: 6px; background: var(--canvas); color: var(--ink); font: inherit; }
.player-search-controls[b-qzfo529r5f]  input { min-width: 0; flex: 1; padding: 12px; border: 1px solid var(--line-strong); border-radius: 6px; background: var(--canvas); color: var(--ink); font: inherit; }
.player-search button[b-qzfo529r5f] { padding: 12px 24px; border: 0; border-radius: 6px; background: var(--signal-green); color: var(--surface); font: inherit; font-weight: 700; cursor: pointer; }
.player-search button:disabled[b-qzfo529r5f] { background: var(--line-strong); color: var(--ink-soft); cursor: not-allowed; }
.player-search[b-qzfo529r5f]  select:focus-visible, .player-search button:focus-visible[b-qzfo529r5f], .player-search-controls[b-qzfo529r5f]  input:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
.player-search .player-search-message[b-qzfo529r5f] { margin: 20px 0; color: var(--ink); }
.player-search-results[b-qzfo529r5f] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; padding: 0; list-style: none; }
.player-search-result[b-qzfo529r5f] { min-width: 0; padding: 20px; background: var(--canvas); border-radius: 10px; overflow-wrap: anywhere; }
.player-search-result h3[b-qzfo529r5f] { margin: 0 0 12px; font-size: 1.15rem; }
.player-search-result .player-search-rank[b-qzfo529r5f] { margin: 0; color: var(--signal-green); font-weight: 700; }
.player-search-result .player-search-progress[b-qzfo529r5f] { margin-top: 4px; }
.player-search-result dl[b-qzfo529r5f] { display: flex; flex-wrap: wrap; gap: 24px; margin-bottom: 0; }
.player-search-result dt[b-qzfo529r5f] { color: var(--ink-soft); }
.player-search-result dd[b-qzfo529r5f] { margin: 4px 0 0; font-size: 1.3rem; font-weight: 700; }
.player-search .player-search-capture[b-qzfo529r5f] { font-size: 0.875rem; }
.player-search-notice[b-qzfo529r5f] { border-left: 3px solid var(--signal-green); padding-left: 12px; }
@media (max-width: 640px) {
    .player-search[b-qzfo529r5f] { padding: 20px 16px; }
    .player-search-controls[b-qzfo529r5f] { flex-direction: column; }
    .player-search-results[b-qzfo529r5f] { grid-template-columns: minmax(0, 1fr); }
}
/* /Components/Shared/PublicLanguageSwitch.razor.rz.scp.css */
.public-language[b-32mhdcr4oo] { display: flex; justify-content: flex-end; gap: 8px; margin-bottom: 24px; }
.public-language a[b-32mhdcr4oo] { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; border: 1px solid var(--line); border-radius: 6px; font-weight: 700; text-decoration: none; }
.public-language a[aria-current="true"][b-32mhdcr4oo] { color: var(--signal-green); border-color: currentColor; }
.public-language a:focus-visible[b-32mhdcr4oo] { outline: 2px solid var(--signal-green); outline-offset: 3px; }
/* /Components/Shared/ServerSectionNav.razor.rz.scp.css */
.section-nav[b-3rvlouuzz1] {
    min-height: 52px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    column-gap: clamp(14px, 3.5vw, 28px);
    row-gap: 0;
    border-bottom: 1px solid var(--line-strong);
}

.section-nav a[b-3rvlouuzz1] {
    position: relative;
    display: inline-flex;
    align-items: center;
    color: var(--ink-muted);
    font-size: 0.82rem;
    font-weight: 700;
    text-decoration: none;
}

.section-nav a.active[b-3rvlouuzz1] {
    color: var(--ink);
}

.section-nav a.active[b-3rvlouuzz1]::after {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 2px;
    background: var(--signal-green);
    content: "";
}

.section-nav a:focus-visible[b-3rvlouuzz1] {
    outline: 3px solid var(--focus);
    outline-offset: 4px;
}
