.status-up{--status:#10b981;--status-text:var(--color-good);--status-bg:var(--color-good-bg);--status-line:var(--color-good-line)}.status-degraded{--status:#f59e0b;--status-text:var(--color-warn);--status-bg:var(--color-warn-bg);--status-line:var(--color-warn-line)}.status-down{--status:#ef4444;--status-text:var(--color-bad);--status-bg:var(--color-bad-bg);--status-line:var(--color-bad-line)}.status-none{--status:#94a3b8;--status-text:var(--color-slatey);--status-bg:var(--color-paper);--status-line:var(--color-hairline)}.status-banner{border:1px solid var(--status-line);background:var(--status-bg);max-width:48rem;color:var(--status-text);border-radius:18px;align-items:center;gap:16px;padding:16px 20px;animation:.5s ease-out both status-rise;display:flex}.status-banner-up{--status-line:var(--color-good-line);--status-bg:var(--color-good-bg);--status-text:var(--color-good)}.status-banner-degraded{--status-line:var(--color-warn-line);--status-bg:var(--color-warn-bg);--status-text:var(--color-warn)}.status-banner-down{--status-line:var(--color-bad-line);--status-bg:var(--color-bad-bg);--status-text:var(--color-bad)}.status-banner-none{--status-line:var(--color-hairline);--status-bg:#fff;--status-text:var(--color-slatey)}.status-beacon{background:var(--status);width:18px;height:18px;box-shadow:0 0 0 4px color-mix(in srgb, var(--status) 22%, transparent);border-radius:999px;flex:none;position:relative}.status-beacon>span{border-radius:inherit;background:var(--status);animation:2.4s ease-out infinite status-breathe;position:absolute;inset:0}.status-map-panel{background:radial-gradient(120% 90% at 50% 0,#12304a 0%,#0b1626 55%,#070e1a 100%);border-radius:24px;padding:clamp(12px,3vw,32px);overflow:hidden;box-shadow:0 20px 50px -24px #0f17298c}.status-land{fill:none;stroke:#33506f;stroke-width:.52px;stroke-linecap:round}.status-arc{fill:none;stroke:#5eead4;stroke-width:.28px;stroke-linecap:round;stroke-dasharray:1.2 2.2;opacity:.8;animation:3s linear infinite status-flow}.status-core{fill:var(--status);stroke:#0b1626;stroke-width:.3px}.status-pulse{fill:var(--status);opacity:0;transform-box:fill-box;transform-origin:50%;animation:2.4s ease-out infinite status-ping}.status-chip{white-space:nowrap;color:#e2e8f0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#070e1ac7;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:700;animation:.6s ease-out both status-rise}.status-chip-dot{background:var(--status);border-radius:999px;width:7px;height:7px}.status-pill{border:1px solid var(--status-line);background:var(--status-bg);color:var(--status-text);border-radius:999px;align-items:center;gap:7px;padding:3px 11px;font-size:13px;font-weight:800;display:inline-flex}.status-pill-dot{background:var(--status);border-radius:999px;width:8px;height:8px;animation:2.4s ease-in-out infinite status-blink}.status-bar{animation:.4s ease-out both status-fade}.status-bar:hover{filter:brightness(.85)}.status-bar-up{background:#34d399}.status-bar-degraded{background:#fbbf24}.status-bar-down{background:#f87171}.status-bar-none{background:var(--color-hairline)}@keyframes status-ping{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(4.2)}}@keyframes status-breathe{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}@keyframes status-blink{0%,to{opacity:1}50%{opacity:.45}}@keyframes status-flow{to{stroke-dashoffset:-6.8px}}@keyframes status-fade{0%{opacity:0}}@keyframes status-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}