/* V5.1.27 — mobile sidebar auto-close and centered page restoration */
@media(max-width:1100px){
  .shell{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  .sidebar{
    position:fixed!important;
    top:0!important;
    bottom:0!important;
    left:0!important;
    width:min(300px,86vw)!important;
    max-width:86vw!important;
    z-index:10050!important;
    transform:translateX(-105%)!important;
    transition:transform .24s ease!important;
    margin:0!important;
  }
  body.sidebar-open .sidebar,
  body.menu-open .sidebar,
  body.nav-open .sidebar,
  body.mobile-menu-open .sidebar,
  body.drawer-open .sidebar,
  .shell.sidebar-open .sidebar,
  .sidebar.open,.sidebar.active{
    transform:translateX(0)!important;
  }
  body:not(.sidebar-open):not(.menu-open):not(.nav-open):not(.mobile-menu-open):not(.drawer-open) .sidebar{
    transform:translateX(-105%)!important;
  }
  .main{
    display:block!important;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:16px!important;
    padding-right:16px!important;
    box-sizing:border-box!important;
  }
  .main>.topbar,.main>.admin-section{
    width:min(100%,1180px)!important;
    max-width:1180px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .sidebar-backdrop,.nav-backdrop,.menu-backdrop,.drawer-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:10040!important;
  }
}
@media(max-width:700px){
  .main{padding-left:10px!important;padding-right:10px!important}
  .main>.topbar,.main>.admin-section{width:100%!important;max-width:100%!important}
}