/* Grouped sidebar navigation */
.nav-group{margin:3px 0;border:0}
.nav-group summary{min-height:42px;display:flex;align-items:center;gap:12px;padding:0 12px;border-radius:5px;color:#bfc7c1;cursor:pointer;list-style:none;font-size:12px;font-weight:700}
.nav-group summary::-webkit-details-marker{display:none}
.nav-group summary:hover{background:#222f27;color:#fff}
.nav-group summary .icon{width:22px;text-align:center;font-size:15px;color:#aebbb2}
.nav-group-chevron{margin-left:auto;font-size:16px;transition:transform .15s}
.nav-group[open] .nav-group-chevron{transform:rotate(180deg)}
.nav-group-items{display:grid;gap:1px;margin:2px 0 5px 17px;padding-left:10px;border-left:1px solid #425046}
.nav button.nav-child{min-height:37px;padding:0 10px;font-size:11px}
.nav button.nav-child .icon{font-size:13px}
.nav-group:has(button.active) summary{color:#fff}
.nav-group:has(button.active) summary .icon{color:#d4a947}

body[data-layout="professional"] .nav-group summary{color:#c7d4e3;border-radius:7px}
body[data-layout="professional"] .nav-group summary:hover{background:rgba(255,255,255,.07);color:#fff}
body[data-layout="professional"] .nav-group-items{border-color:rgba(174,204,234,.28)}
body[data-layout="professional"] .nav-group:has(button.active) summary .icon{color:#65afea}

@media(max-width:760px){
  .nav-group summary{min-height:40px}
  .nav-group-items{margin-left:14px}
  .nav button.nav-child{min-height:38px}
}