/* V155: layout flex evita columnas fantasmas */
@media(min-width:821px){
html body .app{display:flex!important;flex-direction:row!important;align-items:stretch!important;width:100%!important;max-width:none!important;min-width:0!important;grid-template-columns:none!important;gap:0!important}
html body .app>.sidebar-backdrop{display:none!important;position:absolute!important;width:0!important;height:0!important}
html body .app>#mainSidebar{position:sticky!important;top:0!important;left:auto!important;flex:0 0 305px!important;width:305px!important;min-width:305px!important;max-width:305px!important;height:100vh!important;box-sizing:border-box!important;margin:0!important;transform:none!important}
html body .app>.main{position:relative!important;display:block!important;flex:1 1 0!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;grid-column:auto!important;overflow:visible!important}
html body .app>.main>.topbar,html body .app>.main>.content{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;box-sizing:border-box!important}
html body #mainSidebar .nav button span:last-child{font-size:13px!important;letter-spacing:-.025em!important;white-space:nowrap!important;overflow:visible!important}
html body #mainSidebar .nav button{padding-left:9px!important;padding-right:7px!important;gap:7px!important}
html body #mainSidebar .nav button .nav-ico{flex:0 0 21px!important;min-width:21px!important;width:21px!important}
html body #mainSidebar .nav button svg{width:19px!important;height:19px!important}
html body #mainSidebar .academy-brand-lockup strong{font-size:17px!important}
}
@media(max-width:820px){html body .app>.main{width:100%!important;margin:0!important}html body .app>.sidebar-backdrop{position:fixed!important}}