.server-monitor{--monitor-tone:#b8c4bb;color:#d7e6db;background:#07100b;border:1px solid #35503e;border-left:4px solid var(--monitor-tone);padding:13px 16px;margin:0 0 20px;font-family:ui-monospace,Consolas,monospace;font-size:13px;line-height:1.55;overflow-wrap:anywhere}
.server-monitor[data-monitor-state="healthy"]{--monitor-tone:#9cdda3}
.server-monitor[data-monitor-state="degraded"]{--monitor-tone:#ffc978}
.server-monitor[data-monitor-state="critical"]{--monitor-tone:#ffa8a8}
.monitor-bar{display:flex;align-items:baseline;justify-content:space-between;gap:8px 20px;flex-wrap:wrap}
.monitor-title{color:var(--monitor-tone);font-size:13px;margin:0;font-weight:bold;letter-spacing:.04em}
.server-monitor a{color:#b0eaff;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.server-monitor a:focus-visible{outline:2px solid #b0eaff;outline-offset:4px}
.server-monitor p{margin:5px 0}
.server-monitor time,.monitor-note{display:block;color:#bac8be;font-size:12px}
.server-monitor [hidden]{display:none!important}
.monitor-hub{max-width:1564px;margin:12px auto;padding-left:16px;padding-right:16px}
.monitor-hub .server-monitor{margin-bottom:0}
.monitor-detail h2{font-size:18px;margin:26px 0 12px;color:#e1f5e6}
.monitor-services{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.monitor-service,.monitor-incident{border:1px solid #35503e;padding:13px;margin:0;background:#0c1810}
.monitor-service-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px 15px;flex-wrap:wrap}
.monitor-pill{font-size:12px;color:#c9d1cc}
[data-status="healthy"] .monitor-pill{color:#9cdda3}
[data-status="degraded"] .monitor-pill{color:#ffc978}
[data-status="critical"] .monitor-pill{color:#ffa8a8}
.monitor-incidents{list-style:none;display:grid;gap:12px;margin:0;padding:0}
.monitor-incident[data-status="degraded"]{border-left:3px solid #ffc978}
.monitor-incident[data-status="healthy"]{border-left:3px solid #9cdda3}
@media(max-width:650px){.monitor-services{grid-template-columns:1fr}.server-monitor{padding:12px}.monitor-hub{padding-left:10px;padding-right:10px}}