/* Etapa 4F — sidebar as full page column on desktop, off-canvas on mobile */
:root{--mx-sidebar-w:272px;--mx-topbar-h:74px}
@media (min-width:1061px){
  body.console-auth{overflow-x:hidden}
  body.console-auth::before{display:none!important}
  body.console-auth .topbar{position:sticky;top:0;z-index:260;min-height:var(--mx-topbar-h)}
  body.console-auth .mx-layout-shell{display:grid;grid-template-columns:var(--mx-sidebar-w) minmax(0,1fr);align-items:stretch;min-height:calc(100vh - var(--mx-topbar-h));min-height:calc(100dvh - var(--mx-topbar-h))}
  body.console-auth .main-nav.mx-workspace-nav{
    position:relative!important;left:auto!important;top:auto!important;bottom:auto!important;inset:auto!important;
    width:var(--mx-sidebar-w)!important;min-width:var(--mx-sidebar-w)!important;max-width:var(--mx-sidebar-w)!important;
    min-height:calc(100vh - var(--mx-topbar-h))!important;min-height:calc(100dvh - var(--mx-topbar-h))!important;
    height:auto!important;max-height:none!important;align-self:stretch!important;display:block!important;
    overflow:visible!important;overscroll-behavior:auto!important;scrollbar-width:none!important;
    padding:14px!important;margin:0!important;border-right:1px solid #1a3552!important;border-radius:0!important;
    background:#071a34!important;z-index:120!important;
  }
  body.console-auth .main-nav.mx-workspace-nav::-webkit-scrollbar{display:none!important}
  body.console-auth .console-main{min-width:0}
  body.console-auth .wrap{max-width:none!important;width:100%!important;margin:0!important;padding:28px clamp(20px,2.7vw,44px)!important}
  body.console-auth .mx-side-group{padding:8px 8px 9px!important;margin-bottom:10px!important;gap:2px!important}
  body.console-auth .main-nav.mx-workspace-nav a{min-height:36px!important;padding:8px 10px!important;font-size:12px!important}
  body.console-auth .main-nav.mx-workspace-nav .mx-side-label{margin:6px 9px 8px!important}
  body.console-auth .mx-side-brand{padding:10px 10px 16px!important;margin-bottom:10px!important}
  body.console-auth .mx-side-footer{padding:8px 8px 2px!important}
}
@media (max-width:1060px){
  body.console-auth .mx-layout-shell{display:block}
  body.console-auth .main-nav.mx-workspace-nav{position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:min(292px,88vw)!important;max-width:88vw!important;max-height:100dvh!important;display:block!important;overflow-y:auto!important;overflow-x:hidden!important;transform:translateX(-105%);visibility:hidden;pointer-events:none;background:#071a34!important;border:0!important;padding:12px!important;z-index:400!important;transition:transform .2s ease,visibility .2s!important}
  body.console-auth.mx-menu-open .main-nav.mx-workspace-nav{transform:translateX(0);visibility:visible;pointer-events:auto}
  body.console-auth #mx-nav-backdrop{position:fixed;inset:0;background:#00102499;z-index:395;display:none}
  body.console-auth.mx-menu-open #mx-nav-backdrop{display:block}
}