/* server.css — Admin-Seite „Server“ (29.09.2026) */
.srv-kopf { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; flex-wrap: wrap; margin-bottom: 4px; }
.srv-kopf .ad-lab { margin: 0; }

.srv-werte { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 10px 0 18px; }
.srv-wert { background: var(--ad-flaeche); border: 1px solid var(--ru-line-2); border-radius: var(--ru-r-2); padding: 14px 16px; min-width: 0; }
.srv-wert small { display: block; font: 600 10.5px var(--ru-f-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--ru-paper-50); }
.srv-wert b { display: block; font: 800 28px/1.1 var(--ru-f-disp); margin: 4px 0 8px; }
.srv-wert em { display: block; margin-top: 7px; font: 500 11.5px/1.45 var(--ru-f-mono); font-style: normal; color: var(--ru-paper-50); }

.srv-balken { height: 5px; background: var(--ru-line-2); border-radius: 3px; overflow: hidden; }
.srv-balken i { display: block; height: 100%; width: 0; background: var(--ru-cyan); transition: width .6s; }
.srv-wert.warn b, .ad-zeile .warn { color: var(--ad-gelb); }
.srv-wert.warn .srv-balken i, .srv-balken.warn i { background: var(--ad-gelb); }
.srv-wert.krit b, .ad-zeile .krit { color: var(--ad-rot); }
.srv-wert.krit .srv-balken i, .srv-balken.krit i { background: var(--ad-rot); }

.srv-raster .ad-karte > h2 { margin-bottom: 10px; }
.srv-raster .ad-zeile > :first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.srv-raster .ad-zeile > :last-child { white-space: nowrap; }
.srv-raster .ad-meta { margin: 8px 0 0; }
.srv-titel { margin: -2px 0 6px !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.srv-fs { margin-bottom: 10px; }
.srv-fs .ad-zeile { border-bottom: 0; padding-bottom: 4px; }
.srv-fs small { color: var(--ru-paper-50); margin-left: 6px; }
.srv-tab td { padding: 7px 10px; font-size: 13px; }
.srv-tab .ad-marke { white-space: nowrap; }
.srv-tab td.mono { text-transform: none; letter-spacing: 0; font-size: 12.5px; white-space: nowrap; }

@media (max-width: 860px) { .srv-werte { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .srv-wert b { font-size: 22px; } .srv-tab td:nth-child(3), .srv-tab th:nth-child(3) { display: none; } }