/* GdK V195 – Mobile Feinschliff. Nur Darstellung; keine Zoom-Sperre. */
@media (max-width: 760px) {
  /* iOS Safari zoomt beim Fokussieren von Eingaben unter 16px. */
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]),
  select, textarea {
    font-size: 16px !important;
  }
  html { -webkit-text-size-adjust: 100%; overflow-x: clip; }
  body { max-width: 100%; }
  .layout, .main, .view, .card, .panel, .form-card, .tile,
  .vv-shellbar, .authcard, .auth, .wrap, .portal-security-card {
    min-width: 0;
    max-width: 100%;
  }
  .card, .panel, .tile, .authcard, .modal {
    overflow-wrap: anywhere;
  }
  img, svg, video { max-width: 100%; }
  /* Daten- und Dokumenttabellen bleiben horizontal innerhalb des Bereichs scrollbar. */
  :is(.tbl-wrap, .seltbl, .gridwrap, .hf4-table-scroll,
      .user161-table-wrap, .vv165-table-scroll, .dc-page-wrap,
      .perm160-scroll, .vv165-dialog-form) {
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
  }
  /* Genügend Platz für Fingerbedienung und die iPhone-Home-Leiste. */
  :is(.btn:not(.sm), .rowbtn, .tabbar button, .navtoggle, .navclose,
      button[type="submit"], .iconbtn) { min-height: 44px; }
  .btn.sm { min-height: 40px; }
  .iconbtn { min-width: 44px; }
  .main { padding-bottom: calc(108px + env(safe-area-inset-bottom, 0px)) !important; }
  #tabbar { padding-bottom: calc(7px + env(safe-area-inset-bottom, 0px)); }
  /* Tastatur: Dialoginhalt bleibt erreichbar, ohne das Gesamtlayout zu strecken. */
  :is(.modal-ov, .vf-dialog-scrim) {
    max-height: 100dvh;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }
  :is(.modal, .vv-gdrive-settings, .vf-dialog) {
    max-height: calc(100dvh - 24px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .auth { min-height: 100dvh; }
}
@media (max-width: 420px) {
  .card, .panel, .tile, .authcard { min-width: 0; }
  .authcard { padding-left: 20px; padding-right: 20px; }
  .modal-ov { padding: 10px; }
}