/* Personalizaciones de TomSelect. Se carga DESPUÉS del css del tema (tom-select.bootstrap5) para poder
   sobreescribirlo. Aplica a todos los TomSelect del proyecto: los de putSelect(['tomselect' => 1]) y los
   que las páginas instancian a mano. */

/* La opción resaltada (TomSelect le pone .active a la que está bajo el mouse o la que se navega con las
   flechas) se marca como en un <select> nativo: el gris del tema casi no se distingue. El .selected se
   pisa para que no gane su gris. */
.ts-dropdown .option.active,
.ts-dropdown .option.active.selected {
    background-color: #0078D7;
    color: #fff;
}
.ts-dropdown .option.active .text-muted {
    color: #fff !important;
}

/* La opción vacía ("Seleccioná...") no se lista: es el placeholder del control, no una opción elegible.
   Sigue existiendo en el <select> porque es la que devuelve "" cuando no hay nada elegido — ver
   normalizarVacio() en js/generales/tomSelect.js. */
.ts-dropdown .option[data-value=""] {
    display: none;
}