.mobile-nav-bar{display:none}.mobile-nav-dialog{padding:0!important;border:0!important;background:#191b20!important;color:#fff!important;box-shadow:12px 0 50px #0005;position:fixed!important;inset:0 auto 0 0!important;margin:0!important;width:min(86vw,330px)!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;border-radius:0!important}.mobile-nav-dialog::backdrop{background:rgb(0 0 0 / .55)}.mobile-nav-dialog:not([open]){display:none!important}.mobile-nav-close{position:absolute;right:16px;top:max(16px,env(safe-area-inset-top));width:44px;height:44px;display:grid;place-items:center;padding:10px;background:#2c2d34!important;border:1px solid #45474f!important;border-radius:8px;color:#fff!important;z-index:2}.mobile-nav-close svg,.mobile-nav-toggle svg{width:24px;height:24px}.mobile-nav-open,.mobile-nav-open body{overflow:hidden!important;overscroll-behavior:none}
@media(max-width:1024px){
 body.operations-app>.sidebar,body.operations-app #appMain>.operations-sidebar{display:none!important}
 .mobile-nav-bar{display:flex;align-items:center;gap:14px;min-height:64px;padding:10px max(16px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left));background:#191b20;color:#fff;border-bottom:1px solid #353740}
 #appMain>.mobile-nav-bar{margin-left:-18px;margin-right:-18px}
 .mobile-nav-toggle{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:9px;background:#2c2d34!important;color:#fff!important;border:1px solid #45474f!important;border-radius:8px;flex-shrink:0}
 .mobile-nav-title{font-size:15px;font-weight:600;overflow-wrap:anywhere}
 .mobile-nav-dialog .sidebar,.mobile-nav-dialog .operations-sidebar{display:flex!important;position:relative!important;inset:auto!important;width:100%!important;height:100%!important;max-height:none!important;margin:0!important;padding:calc(25px + env(safe-area-inset-top)) 22px calc(24px + env(safe-area-inset-bottom))!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;overflow-y:auto!important;overscroll-behavior:contain;background:#191b20!important;color:#fff!important;box-sizing:border-box}
 .mobile-nav-dialog .sidebar>a,.mobile-nav-dialog .operations-brand{display:block;flex:none!important;padding-right:45px;margin-bottom:8px}
 .mobile-nav-dialog .logo,.mobile-nav-dialog .operations-brand img{width:140px!important;max-height:50px!important}
 .mobile-nav-dialog .workspace,.mobile-nav-dialog .operations-label{display:block!important;font-size:10px;letter-spacing:1.5px;margin:24px 0 18px!important;flex:none}
 .mobile-nav-dialog nav{display:flex!important;flex-direction:column!important;width:100%!important;flex:none!important;gap:7px!important;margin:0!important;justify-content:flex-start!important}
 .mobile-nav-dialog nav a{display:flex!important;flex:none!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;min-height:50px!important;padding:13px 12px!important;font-size:14px!important;text-align:left!important;color:#a2a6af!important;border-radius:8px;white-space:normal!important}
 .mobile-nav-dialog nav a.active{background:#2c2d34!important;color:white!important}
 .mobile-nav-dialog nav svg{flex-shrink:0}
 .mobile-nav-dialog .side-bottom,.mobile-nav-dialog .operations-bottom{display:block!important;margin-top:auto!important;padding-top:24px;font-size:11px}
 .mobile-nav-dialog[open]{animation:mobile-nav-slide .2s ease-out}
 @keyframes mobile-nav-slide{from{transform:translateX(-100%)}to{transform:translateX(0)}}
}
@media(max-width:760px){#appMain>.mobile-nav-bar{margin-left:calc(-1 * max(14px,env(safe-area-inset-left)));margin-right:calc(-1 * max(14px,env(safe-area-inset-right)))}}
@media(prefers-reduced-motion:reduce){.mobile-nav-dialog[open]{animation:none}}
