/* Navegação agrupada, com rolagem contida e controles nativos sem dependência de JS. */
@media(min-width:701px){
  .desktop-navigation{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;flex:1;scrollbar-width:thin;scrollbar-color:#6f819a #131d2b}
  .desktop-navigation::-webkit-scrollbar{width:7px}
  .desktop-navigation::-webkit-scrollbar-track{background:#131d2b}
  .desktop-navigation::-webkit-scrollbar-thumb{background:#6f819a;border:1px solid #131d2b;border-radius:8px}
  .desktop-navigation::-webkit-scrollbar-thumb:hover{background:#91a2b9}
}
@media(min-width:701px) and (forced-colors:active){
  .desktop-navigation{scrollbar-width:auto;scrollbar-color:auto}
  .desktop-navigation::-webkit-scrollbar{width:auto}
  .desktop-navigation::-webkit-scrollbar-track{background:Canvas}
  .desktop-navigation::-webkit-scrollbar-thumb{background:ButtonText;border-color:Canvas}
  .desktop-navigation::-webkit-scrollbar-thumb:hover{background:Highlight}
}
@media(max-width:700px){
  .mobile-menu>summary{list-style-position:inside;user-select:none}
  .mobile-menu[open]>summary{border-bottom:1px solid #3c4d63}
  .mobile-menu-content{max-height:60vh;max-height:60dvh;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}
  .mobile-menu .mobile-nav{display:grid;grid-template-columns:minmax(0,1fr);gap:3px;padding:8px}
  .mobile-menu .mobile-nav>a,.mobile-menu .nav-group>summary{min-height:44px;display:flex;align-items:center;padding:11px 12px;line-height:1.4;border-radius:7px;font-size:14px}
  .mobile-menu .nav-group{min-width:0;border-top:1px solid #2d3c50}
  .mobile-menu .nav-group>summary{display:list-item;list-style-position:inside;color:#fff;font-weight:650;cursor:pointer}
  .mobile-menu .nav-group[open]>summary{background:#22334a}
  .mobile-menu .nav-group>div{display:grid;gap:2px;margin:3px 0 7px 10px;padding-left:7px;border-left:2px solid #3c4d63}
  .mobile-menu .nav-group a{display:flex;align-items:center;min-height:44px;padding:11px 12px;font-size:14px;line-height:1.4;white-space:normal}
  .mobile-menu .nav-group>summary:focus-visible{outline:3px solid #8dbbe7;outline-offset:-3px}
  .mobile-menu .mobile-logout{margin-top:4px;padding:8px 12px 12px;border-top:1px solid #2d3c50}
}
@media(prefers-reduced-motion:reduce){.mobile-menu *{scroll-behavior:auto}}
