/* DRR Sistema Completo 1.5.2 RC1 — navegação mobile ampliada.
   Carrega depois da folha principal e substitui o shell RC3 no celular.
   Não altera desktop nem impressão. */
@media screen and (max-width:880px){
  html,body{min-width:0;width:100%;max-width:100%;overflow-x:hidden}
  #app.app{display:block!important;min-width:0!important;width:100%!important;max-width:100%!important;min-height:100vh;overflow-x:clip}
  #app.app > header.mobile-appbar{display:flex!important;width:100%!important;max-width:100%;box-sizing:border-box;min-width:0}
  #app.app > main.main{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box;flex:none!important}

  /* Drawer maior e mais legível: até 92% da tela, limitado a 380 px CSS. */
  #app.app > aside.sidebar{
    position:fixed!important;left:0;top:0;bottom:0;
    width:min(380px,92vw)!important;max-width:92vw!important;min-width:0!important;
    margin:0!important;padding:24px 18px 22px!important;
    overflow-y:auto;overscroll-behavior:contain;
  }
  #app.app > aside.sidebar .brand{
    font-size:20px!important;line-height:1.25;gap:11px!important;
    padding:2px 12px 27px!important;
  }
  #app.app > aside.sidebar .brand .dot{width:11px;height:11px}
  #app.app > aside.sidebar .nav-item{
    min-height:54px;padding:13px 14px!important;margin-bottom:4px!important;
    gap:14px!important;border-radius:10px;font-size:17px!important;line-height:1.25;
  }
  #app.app > aside.sidebar .nav-item svg{width:22px!important;height:22px!important}
  #app.app > aside.sidebar .sidebar-foot{
    padding:16px 14px 8px!important;font-size:13px!important;line-height:1.6;
  }
  #app.app > aside.sidebar .mobile-menu-close{
    width:44px!important;height:44px!important;min-width:44px;
    border-radius:10px!important;font-size:27px!important;
  }
}

@media screen and (max-width:350px){
  #app.app > aside.sidebar{width:94vw!important;max-width:94vw!important;padding-left:14px!important;padding-right:14px!important}
  #app.app > aside.sidebar .nav-item{font-size:16.5px!important;min-height:52px}
}