/* V8.3.5 — menu do sistema sempre visível e funcional no celular. */
@media (max-width:900px){
  .system-page .os-sidebar{position:sticky!important;top:0!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;width:100%!important;height:auto!important;min-height:64px!important;padding:7px 10px 9px!important;overflow:visible!important;background:#07394e!important;z-index:100!important}
  .system-page .os-brand{order:1!important;flex:1 1 auto!important;width:auto!important;min-width:0!important;margin:0!important}
  .system-page .os-brand .avs-brand img{width:46px!important;min-width:46px!important;max-width:46px!important;height:46px!important;max-height:46px!important}
  .system-page .os-brand small{display:block!important;margin-left:8px!important}
  .system-page .avs-mobile-menu-toggle{display:none!important}
  .system-page .os-user{order:2!important;display:flex!important;flex:0 0 auto!important;margin:0!important}
  .system-page .os-user a{display:flex!important;min-width:48px!important;height:38px!important;padding:0 11px!important;color:#fff!important}

  /* O menu não depende de botão nem de JavaScript para aparecer. */
  .system-page .os-sidebar nav,
  .system-page .avs-mobile-menu-open .os-sidebar nav,
  .system-page .os-sidebar:not(:has(.avs-mobile-menu-toggle)) nav{
    position:static!important;order:3!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;width:100%!important;height:auto!important;max-height:none!important;margin:7px 0 0!important;padding:9px!important;overflow:visible!important;background:#fff!important;border:0!important;border-radius:14px!important;box-shadow:0 8px 22px rgba(2,29,41,.18)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
  .system-page .os-sidebar nav:before{content:"Menu";grid-column:1/-1;display:block;padding:1px 3px 5px;color:#0a6177;font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
  .system-page .os-sidebar nav>span{display:none!important}
  .system-page .os-sidebar nav a{position:relative!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;max-width:none!important;height:48px!important;margin:0!important;padding:6px!important;border:1px solid #e3ecef!important;border-radius:10px!important;background:#f7fafb!important;color:#526a74!important;font-size:9px!important;font-weight:800!important;line-height:1.15!important;text-align:center!important;white-space:normal!important;box-shadow:none!important}
  .system-page .os-sidebar nav a.active{border-color:#b8dce4!important;background:#e7f4f7!important;color:#076b83!important}
  .system-page .os-sidebar nav a.active:after{content:""!important;position:absolute!important;left:50%!important;right:auto!important;top:auto!important;bottom:4px!important;width:18px!important;height:3px!important;border-radius:3px!important;background:#0a7d96!important;transform:translateX(-50%)!important}
  .system-page .os-sidebar nav a b{position:absolute!important;right:3px!important;top:3px!important;display:grid!important;place-items:center!important;width:17px!important;height:17px!important;margin:0!important;border-radius:9px!important;background:#f28b21!important;color:#fff!important;font-size:8px!important}
  .system-page .os-main,.system-page .avs-sectioned-main{min-height:calc(100dvh - 150px)!important;padding-top:10px!important}
}

@media (max-width:520px){
  .system-page .os-sidebar nav,
  .system-page .avs-mobile-menu-open .os-sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .system-page .os-sidebar nav a{height:46px!important;font-size:9px!important}
  .system-page .os-brand small{display:none!important}
}

@media (max-width:350px){
  .system-page .os-sidebar nav,
  .system-page .avs-mobile-menu-open .os-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}