.server-status{margin:1.8rem 0;padding:1.2rem;border:1px solid var(--line);border-top:2px solid var(--gold);background:#14161580}
.server-status h2{font-size:1.1rem;letter-spacing:.04em}
.server-status-values{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}
.server-status-values>div+div{border-left:1px solid var(--line);padding-left:1rem}
.server-status dt{font-size:.8125rem;color:var(--muted)}
.server-status dd{margin:.15rem 0 0;font-size:clamp(1.1rem,2vw,1.5rem);font-variant-numeric:tabular-nums;line-height:1.5;overflow-wrap:anywhere}
.status-dot{display:inline-block;vertical-align:middle;width:8px;height:8px;margin-right:.5rem;border-radius:50%;background:var(--muted)}
.server-status[data-state="online"] .status-dot{background:#9cd7a0;box-shadow:0 0 0 4px #9cd7a015}
.server-status[data-state="offline"] .status-dot{background:#f4a89e}
.server-status[data-state="loading"] .status-dot{background:var(--gold)}
.server-status-footer{display:flex;align-items:center;gap:1rem;border-top:1px solid var(--line);padding-top:.8rem}
.server-status-note{flex:1;font-size:.8125rem;color:var(--muted);line-height:1.6}
.server-status-refresh{flex-shrink:0;min-height:44px;padding:.4rem .7rem;border:1px solid var(--line);background:transparent;color:var(--gold);font-size:.8125rem}
.server-status-refresh:hover{border-color:var(--gold)}
.server-status-refresh:disabled{opacity:.65;cursor:wait}
@media(max-width:380px){.server-status{padding:1rem}.server-status-footer{align-items:flex-start;flex-direction:column;gap:.5rem}}