.server-monitor{gap:18px;display:grid}.server-monitor-page-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.server-monitor-polling-note{color:var(--muted);font-size:12px}.server-monitor-summary{border:1px solid var(--line);border-radius:var(--neo-radius-small);background:color-mix(in srgb, var(--surface) 92%, var(--brand-soft));box-shadow:var(--neo-shadow-soft);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.server-monitor-summary>div:first-child,.server-monitor-summary-meta,.server-monitor-status,.server-monitor-card-heading,.server-monitor-service-main,.server-monitor-service-meta,.server-monitor-no-alerts,.server-monitor-inline-error,.server-monitor-loading,.server-monitor-empty,.server-monitor-details-note{align-items:center;display:flex}.server-monitor-summary>div:first-child{gap:12px;min-width:0}.server-monitor-summary strong{color:var(--text);font-size:14px}.server-monitor-summary-meta{color:var(--muted);text-align:right;justify-content:flex-end;gap:12px;font-size:12px}.server-monitor-summary-meta span+span:before{content:"·";color:var(--line-strong);margin-right:12px}.server-monitor-status{width:fit-content;color:var(--muted);white-space:nowrap;flex:none;gap:6px;font-size:11px;font-weight:800}.server-monitor-status.is-operational{color:var(--status-check)}.server-monitor-status.is-attention{color:var(--amber)}.server-monitor-status.is-critical{color:var(--rose)}.server-monitor-status.is-no_data,.server-monitor-status.is-not_monitored{color:var(--muted)}.server-monitor-inline-error{border:1px solid color-mix(in srgb, var(--amber) 32%, var(--line));border-radius:var(--radius);background:color-mix(in srgb, var(--amber) 8%, var(--surface));color:var(--amber);gap:8px;padding:10px 12px;font-size:13px}.server-monitor-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.server-monitor-card{border:1px solid var(--line);border-radius:var(--neo-radius-small);background:var(--surface);min-width:0;box-shadow:var(--neo-shadow-soft);gap:9px;padding:16px;display:grid}.server-monitor-card-heading{min-width:0;color:var(--muted);gap:8px;font-size:12px;font-weight:800}.server-monitor-card-heading>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.server-monitor-card-heading .server-monitor-status{margin-left:auto}.server-monitor-card-icon{background:var(--brand-soft);width:30px;height:30px;color:var(--brand-strong);border-radius:9px;flex:none;place-items:center;display:grid}.server-monitor-card-value{color:var(--text);letter-spacing:-.04em;font-size:clamp(24px,2.4vw,32px);line-height:1}.server-monitor-card-supporting,.server-monitor-card-footer{min-height:18px;color:var(--muted);font-size:12px;line-height:1.45}.server-monitor-card-footer{color:color-mix(in srgb, var(--muted) 84%, var(--text))}.server-monitor-progress{background:var(--surface-3);border-radius:999px;height:6px;overflow:hidden}.server-monitor-progress span{border-radius:inherit;background:var(--brand);height:100%;display:block}.server-monitor-progress-empty{height:18px;color:var(--muted);font-size:11px}.server-monitor-service-list,.server-monitor-alert-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.server-monitor-service-row{border-bottom:1px solid var(--line);gap:8px;padding:13px 0;display:grid}.server-monitor-service-row:first-child,.server-monitor-alert-row:first-child{padding-top:0}.server-monitor-service-row:last-child,.server-monitor-alert-row:last-child{border-bottom:0;padding-bottom:0}.server-monitor-service-main{justify-content:space-between;gap:12px}.server-monitor-service-main>div:first-child{gap:3px;min-width:0;display:grid}.server-monitor-service-main strong{color:var(--text);font-size:14px}.server-monitor-service-main span,.server-monitor-service-meta,.server-monitor-alert-row span,.server-monitor-alert-row small{color:var(--muted);font-size:12px;line-height:1.45}.server-monitor-service-meta{flex-wrap:wrap;gap:10px 16px}.server-monitor-service-meta .is-stale{color:var(--amber)}.server-monitor-alert-row{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;padding:13px 0;display:grid}.server-monitor-alert-row>svg{margin-top:2px}.server-monitor-alert-row>div{gap:3px;min-width:0;display:grid}.server-monitor-alert-row strong{color:var(--text);font-size:14px}.server-monitor-alert-row.is-attention>svg,.server-monitor-alert-row.is-attention .server-monitor-alert-severity{color:var(--amber)}.server-monitor-alert-row.is-critical>svg,.server-monitor-alert-row.is-critical .server-monitor-alert-severity{color:var(--rose)}.server-monitor-alert-severity{white-space:nowrap;font-size:11px;font-weight:800}.server-monitor-no-alerts{color:var(--status-check);gap:9px;font-size:13px}.server-monitor-traffic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.server-monitor-traffic-grid>div{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);gap:5px;padding:12px;display:grid}.server-monitor-traffic-grid span,.server-monitor-details-grid span{color:var(--muted);font-size:12px}.server-monitor-traffic-grid strong{color:var(--text);font-size:19px}.server-monitor-details{border:1px solid var(--line);border-radius:var(--neo-radius-small);background:var(--surface);box-shadow:var(--neo-shadow-soft)}.server-monitor-details summary{cursor:pointer;color:var(--text);padding:15px 16px;font-size:14px;font-weight:800}.server-monitor-details summary:focus-visible{outline:2px solid var(--brand);outline-offset:-3px}.server-monitor-details-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 16px 16px;display:grid}.server-monitor-details-grid>div{gap:4px;min-width:0;display:grid}.server-monitor-details-grid strong{overflow-wrap:anywhere;color:var(--text);font-size:13px;line-height:1.4}.server-monitor-details-note{border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);align-items:flex-start;gap:8px;margin:0 16px 14px;padding:10px 11px;font-size:12px;line-height:1.5}.server-monitor-details-note svg{color:var(--brand-strong);flex:none;margin-top:2px}.server-monitor-details-note code{color:var(--text);font-size:11px}.server-monitor-thresholds{flex-wrap:wrap;gap:8px;padding:0 16px 16px;display:flex}.server-monitor-thresholds span{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:5px 8px;font-size:11px}.server-monitor-loading,.server-monitor-empty{min-height:110px;color:var(--muted);text-align:center;justify-content:center;gap:10px}.server-monitor-loading svg{color:var(--brand-strong);animation:1.3s ease-in-out infinite server-monitor-pulse}.server-monitor-empty{text-align:left;justify-content:flex-start}.server-monitor-empty>svg{color:var(--rose);flex:none}.server-monitor-empty>div{gap:4px;min-width:0;display:grid}.server-monitor-empty strong{color:var(--text)}.server-monitor-empty p{color:var(--muted);font-size:13px}.server-monitor-empty .secondary-button{margin-left:auto}@keyframes server-monitor-pulse{50%{opacity:.45}}@media (width<=1100px){.server-monitor-metric-grid,.server-monitor-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.server-monitor-summary,.server-monitor-service-main{flex-direction:column;align-items:flex-start}.server-monitor-summary-meta{text-align:left;flex-wrap:wrap;justify-content:flex-start}.server-monitor-summary-meta span+span:before{display:none}.server-monitor-page-actions{justify-content:flex-start}.server-monitor-traffic-grid,.server-monitor-details-grid{grid-template-columns:1fr}.server-monitor-alert-row{grid-template-columns:auto minmax(0,1fr)}.server-monitor-alert-severity{grid-column:2}.server-monitor-empty{flex-wrap:wrap;align-items:flex-start}.server-monitor-empty .secondary-button{margin-left:30px}}@media (width<=520px){.server-monitor-metric-grid{grid-template-columns:1fr}.server-monitor-polling-note{width:100%}}@media (prefers-reduced-motion:reduce){.server-monitor-loading svg,.server-monitor-progress span{animation:none}}