/* ═══════════════════════════════════════════════════════════════════════════
   STATUS.CSS — page /status (état des services)
   ═══════════════════════════════════════════════════════════════════════════ */

.status-list { display: flex; flex-direction: column; gap: 1px; margin-bottom: var(--space-4); }
.status-row {
  display: flex; align-items: center; gap: var(--space-3);
  padding: var(--space-3) var(--space-4);
  background: var(--color-surface); border: 1px solid var(--color-divider);
  font-family: 'JetBrains Mono', monospace; font-size: 13px;
}
.status-row:not(:first-child) { border-top: none; }
.status-row:first-child { border-radius: var(--radius-md) var(--radius-md) 0 0; }
.status-row:last-child { border-radius: 0 0 var(--radius-md) var(--radius-md); }
.status-row .svc-dot { width: 8px; height: 8px; }
.status-label { flex: 1; }
.status-val { color: color-mix(in srgb, var(--color-text) 60%, transparent); font-size: 12px; letter-spacing: .04em; }
.status-lastcheck { font-family: 'JetBrains Mono', monospace; font-size: 11px; color: color-mix(in srgb, var(--color-text) 45%, transparent); }