@import "tailwindcss";

/* Custom input styles - mejor UX con más altura y focus más visible */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="datetime-local"],
textarea,
select {
  @apply py-3 px-4;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="datetime-local"]:focus,
textarea:focus,
select:focus {
  @apply border-blue-600 ring-2 ring-blue-600;
}

/* Un formulario que se está enviando (aria-busy: lo ponen Turbo y
   submit_lock.js) muestra en espera el botón que lo envió. */
form[aria-busy="true"] :is(button, input[type="submit"]):disabled {
  cursor: wait;
  opacity: 0.6;
}