/* public/assets/css/app-shell.css · v1 · 2026-10-29 MYT
   Home-screen app feel for every page. Pairs with /manifest.webmanifest and the apple-mobile-web-app-* tags in each
   page head. Same rules as Admin Console/public/app-shell.css. To remove, delete the "APP SHELL" line in each page head. */

/* iOS must not enlarge text when the phone turns sideways. */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

/* Only when opened from the Home Screen icon (no Safari bars). A normal browser tab is unaffected. */
@media (display-mode: standalone) {
    /* No grey flash on tap: native buttons have none. */
    html { -webkit-tap-highlight-color: transparent; }

    /* No double-tap-to-zoom on controls, so taps react at once. Pinch-to-zoom still works (accessibility). */
    a, button, input, select, textarea, label, summary, [role="button"] { touch-action: manipulation; }

    /* A long press on a link, button or picture must not open Safari's link preview or "Save image" sheet. Body text still selects. */
    a, button, img, [role="button"] { -webkit-touch-callout: none; }

    /* Button and navigation labels are UI: a long press must not select them. Content text stays selectable. */
    button, [role="button"], nav, summary, label { -webkit-user-select: none; user-select: none; }
}