.app-sidebar-desktop,.app-desktop-toolbar,.navigation-popover{--nav-accent:var(--ui-accent);--nav-surface:oklch(97.5% .003 85);--nav-line:oklch(90% .006 85);--radius-md:.5rem}.dark .app-sidebar-desktop,.dark .app-desktop-toolbar,.dark .navigation-popover{--nav-accent:var(--ui-accent);--nav-surface:oklch(20.5% .004 85);--nav-line:oklch(32% .004 85)}.app-sidebar-desktop{background:var(--nav-surface);border-color:var(--nav-line)}.app-sidebar-desktop>div:first-child{border-bottom:1px solid var(--nav-line);margin-bottom:.625rem}.app-sidebar-desktop nav{--sidebar-scroll-thumb:transparent;scrollbar-width:thin;scrollbar-color:var(--sidebar-scroll-thumb) transparent}.app-sidebar-desktop:is(:hover,:focus-within) nav{--sidebar-scroll-thumb:color-mix(in oklch, var(--foreground) 28%, transparent)}@supports selector(::-webkit-scrollbar){.app-sidebar-desktop nav{scrollbar-width:auto;scrollbar-color:auto}.app-sidebar-desktop nav::-webkit-scrollbar{width:4px;height:4px}.app-sidebar-desktop[data-collapsed=true] nav::-webkit-scrollbar{width:3px}.app-sidebar-desktop nav::-webkit-scrollbar-track{background:0 0}.app-sidebar-desktop nav::-webkit-scrollbar-thumb{background:var(--sidebar-scroll-thumb);border-radius:999px}.app-sidebar-desktop nav::-webkit-scrollbar-thumb:hover{background:color-mix(in oklch, var(--foreground) 45%, transparent)}.app-sidebar-desktop nav::-webkit-scrollbar-button{display:none}}@media (forced-colors:active){.app-sidebar-desktop nav{scrollbar-color:auto;scrollbar-width:thin}}.app-sidebar-desktop nav a,.app-sidebar-desktop nav button{min-height:2.125rem}.app-sidebar-desktop nav a:hover,.app-sidebar-desktop nav button:hover{background:color-mix(in oklch, var(--foreground) 5%, transparent)}.app-sidebar-desktop nav :is(a,button):focus-visible,.navigation-popover :is(a,button):focus-visible{outline:2px solid var(--nav-accent);outline-offset:-2px}.app-sidebar-desktop :is(.sidebar-nav-current,.sidebar-nav-child[aria-current=page],.sidebar-nav-section[data-active=true]){color:var(--nav-accent);background:color-mix(in oklch, var(--nav-accent) 11%, transparent);box-shadow:inset 2px 0 var(--nav-accent)}.app-sidebar-desktop .sidebar-nav-section{gap:.625rem}.app-sidebar-desktop .sidebar-nav-child{font-size:.8125rem}.app-sidebar-desktop [aria-current=page] svg,.app-sidebar-desktop [data-active=true]>svg:first-child{opacity:1}.app-desktop-toolbar{border-bottom:1px solid var(--nav-line)}.workspace-picker-trigger{box-shadow:0 1px 2px #00000008}.account-menu-trigger{background:color-mix(in oklch, var(--primary) 13%, var(--card));box-shadow:0 0 0 1px color-mix(in oklch, var(--primary) 25%, transparent)}.navigation-popover{max-width:calc(100vw - 1.5rem);max-height:min(36rem, var(--radix-popover-content-available-height));overscroll-behavior:contain;background:var(--nav-surface);border:1px solid var(--nav-line);border-radius:1rem;overflow-y:auto;box-shadow:0 16px 48px #00000026,0 2px 8px #00000012}.account-picker-current{background:color-mix(in oklch, var(--nav-accent) 9%, transparent)}.account-picker-eyebrow{color:var(--muted-foreground);letter-spacing:.075em;text-transform:uppercase;margin-bottom:.25rem;font-size:.625rem;font-weight:600}.account-picker .account-avatar{background:color-mix(in oklch, var(--nav-accent) 13%, var(--card));color:var(--nav-accent)}.account-picker-current .account-avatar{width:2.5rem;height:2.5rem}.account-picker button{min-height:2.5rem}.account-picker .saved-account-row{border-radius:.625rem;margin-block:.25rem}.account-picker .saved-account-row>button:first-child{padding-block:.625rem}.account-picker .saved-account-row>button:last-child{width:2rem;min-height:2rem}.navigation-popover button:hover{background:color-mix(in oklch, var(--foreground) 5%, transparent)}.workspace-picker button{min-height:2.5rem}.workspace-picker button[aria-current=true]{background:color-mix(in oklch, var(--nav-accent) 10%, transparent)}.workspace-picker button[aria-current=true]>svg:last-child{color:var(--nav-accent)}@media (prefers-reduced-motion:reduce){.app-sidebar-desktop,.app-sidebar-desktop *{transition:none!important}}
