.status-hero--online{--st:#30d68f;--st-rgb:48, 214, 143}.status-hero--offline{--st:#ee4d63;--st-rgb:238, 77, 99}.status-hero__aura{background:radial-gradient(52% 66% at 20% 26%, rgba(var(--st-rgb,48, 214, 143), .16), transparent 70%);transition:background .35s}.status-refresh.is-busy svg{animation:1s linear infinite sky-spin}.status-wrap{grid-template-columns:minmax(0,1.28fr) minmax(0,1fr);align-items:start;gap:clamp(16px,2.2vw,26px);padding-block:clamp(28px,3.6vw,52px) clamp(56px,7vw,96px);display:grid}.status-main,.status-aside{flex-direction:column;gap:16px;display:flex}.status-overview{--st:#30d68f;--st-rgb:48, 214, 143;transition:border-color .35s}.status-overview--online{border-color:#30d68f57}.status-overview--offline{--st:#ee4d63;--st-rgb:238, 77, 99;border-color:#ee4d6357}.status-overview .sky-edge__in{background:linear-gradient(150deg, rgba(var(--st-rgb), .08), var(--surface-card) 52%);padding:clamp(26px,3vw,42px);transition:background .35s}.status-overview__rail{background:var(--st);width:4px}.status-overview__copy{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.status-signal{background:rgba(var(--st-rgb), .14);border-radius:50%;flex:none;justify-content:center;align-items:center;width:58px;height:58px;animation:2.6s ease-in-out infinite sky-pulse-green;display:inline-flex}.status-overview--offline .status-signal{animation-name:sky-pulse-red}.status-signal i{background:var(--st);border-radius:50%;width:16px;height:16px}.status-label{color:var(--st);font-size:12.5px;font-weight:700;display:block}.status-overview h2{font:800 clamp(22px, 2.8vw, 34px)/1.28 var(--font-display);color:var(--text-strong);margin:6px 0 0}.status-overview p[data-status-summary]{color:var(--text-sub);max-width:64ch;margin:18px 0 0;font-size:16px;line-height:1.9}.status-metrics{border-top:1px solid #8ca8b829;flex-wrap:wrap;gap:26px;margin-top:26px;padding-top:22px;display:flex}.status-metric span{color:var(--text-muted);font-size:12.5px;display:block}.status-metric__v{font:600 clamp(34px, 4.4vw, 54px)/1.1 var(--font-mono);color:var(--st);margin-top:4px;display:block}.status-metric__v--cap{color:var(--text-strong)}.status-metrics__sep{background:#8ca8b829;align-self:stretch;width:1px}.status-fill{flex-direction:column;flex:1;justify-content:flex-end;min-width:200px;display:flex}.status-fill__head{color:var(--text-dim);justify-content:space-between;gap:10px;margin-bottom:8px;font-size:12.5px;display:flex}.status-fill__head .num{color:var(--text-muted);font-weight:600}.status-fill__bar{background:var(--bg-well);border:1px solid #8ca8b829;height:10px;overflow:hidden}.status-fill__bar i{background:linear-gradient(90deg, #0a5c61, var(--st));height:100%;transition:width .5s var(--ease-ignite), background .35s;display:block}.status-overview--offline .status-fill__bar i{background:linear-gradient(90deg,#5a1e28,#ee4d63)}.status-host{font:500 12.5px var(--font-mono);color:var(--text-dim);direction:ltr;unicode-bidi:isolate;margin-top:18px;display:inline-block}.status-systems{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.status-system{background:var(--surface-card);border:1px solid #8ca8b829;flex-direction:column;gap:6px;padding:24px;display:flex;position:relative}.status-system .sky-rail{background:var(--color-success)}.status-system:has(.is-offline) .sky-rail{background:var(--color-danger)}.status-system__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.status-system em{border-radius:var(--radius-full);flex:none;padding:5px 12px;font-size:11.5px;font-style:normal;font-weight:700}.status-system em.is-online{color:var(--color-success);background:#30d68f24}.status-system em.is-offline{color:var(--sky-gold);background:#f0c07024}.status-system b{font:700 18px var(--font-body);color:var(--text-strong);margin-top:8px}.status-system small{color:var(--text-muted);font-size:14px;line-height:1.8}.status-facts{background:var(--surface-card);border:1px solid #8ca8b829;padding:clamp(22px,2.4vw,28px)}.status-facts h3,.status-connect h3{margin:9px 0 18px}.status-facts__rows>div{border-bottom:1px solid var(--line-soft);justify-content:space-between;gap:12px;padding:12px 0;font-size:14px;display:flex}.status-facts__rows>div:last-child{border-bottom:none}.status-facts__rows span{color:var(--text-muted)}.status-facts__rows b{color:var(--text-strong);font-weight:600}.status-facts__rows b .num{font-size:13px;font-weight:500}.status-facts__state{color:var(--st,var(--color-success))}.status-root:has(.status-overview--offline) .status-facts__state{color:var(--color-danger)}.status-facts__count{color:var(--sky-cyan)}.status-note{color:var(--text-dim);margin:12px 0 0;font-size:12.5px;line-height:1.8}.status-note+.status-note{margin-top:6px}.status-connect .sky-edge__in{background:linear-gradient(160deg, #17e1db1a, var(--surface-card) 54%);padding:clamp(22px,2.4vw,28px)}.status-connect h3{margin-bottom:12px}.status-connect p{color:var(--text-muted);margin:0 0 16px;font-size:14.5px;line-height:1.85}.status-connect__copy{justify-content:space-between;width:100%}.status-actions{flex-direction:column;gap:10px;margin-top:18px;display:flex}@media (width<=1000px){.status-wrap,.status-systems{grid-template-columns:minmax(0,1fr)}}
