/* The workspace's shared navigation row. Module files own disclosure/positioning;
   this component owns density, type and every interactive row state. */
body[data-workspace=true] :is(.sidebar .nav-link,.sidebar .crm-nav-item,.workspace-module-trigger,.crm-flyout .crm-nav-item,.workspace-module-choice,.settings-link,.settings-project-trigger,.account-popover .popover-link,.account-popover .project-option,.crm-management-popover button){
 display:flex;align-items:center;gap:var(--nav-content-gap);width:100%;min-width:0;min-height:var(--nav-row-height);margin:0;padding:8px var(--nav-padding-x);border:0;border-radius:var(--nav-row-radius);background:transparent;box-shadow:none;
 font-family:var(--font-ui);font-size:var(--nav-font-size);font-weight:var(--nav-font-weight);line-height:var(--nav-line-height);letter-spacing:0;color:var(--nav-ink);text-align:left;cursor:pointer;
}
body[data-workspace=true] :is(.sidebar .nav-link,.sidebar .crm-nav-item,.workspace-module-trigger,.crm-flyout .crm-nav-item,.workspace-module-choice,.settings-link,.settings-project-trigger,.account-popover .popover-link,.account-popover .project-option,.crm-management-popover button)>:is(span,strong){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body[data-workspace=true] :is(.sidebar .nav-link,.sidebar .crm-nav-item,.workspace-module-trigger,.crm-flyout .crm-nav-item,.workspace-module-choice,.settings-link,.settings-project-trigger,.account-popover .popover-link,.crm-management-popover button)>.icon{width:var(--nav-icon-size);height:var(--nav-icon-size);flex-shrink:0;color:var(--nav-icon)}
body[data-workspace=true] :is(.sidebar .nav-link,.sidebar .crm-nav-item,.workspace-module-trigger,.crm-flyout .crm-nav-item,.workspace-module-choice,.settings-link,.settings-project-trigger,.account-popover .popover-link,.account-popover .project-option,.crm-management-popover button):not(:disabled):hover{background:var(--nav-hover);color:var(--nav-selected)}
body[data-workspace=true] :is(.sidebar .nav-link,.sidebar .crm-nav-item,.workspace-module-trigger,.crm-flyout .crm-nav-item,.workspace-module-choice,.settings-link,.settings-project-trigger,.account-popover .popover-link,.account-popover .project-option):is([aria-current=page],[aria-pressed=true],.crm-branch-active){background:var(--nav-active);color:var(--nav-selected);font-weight:var(--nav-selected-weight);box-shadow:none}
body[data-workspace=true] :is(.sidebar .nav-link,.sidebar .crm-nav-item,.workspace-module-trigger,.crm-flyout .crm-nav-item,.workspace-module-choice,.settings-link,.settings-project-trigger,.account-popover .popover-link,.crm-management-popover button):is(:hover,[aria-current=page],[aria-expanded=true],.crm-branch-active)>.icon{color:inherit}
body[data-workspace=true] :is(.sidebar .nav-link,.sidebar .crm-nav-item,.workspace-module-trigger,.crm-flyout .crm-nav-item,.workspace-module-choice,.settings-link,.settings-project-trigger,.account-popover .popover-link,.account-popover .project-option,.crm-management-popover button):focus-visible{outline:2px solid var(--side-accent);outline-offset:-2px}
body[data-workspace=true] :is(.sidebar .nav-link,.sidebar .crm-nav-item,.workspace-module-choice):disabled{opacity:.48;color:var(--nav-ink);background:transparent;cursor:default;box-shadow:none}
body[data-workspace=true] :is(.sidebar .nav-link,.sidebar .crm-nav-item,.workspace-module-choice):disabled>.icon{color:inherit}
body[data-workspace=true] .sidebar .nav-link[aria-current=page]::after{display:none}

body[data-workspace=true] :is(.workspace-module-trigger,.sidebar .account-trigger,.settings-project-trigger,.account-popover .popover-link)[aria-expanded=true]{background:var(--nav-active);color:var(--nav-selected)}

body[data-workspace=true] .sidebar{padding-inline:var(--nav-panel-inset)}
body[data-workspace=true] .sidebar-brand{margin-inline:calc(-1 * var(--nav-panel-inset))}
body[data-workspace=true] .sidebar .sidebar-brand .brand{left:30.21px}
body[data-workspace=true] .account-popover{display:flex;flex-direction:column;gap:var(--nav-row-gap)}
body[data-workspace=true] .account-popover>.popover-link{flex-shrink:0}

/* Every list uses the same gap, including CRM's formerly unspaced inner wrapper. */
body[data-workspace=true] :is(.workspace-nav-top,.workspace-related-modules,#crm-inline,.crm-pipeline-tree,.courses-nav,.crm-flyout-items,.workspace-ready-group>div,.workspace-planned-group,.settings-sidebar nav,.settings-category-links,.projects-list,.crm-management-popover){display:grid;gap:var(--nav-row-gap);align-content:start}
body[data-workspace=true] .workspace-nav-top{flex-shrink:0;padding-top:var(--nav-row-gap);padding-bottom:var(--nav-row-gap);margin-bottom:var(--nav-row-gap);border-bottom:1px solid var(--side-line)}
body[data-workspace=true] .workspace-related-modules{margin:0}
body[data-workspace=true] .crm-pipeline-tree{margin:0 0 0 20px;padding-left:7px}
body[data-workspace=true] .crm-pipeline-tree .crm-nav-item{padding-inline:8px}
body[data-workspace=true] .crm-pipelines-toggle{padding-right:3px}
body[data-workspace=true] .crm-pipeline-heading>.crm-pipelines-toggle{width:auto}
body[data-workspace=true] .crm-pipeline-heading>.crm-pipelines-toggle>.crm-chevron{margin-left:calc(2px - var(--nav-content-gap))}
body[data-workspace=true] .workspace-module-trigger>span{flex:1}
body[data-workspace=true] :is(.workspace-module-trigger,.settings-project-trigger)>.icon:last-child{width:13px;height:13px;margin-left:auto}
body[data-workspace=true] :is(.sidebar .crm-branch-active,.workspace-module-trigger,.settings-project-trigger){color:var(--nav-selected)}
body[data-workspace=true] :is(.sidebar .account-avatar,.settings-person>.account-avatar,.settings-project-trigger>.avatar,.project-option>.avatar){width:20px;height:20px;flex:0 0 20px;font-size:9px}
body[data-workspace=true] :is(.sidebar .account-avatar,.settings-person>.account-avatar){border-radius:50%}
body[data-workspace=true] :is(.settings-project-trigger>.avatar,.project-option>.avatar){border-radius:4px}
body[data-workspace=true] .account-popover .project-option strong{font-size:inherit;font-weight:inherit}
body[data-workspace=true] .project-row{border-radius:var(--nav-row-radius)}
body[data-workspace=true] .project-row[data-selected=true]{background:var(--nav-active)}
body[data-workspace=true] .project-row:hover{background:var(--nav-hover)}
body[data-workspace=true] .settings-project-trigger{margin-bottom:var(--nav-row-gap)}
body[data-workspace=true] :is(.workspace-picker-heading strong,.workspace-ready-group h2,.workspace-planned-group h2,.crm-flyout-title){font-size:var(--nav-label-size);font-weight:500;color:var(--nav-label);opacity:1}

/* Planned features retain their status without inflating the navigation row. */
body[data-workspace=true] :is(.sidebar .workspace-related-link,.sidebar .courses-planned,.workspace-module-choice):has(small){padding-block:2px}
body[data-workspace=true] :is(.workspace-related-link,.courses-planned,.workspace-module-choice) small{display:block;margin:0;font-size:10px;line-height:12px;font-weight:400;opacity:1}
@media(min-width:701px){
 body[data-workspace=true].compact-menu{--nav-panel-inset:12px}
 body[data-workspace=true].compact-menu .sidebar :is(.nav-link,.crm-nav-item,.workspace-module-trigger){justify-content:center;padding-inline:0}
}
@media(max-width:700px),(hover:none){
 body[data-workspace=true]{--nav-row-height:44px}
}

@media(max-width:700px){
 body[data-workspace=true].settings-mode{--nav-panel-inset:12px}
}

body[data-workspace=true] .popover-project-toggle>.avatar{width:20px;height:20px;flex:0 0 20px;border-radius:4px;font-size:9px}
body[data-workspace=true] .popover-project-toggle>span:nth-child(2){flex:1}
body[data-workspace=true] .account-projects{flex-shrink:0;padding-left:8px;margin-left:12px;border-left:1px solid var(--line)}
body[data-workspace=true] .account-projects[hidden]{display:none}
body[data-workspace=true] .account-projects .projects-list{max-height:185px;overscroll-behavior:contain}
body[data-workspace=true] .account-theme-menu{position:fixed;width:180px;padding:5px;z-index:46;border:1px solid var(--line);border-radius:10px;background:var(--popup);box-shadow:var(--shadow-menu)}
body[data-workspace=true] .account-theme-menu:not([hidden]){display:grid;gap:var(--nav-row-gap)}
body[data-workspace=true] .account-theme-menu .popover-link{white-space:nowrap}
body[data-workspace=true] .account-theme-menu .popover-link>span{flex:1}
body[data-workspace=true] .account-theme-menu .popover-link>.icon:last-child{width:15px;height:15px;visibility:hidden}
body[data-workspace=true] .account-theme-menu [aria-pressed=true]>.icon:last-child{visibility:visible}
@media(max-width:700px){body[data-workspace=true] .account-theme-menu{position:static;width:auto;margin-left:12px;box-shadow:none;border:0;border-left:1px solid var(--line);border-radius:0}}

/* The project picker exposes context and plans, without secondary settings actions. */
body[data-workspace=true] .account-popover .popover-project-toggle{height:auto;min-height:52px;padding-block:8px}
.project-current-copy{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.project-current-copy strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;font:inherit}
.project-current-copy small{font-size:11px;line-height:14px;font-weight:400;color:var(--muted)}
body[data-workspace=true] .popover-project-toggle>.project-switch-icon{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border:1px solid var(--line);border-radius:6px;background:var(--surface);opacity:0}
body[data-workspace=true] .popover-project-toggle:is(:hover,:focus-visible,[aria-expanded=true])>.project-switch-icon{opacity:1}
body[data-workspace=true] .project-switch-icon>.icon{width:16px;height:16px;color:currentColor}
body[data-workspace=true] .project-option>.project-plan-badge{flex-shrink:0;margin-left:auto;padding:1px 5px;border-radius:4px;border:1px solid var(--line);font-size:10px;line-height:15px;font-weight:500;color:var(--muted)}
@media(hover:none){body[data-workspace=true] .popover-project-toggle>.project-switch-icon{opacity:1}}
body[data-workspace=true] .projects-list{grid-template-columns:minmax(0,1fr);min-width:0}
body[data-workspace=true] .project-row{min-width:0;padding-right:0}