/**

 * Desktop mouse-wheel — MUST load last. Beats pro-shell SCROLL TRUTH specificity.

 */

@media (min-width: 769px) {

  html,

  html.nanban-authed,

  html.nanban-pro-app.nanban-authed,

  body,

  body.nanban-pro-app,

  body.nanban-pro-app.nanban-authed,

  #root,

  .app-layout,

  body.nanban-pro-app #crmApp,

  body.nanban-pro-app #mainApp.app-container {

    height: auto !important;

    min-height: 100% !important;

    max-height: none !important;

    overflow-x: hidden !important;

    overflow-y: auto !important;

    overscroll-behavior-y: auto !important;

    pointer-events: auto !important;

    touch-action: auto !important;

  }



  html.nanban-authed body.nanban-pro-app #mainApp.nanban-glass-app.is-active,

  html.nanban-authed body.nanban-pro-app #mainApp.nanban-glass-app,

  html.nanban-authed body.nanban-pro-app #mainApp,

  body.nanban-pro-app #mainApp,

  body.nanban-pro-app #mainApp.nanban-glass-app,

  body.nanban-pro-app #mainApp.nanban-glass-app.is-active {

    display: flex !important;

    flex-direction: column !important;

    width: 100% !important;

    max-width: 100vw !important;

    height: auto !important;

    min-height: 100vh !important;

    min-height: 100dvh !important;

    max-height: none !important;

    overflow: visible !important;

    overscroll-behavior: auto !important;

  }



  html.nanban-authed body.nanban-pro-app #mainApp #nbAppBody,

  html.nanban-authed body.nanban-pro-app #mainApp .nb-app-body,

  html.nanban-authed body.nanban-pro-app #mainApp .main-body-container,

  body.nanban-pro-app #mainApp #nbAppBody,

  body.nanban-pro-app #mainApp .nb-app-body,

  body.nanban-pro-app #mainApp .main-body-container {

    display: flex !important;

    flex-direction: row !important;

    flex: 1 1 auto !important;

    height: auto !important;

    min-height: calc(100vh - 70px) !important;

    min-height: calc(100dvh - 70px) !important;

    max-height: none !important;

    overflow: visible !important;

    overscroll-behavior: auto !important;

  }



  html.nanban-authed body.nanban-pro-app #mainApp #nbAppMain.container.nb-app-main,

  html.nanban-authed body.nanban-pro-app #mainApp .nb-app-body > #nbAppMain,

  html.nanban-authed body.nanban-pro-app #mainApp .nb-app-main.main-content,

  html.nanban-authed body.nanban-pro-app #mainApp #nbAppMain,

  html.nanban-authed body.nanban-pro-app #mainApp .nb-app-main,

  html.nanban-authed body.nanban-pro-app #mainApp .main-content,

  body.nanban-pro-app #mainApp #nbAppMain,

  body.nanban-pro-app #mainApp .nb-app-main,

  body.nanban-pro-app #mainApp .main-content,

  body.nanban-pro-app #mainApp .app-container,

  main,

  .main-content {

    flex: 1 1 auto !important;

    width: 100% !important;

    height: auto !important;

    min-height: calc(100vh - 70px) !important;

    max-height: none !important;

    overflow-x: hidden !important;

    overflow-y: visible !important;

    overscroll-behavior-y: auto !important;

    -webkit-overflow-scrolling: auto !important;

    pointer-events: auto !important;

    touch-action: auto !important;

  }



  html.nanban-authed body.nanban-pro-app #mainApp #nbAppMain > .section-content.active-section,

  html.nanban-authed body.nanban-pro-app #mainApp #nbAppMain > .section-content.force-visible-panel,

  body.nanban-pro-app #mainApp #nbAppMain > .section-content.active-section {

    overflow: visible !important;

    overflow-y: visible !important;

    height: auto !important;

    max-height: none !important;

  }

}