/* =============================================================================
   NATIVE-FEEL (FEA-0026) — stop the installed PWA from reading as a web page.
   Suppresses the browser affordances that betray a website: rubber-band
   overscroll + pull-to-refresh, the tap-highlight flash, the long-press
   callout/selection on chrome, and the double-tap-zoom delay. Document CONTENT
   (notes, history, check-ins) and form fields stay fully selectable, so copy /
   paste and screen-reader text selection are untouched. Reduced-motion and the
   a11y controls live elsewhere and are unaffected. (text-size-adjust: reset.css)
   ========================================================================== */
@layer base {
  /* No rubber-band bounce, scroll-chaining, or pull-to-refresh — the single
     biggest "this is a web page" tell. Set on the document and the shell's
     scroll container (layout.css gives `.app-shell > main` overflow: auto). */
  html, body { overscroll-behavior: none; }
  .app-shell > main { overscroll-behavior: contain; }

  body {
    /* Kill the grey/blue flash when tapping interactive elements. */
    -webkit-tap-highlight-color: transparent;
  }

  /* Chrome is not a document: don't let a long-press select its labels or pop
     the iOS callout menu. Scoped to chrome + controls only. */
  .app-bar, .bottom-nav, .side-nav, .action-bar, .sheet,
  .btn, .icon-tile, .badge, .filter-pills, .bottom-nav__link, [role="tab"] {
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
  }

  /* Remove the ~300ms double-tap-to-zoom delay on anything tappable. */
  a, button, .btn, label, summary,
  [role="button"], [role="switch"], [role="tab"] {
    touch-action: manipulation;
  }

  /* Content + inputs keep native selection and the callout (copy/paste, etc.). */
  input, textarea, select, [contenteditable] {
    -webkit-user-select: auto;
    user-select: auto;
    -webkit-touch-callout: default;
  }
}