/* alias.org.pe — Mobile responsive fixes v4 */
/* Solo aplica en pantallas <= 639px (movil) — NADA afecta desktop */

@media (max-width: 639px) {

  /* iOS Safari: habilitar scroll tactil dentro de modales con overflow */
  .overflow-y-auto {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll !important;
    overscroll-behavior-y: contain;
  }

  /* iOS: prevenir zoom al enfocar inputs */
  input, select, textarea { font-size: 16px !important }

  /* Tabla de usuarios: scroll horizontal */
  table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch }

  /* ---- Form de crear usuario: compactar para que todo quepa en pantalla ---- */

  /* Reducir padding vertical del contenedor del form */
  form.px-5 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  /* Reducir gap entre campos: space-y-3.5 (14px) -> 7px */
  .space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 7px !important;
  }

  /* Inputs mas compactos */
  .input {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    border-radius: 10px !important;
  }

  /* Textarea corta */
  textarea.input {
    max-height: 52px !important;
    min-height: 52px !important;
    overflow-y: auto !important;
  }

  /* Botones del form: reducir padding */
  .flex.gap-3 > button,
  .flex.gap-2 > button {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }

}