/*
 * mobile-scroll.css — touch-friendly scroll containment (HaTchi-MaXchi).
 *
 * Two properties make scrollable regions feel native on touch:
 * `-webkit-overflow-scrolling: touch` (iOS momentum) and
 * `overscroll-behavior: contain` (no scroll-chain / browser-back swipe).
 * Applied to the scroll viewports (card/detail/drawer/app/form bodies,
 * pdf-viewer panel) + the `.dz-scroll`/`.dz-scroll-x`/`.dz-table-wrap`
 * utilities. Migrated from Dazzle into HM (HMC-022, aggressive-mode
 * convergence 2026-07-09). NOTE: no `@layer components {` wrapper — HM build adds it.
 */
  .dz-card-body,
  .dz-drawer-content,
  .dz-detail-card-body,
  .dz-app-content,
  .dz-app-body,
  .dz-drawer__body,
  .dz-pdf-viewer-panel,
  .dz-scroll {
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
  }

  /* Horizontal-scroll containers (tables, charts, region grids).
   * `overscroll-behavior-x: contain` prevents the browser-back
   * "swipe-from-edge" from firing when the user pans inside a
   * wide table — common iOS frustration where horizontal scroll
   * navigates history instead. */
  .dz-table-wrap,
  .dz-scroll-x {
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
  }