/* Fénix ERP · columna de módulos 2026
   Cambio estrictamente visual: NO modifica tamaño, posición, gap, padding,
   margen ni transformaciones de los íconos actuales. */

.dark .fenix-module-sidebar {
  background: linear-gradient(180deg, #081322 0%, #07111f 100%) !important;
  border-right-color: #1a2a40 !important;
  scrollbar-width: thin;
  scrollbar-color: #29405c transparent;
}

.dark .fenix-module-sidebar .nav {
  background: #0d1a2b;
  color: #afc2d9;
  font-family: 'Rajdhani', Inter, system-ui, sans-serif;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .025em;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .22);
  box-shadow: inset 0 0 0 1px rgba(132, 163, 199, .08);
  transition: background-color .16s ease, color .16s ease, box-shadow .16s ease;
}

.dark .fenix-module-sidebar .nav:hover {
  background: #122238;
  color: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(175, 194, 217, .15), 0 5px 14px rgba(0, 0, 0, .12);
}

.dark .fenix-module-sidebar .nav.on,
.dark .fenix-module-sidebar .nav.on:hover {
  background: #172033;
  color: #ffffff;
  box-shadow:
    inset 4px 0 0 #ff7a18,
    inset 0 0 0 1px rgba(255, 122, 24, .20),
    0 0 18px rgba(255, 122, 24, .11);
}

.dark .fenix-module-sidebar::-webkit-scrollbar {
  width: 6px;
}

.dark .fenix-module-sidebar::-webkit-scrollbar-track {
  background: transparent;
}

.dark .fenix-module-sidebar::-webkit-scrollbar-thumb {
  background: #29405c;
  border-radius: 999px;
}

.dark .fenix-module-sidebar::-webkit-scrollbar-thumb:hover {
  background: #3a5576;
}