/* Server performance page (#server-perf, admin R7 + S2). Shared panel / section-heading styles come from style.css. */
.server-perf-admin .actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.server-perf-ranges{display:flex;gap:4px;flex-wrap:wrap}
.server-perf-ranges button[aria-pressed="true"]{background:#4f923e;border-color:#3f7a31;color:#fff}
.server-perf-admin h3{margin:18px 0 8px}
.server-perf-health{display:grid;gap:10px}
.server-perf-host{padding:10px 12px;border-radius:10px;border:1px solid rgba(110,80,40,.22);background:rgba(255,250,240,.6);min-width:0}
.server-perf-host-name{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-size:.95rem;overflow-wrap:anywhere}
.server-perf-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#c9b8a6;border:1px solid #a8927c;flex:none}
.server-perf-dot.on{background:#54b448;border-color:#409c3b}
.server-perf-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}
.server-perf-card{padding:8px 10px;border-radius:8px;border:1px solid rgba(110,80,40,.2);background:rgba(255,252,246,.85);min-width:0}
.server-perf-card h4{margin:0 0 2px;font-size:.8rem;font-weight:600;color:#7a6a5c}
.server-perf-card .server-perf-main{margin:0;font-size:1rem;font-weight:700;overflow-wrap:anywhere}
.server-perf-card .muted{margin:2px 0 0;font-size:.78rem;overflow-wrap:anywhere}
.server-perf-card.server-perf-good{border-color:#7fb27a;background:#eef7ec}
.server-perf-card.server-perf-bad{border-color:#e3a395;background:#fdf0ed}
.server-perf-columns{display:grid;grid-template-columns:repeat(var(--server-perf-columns,1),minmax(0,1fr));gap:12px;align-items:start}
.server-perf-column{min-width:0;display:grid;gap:10px}
.server-perf-chart{margin:0;padding:8px 10px 6px;border-radius:10px;border:1px solid rgba(110,80,40,.2);background:#fffaf0;min-width:0}
.server-perf-chart figcaption{font-size:.88rem}
.server-perf-legend{list-style:none;margin:4px 0;padding:0;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:.78rem;color:#5b4a3e}
.server-perf-legend li{display:flex;align-items:center;gap:4px}
.server-perf-swatch{display:inline-block;width:12px;height:3px;border-radius:2px;flex:none;margin-right:4px;vertical-align:middle}
.server-perf-canvas{display:block;width:100%;height:120px;touch-action:pan-y;cursor:crosshair}
.server-perf-note{margin:2px 0 0;font-size:.74rem}
.server-perf-empty{padding:12px;border:1px dashed rgba(110,80,40,.3);border-radius:10px}
.server-perf-tip{position:fixed;z-index:60;pointer-events:none;padding:6px 9px;border-radius:8px;background:#fffdf8;border:1px solid #cfae85;box-shadow:0 3px 10px rgba(80,55,30,.18);font-size:.78rem;color:#4c392e;max-width:260px}
.server-perf-tip strong{display:block;margin-bottom:2px}
.server-perf-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:14px}
.server-perf-table{width:100%;border-collapse:collapse;font-size:.84rem;min-width:420px}
.server-perf-table caption{text-align:left;font-weight:700;margin-bottom:4px}
.server-perf-table th,.server-perf-table td{padding:5px 8px;border-bottom:1px solid rgba(110,80,40,.16);text-align:left}
.server-perf-table td{font-variant-numeric:tabular-nums}
/* Admin S2 (second half): self-check strip (green ok / amber worth a look / red also in the bell / grey unknown). */
.server-perf-checks{margin:0 0 10px;padding:8px 12px;border-radius:10px;border:1px solid #7fb27a;border-left-width:6px;background:#eef7ec;min-width:0}
.server-perf-checks[data-state="warn"]{border-color:#d9a640;background:#fdf6e6}
.server-perf-checks[data-state="bad"]{border-color:#d27a66;background:#fdf0ed}
.server-perf-checks[data-state="unknown"]{border-color:#c9b8a6;background:rgba(255,250,240,.6)}
.server-perf-checks-summary{margin:0 0 6px;font-size:.9rem;overflow-wrap:anywhere}
.server-perf-check-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:4px 14px}
.server-perf-check{display:flex;gap:6px;align-items:flex-start;font-size:.8rem;line-height:1.35;min-width:0}
.server-perf-check-body{min-width:0;overflow-wrap:anywhere}
.server-perf-check-mark{flex:none;display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:.72rem;font-weight:700;color:#fff;background:#4f923e}
.server-perf-check[data-state="warn"] .server-perf-check-mark{background:#b9831c}
.server-perf-check[data-state="bad"] .server-perf-check-mark{background:#c0442c}
.server-perf-check[data-state="unknown"] .server-perf-check-mark{background:#9a8a7c}
.server-perf-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media(max-width:900px){.server-perf-columns{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.server-perf-admin .section-heading{flex-wrap:wrap}.server-perf-cards{grid-template-columns:1fr 1fr}.server-perf-canvas{height:110px}}