/* Navigation extension 0.2.0, Vazin UI 1.0.0. 72px rail fits a 44px target. */
@media(min-width:761px){.is-collapsed .account .account-copy{display:none}}
:root{--sidebar-width:288px;--nav-rail:72px;--floating-shadow:0 8px 36px #14221920}
.sidebar{padding:16px 12px 8px;gap:4px}.sidebar-head{display:flex;align-items:center;justify-content:space-between;min-height:48px;margin-block-end:12px;gap:4px}.brand{font-size:24px;gap:8px;padding:0 8px;min-width:0}.brand-ai{font-size:20px}.sidebar .new-chat{min-height:46px;margin:0 0 8px;padding:10px 12px;background:var(--v-ui-surface);border:1px solid var(--v-ui-border);border-radius:12px;font-size:14px;font-weight:550;color:var(--v-ui-text)}.new-chat kbd{font-size:10px;direction:ltr;unicode-bidi:isolate}.primary-nav{gap:2px}.primary-nav button{font-size:13px;gap:10px;color:var(--v-ui-text)}.primary-nav .rail-projects{display:none}.sidebar-scroll{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;min-height:0;flex:1;margin-block-start:12px;padding-block-end:16px}.nav-section{margin-block-end:16px}.section-head{display:flex;align-items:center;gap:0;min-height:40px}.section-toggle{display:flex;align-items:center;gap:4px;color:var(--v-ui-muted);font-size:12px;flex:1;text-align:start;min-height:40px;padding-inline:6px;border-radius:8px}.section-toggle svg{width:12px;height:12px}.section-toggle[aria-expanded=false] svg{transform:rotate(-90deg)}.section-head>.icon-button{width:36px;min-width:36px;min-height:40px;padding:8px;border-radius:8px}.section-head>.icon-button svg{width:16px}.history-row>button:first-child{font-size:13px;min-height:40px;padding:8px 12px}.history-row .icon-button{min-width:32px;width:32px;min-height:36px;padding:6px;opacity:0}.history-row:hover .icon-button,.history-row:focus-within .icon-button{opacity:1}.sidebar-empty,.section-empty{color:var(--v-ui-muted);font-size:12px;padding:8px 12px;line-height:1.8}.sidebar-empty{width:100%;text-align:start;border-radius:8px;min-height:44px}.sidebar-project{width:100%;display:flex;align-items:center;gap:10px;padding:8px 12px;min-height:44px;text-align:start;border-radius:8px;font-size:13px}.sidebar-project span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-project svg{width:18px}.sidebar-footer{flex-shrink:0;border-block-start:1px solid var(--v-ui-border);padding-block-start:8px}.footer-link{width:100%;display:flex;align-items:center;gap:10px;min-height:44px;border-radius:8px;text-align:start;padding:8px 12px;font-size:13px}.account{border:0;gap:10px;padding:8px;min-height:60px;border-radius:12px}.account:hover,.account[aria-expanded=true]{background:var(--v-ui-surface)}.account b{font-size:13px;font-weight:550}.account small{font-size:10px;line-height:1.7}.account-copy{display:grid;gap:2px;flex:1;min-width:0}.account-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-more{width:16px}.avatar{background:var(--soft);color:var(--v-ui-primary);width:36px;height:36px;flex-shrink:0}
.account-popover,.model-popover,.effort-popover{position:fixed;inset:auto;margin:0;padding:8px;border:1px solid var(--v-ui-border);border-radius:18px;background:var(--v-ui-surface);color:var(--v-ui-text);box-shadow:var(--floating-shadow);max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}.account-popover{width:320px}.account-popover [role=menuitem]{width:100%;display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 12px;border-radius:10px;text-align:start;font-size:14px}.account-popover [role=menuitem]:focus{outline:0;background:var(--soft);box-shadow:inset 0 0 0 2px var(--v-ui-primary)}.account-popover hr{border:0;border-block-start:1px solid var(--v-ui-border);margin:6px 8px}.account-menu-header{min-height:72px!important}.account-menu-header b{font-size:14px;font-weight:550}.account-menu-header small{font-size:10px;color:var(--v-ui-muted);line-height:1.8}.account-popover .menu-arrow{margin-inline-start:auto;color:var(--v-ui-muted);font-size:22px}[dir=rtl] .menu-arrow{transform:rotate(180deg)}.account-menu-caption{font-size:11px;color:var(--v-ui-muted);padding:12px}.account-menu-note{font-size:12px;line-height:1.8;color:var(--v-ui-muted);padding:12px}
.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);position:relative}.topbar-actions{justify-self:end}.mode-switch{display:flex;background:var(--soft);border-radius:24px;padding:3px;min-width:240px;border:1px solid var(--v-ui-border)}.mode-switch button{min-height:40px;flex:1;padding:8px 24px;border-radius:20px;font-size:14px;color:var(--v-ui-muted)}.mode-switch button[aria-selected=true]{background:var(--v-ui-surface);color:var(--v-ui-text);box-shadow:0 1px 5px #00000012}.work-tools{display:flex;gap:8px;flex-wrap:wrap;padding:8px 12px;background:var(--soft);border-radius:0 0 16px 16px;margin-inline:12px}.work-tools button{display:flex;align-items:center;gap:8px;min-height:40px;padding:8px;font-size:12px;border-radius:8px;color:var(--v-ui-muted)}.work-tools svg{width:17px}.work-mode-note{font-size:12px;color:var(--v-ui-muted);text-align:center;line-height:1.9;margin-block:20px}.effort-button{display:flex;align-items:center;gap:6px;background:var(--soft);padding:8px 10px;border-radius:18px;min-height:40px;font-size:11px;white-space:nowrap}.effort-button svg{width:12px}.model-popover{width:360px}.picker-heading{padding:8px 12px;font-size:12px;color:var(--v-ui-muted)}.model-popover .model-option{margin:2px 0;border:0;padding:10px 12px}.model-popover [aria-selected=true]{background:var(--soft)}.model-popover [role=option]:focus{outline:2px solid var(--v-ui-primary);outline-offset:-2px}.model-popover .model-status{font-size:10px;color:var(--v-ui-muted)}.picker-note{padding:12px;margin:6px 0 0;border-block-start:1px solid var(--v-ui-border);font-size:10px;color:var(--v-ui-muted);line-height:1.8}.effort-popover{padding:20px;width:300px;text-align:center}.effort-popover>div:first-child{color:var(--v-ui-muted);font-size:12px}.effort-popover output{display:block;font-size:18px;font-weight:600;margin-block:12px}.effort-popover input{width:100%;accent-color:var(--v-ui-primary);height:32px}.effort-extents{display:flex;justify-content:space-between;font-size:10px;color:var(--v-ui-muted)}.effort-popover p{font-size:11px;line-height:1.8;color:var(--v-ui-muted);margin-block-start:16px}
@media(min-width:761px){.workspace-shell.is-collapsed{grid-template-columns:var(--nav-rail) minmax(0,1fr)}.is-collapsed .sidebar{padding-inline:10px;align-items:stretch}.is-collapsed .sidebar-head{flex-direction:column;gap:8px}.is-collapsed .brand{padding:0;height:40px;justify-content:center}.is-collapsed .brand-wordmark,.is-collapsed .new-chat span,.is-collapsed .new-chat kbd,.is-collapsed .primary-nav button span,.is-collapsed .sidebar-scroll,.is-collapsed .footer-link span,.is-collapsed .account-copy,.is-collapsed .account-more{display:none}.is-collapsed .new-chat,.is-collapsed .primary-nav button,.is-collapsed .footer-link,.is-collapsed .account{justify-content:center;padding-inline:0}.is-collapsed .primary-nav .rail-projects{display:flex}.is-collapsed .sidebar-footer{margin-block-start:auto}.is-collapsed .account{min-height:56px}.is-collapsed .collapse-control{min-width:44px}}
@media(max-width:1050px){.mode-switch{min-width:180px}.breadcrumb b{max-width:150px}.topbar{padding-inline:16px}}
@media(max-width:760px){.sidebar{width:min(308px,calc(100% - 40px));padding-block-start:12px}.mode-switch{min-width:168px}.mode-switch button{padding:6px 20px;min-height:36px;font-size:13px}.breadcrumb b{display:none}.topbar{padding-inline:12px;gap:4px}.topbar-actions .preview-badge{display:inline-flex;white-space:nowrap;font-size:9px;padding:3px 6px}.history-row .icon-button{opacity:1}.composer-options{flex-wrap:wrap;gap:2px}.composer-toolbar{align-items:flex-end}.model-button{max-width:180px}.effort-button{margin-inline-start:44px;min-height:36px}.send-actions{align-self:flex-end}.section-head>.icon-button{min-width:40px;min-height:44px}.work-tools{margin-inline:4px;padding:6px}.work-tools button{font-size:11px;gap:4px}.model-popover{max-height:min(520px,calc(100dvh - 24px))}}
