/* Keep navigation readable in every theme, including the icon-only ORBIT/CINEMA defaults. */
:root{--sidebar:238px}
html[data-theme] .sidebar{position:fixed;inset:0 auto 0 0;width:238px;height:100dvh;padding:18px 12px 12px;display:flex;flex-direction:column;gap:0;background:#07121cf5;border-right:1px solid #29495d;z-index:100;overflow:hidden;box-sizing:border-box}
html[data-theme] main{margin-left:238px;width:calc(100% - 238px);min-width:0}
html[data-theme] .sidebar .brand{flex:none;display:flex;gap:11px;padding:5px 10px 12px}
html[data-theme] .sidebar .brand>span:last-child{display:block;font-size:19px}
html[data-theme] .sidebar .brand small{display:block;font-size:8px;letter-spacing:1.3px;margin-top:5px}
html[data-theme] .sidebar .workspace-tag{display:flex;font-size:9px;flex:none;margin:0 8px 11px}
html[data-theme] .sidebar nav{display:flex;flex:1;min-height:0;flex-direction:column;gap:3px;margin:9px 0 0;padding:0 4px 10px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#315466 transparent}
html[data-theme] .sidebar nav a{display:flex;align-items:center;gap:11px;min-height:39px;flex:none;padding:9px 10px;border:1px solid transparent;border-radius:8px;font:12px/1.3 system-ui;color:#a9c6d8;white-space:normal;text-decoration:none;box-sizing:border-box}
html[data-theme] .sidebar nav a[hidden],html[data-theme] .sidebar .nav-divider[hidden]{display:none!important}
html[data-theme] .sidebar nav a:hover{background:#153042;color:#effaff;border-color:#386276}
html[data-theme] .sidebar nav a.active{background:#153e52;color:#e5faff;border-color:#5db8d0;box-shadow:inset 3px 0 #6fe0f5}
html[data-theme] .sidebar .nav-text{display:block;min-width:0;font:inherit}
html[data-theme] .sidebar .nav-icon{display:grid;place-items:center;flex:none;width:24px;font:19px/1 system-ui!important}
html[data-theme] .sidebar .nav-divider{display:block;padding:13px 11px 5px;margin:0;color:#668ba2;font:9px/1.2 system-ui;letter-spacing:1.4px;flex:none}
html[data-theme] .sidebar .nav-pill{display:inline-flex;margin-left:auto;min-width:18px;justify-content:center;font-size:10px}
html[data-theme] .sidebar .sidebar-note{display:none}
html[data-theme] .sidebar .sidebar-bottom{display:flex;flex:none;gap:9px;margin-top:8px;padding:10px 8px 0;border-top:1px solid #254254;font-size:11px}
html[data-theme] .sidebar .sidebar-bottom small{display:block;font-size:9px;margin-top:3px}.sidebar .version{margin-left:auto;font-size:8px}
.nav-search-wrap{flex:none;padding:0 6px}.nav-search-wrap input{width:100%;padding:10px 11px;border:1px solid #31566e;border-radius:8px;background:#0b2030;color:#e0f5ff;font:11px system-ui;box-sizing:border-box}.nav-search-wrap input::placeholder{color:#81a5bc}.nav-empty{font-size:11px;color:#9fb9c8;padding:10px}.nav-empty[hidden]{display:none}
#navigation-toggle{display:none}.navigation-backdrop[hidden]{display:none!important}.navigation-backdrop{position:fixed;inset:0;z-index:99;border:0;background:#000a;backdrop-filter:blur(3px)}
html[data-theme] .topbar{z-index:80;gap:12px}html[data-theme] .topbar>#navigation-toggle+div{min-width:0}#page-title{font-size:13px;white-space:nowrap}
@media(max-width:1100px) and (min-width:901px){.topbar .command-trigger{gap:8px}.topbar .command-trigger kbd{display:none}.topbar .connection{display:none}}
@media(max-width:900px){
 html[data-theme] .sidebar{width:min(285px,85vw);transform:translateX(-105%);transition:transform 200ms cubic-bezier(.22,1,.36,1)}
 html[data-theme] body.navigation-open .sidebar{transform:translateX(0)}
 html[data-theme] main{margin-left:0;width:100%}
 #navigation-toggle{display:flex;align-items:center;gap:7px;flex:none;padding:9px 11px;border:1px solid #3c667c;border-radius:8px;background:#0b2333;color:#c8edff;font:12px system-ui;cursor:pointer}
 body.navigation-open{overflow:hidden}
 html[data-theme] .topbar{padding:11px 14px;flex-wrap:wrap;min-height:62px;height:auto}
 .topbar .breadcrumb,.topbar .slash{display:none}.topbar-actions{margin-left:auto;gap:6px!important}.topbar .connection{display:none}.topbar .command-trigger{padding:8px;gap:0}.topbar .command-trigger kbd{display:none}.topbar .command-trigger span{font-size:10px}
 html[data-theme] .sidebar .workspace-tag{display:flex}html[data-theme] .sidebar .sidebar-bottom{display:flex}
}
@media(max-width:560px){.topbar-actions #release,.topbar-actions #motion-toggle{display:none}.topbar-actions .theme-switch{max-width:95px}#page-title{font-size:12px}.topbar .command-trigger span{max-width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html[data-theme] .sidebar{transition:none}}