.server-panel{max-width:1440px;margin:0 auto;color:#18314d}
.server-panel h2{font-size:18px;margin:0 0 12px}.server-panel p{line-height:1.6}
.sp-toolbar,.sp-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.sp-toolbar{margin-bottom:12px}.sp-toolbar p,.sp-muted,.sp-footnote{color:#5c6d83;font-size:13px;margin:4px 0 12px}
.sp-connection{padding:12px 16px;border-radius:10px;margin-bottom:16px;background:#eef3fa;font-size:13px}
.sp-connection.disconnected{background:#fff0ed;color:#992d1d;border:2px solid #db705e}
.sp-overall{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;background:#edf8f5;border:1px solid #b8e1d5;border-radius:14px;margin-bottom:16px}
.sp-overall h2{font-size:24px;margin:8px 0}.sp-overall p{margin:0;font-size:13px}.sp-kicker{font-size:11px;letter-spacing:1.5px;font-weight:700;color:#40645e}
.sp-pill{display:inline-block;font-size:12px;border-radius:20px;padding:4px 10px;background:#edf2f7;white-space:nowrap}
.sp-pill.healthy{background:#d8f3e9;color:#0b684c}.sp-pill.warning{background:#fff0c9;color:#86550c}.sp-pill.critical{background:#ffe0db;color:#a52e1b}
.sp-overall.warning{background:#fff9eb;border-color:#edd397}.sp-overall.critical{background:#fff1ef;border-color:#ebafa2}
.sp-notice{padding:14px 18px;background:#eff5ff;color:#305789;border-radius:10px;font-size:13px;margin-bottom:16px}
.sp-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}
.sp-metric,.sp-section{background:white;border:1px solid #dfe7f1;border-radius:12px;padding:20px;min-width:0}
.sp-metric h3{font-size:13px;color:#627389;margin:0 0 14px;font-weight:500}.sp-metric>strong{display:block;font-size:30px;line-height:1.25;font-variant-numeric:tabular-nums}
.sp-metric p{font-size:12px;color:#627389;margin:12px 0 0}.sp-metric.warning{border-top:3px solid #e9b442}.sp-metric.critical{border-top:3px solid #d45b4e}
.sp-section{margin-bottom:20px}.sp-section-head a{font-size:13px}.sp-alerts{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.sp-alerts li{padding:12px 16px;background:#fff9eb;border-left:3px solid #e4b048;border-radius:6px;font-size:13px}
.sp-alerts li.critical{background:#fff1ef;border-color:#d56a55}.sp-alerts p{margin:5px 0 0;color:#596575}
.sp-table-wrap{overflow:auto}.server-panel table{width:100%;border-collapse:collapse;font-size:13px}.server-panel th{background:#f5f8fc;text-align:left;font-weight:500;color:#61758c}
.server-panel th,.server-panel td{padding:14px 12px;border-bottom:1px solid #edf1f5;white-space:nowrap}.server-panel td small{display:block;margin-top:6px;color:#61758c}
.sp-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sp-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:18px 0}.sp-facts dt{font-size:12px;color:#61758c}.sp-facts dd{font-size:24px;font-weight:600;margin:7px 0 0}
.sp-backup{border-bottom:1px solid #edf1f5;padding:12px 0}.sp-backup strong{font-size:14px;margin-right:14px}.sp-backup p{font-size:12px;color:#61758c;margin:5px 0}
.sp-stale{opacity:.6;filter:grayscale(1)}.sp-footnote{padding:0 3px 20px}
@media(max-width:1050px){.sp-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-columns{grid-template-columns:1fr}}
@media(max-width:650px){.sp-metrics{grid-template-columns:1fr}.sp-overall{padding:18px;align-items:flex-start;flex-direction:column}.sp-metric>strong{font-size:26px}.sp-facts{grid-template-columns:repeat(2,1fr)}}