/* Ajustes para pantallas estrechas (móvil). Se carga después de app.css.
   Fichero propio (no generado): sobrevive a regeneraciones de Tailwind. */
@media (max-width: 640px) {
  /* Ningún control de formulario puede ensanchar su tarjeta */
  select, input { max-width: 100%; }

  /* En formularios con salto de línea (filtros, altas), cada campo ocupa
     su propia fila: se apilan en vertical como en la app del trabajador.
     Sin esto, un select con una opción larga ensancha toda la página. */
  .flex-wrap > div:has(> select),
  .flex-wrap > div:has(> input) { flex: 1 1 100%; }
  .flex-wrap > div > select,
  .flex-wrap > div > input { width: 100%; }
  .flex-wrap > select,
  .flex-wrap > input { flex: 1 1 100%; }

  /* Tablas del admin: celdas más compactas para que quepan más columnas */
  table th, table td { padding-left: 0.5rem; padding-right: 0.5rem; }
}