/* Pencerita — Sidebar v53
   Desktop: the entire left sidebar is viewport-attached on every app page.
   Tablet/mobile: keep the existing drawer behavior from theme.css.
*/

:root{
  --pnc-sidebar-width:248px;
  --pnc-sidebar-collapsed-width:78px;
  --pnc-topbar-height:68px;
}

@media (min-width:1051px){
  .app-shell{
    display:block!important;
    min-height:calc(100vh - var(--pnc-topbar-height));
    padding-left:0!important;
  }

  .app-shell>.sidebar{
    position:fixed!important;
    left:0!important;
    top:var(--pnc-topbar-height)!important;
    bottom:0!important;
    width:var(--pnc-sidebar-width)!important;
    height:auto!important;
    max-height:none!important;
    flex:none!important;
    align-self:auto!important;
    margin:0!important;
    overflow:hidden!important;
    transform:none!important;
    z-index:1190!important;
  }

  .app-shell>.sidebar>.sidebar-scroll{
    width:100%!important;
    height:100%!important;
    max-height:none!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
  }

  .app-shell>.main-content{
    width:auto!important;
    max-width:none!important;
    margin-left:var(--pnc-sidebar-width)!important;
    min-width:0!important;
  }

  body.sidebar-collapsed .app-shell>.sidebar{
    width:var(--pnc-sidebar-collapsed-width)!important;
  }

  body.sidebar-collapsed .app-shell>.main-content{
    margin-left:var(--pnc-sidebar-collapsed-width)!important;
  }
}