/* estilos/mecanico-nueva-solicitud.css */

.mec-prioridad { display: flex; gap: 8px; margin-top: 4px; justify-content: flex-start; }
.mec-prio { flex: 0 0 auto; min-width: 100px; padding-left: 18px; padding-right: 18px; justify-content: center; font-size: 15px; }
.mec-prio-activo { background: var(--blue); color: #fff; border-color: var(--blue); }
/* `.btn-ghost:hover` (clase+pseudo, 2 selectores) pesa más que `.mec-prio-activo` sola (1
   selector), así que sin esto el hover del navegador le ganaba al azul de "seleccionado"
   y el botón se veía como si hubiera perdido la selección al pasar el cursor. */
.mec-prio.mec-prio-activo:hover { background: var(--blue); color: #fff; border-color: var(--blue); filter: brightness(1.08); }