/* Correção estrutural: o #app não pode ser uma grade com sidebar,
   pois seus primeiros filhos são atalhos, botão do menu e navegação. */
body main #app:not(.hidden){display:block!important;grid-template-columns:none!important;width:100%!important;min-width:0!important}
body main #app > :is(.jse-admin-shortcuts,#jse-menu-toggle,#tabs,#content){grid-column:auto!important;min-width:0!important;max-width:100%!important}
body main #app #tabs{position:static!important;top:auto!important;float:none!important;clear:both!important;margin:0 0 18px!important;width:100%!important;max-height:none!important;overflow:visible!important}
body main #app #tabs > :is(button,a){white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;min-width:0!important;line-height:1.35!important;writing-mode:horizontal-tb!important}
body main #app #content{width:100%!important;clear:both!important}
body main #app .jse-admin-shortcuts{width:100%!important;margin:0 0 14px!important}
@media(max-width:1100px){
 body main #app #jse-menu-toggle{display:block!important;width:100%!important;margin:0 0 12px!important;min-height:48px!important}
 body main #app #tabs{display:none!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:12px!important;border-radius:12px!important}
 body main #app #tabs.jse-menu-open{display:grid!important}
 body main #app #tabs > :is(button,a){width:100%!important;min-height:46px!important}
}
@media(max-width:600px){
 body main #app #tabs,body main #app #tabs.jse-menu-open{grid-template-columns:minmax(0,1fr)!important}
 body main #app .jse-admin-shortcuts{grid-template-columns:minmax(0,1fr)!important}
 body main #app #tabs > :is(button,a){justify-content:flex-start!important;text-align:left!important}
}