.navigation-panel{--expanded-width:var(--nav-default-width);--panel-width:var(--expanded-width);position:relative;flex:0 0 var(--panel-width);width:var(--panel-width);height:100%;min-height:0;display:flex;flex-direction:column;padding:12px 11px 16px;background:var(--color-bg-surface);border-right:1px solid var(--color-border);transition:none}.navigation-panel.is-ready{transition:flex-basis var(--transition-layout),width var(--transition-layout)}.navigation-panel.is-resizing{transition:none;user-select:none}.navigation-header{height:var(--portal-context-row-height);flex:0 0 var(--portal-context-row-height);display:flex;align-items:center;justify-content:space-between;padding:0 4px 0 16px}.navigation-header--primary{justify-content:flex-end}.navigation-panel>nav,.navigation-panel>[data-context-content]{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;flex:1 1 auto}.navigation-list,.context-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.nav-separator{height:1px;margin:18px 10px 14px;background:var(--color-border)}.navigation-list a,.context-item{width:100%;min-width:0;min-height:48px;display:flex;align-items:center;gap:12px;padding:0 16px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);text-decoration:none;white-space:nowrap;overflow:hidden;cursor:pointer;font-size:14px}.navigation-list a:hover,.context-item:hover{background:var(--color-bg-subtle)}.navigation-list a.active,.context-item.active{background:var(--color-brand-soft);color:var(--color-brand-on-soft);font-weight:650}.navigation-list a>svg,.context-item>svg{width:20px;height:20px;flex:0 0 20px}.navigation-label,.context-label{min-width:0;overflow:hidden;text-overflow:ellipsis;opacity:1}.context-title{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:650;white-space:nowrap}.icon-only-button{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;padding:0;border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted)}.icon-only-button:hover{background:var(--color-bg-subtle)}.icon-only-button svg{width:20px;height:20px}.collapse-icon{transition:transform var(--transition-fast)}.navigation-footer{flex:0 0 auto;padding:16px 5px 0}.legal-footer{font-size:10px;line-height:1.45;color:var(--color-text-muted);overflow:hidden}.legal-links{margin-top:3px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.legal-footer a{color:inherit;text-decoration:underline;text-underline-offset:2px}.navigation-panel.is-collapsed,.navigation-panel.will-collapse{--panel-width:var(--nav-collapsed-width)}.navigation-panel.is-collapsed{padding-left:8px;padding-right:8px}.navigation-panel.is-collapsed .navigation-header{padding-left:0;padding-right:0;justify-content:center}.navigation-panel.is-collapsed .navigation-label,.navigation-panel.is-collapsed .context-label,.navigation-panel.is-collapsed .context-title,.navigation-panel.is-collapsed .legal-footer{display:none}.navigation-panel.is-collapsed .navigation-list a,.navigation-panel.is-collapsed .context-item{width:48px;min-width:48px;max-width:48px;margin-inline:auto;padding:0;justify-content:center}.navigation-panel.is-collapsed .collapse-icon{transform:rotate(180deg)}.context-navigation .navigation-footer{display:none}.resize-handle{position:absolute;inset:0 -4px 0 auto;width:8px;z-index:10;cursor:col-resize;touch-action:none}.resize-handle:before{content:"";position:absolute;inset:0 3px}.resize-handle:hover:before,.resize-handle:focus-visible:before,.navigation-panel.is-resizing .resize-handle:before{background:var(--color-focus)}.resize-handle span{position:absolute;top:50%;right:-4px;width:12px;height:36px;transform:translateY(-50%);border:1px solid var(--color-border);border-radius:999px;background:var(--color-bg-surface);opacity:.55}@media(max-width:800px){.context-navigation{display:none}.navigation-panel.primary-navigation{--panel-width:var(--nav-collapsed-width);padding-left:8px;padding-right:8px}.primary-navigation .navigation-label,.primary-navigation .context-title,.primary-navigation .collapse-button,.primary-navigation .resize-handle,.primary-navigation .legal-footer{display:none}.primary-navigation .navigation-header{height:16px;flex-basis:16px}.primary-navigation .navigation-list a{width:48px;min-width:48px;max-width:48px;margin-inline:auto;padding:0;justify-content:center}}
