svg.i{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-thumb{background:rgba(120,130,150,.4);border-radius:4px}

/* Transición y colapso del sidebar (escritorio) */
#sidebar{transition:width .2s ease, transform .2s ease}
@media (min-width:1024px){
  html.sb-collapsed #sidebar{width:84px}
  html.sb-collapsed #sidebar .sb-text{display:none}
  html.sb-collapsed #sidebar .brand-row{justify-content:center;padding-left:0;padding-right:0}
  html.sb-collapsed #sidebar .nav-link{justify-content:center;padding-left:0;padding-right:0}
  html.sb-collapsed #sidebar .sb-section{text-align:center}
  html.sb-collapsed #sidebar .sb-account{justify-content:center;padding-left:0;padding-right:0}
}

/* Opciones de <select> legibles en claro y oscuro */
select option,
select optgroup { background-color:#ffffff; color:#1d2939; }
.dark select option,
.dark select optgroup { background-color:#1d2939; color:#e5e7eb; }

/* Ocultar flechas de inputs numéricos (se ven mal con el tema) */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
input[type=number] { -moz-appearance:textfield; }