/* Custom styles complementarios a Tailwind */

/* Indicador de estado del PC con GPU: LED estático, sin glow.
   Colores en literal (= tokens de refined.css) porque este fichero
   también lo cargan plantillas que aún no enlazan refined.css. */

#pc-indicator[data-status="online"] #pc-led > span:first-child {
  background-color: #34d399;
}

#pc-indicator[data-status="online"] #pc-status-label {
  color: #34d399;
}

#pc-indicator[data-status="offline"] #pc-led > span:first-child {
  background-color: #7e8aa6;
}

#pc-indicator[data-status="offline"] #pc-status-label {
  color: #7e8aa6;
}

#pc-indicator[data-status="error"] #pc-led > span:first-child {
  background-color: #fb7185;
}

#pc-indicator[data-status="error"] #pc-status-label {
  color: #fb7185;
}

/* Compat: número de métrica en plantillas aún no migradas al tema refinado */
.stat-number {
  font-feature-settings: "tnum" 1;
  letter-spacing: -0.02em;
}