.layout{transition:grid-template-columns 240ms cubic-bezier(.22,.7,.25,1)}#workspace-sidebar{overflow-x:clip}.home-nav-row>button:first-child{flex:1!important;width:auto!important}.sidebar-toggle-row{display:flex;justify-content:flex-end;align-items:center;padding:6px 0 0;margin-top:4px}.primary-nav .sidebar-toggle-row .sidebar-collapse-control{display:flex;align-items:center;justify-content:center;width:32px;min-width:32px;height:30px;padding:6px;margin:0;border:0;border-radius:6px;background:transparent;color:var(--nav-text)}.sidebar-toggle-row .sidebar-collapse-control:hover{background:var(--nav-hover)}.sidebar-collapse-control svg{transition:transform 240ms cubic-bezier(.22,.7,.25,1)!important}.layout.sidebar-compact{grid-template-columns:64px minmax(0,1fr)!important}.sidebar-compact #workspace-sidebar{padding-left:6px;padding-right:6px}.sidebar-compact .home-nav-row{justify-content:center}.sidebar-compact .home-nav-row>button:first-child{width:40px!important;flex:none!important}.sidebar-compact .primary-nav>button{width:40px;margin-left:6px}.sidebar-compact .sidebar-toggle-row{justify-content:center;padding-top:5px}.sidebar-compact .primary-nav .sidebar-toggle-row .sidebar-collapse-control{width:40px;min-width:40px;margin:0}.sidebar-compact .sidebar-tree-row{width:52px!important;gap:0}.sidebar-compact .sidebar-tree-toggle,.sidebar-compact .sidebar-tree-spacer{width:12px!important;min-width:12px!important;flex:0 0 12px!important}.sidebar-compact .sidebar-project{width:40px!important;flex:0 0 40px!important}.sidebar-compact .sidebar-project .projectlink{width:40px!important;min-width:40px!important;max-width:40px!important;padding:6px!important}.sidebar-compact .primary-nav>div:not(.home-nav-row):not(.sidebar-toggle-row)>button{margin-left:6px}.sidebar-compact .sidebar-settings>summary{display:flex!important;justify-content:center;padding:10px 3px!important;gap:4px!important;width:52px}.sidebar-compact .sidebar-settings>summary>.icon{display:inline-block!important;width:20px;height:20px;flex:0 0 20px}.sidebar-compact .sidebar-settings>summary>.settings-caret{margin-left:0!important;width:12px;height:12px;flex:0 0 12px}.sidebar-settings>summary .settings-caret{transition:transform 180ms ease!important}.sidebar-compact footer>button{margin-left:6px;width:40px}.sidebar-compact .sidebar-settings[open] .settings-items{left:0}.layout:not(.sidebar-compact) .primary-nav .nav-text{animation:sidebar-label-appear 180ms ease both}@keyframes sidebar-label-appear{from{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:translateX(0)}}@media(prefers-reduced-motion:reduce){.layout,.sidebar-collapse-control svg,.sidebar-settings>summary .settings-caret{transition:none!important}.layout:not(.sidebar-compact) .primary-nav .nav-text{animation:none!important}}
/* Home uses the same centered 40px target as the remaining compact icons. */
.sidebar-compact .home-nav-row{display:flex;width:52px;margin:0;justify-content:center;align-items:center}.sidebar-compact .home-nav-row>button:first-child{display:flex!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:9px!important;width:40px!important;min-width:40px!important;max-width:40px!important;flex:0 0 40px!important}.sidebar-compact .home-nav-row>button:first-child svg{display:block;margin:0!important;flex-shrink:0}

/* A narrow window gives the entire navigation's space back to the workspace. */
.layout.sidebar-window-fit{position:relative;grid-template-columns:0 minmax(0,1fr)!important}
.layout.sidebar-window-fit>main{grid-column:2;min-width:0}
.layout.sidebar-window-fit>#workspace-sidebar{position:absolute;left:0;top:0;bottom:0;width:min(var(--sidebar-width),85vw);z-index:75;transform:translateX(0);transition:transform 260ms cubic-bezier(.22,.7,.25,1),opacity 180ms ease,visibility 0s;box-shadow:10px 0 28px #0004}
.layout.sidebar-window-hidden>#workspace-sidebar{transform:translateX(-100%);opacity:0;visibility:hidden;pointer-events:none;transition:transform 260ms cubic-bezier(.22,.7,.25,1),opacity 180ms ease,visibility 0s 260ms}
#sidebar-window-menu1230{display:inline-flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;padding:6px;border:0;background:transparent;border-radius:7px;color:var(--text)}
#sidebar-window-menu1230:hover{background:var(--hover)}#sidebar-window-menu1230[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.layout.sidebar-window-fit>#workspace-sidebar,.layout.sidebar-window-hidden>#workspace-sidebar{transition:none}}

#workspace-sidebar{transition:transform 260ms cubic-bezier(.22,.7,.25,1),opacity 180ms ease,visibility 0s}@media(prefers-reduced-motion:reduce){#workspace-sidebar{transition:none}}

/* Reserve a real scrolling lane beside the compact project icons. */
.sidebar-compact #workspace-sidebar .project-nav{margin-inline:-6px;padding-inline:0;scrollbar-gutter:auto;scrollbar-width:thin}
.sidebar-compact #workspace-sidebar .project-nav::-webkit-scrollbar{width:8px}
.sidebar-compact #workspace-sidebar .project-nav::-webkit-scrollbar-thumb{border:2px solid var(--nav);border-radius:6px;background:var(--muted)}
.sidebar-compact #workspace-sidebar .nav-section>.sidebar-project{margin-left:12px}

/* User preference: navigation changes are immediate, with no slide/bounce. */
.layout,#workspace-sidebar,.layout.sidebar-window-fit>#workspace-sidebar,.layout.sidebar-window-hidden>#workspace-sidebar,.sidebar-collapse-control svg,.sidebar-settings>summary .settings-caret{transition:none!important}
.layout .primary-nav .nav-text,.project-tab{animation:none!important}
/* Fixed settings flyout must be allowed outside the compact rail. */
.sidebar-compact #workspace-sidebar:has(.sidebar-settings[open]){overflow:visible!important;z-index:70}.sidebar-compact .sidebar-settings[open] .settings-items{overflow:auto!important;box-sizing:border-box;max-width:calc(100vw - 24px)}

.settings-items[data-settings-fit1390]:popover-open{margin:0!important;padding:10px!important;background:var(--surface)!important;color:var(--text);border:1px solid var(--line)!important;border-radius:12px!important;box-shadow:0 12px 36px #0005;display:flex!important;flex-direction:column;gap:2px}