/* MK Detailing V255 mobile scroll correction — CSS only, no touch preventDefault handlers. */
@media screen and (max-width:820px) {
  /* Natural scroll chaining for ordinary sections, including lists inside the panel.
     Prior CSS used contain, trapping swipes at the edge of an inner element. */
  .ops-main, .dashboard-shell, .admin-tab-panel.active,
  .admin-table-wrap, .calendar-scroll, .finance-panel,
  .finance-order-list, .finance-invoice-list, .ops-overview,
  .client-profile-section, .client-vehicles-wrap,
  .client-dashboard, .client-section,
  .app-view.active {
    overscroll-behavior-y:auto!important;
    -webkit-overflow-scrolling:touch;
  }
  /* Dedicated full-screen sections still scroll within their screen, but must not
     swallow subsequent vertical gestures at their top or bottom. */
  html.mk-inside-pwa.mk-admin-screen-open-v222 .admin-tab-panel.active:not([data-admin-panel="overview"]),
  html.mk-inside-pwa .admin-tab-panel[data-admin-panel="finances"].finance-detail-open-v181,
  html.mk-app-top-level .admin-tab-panel[data-admin-panel="finances"].finance-detail-open-v181,
  html.finance-fullscreen-open-v190 [data-admin-panel="finances"].finance-detail-open-v181 {
    overscroll-behavior-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:auto!important;
  }
  /* Ordinary scroll containers should pass vertical swipes back to the page. */
  .ops-sidebar, .ops-main, .dashboard-shell, .client-dashboard,
  .app-view.active, .client-mobile-section.is-open {
    touch-action:auto;
  }
  /* Keep the top-level page scrollable outside modal, splash and full-screen layouts. */
  html:not(.mk-inside-pwa):not(.finance-fullscreen-open-v190):not(.mk-admin-screen-open-v222),
  html:not(.mk-inside-pwa):not(.finance-fullscreen-open-v190):not(.mk-admin-screen-open-v222) body:not(.splash-active):not(.mini-booking-lock) {
    overflow-y:auto!important;
    overscroll-behavior-y:auto!important;
  }
  /* Open dialogs remain independently scrollable while the background is locked. */
  dialog[open], dialog.panel-dialog[open], dialog.admin-dialog[open],
  .mini-booking-body { -webkit-overflow-scrolling:touch!important; touch-action:pan-y!important; }
}