/* Two-level navigation: scoped to the main sidebar, not the activity dock. */
.studio-navigation {display:block; margin:0 -3px 24px;}
.studio-navigation > .nav {margin:0 0 15px;}
.studio-navigation .nav-group {margin:0 0 7px;}
.studio-navigation .nav-group > summary {gap:10px; min-height:43px; padding:10px 11px; border-radius:8px; color:#aeb7c4; font-size:12px; letter-spacing:.1px;}
.studio-navigation .nav-group > summary:hover {background:#20262f; color:#f3f5f8;}
.studio-navigation .nav-group > summary > span {display:block; margin:0; font-size:inherit;}
.studio-navigation .nav-group > summary .nav-group-title {flex:1; font-weight:650;}
.studio-navigation .nav-group > summary .nav-group-count {font-size:10px; color:#717d8e; font-variant-numeric:tabular-nums;}
.studio-navigation .nav-group > summary::after {content:''; width:6px; height:6px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); margin:0 1px 3px 3px; opacity:.6;}
.studio-navigation .nav-group:not([open]) > summary::after {transform:rotate(-45deg); margin-bottom:0;}
.studio-navigation .nav-group-icon {display:block; width:18px; height:18px; flex:0 0 18px; background:currentColor; mask:var(--group-icon) center/contain no-repeat; -webkit-mask:var(--group-icon) center/contain no-repeat; opacity:.85;}
.studio-navigation .nav-group.has-active > summary {color:#e7f0e9;}
.studio-navigation .nav-group.has-active > summary .nav-group-icon {color:#9ac5af;}
.studio-navigation .nav-children {gap:3px; border-left:1px solid #333c47; margin:3px 0 11px 20px; padding:0 0 0 11px;}
.studio-navigation .nav {display:flex; align-items:center; gap:9px; min-height:38px; padding:9px 10px; font-size:12px; text-align:left; border-radius:7px;}
.studio-navigation .nav-label {display:block; min-width:0; line-height:1.5;}
.studio-navigation .nav i {font-size:10px; min-width:18px; padding:2px 4px;}
.studio-navigation .nav::before {content:''; display:block; background:currentColor; mask:var(--ui-icon) center/contain no-repeat; -webkit-mask:var(--ui-icon) center/contain no-repeat; width:17px; height:17px; flex:0 0 17px; margin:0; opacity:.72;}
.studio-navigation .nav.active {background:#f5f7f9; color:#17272a; box-shadow:0 2px 8px #0002;}
.studio-navigation .nav.active::before {opacity:1;}
.studio-navigation .nav[data-tab=home] {--ui-icon:url('/static/workbench-icon.svg'); font-size:13px; min-height:42px;}
.studio-navigation .nav[data-tab=keyword-mining] {--ui-icon:url('/static/material-symbols/search.svg');}
.studio-navigation .nav[data-tab=tag-keywords] {--ui-icon:url('/static/material-symbols/sell.svg');}
.studio-navigation .nav[data-tab=gallery] {--ui-icon:url('/static/material-symbols/palette.svg');}
.studio-navigation .nav[data-tab=queue-diagnostics] {--ui-icon:url('/static/material-symbols/description.svg');}
.studio-navigation .nav[data-tab=queue-diagnostics]:not(.hidden) {display:flex!important;}
.studio-navigation .nav[data-tab=processes] {--ui-icon:url('/static/material-symbols/tune.svg');}
.studio-navigation .nav[data-tab=title-generation-rules] {--ui-icon:url('/static/material-symbols/auto_awesome.svg');}
.studio-navigation .nav[data-tab=quality-rules] {--ui-icon:url('/static/material-symbols/fact_check.svg');}
.studio-navigation summary:focus-visible,.studio-navigation .nav:focus-visible {outline:2px solid #9ac5af; outline-offset:2px;}
.navigation-breadcrumb {font-size:11px; font-weight:550; color:#718077; margin:0 0 9px; letter-spacing:.2px;}
.studio-navigation .hidden {display:none!important;}
@media (min-width:761px) {.shell {grid-template-columns:258px minmax(0,1fr);}.shell>aside {padding-left:14px; padding-right:14px;}.shell>aside .brand {padding-bottom:25px;}}
@media (max-width:760px) {.studio-navigation {display:block; margin:0;}.studio-navigation > .nav {margin-bottom:8px;}.studio-navigation .nav-group {margin-bottom:3px;}.studio-navigation .nav-children {grid-template-columns:repeat(2,minmax(0,1fr));}.studio-navigation .nav {font-size:12px; white-space:normal;}.studio-navigation .nav-group > summary {min-height:40px;}.navigation-breadcrumb {font-size:11px;}}