/* af-modal-celular-20261028: modais do af-escritorio (Gestão › Tarefas, Marketing, etc.) cabendo na largura do celular.
   Causa: no iPhone o input de data/hora tem largura mínima própria e empurrava a grade e o modal para fora da tela. */
.aeu-modal, .aeu-modal-corpo, .aeu-grade, .aeu-linha { min-width: 0; max-width: 100%; box-sizing: border-box; }
.aeu-modal { overflow-x: hidden; }
.aeu-modal input, .aeu-modal select, .aeu-modal textarea { min-width: 0; max-width: 100%; box-sizing: border-box; }
@media (max-width: 760px) {
  .aeu-modal { width: 100%; max-width: 100vw; }
  .aeu-modal-topo { padding: 0.9rem 1rem 0.4rem; }
  .aeu-modal-corpo { padding: 0.4rem 1rem 0.9rem; gap: 0.7rem; overflow-x: hidden; }
  .aeu-modal-pe { padding: 0.7rem 1rem calc(0.7rem + env(safe-area-inset-bottom)); }
  .aeu-modal .aeu-grade { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.6rem; }
  .aeu-modal input[type="date"], .aeu-modal input[type="time"], .aeu-modal input[type="datetime-local"] {
    -webkit-appearance: none; appearance: none; display: block; width: 100%; text-align: left;
  }
  .aeu-modal input[type="date"]::-webkit-date-and-time-value,
  .aeu-modal input[type="time"]::-webkit-date-and-time-value,
  .aeu-modal input[type="datetime-local"]::-webkit-date-and-time-value { text-align: left; }
  .aeu-modal input, .aeu-modal select, .aeu-modal textarea { font-size: 16px; }
}