/* Mobile-only real viewport-fixed header. The sidebar is portaled to body;
   this removes its dependency on .central-dashboard and its scroll ancestors. */
@media (max-width:900px){
body.eoa-control-header-active{overflow-x:clip!important}
body>aside.eoa-control-mobile-pinned{
position:fixed!important;
inset:0 0 auto 0!important;
top:0!important;
left:0!important;
right:0!important;
width:100vw!important;
max-width:100vw!important;
height:auto!important;
min-height:0!important;
max-height:none!important;
margin:0!important;
padding:0!important;
border:0!important;
z-index:10000!important;
overflow:visible!important;
display:flex!important;
flex-direction:column!important;
align-items:stretch!important;
gap:0!important;
background:#082d58!important;
box-shadow:0 4px 13px #08234e20!important;
box-sizing:border-box!important;
transform:none!important;
contain:none!important;
}
body>aside.eoa-control-mobile-pinned .central-brand{
display:flex!important;
flex:0 0 auto!important;
width:100%!important;
min-height:0!important;
padding:14px 16px!important;
box-sizing:border-box!important;
}
body>aside.eoa-control-mobile-pinned nav{
display:flex!important;
flex:0 0 auto!important;
flex-direction:row!important;
align-items:stretch!important;
gap:8px!important;
width:100%!important;
max-width:100%!important;
min-height:0!important;
max-height:none!important;
margin:0!important;
padding:9px 12px 13px!important;
overflow-x:auto!important;
overflow-y:hidden!important;
-webkit-overflow-scrolling:touch!important;
scrollbar-width:none!important;
}
body>aside.eoa-control-mobile-pinned nav::-webkit-scrollbar{display:none}
body>aside.eoa-control-mobile-pinned nav button{
display:flex!important;
flex:0 0 auto!important;
width:auto!important;
min-height:48px!important;
align-items:center!important;
gap:9px!important;
padding:10px 14px!important;
white-space:nowrap!important;
}
body>aside.eoa-control-mobile-pinned nav button i{
display:inline-block!important;
width:20px!important;
min-width:20px!important;
}
body>aside.eoa-control-mobile-pinned .central-side-info{display:none!important}
body.eoa-control-header-active #app,
body.eoa-control-header-active #app .central-dashboard{
margin-top:0!important;
}
body.eoa-control-header-active #app .central-dashboard{
width:100%!important;
max-width:100%!important;
overflow:visible!important;
}
body.eoa-control-header-active #app .central-dashboard>.central-main{
position:relative!important;
z-index:1!important;
min-width:0!important;
}
}