/* Compact navigation, loaded after legacy shell styles. */
@media (min-width:781px) {
  .sidebar{inset:0 auto 0 0;width:250px;padding:8px;overflow:hidden;border-inline-end:1px solid var(--sb-line);background:var(--card);transition-property:width;transition-duration:180ms;transition-timing-function:cubic-bezier(.2,0,0,1)}
  .sidebar-items{display:flex;flex:1;min-height:0;flex-direction:column;gap:2px;margin:0;padding:0 2px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
  .nav-item-shell{display:grid;flex:0 0 auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-width:0;min-height:44px;gap:3px;padding:0;padding-inline-end:4px;border-radius:10px;background:transparent;color:var(--ink-2)}
  .nav-item-shell:first-child{padding-inline-end:24px}
  .nav-item-shell .nav-item-main{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:9px;width:100%;min-width:0;min-height:44px;margin:0;padding:8px 9px;border:1px solid transparent;border-radius:10px;background:transparent;box-shadow:none;color:inherit;font-size:14px;font-weight:650;text-align:start;transition-property:background-color,color,border-color;transition-duration:120ms}
  .nav-item-shell .nav-item-main>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .nav-item-shell .nav-item-main svg{color:var(--muted);transform:none;transition:color 120ms}
  .nav-item-shell.is-active{background:transparent;color:var(--accent-ink,var(--accent))}
  .nav-item-shell.is-active .nav-item-main{border-color:color-mix(in srgb,var(--accent) 22%,var(--line));background:color-mix(in srgb,var(--accent) 9%,var(--card));box-shadow:inset 3px 0 var(--accent);color:var(--accent-ink,var(--accent))}
  .nav-item-shell.is-active .nav-item-main svg{color:var(--accent)}
  @media (hover:hover){.nav-item-shell:not(.is-active) .nav-item-main:hover{border-color:color-mix(in srgb,var(--accent) 12%,var(--line));background:var(--card-2);color:var(--ink)}.nav-item-shell:not(.is-active) .nav-item-main:hover svg{color:var(--accent);transform:none}}
  .nav-item-shell>.nav-count-badge{display:grid;min-width:32px;height:32px;min-height:32px;place-items:center;padding-inline:7px;border:0;border-radius:8px;background:var(--card-2);color:var(--ink-2);font:800 12px/1 var(--font);font-variant-numeric:tabular-nums;cursor:pointer}
  .nav-item-shell.is-active>.nav-count-badge{background:color-mix(in srgb,var(--accent) 14%,var(--card));color:var(--accent-ink,var(--accent))}
  .nav-mode-toggle{display:grid;flex:0 0 auto;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:9px;width:100%;min-height:44px;margin-top:6px;padding:8px 9px;border:1px solid transparent!important;border-top:1px solid var(--line)!important;border-radius:10px;background:transparent;color:var(--muted)!important;font-size:13px;font-weight:650;text-align:start;cursor:pointer}
  @media (hover:hover){.nav-mode-toggle:hover{border-color:var(--line)!important;background:var(--card-2);color:var(--ink)!important}}
  .sb-burger{top:10px;left:233px;width:34px;height:34px;z-index:50}
  .shell.sb-collapsed .sb-burger{left:39px}
  .shell.sb-collapsed .sidebar{inset:0 auto 0 0;width:56px;padding:56px 5px 8px;overflow:hidden}
  .shell.sb-collapsed .main{padding-left:0;padding-inline-start:56px}
  .shell:not(.sb-collapsed) .main{padding-left:0;padding-inline-start:250px}
  .shell.sb-collapsed .nav-item-shell{display:block;min-height:44px;padding:0;background:transparent}
  .shell.sb-collapsed .nav-item-shell .nav-item-main{display:flex;width:44px;min-height:44px;justify-content:center;gap:0;margin:0 auto;padding:10px}
  .shell.sb-collapsed .nav-item-main>span,.shell.sb-collapsed .nav-count-badge{display:none!important}
  .shell.sb-collapsed .nav-mode-toggle{display:flex;width:44px;min-height:44px;justify-content:center;gap:0;margin:6px auto 0;padding:10px}
  .shell.sb-collapsed .nav-mode-toggle>span{display:none}
  [dir=rtl] .nav-item-shell.is-active .nav-item-main{box-shadow:inset -3px 0 var(--accent)}
  [dir=rtl] .nav-mode-toggle svg{transform:scaleX(-1)}
  [dir=rtl] .sb-burger{left:auto;right:233px}
  [dir=rtl] .shell.sb-collapsed .sb-burger{left:auto;right:39px}
}
.more-panel{max-height:calc(100dvh - max(12px,env(safe-area-inset-top,0px)));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}
.more-title{color:var(--ink);font-size:15px;font-weight:750;letter-spacing:0;text-transform:none}
.more-row{min-height:48px;padding:10px;gap:11px;font-size:14px;font-weight:650}
.more-row>span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.more-row.active{background:color-mix(in srgb,var(--accent) 9%,var(--card));color:var(--accent-ink,var(--accent));box-shadow:inset 3px 0 var(--accent)}
.more-count{display:grid;min-width:28px;min-height:28px;place-items:center;padding-inline:6px;border-radius:8px;background:var(--card-2);color:var(--ink-2);font-size:12px;font-variant-numeric:tabular-nums}
.more-profile{min-height:52px;grid-template-columns:36px minmax(0,1fr) 18px;padding:7px 10px}
.more-profile .avatar{width:34px!important;height:34px!important}
.more-sep{margin:6px 4px}
.more-row:focus-visible,.more-profile:focus-visible,.nav-mode-toggle:focus-visible,.sb-burger:focus-visible{outline:2px solid var(--ink)!important;outline-offset:2px!important}
@media (prefers-reduced-motion:reduce){.sidebar,.main,.more-panel,.more-scrim{transition:none!important}}
@media (forced-colors:active){.nav-item-shell.is-active .nav-item-main,.more-row.active{border:2px solid Highlight;box-shadow:none}.nav-mode-toggle,.sb-burger,.nav-count-badge,.more-count{border:1px solid ButtonText}.more-row:focus-visible,.more-profile:focus-visible,.nav-mode-toggle:focus-visible,.sb-burger:focus-visible{outline-color:Highlight!important}}
