#dashboard-mobile-navigation { display:none; }
@media(max-width:800px) {
  body.dashboard-has-navigation #dashboard-mobile-navigation {
    display:flex; justify-content:flex-end; align-items:center;
    position:absolute; top:var(--dashboard-menu-heading-top,0px); right:12px; z-index:60;
    padding:0; box-sizing:border-box; background:transparent;
  }
  body.dashboard-has-navigation #app .dashboard-mobile-heading {
    position:relative!important; box-sizing:border-box;
    max-width:var(--dashboard-menu-heading-width,100%);
  }
  #dashboard-mobile-navigation button {
    display:flex; align-items:center; justify-content:center;
    width:44px; height:44px; padding:10px; border:0; border-radius:8px;
    background:transparent; color:#012130; cursor:pointer;
  }
  #dashboard-mobile-navigation button:focus-visible { outline:2px solid #007bff; }
  body.dashboard-has-navigation #app button:is(.mobile-sidebar-trigger,.ad-mobile-menu,.admin-global-mobile-menu,.admin-mobile-menu,.afa-mobile-menu,.apl-mobile-menu,.apw-mobile-menu,.asa-mobile-menu,.certificate-mobile-menu,.leaderboard-mobile-menu,.vendor-mobile-menu,.withdrawal-mobile-menu) { display:none!important; }
  body.dashboard-has-navigation #app :is(.side,.faithful-side).mobile-open {
    display:block!important; position:fixed!important; top:var(--dashboard-menu-panel-top,12px)!important;
    right:12px!important; bottom:12px!important; left:auto!important;
    width:min(290px,calc(100vw - 24px))!important; max-width:calc(100vw - 24px)!important;
    height:calc(100dvh - var(--dashboard-menu-panel-top,12px) - 12px)!important; box-sizing:border-box!important;
    transform:none!important; transition:none!important; visibility:visible!important; opacity:1!important;
    z-index:10000!important; overflow-y:auto!important;
  }
}