/* Parche Express V5.1 – Mobile Form & Layout Fixes */
/* Prioridad alta: carga al final y usa !important donde es crítico */

/* 1) No recortar los select/datetime dentro de tarjetas */
.card{ overflow: visible; }

/* 2) Aumentar área táctil y evitar zoom iOS (font-size >= 16px) */
input, select, textarea, button {
  min-height: 44px;
  font-size: 16px;
  -webkit-tap-highlight-color: transparent;
}
.form input, .form select, .form textarea {
  padding: 12px 12px;
  border-radius: 12px;
}
select { appearance: auto; -webkit-appearance: menulist; background-color:#fff; position: relative; z-index: 2; }

/* 3) Rejillas en una sola columna en móvil */
@media (max-width: 1024px){
  .grid-admin{ grid-template-columns: 1fr !important; gap: 16px !important; }
  .form.grid-3{ grid-template-columns: 1fr !important; }
  .table{ display: none; } /* ocultar tabla en móvil (ya hay versión segmentada si existe) */
  .date-picker input[type=date]{ min-height: 44px; font-size: 16px; }
  .container{ padding: 0 12px 80px; }
}

/* 4) Espaciado claro entre campos (evita que se vean amontonados) */
.form label{ display: grid; gap: 6px; }
.form .full{ margin-top: 6px; }

/* 5) Botón grande accesible en móvil */
.btn{ min-height: 44px; border-radius: 999px; }

/* 6) Correcciones visuales menores */
.card-header .title{ line-height: 1.1; }
.topbar.simple{ position: sticky; top: 0; background: #fff; }