/* Ajustes mínimos sobre Tailwind */

/* Inputs grandes en móvil para que iOS no haga zoom al enfocar.
   Heredan el color del body para que en dark mode no quede texto negro
   sobre fondo oscuro cuando el background del input es slate-900. */
input, select, textarea, button {
  font-size: 16px;
  color: inherit;
}

/* Asegura que los pickers nativos de fecha/mes en webkit respeten el tema. */
input[type="date"], input[type="month"], input[type="number"] {
  color-scheme: light dark;
}

/* Pickers nativos en dark — estilo del icono de calendar/clock invertido. */
@media (prefers-color-scheme: dark) {
  input[type="date"]::-webkit-calendar-picker-indicator,
  input[type="month"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
  }
}

/* Floating Action Button base */
.fab {
  position: fixed;
  right: 1rem;
  bottom: 5.5rem;
  width: 56px;
  height: 56px;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  color: white;
  background: #4f46e5;
  box-shadow: 0 10px 25px -5px rgba(79, 70, 229, 0.5);
  z-index: 30;
}
.fab:hover { background: #4338ca; }

/* Ocultar el aviso de Tailwind Play CDN en consola no rompe la app */

/* Modal */
.modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.6);
  z-index: 60;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}