/* icons.css — estilos de los iconos SVG que reemplazan emojis (ver
   icons.js). Se aplican SIEMPRE, en cualquier tema — es la identidad
   visual por defecto del sitio, no algo exclusivo del tema Ónix. */

.nx-icon { display: inline-flex; align-items: center; vertical-align: -3px; margin-right: 3px; }
.nx-icon svg { display: block; }
.logo .nx-icon { margin-right: 6px; vertical-align: -5px; }
nav.tabs a.active .nx-icon,
.nav-dropdown-btn.active .nx-icon { color: var(--accent); }

/* Puntito de color en vez de emoji redondo (🟢🟡🔴) — leyenda del onboard y
   el indicador de sesión conectada. */
.nx-dot { display: inline-block; width: 9px; height: 9px; border-radius: 50%; vertical-align: 1px; }