diff --git a/resources/css/app.css b/resources/css/app.css
index a89a383..e24042a 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -161,3 +161,19 @@
         font-variant-numeric: tabular-nums;
     }
 }
+
+/* ── Touch devices: no zoom-on-focus ──────────────────────────────────────
+   iOS Safari zooms the viewport when a focused form control's font-size is
+   < 16px. The dense design uses text-xs/sm/[11px] on inputs, which triggers it.
+   Target by POINTER, not width: `pointer: coarse` matches touch-primary devices
+   (phones + tablets of ANY size — incl. a 1024px/1366px iPad Pro that a width cap
+   would miss) and excludes mouse desktops, so the small desktop sizing is kept.
+   UNLAYERED on purpose — it must win over Tailwind's utility layer (the text-*
+   classes in the markup). Excludes controls whose font-size cannot trigger zoom. */
+@media (pointer: coarse) {
+    input:not([type='checkbox']):not([type='radio']):not([type='range']):not([type='color']),
+    textarea,
+    select {
+        font-size: 16px;
+    }
+}