/* Final navigation geometry: the page and its menu scroll independently. */
body:not(.v44-customer-mode):not(.v58-customer-mode) #app>.layout{
  display:grid!important;
  grid-template-columns:245px minmax(0,1fr)!important;
  align-items:start!important;
  min-height:calc(100vh - 72px)!important;
}
body:not(.v44-customer-mode):not(.v58-customer-mode) #app nav#nav{
  position:sticky!important;
  inset:auto!important;
  top:72px!important;
  display:block!important;
  align-self:start!important;
  width:245px!important;
  height:calc(100dvh - 72px)!important;
  max-height:calc(100dvh - 72px)!important;
  min-height:0!important;
  margin:0!important;
  padding:14px 11px 42px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  touch-action:pan-y!important;
  scrollbar-gutter:stable!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(255,255,255,.42) transparent!important;
}
body:not(.v44-customer-mode):not(.v58-customer-mode) #app nav#nav::-webkit-scrollbar{width:8px!important}
body:not(.v44-customer-mode):not(.v58-customer-mode) #app nav#nav::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:rgba(255,255,255,.42);background-clip:padding-box}
body:not(.v44-customer-mode):not(.v58-customer-mode) #app main#content{grid-column:2!important;min-width:0!important}
#nav .nav-brand-v8{position:relative!important;top:auto!important;min-height:74px;margin:0 2px 10px!important}
#nav .nav-brand-v8 img{width:100%!important;height:54px!important;object-fit:contain!important}
#nav .nav-brand-v8 img{pointer-events:none!important}
#nav .drawer-close-v10{display:none;position:absolute!important;z-index:4!important;top:8px!important;right:8px!important}

@media(max-width:850px){
  body:not(.v44-customer-mode):not(.v58-customer-mode) #app>.layout{display:block!important;min-height:calc(100vh - 64px)!important}
  body:not(.v44-customer-mode):not(.v58-customer-mode) #app nav#nav{
    position:fixed!important;
    z-index:100!important;
    inset:0 auto 0 0!important;
    display:block!important;
    width:min(84vw,330px)!important;
    height:100dvh!important;
    max-height:100dvh!important;
    padding:12px 10px 34px!important;
    transform:translateX(-105%);
    transition:transform .2s ease;
  }
  body:not(.v44-customer-mode):not(.v58-customer-mode) #app nav#nav.open{transform:translateX(0)!important}
  body:not(.v44-customer-mode):not(.v58-customer-mode) #app main#content{width:100%!important;min-width:0!important}
  #nav .nav-brand-v8{position:sticky!important;top:0!important;z-index:2!important}
  #nav .drawer-close-v10{display:grid}
}