/* Navigation stays mounted while the main view retreats and returns. */
.has-shell .main { animation:none;min-height:100dvh; }
body.agent-shell .main { min-height:0; }
html { overflow-x:clip; }
.side-nav { position:relative;isolation:isolate;overflow-x:hidden; }
.nav-active-indicator { position:absolute;left:0;top:0;pointer-events:none;border-radius:10px;background:var(--panel-3);box-shadow:0 2px 5px rgb(20 25 35 / .09),inset 0 0 0 1px rgb(20 25 35 / .025);z-index:0; }
[data-motion-nav] a,[data-motion-nav] button { position:relative;z-index:1; }
.side-nav[data-motion-nav] a.active { background:transparent; }
.side-nav[data-motion-nav] a.active:hover { background:transparent; }
.tabbar .nav-active-indicator { border-radius:12px;box-shadow:0 1px 4px rgb(20 25 35 / .06); }
.tabbar[data-motion-nav] .active { color:var(--text); }
[data-navigation-phase]:not([data-navigation-phase="idle"]) .main { will-change:transform,opacity; }
@media(max-width:900px) { .has-shell:not(.agent-shell) .main { min-height:calc(100dvh - 52px); } }
html[data-motion="off"][data-navigation-phase] .main { will-change:auto; }