/* ══════════════════════════════════════════════════════
   CENTRO DE MONITOREO — Estilos
   ══════════════════════════════════════════════════════ */

:root {
  --bg:       #0D1117;
  --surface:  #161B22;
  --border:   #30363D;
  --text:     #C9D1D9;
  --muted:    #8B949E;
  --accent:   #58A6FF;
  --online:   #3FB950;
  --warn:     #D29922;
  --offline:  #F85149;
  --danger:   #DA3633;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; font-family: 'Inter', sans-serif; background: var(--bg); color: var(--text); overflow: hidden; }

/* ══════ SCROLLBAR ══════ */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }