/* Mobile overrides seguros: preservar layout nativo e usabilidade */
@media (max-width: 768px) {
  html, body {
    overflow-x: hidden;
  }

  /* Evita zoom automático no iOS */
  input,
  select,
  textarea,
  button {
    font-size: 16px;
  }

  /* Containers apenas com respiro lateral, sem alterar tipografia global */
  .max-w-7xl,
  .max-w-6xl,
  .max-w-5xl,
  .max-w-4xl,
  .max-w-3xl,
  .max-w-2xl,
  .container {
    max-width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  /* Tabelas e grids largos continuam navegáveis */
  .overflow-x-auto,
  .overflow-x-scroll {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  table {
    min-width: 640px;
  }

  /* Modais com largura segura no mobile */
  [role="dialog"],
  .fixed .bg-white.rounded-lg,
  .fixed .bg-white.rounded-xl {
    width: calc(100vw - 12px) !important;
    max-width: calc(100vw - 12px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}