/* Adapted from Agenda Livre src/space-menu.css (read-only reference).
   Structure and spacing reused; MH typography, palette, routes and logo retained. */
#mh-navigation{width:430px;max-width:100%;padding:24px 28px 28px;overscroll-behavior:contain;color:var(--navy)}
.mh-menu-header{height:62px;flex-shrink:0;margin-bottom:25px}
.mh-menu-header>img{width:100px;height:55px}
.mh-menu-close{width:44px;height:44px}.mh-menu-close .icon{width:25px;height:25px}
.mh-menu-intro{margin:0 0 36px}.mh-menu-intro>p{font-size:10px;letter-spacing:2.8px;color:var(--muted)}
.mh-menu-intro h2{font-size:46px;font-weight:400;letter-spacing:-1.6px;line-height:1.1;margin:10px 0 0}
.mh-menu-section{margin-top:0}.mh-menu-section>h3{font-size:10px;font-weight:400;letter-spacing:2.4px;margin:0 0 12px;line-height:1.5}
.mh-menu-section+.mh-menu-section{border-top:1px solid var(--line);margin-top:18px;padding-top:25px}
.mh-menu-section>a{min-height:56px;gap:20px;padding:12px 4px;border-radius:0;font-size:16px;font-weight:400;line-height:1.3;touch-action:manipulation}
.mh-menu-section>a:last-child{border-bottom:0}.mh-menu-section>a>.icon:first-child{width:23px;height:23px}
.mh-menu-footer{font-size:12px;border-top:1px solid var(--line);margin-top:25px;padding-top:21px;line-height:1.5}
.mh-menu-legal{margin-top:14px;font-size:11px;line-height:1.6;overflow-wrap:anywhere}
.mh-menu-section>a:focus-visible,.mh-menu-close:focus-visible{outline:2px solid var(--sky);outline-offset:3px}
@media(hover:hover) and (pointer:fine){.mh-menu-section>a:hover{background:#f0f7fc}}
/* The same route groups feed the desktop rail and mobile drawer. */
.sidebar.mh-sidebar{width:248px;background:white;color:var(--navy);border-right:1px solid var(--line);padding:22px 18px 18px;height:100dvh;overflow-y:auto;overscroll-behavior:contain}
.mh-sidebar .brand{filter:none;width:124px;height:58px;margin:0 0 24px 8px}.mh-sidebar .nav-label{padding:0;margin-bottom:7px;font-size:9px;letter-spacing:1.8px;color:var(--muted)}
.mh-sidebar .sidebar-section{margin-bottom:22px}.mh-sidebar .sidebar-section+.sidebar-section{padding-top:18px;border-top:1px solid var(--line)}
.mh-sidebar .nav-link{padding:11px 9px;margin:1px 0;border-radius:7px;font-size:11px;gap:11px;min-height:42px;color:var(--ink)}.mh-sidebar .nav-link .icon{width:19px;height:19px}
.mh-sidebar .nav-link.active{background:#eaf5fd;color:var(--blue)}.mh-sidebar .nav-link.active:before{display:none}.mh-sidebar .nav-link:hover{background:#f0f7fc}
.mh-sidebar .sidebar-bottom{border-top:1px solid var(--line);margin-top:6px;padding-top:16px}.mh-sidebar .sidebar-sync{display:flex;gap:8px;align-items:center;color:var(--good);font-size:10px}.mh-sidebar .sidebar-sync .icon{width:17px;height:17px}.mh-sidebar .sidebar-legal{font-size:8px;line-height:1.8;color:var(--muted);margin-top:12px}
@media(min-width:761px){body:has(.mh-sidebar)>.topbar{margin-left:248px}body:has(.mh-sidebar) .topbar,body:has(.mh-sidebar) .main{margin-left:248px}}
@media(max-width:760px){#mh-navigation{width:100%;padding:24px 28px max(28px,env(safe-area-inset-bottom))}.mh-menu-intro h2{font-size:46px}.mh-menu-section>a{font-size:16px}}
@media(max-height:740px){.mh-menu-header{margin-bottom:15px}.mh-menu-intro{margin-bottom:24px}.mh-menu-section>a{min-height:50px}.mh-menu-section+.mh-menu-section{margin-top:12px;padding-top:18px}.mh-menu-footer{margin-top:18px;padding-top:16px}}
/* Keep the connection message out of the decorative status dot. */
.mh-menu-footer{display:block;clear:both}.mh-menu-sync{display:flex;align-items:center;gap:12px;height:auto;min-height:44px}.mh-menu-sync>.sync-light{flex:0 0 8px;width:8px;height:8px;padding:0;overflow:hidden}.mh-menu-sync>div{flex:1;min-width:0}.mh-menu-sync>div>strong{display:block;line-height:1.5}.mh-menu-sync>div>span{display:block;white-space:normal;overflow-wrap:anywhere;line-height:1.5;margin-top:4px}.mh-menu-sync>.icon{flex:0 0 20px}.mh-menu-legal{display:block;position:static;margin-top:24px;padding-top:18px;border-top:1px solid #e0e8f1}.mh-menu-legal>strong{display:block;line-height:1.4}.mh-menu-legal p{display:block;position:static;line-height:1.8;margin:4px 0 0}
/* Compact cloud account footer, matching the supplied reference. */
.mh-menu-signout{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 16px;margin:0 0 20px;border:1px solid #d8e5f2;border-radius:10px;background:#fff;color:#002b58;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .18s,border-color .18s}
.mh-menu-signout svg{width:20px;height:20px}.mh-menu-signout:hover{background:#eaf4ff;border-color:#89bfff}.mh-menu-signout:focus-visible{outline:2px solid #0074ff;outline-offset:3px}.mh-menu-signout:active{background:#dcecff}.mh-menu-signout:disabled{opacity:.6;cursor:wait}
#mh-navigation .mh-menu-sync{gap:10px;min-height:24px;color:#647b93;font-size:12px;font-weight:400}
#mh-navigation .mh-cloud-icon{flex:0 0 21px;width:21px;height:21px;color:#0074ff}
#mh-navigation .mh-menu-sync>div>span{margin:0;line-height:1.5}
#mh-navigation .mh-menu-legal{border:0;margin-top:10px;padding-top:0;font-size:10px;color:#71859b}
#mh-navigation .mh-menu-legal p{margin:0;line-height:1.7}
@media(max-width:800px){html:has(.nt-inbox) .main{padding-bottom:82px}html:has(.nt-inbox) .demo-note{margin-top:18px;padding-top:12px}}