/* =====================================================================
   iOS native-feel polish — additive, MOBILE ONLY (<=1180px).
   Every rule is inside the media query, so desktop is byte-for-byte
   unchanged. Loaded last in index.html so these win the cascade.
   ===================================================================== */
@media (max-width: 1180px) {

  /* #9 FONT — use the platform system font so iPhone renders in San
     Francisco (Android → Roboto) instead of falling back to Arial. */
  body {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text",
      "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
  }

  /* #5 OVERSCROLL — stop the whole page rubber-banding / revealing white
     gaps, and neutralise Safari-tab pull-to-refresh (#11). Inner lists
     still scroll normally. */
  html, body { overscroll-behavior: none; }

  /* #2 INPUT AUTO-ZOOM — any field under 16px makes iOS zoom the page on
     focus. Force >=16px on all fields (!important to beat the many small
     per-module rules). Zoom stays enabled elsewhere for accessibility. */
  input, textarea, select { font-size: 16px !important; }

  /* #3 TAP HIGHLIGHT — kill the grey flash iOS paints on tap. */
  a, button, [role="button"], input, select, textarea, label, summary,
  .rk-tile, .rms-tabbar button, .nav button, .nav a {
    -webkit-tap-highlight-color: transparent;
  }

  /* #4 SELECTION / CALLOUT — off on CHROME only (nav, tab bar, buttons,
     tiles, top-bar controls) so a long-press doesn't select a button
     label or pop the iOS callout menu. DELIBERATELY NOT applied to
     tables, cards or detail fields — staff must still be able to select
     and copy order numbers, tracking numbers, SKUs and case IDs. */
  button, .rms-tabbar, .rms-tabbar *, .sidebar .nav, .sidebar .nav *,
  .rk-nav, .rk-tile, .rk-tile *, .topbar-search, .acct-trigger,
  .mobile-menu-btn, .rms-tabbar-more {
    -webkit-user-select: none; user-select: none;
    -webkit-touch-callout: none;
  }

  /* Action buttons (Refresh / Sync / …) that mobileEnhance lifts OUT of a
     collapsed "Search & filters" bar so they stay reachable. Sits above the
     toggle as a tidy wrap row. */
  .rk-filter-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 10px; }
  .rk-filter-actions > button, .rk-filter-actions > a { flex: 0 0 auto; }

}