/* R10 compact navigation adapter. The drawer never resizes or remounts the workspace. */
body.nav-shell .app-shell { display: block; min-height: 100vh; }
body.nav-shell .main { width: 100%; min-width: 0; }
body.nav-shell .sidebar { position: fixed; inset: 0 auto 0 0; width: min(184px, calc(100vw - 48px)); height: 100dvh; z-index: 201; padding: 24px 12px; display: flex; overflow-y: auto; box-shadow: 10px 0 38px #11192330; }
body.nav-shell .sidebar[hidden], .navigation-backdrop[hidden] { display: none !important; }
.navigation-backdrop { position: fixed; inset: 0; z-index: 200; display: block; width: 100%; height: 100%; border: 0; background: #15212b55; cursor: pointer; }
body.navigation-open { overflow: hidden; }
.navigation-top-title { display: flex; align-items: center; gap: 16px; min-width: 0; }
.navigation-page-title { min-width: 0; }
.navigation-toggle { width: 42px; height: 42px; flex: 0 0 42px; border: 1px solid #dfe6ee; border-radius: 10px; background: #fff; color: #243647; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.navigation-toggle:hover { background: #f2f6fa; border-color: #c9d5e0; }
.navigation-toggle:focus-visible, .navigation-close:focus-visible, .sidebar .nav-item:focus-visible { outline: 3px solid #2f80b7; outline-offset: 3px; }
.navigation-close { position: absolute; right: 12px; top: 16px; width: 34px; height: 34px; border: 1px solid #ffffff25; color: #eef4fa; background: #ffffff08; border-radius: 9px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.navigation-close:hover { background: #ffffff18; }
/* 276 -> 184 px: reduce the drawer itself, not a transform of its contents. */
body.nav-shell .sidebar .brand { padding: 31px 4px 22px; gap: 8px; font-size: 20px; flex-shrink: 0; }
body.nav-shell .sidebar .brand-mark { flex: 0 0 34px; }
body.nav-shell .sidebar .brand-word { min-width: 0; }
body.nav-shell .sidebar .side-nav { flex-shrink: 0; }
body.nav-shell .sidebar .nav-item { min-height: 48px; padding: 11px 8px; gap: 8px; font-size: 15px; line-height: 1.45; }
body.nav-shell .sidebar .nav-icon { width: 18px; flex: 0 0 18px; }
body.nav-shell .sidebar .nav-item > span:last-child { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
body.nav-shell .sidebar .side-note { padding: 18px 4px 0; gap: 8px; flex-shrink: 0; }
body.nav-shell .sidebar .side-note > div:last-child { min-width: 0; overflow-wrap: anywhere; }
body.nav-shell .sidebar .side-note strong { font-size: 14px; line-height: 1.5; }
body.nav-shell .sidebar .privacy-dot { flex: 0 0 9px; }
/* No hover expansion, animation dependency, local storage or worksheet interactions. */
@media (max-width: 820px) { body.nav-shell .sidebar { display: flex; } }
@media (max-width: 620px) {
  .navigation-top-title { gap: 11px; }
  .navigation-toggle { width: 40px; height: 40px; flex-basis: 40px; }
  .navigation-page-title .eyebrow { font-size: 10px; }
  .navigation-page-title h1 { font-size: 16px; }
}