/* Iconos de línea del panel (iconos.js) — 31/10/2026.
   Un solo color (el del texto), mismo trazo y misma alineación en todas las páginas.
   1em = el tamaño de la letra donde va el icono: así un título lleva un icono
   de título y un botón uno de botón, sin tocar cada sitio por separado. */
.ico {
  display: inline-block;
  width: 1em; height: 1em;
  vertical-align: -0.125em;          /* centrado óptico con la línea de texto */
  stroke: currentColor; fill: none;
  stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round;
  flex-shrink: 0;
}
/* Antes de que iconos.js lo cambie por el <svg>, el hueco ya ocupa lo mismo. */
i.ico { font-style: normal; }

/* Textos pequeños en mayúsculas (tarjetas KPI, rótulos): el icono algo mayor
   para que el trazo se lea igual que en el resto. */
.metric-label .ico, .ep-kpi-label .ico, .ep-alarm-label .ico, .stat-label .ico { width: 1.25em; height: 1.25em; vertical-align: -0.3em; }
/* Botones de solo icono (editar, borrar, aprobar…): tamaño fijo y centrado. */
.btn-mini .ico, .btn-ep-aprobar .ico, .btn-ep-rechazar .ico { width: 15px; height: 15px; vertical-align: -3px; }
/* Iconos grandes de los estados vacíos (Configuración, sin cierres). */
.placeholder-icon .ico { width: 40px; height: 40px; stroke-width: 1.5; color: #94a3b8; }
/* Aviso flotante (toast): icono en blanco, separado del texto. */
.toast .ico { width: 16px; height: 16px; vertical-align: -3px; }
/* Cifra de una tarjeta KPI que es solo icono (error al cargar). */
.ep-kpi-num .ico { width: .8em; height: .8em; }
/* Contenedores flex sin «gap»: ahí el espacio entre icono y texto desaparece, así que
   el icono lleva su propio margen. */
.ep-badge .ico, .ep-flag .ico { margin-right: 4px; }
/* Campanita: botón de solo icono, del tamaño de los iconos del menú. */
#btnCampana .ico { width: 17px; height: 17px; vertical-align: -4px; }