/* Shared navigation preserves each shell's typography and theme. */
.vision-breadcrumb{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 8px;min-width:0}
.vision-breadcrumb .vision-parent-link{color:inherit;text-decoration:none;font:inherit;border-radius:3px}
.vision-breadcrumb .vision-parent-link:hover{text-decoration:underline;text-underline-offset:3px}
.vision-breadcrumb .vision-parent-link:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.vision-breadcrumb b{font:inherit;font-weight:700;overflow-wrap:anywhere}
/* Also hide legacy back controls before the shared module initializes. */
.menu-back{display:none!important}

/* The mobile shell uses the same sidebar inside a native modal, preserving desktop layout. */
.vision-menu-toggle{display:none}
.vision-sidebar-drawer:not([open]){display:none}
@media(max-width:620px){
  .vision-menu-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;padding:0;border:0;border-radius:9px;background:transparent;color:inherit;cursor:pointer}
  .vision-menu-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
  .page-navigation>.vision-menu-toggle{margin-right:5px;color:var(--ink)}
  .vision-menu-toggle:hover{background:var(--side-soft)}
  .page-navigation>.vision-menu-toggle:hover{background:var(--paper-soft)}
  .vision-sidebar-drawer{position:fixed;inset:0 auto 0 0;box-sizing:border-box;width:76px;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;outline:0;background:var(--side);color:#fff;overflow:hidden;overscroll-behavior:contain;transform:translateX(-100%)}
  .vision-sidebar-drawer[open]{display:block;animation:vision-sidebar-in .18s ease-out both}
  .vision-sidebar-drawer[open].is-closing{animation:vision-sidebar-out .18s ease-in both}
  .vision-sidebar-drawer::backdrop{background:rgba(0,0,0,.5)}
  .vision-sidebar-drawer .side{display:flex;position:static;width:100%;height:100%}
  .vision-sidebar-drawer .brand{width:49px;height:auto;margin-bottom:41.5625px;align-self:center;padding:0}
  .vision-sidebar-drawer .brand.brand-wide{height:49px;margin-bottom:36px}
  .vision-sidebar-drawer .brand.brand-wide .company-ci.vision-drawer-favicon-brand{width:49px;height:49px;max-height:49px;object-fit:contain;filter:none;mix-blend-mode:normal}
  .vision-sidebar-drawer .side a:focus,.vision-sidebar-drawer .side a:focus-visible{outline:0;box-shadow:none}
  .vision-sidebar-drawer .nav a:focus-visible,.vision-sidebar-drawer .settings-link:focus-visible{background:var(--side-soft);color:#fff}
  .workspace:has(.vision-menu-toggle){padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
}
@keyframes vision-sidebar-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@keyframes vision-sidebar-out{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@media(max-width:620px) and (prefers-reduced-motion:reduce){.vision-sidebar-drawer[open]{animation:none;transform:translateX(0)}}