.sb-nav-group { margin: 3px 0; }
.sb-nav-group > summary {
  min-height: 36px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 0 10px;
  border-radius: 9px;
  color: var(--text3);
  cursor: pointer;
  list-style: none;
  user-select: none;
  transition: background 160ms ease-out, color 160ms ease-out;
}
.sb-nav-group > summary::-webkit-details-marker { display: none; }
.sb-nav-group > summary:hover { background: var(--sb-hover); color: var(--text); }
.sb-nav-group-icon { width: 21px; flex: 0 0 21px; font-size: 19px; text-align: center; }
.sb-nav-group-label { flex: 1; overflow: hidden; font-size: 11.5px; font-weight: 850; letter-spacing: .045em; text-transform: uppercase; white-space: nowrap; }
.sb-nav-group-chevron { flex: 0 0 auto; font-size: 16px; transition: transform 160ms ease-out; }
.sb-nav-group[open] > summary { color: var(--sb-active); }
.sb-nav-group[open] > summary .sb-nav-group-chevron { transform: rotate(180deg); }
.sb-nav-items { padding: 3px 0 5px 9px; }
.sb-nav-items .nav-item { min-height: 37px; padding-top: 7px; padding-bottom: 7px; }
.sb-nav-items .nav-icon { width: 20px; height: 20px; font-size: 16px; }
.sb-nav-items .nav-icon .material-symbols-rounded { font-size: 18px; }

.sidebar.collapsed .sb-nav-group > summary { display: none; }
.sidebar.collapsed .sb-nav-group > .sb-nav-items { display: block !important; padding: 0; }
.sidebar.collapsed .sb-nav-group { margin: 0; }

@media (max-width: 768px) {
  .sidebar .sb-nav-group > summary { display: none; }
  .sidebar .sb-nav-group > .sb-nav-items { display: block !important; padding: 0; }
  .sidebar .sb-nav-group { margin: 0; }
}