/* A stable icon rail, with a white hover panel and a bottom account entry. */
@media (min-width:801px) {
 body:not(.auth-locked)[data-sidebar-ready] { --workspace-control-width:clamp(340px,34vw,440px); }
 body:not(.auth-locked)[data-sidebar-ready] .shell { margin-left:72px; }
 body:not(.auth-locked)[data-sidebar-ready] .sidebar {
  width:224px; padding:12px; z-index:25; min-height:0; background:#fff; user-select:none;
  clip-path:inset(0 -24px 0 0); box-shadow:8px 0 24px #20363b0c;
  transition:clip-path .24s cubic-bezier(.22,1,.36,1),box-shadow .2s;
 }
 body:not(.auth-locked)[data-sidebar-ready].nav-collapsed .sidebar { width:224px; padding:12px; clip-path:inset(0 152px 0 0); box-shadow:none; }
 body:not(.auth-locked)[data-sidebar-ready] .sidebar-brand-row { position:relative; display:flex; flex-direction:row; justify-content:flex-start; height:44px; min-height:44px; flex-shrink:0; gap:0; padding:0 4px; margin:0 0 12px; }
 body:not(.auth-locked)[data-sidebar-ready] .sidebar-brand-row .brand { display:flex; padding:0; font-size:17px; gap:8px; opacity:1; transition:opacity .16s; }
 body:not(.auth-locked)[data-sidebar-ready] .sidebar-brand-row .brand-symbol { width:28px; height:28px; }
 body:not(.auth-locked)[data-sidebar-ready] .sidebar-brand-row .brand > span { display:block; }
 body:not(.auth-locked)[data-sidebar-ready] .brand-sub { font-size:7px; letter-spacing:1px; }
 body:not(.auth-locked)[data-sidebar-ready].nav-collapsed .sidebar-brand-row .brand { opacity:0; pointer-events:none; }
 body:not(.auth-locked)[data-sidebar-ready] .sidebar-collapse { position:absolute; left:0; top:0; display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; border-radius:10px; background:transparent; transform:translateX(152px); transition:transform .24s cubic-bezier(.22,1,.36,1),background-color .16s; }
 body:not(.auth-locked)[data-sidebar-ready].nav-collapsed .sidebar-collapse { width:44px; height:44px; transform:translateX(0); }
 .sidebar-toggle-brand,.sidebar-toggle-icon { grid-area:1/1; transition:opacity .16s; }
 .sidebar-toggle-brand { opacity:0; border-radius:8px; }
 .sidebar-toggle-icon { width:20px; height:20px; }
 .nav-collapsed .sidebar-toggle-brand { opacity:1; }
 .nav-collapsed .sidebar-toggle-icon { opacity:0; }
 body:not(.auth-locked)[data-sidebar-ready] .sidebar > nav { flex:1; min-height:0; overflow-y:auto; overflow-x:hidden; gap:4px; }
 body:not(.auth-locked)[data-sidebar-ready] .sidebar nav :is(a,button) { justify-content:flex-start; min-height:40px; gap:12px; padding:8px 12px; }
 body:not(.auth-locked)[data-sidebar-ready] .sidebar nav :is(i,svg) { flex:0 0 20px; width:20px; height:20px; }
 body:not(.auth-locked)[data-sidebar-ready] .sidebar nav span { display:block; white-space:nowrap; transition:opacity .16s,transform .24s; }
 body:not(.auth-locked)[data-sidebar-ready] .sidebar nav .nav-label { display:block; min-height:26px; padding:10px 12px 4px; }
 body:not(.auth-locked)[data-sidebar-ready].nav-collapsed .sidebar nav span { opacity:0; transform:translateX(-5px); }
 body:not(.auth-locked)[data-sidebar-ready] .sidebar-bottom { display:flex; flex-direction:column; flex-shrink:0; padding-top:8px; background:#fff; }
 body:not(.auth-locked)[data-sidebar-ready] .sidebar-bottom .credit-card { display:flex; gap:12px; min-height:44px; padding:7px 8px; margin:0 0 8px; border:0; border-radius:10px; background:transparent; box-shadow:none; }
 body:not(.auth-locked)[data-sidebar-ready] .sidebar-bottom .credit-card:hover { background:#eef8f5; transform:none; }
 body:not(.auth-locked)[data-sidebar-ready] .sidebar-bottom .credit-card:after { display:none; }
 body:not(.auth-locked)[data-sidebar-ready] .credit-card :is(.credit-orb) { flex:0 0 28px; width:28px; height:28px; background:#e5f4ef; box-shadow:none; }
 body:not(.auth-locked)[data-sidebar-ready] .credit-card > span:not(.credit-orb) { white-space:nowrap; }
 body:not(.auth-locked)[data-sidebar-ready] .credit-card strong { font-size:12px; }
 body:not(.auth-locked)[data-sidebar-ready] .sidebar .guide-bottom-link { display:none; }
 body:not(.auth-locked)[data-sidebar-ready] .sidebar .workspace-public-links { order:2; min-height:26px; flex-wrap:nowrap; white-space:nowrap; margin:8px 0 0; font-size:9px; gap:7px; }
 body:not(.auth-locked)[data-sidebar-ready].nav-collapsed .sidebar :is(.credit-card > span:not(.credit-orb),.credit-card > b,.workspace-public-links) { opacity:0; pointer-events:none; }
 body:not(.auth-locked)[data-sidebar-ready] .sidebar-account { display:block; width:100%; padding:0; margin:0; border:0; background:transparent; }
 body:not(.auth-locked)[data-sidebar-ready] .sidebar-account .account-sidebar-trigger { display:flex; align-items:center; justify-content:flex-start; width:100%; min-height:44px; padding:8px; gap:12px; border:1px solid #e0ece8; border-radius:10px; background:#f7fbf9; box-shadow:none; text-align:left; color:#244b45; transition:background-color .16s,border-color .16s; }
 body:not(.auth-locked)[data-sidebar-ready] .sidebar-account .account-sidebar-trigger:hover { background:#eaf6f1; border-color:#c2dfd5; transform:none; box-shadow:none; }
 body:not(.auth-locked)[data-sidebar-ready] .sidebar-account .avatar { display:grid; place-items:center; flex:0 0 28px; width:28px; height:28px; border-radius:8px; background:#dcefe7; color:#276456; font-style:normal; }
 body:not(.auth-locked)[data-sidebar-ready] .sidebar-account .account-sidebar-trigger > span:last-child { display:block; min-width:0; white-space:nowrap; transition:opacity .16s,transform .24s; }
 body:not(.auth-locked)[data-sidebar-ready] .account-sidebar-trigger :is(strong,small) { display:block; max-width:142px; overflow:hidden; text-overflow:ellipsis; }
 body:not(.auth-locked)[data-sidebar-ready] .account-sidebar-trigger strong { font-size:12px; font-weight:650; }
 body:not(.auth-locked)[data-sidebar-ready].nav-collapsed .sidebar-account { width:100%; margin:0; }
 body:not(.auth-locked)[data-sidebar-ready].nav-collapsed .account-sidebar-trigger { background:transparent; border-color:transparent; }
 body:not(.auth-locked)[data-sidebar-ready].nav-collapsed .account-sidebar-trigger > span:last-child { opacity:0; transform:translateX(-5px); }
}
@media (max-width:800px) {
 body:not(.auth-locked)[data-sidebar-ready] .sidebar-bottom { display:contents; }
 body:not(.auth-locked)[data-sidebar-ready] .sidebar-bottom > :not(.profile) { display:none; }
 body:not(.auth-locked)[data-sidebar-ready] .sidebar-account { position:absolute; top:10px; right:12px; display:block; width:38px; margin:0; padding:0; border:0; }
 body:not(.auth-locked)[data-sidebar-ready] .sidebar-account .account-sidebar-trigger { display:flex; align-items:center; justify-content:center; width:38px; min-height:36px; padding:2px; }
 body:not(.auth-locked)[data-sidebar-ready] .account-sidebar-trigger > span:not(.avatar) { display:none; }
 body:not(.auth-locked)[data-sidebar-ready] .sidebar-brand-row { padding-right:44px; }
}
@media (prefers-reduced-motion:reduce) {
 body[data-sidebar-ready] .sidebar,body[data-sidebar-ready] .sidebar * { transition:none !important; }
}
html[data-input-mode="keyboard"] body[data-sidebar-ready] .sidebar,html[data-input-mode="keyboard"] body[data-sidebar-ready] .sidebar * { transition:none; }