/* HS Hardware Super OS v3.82 — independent application-shell scrolling.
   The browser page itself never scrolls while the authenticated back office is mounted.
   Sidebar navigation and the active detail workspace own their vertical scroll regions. */

html.hs-app-shell,
html.hs-app-shell body{
  height:100%;
  min-height:0;
  overflow:hidden;
  overscroll-behavior:none;
}

html.hs-app-shell body,
html.hs-app-shell #app{
  height:100vh;
  height:100dvh;
  min-height:0;
}

html.hs-app-shell .layout{
  height:100vh;
  height:100dvh;
  min-height:0;
  overflow:hidden;
}

html.hs-app-shell .sidebar{
  height:100%;
  min-height:0;
  overflow:hidden;
}

html.hs-app-shell .sidebar .brand,
html.hs-app-shell .sidebar .sidebar-footer{
  flex:0 0 auto;
}

html.hs-app-shell .sidebar .nav{
  flex:1 1 auto;
  min-height:0;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}

html.hs-app-shell .main{
  height:100%;
  min-height:0;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  overflow:hidden;
}

html.hs-app-shell .topbar{
  position:relative;
  top:auto;
  align-self:start;
}

html.hs-app-shell #content{
  min-height:0;
  overflow-x:clip;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  scroll-behavior:auto;
}

/* Drawer mode keeps its own navigation scroll while the workspace remains
   independently scrollable behind it. Body scrolling stays disabled. */
@media(max-width:760px){
  html.hs-app-shell .sidebar{
    height:100vh;
    height:100dvh;
  }

  html.hs-app-shell .main{
    height:100vh;
    height:100dvh;
  }
}

/* Dedicated cashier focus mode hides the shell chrome but retains one contained
   workspace scroll region rather than restoring document scrolling. */
html.hs-app-shell.hs-pos-focus .main{
  height:100vh;
  height:100dvh;
  min-height:0;
  overflow:hidden;
}

html.hs-app-shell.hs-pos-focus #content{
  min-height:0;
  overflow-y:auto;
}