/* Grupos com rolagem própria mantêm a marca e o perfil sempre acessíveis. */
#nav { overflow: hidden; }
#nav-brand { flex-shrink: 0; margin-bottom: 16px; }
.nav-groups { flex: 1; min-height: 0; overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.2) transparent; }
.nav-groups .nav-section { gap: 4px; margin-bottom: 12px; }
.nav-group-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  min-height: 36px;
  margin: 0;
  padding: 8px 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: rgba(255,255,255,.55);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .8px;
  text-transform: uppercase;
  text-align: left;
  cursor: pointer;
}
.nav-group-toggle:hover { color: #fff; background: rgba(255,255,255,.06); }
.nav-group-toggle i { font-size: 10px; transition: transform .15s; }
.nav-group-toggle[aria-expanded="false"] i { transform: rotate(-90deg); }
.has-active-item > .nav-group-toggle { color: var(--green); }
.nav-group-items[hidden] { display: none; }
#nav .nav-profile { flex-shrink: 0; margin-top: 12px; margin-bottom: 0; }
@media (min-width: 721px) {
  #nav.is-collapsed .nav-group-toggle { display: none; }
  #nav.is-collapsed .nav-section + .nav-section { border-top: 1px solid rgba(255,255,255,.12); padding-top: 10px; }
}
@media (max-width: 720px) {
  .nav-group-toggle { min-height: 44px; }
}