/* FORSOFTWARE Mobile App Shell v2.9.6 */
.fo-standalone-mobile-nav,.fo-standalone-sidebar-backdrop,.fo-standalone-sidebar-close{display:none}
@media (max-width:760px){
  html.fo-standalone-menu-open,body.fo-standalone-menu-open{overflow:hidden!important;overscroll-behavior:none!important}
  body.fo-admin-page{padding-bottom:calc(70px + env(safe-area-inset-bottom))!important}
  body.fo-admin-page .app-shell{display:block!important;min-height:100dvh!important}
  body.fo-admin-page .main{display:block!important;grid-column:auto!important;width:100%!important;min-width:0!important;margin:0!important}
  body.fo-admin-page .topbar{position:sticky!important;top:0!important;z-index:60!important}
  body.fo-admin-page .content{padding-bottom:calc(88px + env(safe-area-inset-bottom))!important}

  body.fo-admin-page .sidebar{
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:min(88vw,330px)!important;
    max-width:88vw!important;
    height:100dvh!important;
    z-index:120!important;
    transform:translate3d(-105%,0,0)!important;
    transition:transform .22s ease!important;
    padding-top:calc(12px + env(safe-area-inset-top))!important;
    padding-bottom:calc(78px + env(safe-area-inset-bottom))!important;
    box-shadow:18px 0 44px rgba(0,0,0,.28)!important;
    overflow:hidden!important;
  }
  body.fo-admin-page .sidebar.open{transform:translate3d(0,0,0)!important}
  body.fo-admin-page .sidebar nav{overflow-y:auto!important;overscroll-behavior:contain!important;padding-bottom:24px!important}
  body.fo-admin-page .side-brand{position:relative!important;padding-right:48px!important}
  .fo-standalone-sidebar-close{
    display:grid!important;place-items:center!important;position:absolute!important;right:4px!important;top:50%!important;
    transform:translateY(-50%)!important;width:38px!important;height:38px!important;border:1px solid rgba(255,255,255,.18)!important;
    border-radius:12px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;font-size:25px!important;line-height:1!important;z-index:2!important
  }
  .fo-standalone-sidebar-backdrop{
    display:block!important;position:fixed!important;inset:0!important;z-index:110!important;border:0!important;margin:0!important;padding:0!important;
    background:rgba(2,10,24,.58)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .2s ease,visibility .2s ease!important
  }
  .fo-standalone-sidebar-backdrop.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important}

  .fo-standalone-mobile-nav{
    position:fixed!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;left:0!important;right:0!important;bottom:0!important;
    z-index:130!important;height:calc(66px + env(safe-area-inset-bottom))!important;padding:6px 5px env(safe-area-inset-bottom)!important;
    background:rgba(4,26,69,.98)!important;border-top:1px solid rgba(102,215,255,.22)!important;box-shadow:0 -8px 28px rgba(4,26,69,.24)!important;backdrop-filter:blur(16px)!important
  }
  .fo-standalone-mobile-nav button{
    appearance:none!important;-webkit-appearance:none!important;border:0!important;background:transparent!important;color:#9db3ce!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;padding:2px!important;border-radius:11px!important;
    touch-action:manipulation!important;pointer-events:auto!important
  }
  .fo-standalone-mobile-nav button b{font-size:18px!important;line-height:1!important}
  .fo-standalone-mobile-nav button span{font-size:9px!important;font-weight:800!important}
  .fo-standalone-mobile-nav button.active{color:#66d7ff!important;background:rgba(20,120,255,.15)!important}
  .fo-standalone-mobile-nav button:active{transform:scale(.97)!important}
}