.mobile-menu-toggle,.mobile-menu-close,.mobile-menu-backdrop{display:none}
@media(max-width:700px){
 body.mobile-menu-ready .sidebar{position:fixed;inset:0 auto 0 0;width:min(300px,86vw);height:100dvh;padding:24px 18px;z-index:1002;overflow-y:auto;overscroll-behavior:contain;transform:translateX(-100%);visibility:hidden;transition:transform .2s ease,visibility .2s;display:flex;flex-direction:column;box-shadow:8px 0 28px #0003}
 body.mobile-menu-open .sidebar{transform:translateX(0);visibility:visible}
 body.mobile-menu-ready .sidebar .brand{margin:12px 0 28px}
 body.mobile-menu-ready .sidebar nav{display:grid;gap:6px;overflow:visible}
 body.mobile-menu-ready .sidebar nav a,body.mobile-menu-ready .sidebar .management-menu>summary{font-size:14px;padding:13px 15px;white-space:normal;line-height:1.4}
 body.mobile-menu-ready .sidebar .management-submenu{padding-left:12px}
 body.mobile-menu-ready .sidebar .management-submenu a{font-size:13px;padding:11px 12px}
 body.mobile-menu-ready .sidebar nav a.active,body.mobile-menu-ready .sidebar .management-menu>summary.active{border-bottom:0;border-left:3px solid var(--orange);padding-left:12px}
 body.mobile-menu-ready .sidebar .sidebar-bottom{display:flex;margin-top:auto;padding-top:28px}
 body.mobile-menu-ready .mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;background:#f4f5f7;color:var(--ink);border:1px solid var(--line);border-radius:7px;margin-right:12px}
 .mobile-menu-toggle svg{width:22px;height:22px}
 body.mobile-menu-ready .mobile-menu-close{display:flex;align-items:center;justify-content:center;align-self:flex-end;width:44px;height:44px;background:#ffffff12;color:white;border-radius:7px;font-size:26px}
 body.mobile-menu-ready .mobile-menu-backdrop:not([hidden]){display:block;position:fixed;inset:0;background:#0008;z-index:1001}
 body.mobile-menu-ready .topbar{position:sticky;top:0;z-index:20;padding:0 16px}
 body.mobile-menu-ready .topbar .user{min-width:0;gap:12px}
 body.mobile-menu-ready .topbar .user>span{min-width:0;overflow-wrap:anywhere}
 body.mobile-menu-open{overflow:hidden}
}
@media(prefers-reduced-motion:reduce){body.mobile-menu-ready .sidebar{transition:none}}

/* AE3: identidade mobile e financeiro recolhido v2 */
@media(max-width:700px){
  body.mobile-menu-ready .sidebar .brand small{display:block;font-size:9px;line-height:1.6;letter-spacing:2px;font-weight:500;color:#a2a6ad;margin-top:10px}
}
