/* Flat indentation keeps every depth legible inside the 218–252 px white rail. */
#secondary-menu .nav-node{min-width:0}
#secondary-menu .nav-children{margin:0;padding:0;border:0}
#secondary-menu .nav-subgroup{margin:2px 0 5px}
#secondary-menu .nav-node>.nav-group-toggle{padding-left:calc(10px + var(--nav-inset));padding-right:9px;min-height:35px;gap:8px}
#secondary-menu .nav-node[data-nav-depth="0"]>.nav-group-toggle{font-size:13px;font-weight:600;color:var(--ink)}
#secondary-menu .nav-node[data-nav-depth="0"].current-branch>.nav-group-toggle{color:var(--accent)}
#secondary-menu .nav-subgroup>.nav-group-toggle{font-size:11px;font-weight:400;color:var(--accent);padding-top:8px;padding-bottom:7px}
#secondary-menu .nav-subgroup.current-branch>.nav-group-toggle{color:var(--accent);font-weight:600}
#secondary-menu .nav-node>.nav-group-toggle:hover{color:var(--accent);background:#f8f5f6}
#secondary-menu .nav-leaf{padding-left:calc(10px + var(--nav-inset));padding-right:9px;font-size:12px;min-height:34px}
#secondary-menu .nav-label{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#secondary-menu .group-chevron,#secondary-menu .menu-count{flex:none}
#secondary-menu .menu-count{margin-left:auto;min-width:1.5ch;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
#secondary-menu .nav-node .group-chevron{transition:transform .15s ease}
#secondary-menu .nav-node>.nav-group-toggle:active{background:#f0e4e8}
#breadcrumbs{min-width:0;flex:1}
#breadcrumbs .breadcrumbs{min-width:0;gap:9px;white-space:nowrap}
#breadcrumbs .breadcrumbs>span:last-child{overflow:hidden;text-overflow:ellipsis;min-width:0}
#breadcrumbs .breadcrumbs>.icon{flex:none}
@media(min-width:1800px){#secondary-menu .nav-node[data-nav-depth="0"]>.nav-group-toggle{font-size:14px}#secondary-menu .nav-subgroup>.nav-group-toggle{font-size:12px}#secondary-menu .nav-leaf{font-size:13px}}
@media(prefers-reduced-motion:reduce){#secondary-menu .nav-node .group-chevron{transition:none}}

.nav-disabled{color:var(--muted,#8e8697);cursor:default;opacity:.65}.nav-disabled small{font-size:10px;margin-left:auto}

.nav-tree-tools{display:flex;justify-content:space-between;gap:6px;padding:8px 10px;border-bottom:1px solid var(--line)}
.nav-tree-tools button{border:0;background:none;color:var(--muted);font-size:11px;padding:5px 0}.nav-tree-tools button:hover{color:var(--accent)}
#secondary-menu .secondary-group{padding:2px 0;margin:0}
#secondary-menu .nav-subgroup{margin:0}#secondary-menu .nav-node>.nav-group-toggle,#secondary-menu .nav-leaf{min-height:34px;padding-top:6px;padding-bottom:6px}
#breadcrumbs .breadcrumbs>span{overflow:hidden;text-overflow:ellipsis;min-width:0}
@media(min-width:1024px){.topbar-actions{flex-shrink:0;white-space:nowrap}.topbar-actions #sync-status{white-space:nowrap}.topbar-actions #logout{flex:none;white-space:nowrap;min-width:40px}}

#breadcrumbs .breadcrumbs a{min-width:0;min-height:28px;display:inline-flex;align-items:center;padding:2px 4px;margin:0 -4px;border-radius:3px;text-decoration:none;color:var(--muted);overflow:hidden;text-overflow:ellipsis}
#breadcrumbs .breadcrumbs a:hover{color:var(--accent);background:#eee6eb;text-decoration:underline;text-underline-offset:3px}
#breadcrumbs .breadcrumbs a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#breadcrumbs .breadcrumbs a[aria-current="page"]{color:var(--ink)}
#breadcrumbs .breadcrumbs>.breadcrumb-step{display:inline-flex;align-items:center;gap:8px;min-width:0;overflow:visible}
.desktop-shell #breadcrumbs .breadcrumbs{flex-wrap:wrap;gap:0 8px;white-space:normal}
.desktop-shell #breadcrumbs .breadcrumbs a{white-space:nowrap}
.desktop-shell .workspace>.topbar{height:auto;min-height:52px;padding-block:5px}