/*
 * ERGSS default dashboard mobile scroll correction.
 *
 * Desktop dashboard.css intentionally locks the application to the viewport.
 * On mobile, the explicit main-dashboard marker must opt back into normal
 * document flow. mobile.css provides the general responsive layout; this file
 * has the higher-specificity override needed to defeat the desktop marker lock.
 */
@media screen and (max-width: 992px) {
  html.td-main-dashboard,
  html.td-main-dashboard body {
    height: auto !important;
    min-height: 100% !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    position: static !important;
    touch-action: pan-y;
    overscroll-behavior-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  html.td-main-dashboard body,
  html.td-main-dashboard .container,
  html.td-main-dashboard .container-fluid,
  html.td-main-dashboard .container-flex,
  html.td-main-dashboard .main,
  html.td-main-dashboard .content-wrapper,
  html.td-main-dashboard .dashboard.td-main-dashboard {
    height: auto !important;
    max-height: none !important;
    overflow-y: visible !important;
    position: static !important;
  }

  html.td-main-dashboard .dashboard.td-main-dashboard {
    min-height: 100dvh !important;
    contain: none !important;
    touch-action: pan-y;
  }

  html.td-main-dashboard .widget-row,
  html.td-main-dashboard .right-quarter-stack,
  html.td-main-dashboard .scroller-stack {
    height: auto !important;
    max-height: none !important;
  }
}