/* Final desktop rail contract. This stylesheet is linked last in the server
   response and the rail HTML arrives complete, so route CSS cannot change its
   rhythm and no client script ever rebuilds its geometry. */
/* Chrome/Edge can preserve a named element across a normal same-origin document
   navigation.  This is deliberately not a client router: the destination is
   still fully server-rendered (so SEO, direct URLs and mobile stay unchanged),
   but the old rail remains painted until the next document's final rail exists.
   Without this there is an unavoidable blank DOM interval between two pages. */
@view-transition { navigation: auto; }

@media (min-width:861px) {
  .ark-nav[data-static-rail="true"], .ark-nav[data-static-rail="true"] * { box-sizing:border-box!important; }
  .ark-nav[data-static-rail="true"] { view-transition-name: cxl-desktop-rail; }
  /* Same bounds and fixed metrics on every app route: keep it visually still
     while the new document becomes ready. */
  ::view-transition-old(cxl-desktop-rail),
  ::view-transition-new(cxl-desktop-rail) { animation:none; mix-blend-mode:normal; }
  ::view-transition-group(cxl-desktop-rail) { z-index:9999; }
  .ark-nav[data-static-rail="true"] { position:fixed!important; inset:0 auto 0 0!important; width:var(--nav-w)!important; height:auto!important; min-height:0!important; margin:0!important; padding:12px 10px!important; display:flex!important; flex-direction:column!important; align-items:stretch!important; gap:0!important; font-family:'Inter Rail','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important; line-height:normal!important; z-index:300!important; transition:none!important; }
  .ark-nav[data-static-rail="true"] .ark-nav-head { display:flex!important; align-content:flex-start!important; align-items:center!important; flex-wrap:wrap!important; gap:5px!important; min-height:72px!important; height:72px!important; margin:0 0 6px!important; flex:0 0 72px!important; }
  .ark-nav[data-static-rail="true"] .ark-nav-logo { display:flex!important; align-items:center!important; min-width:0!important; flex:1 1 auto!important; height:34px!important; margin:0!important; padding:2px 8px!important; gap:10px!important; overflow:hidden!important; font:800 16px/16px 'Inter Rail','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important; letter-spacing:-.02em!important; transition:none!important; }
  .ark-nav[data-static-rail="true"] .ark-nav-logo-icon { display:block!important; width:21px!important; height:26px!important; flex:0 0 21px!important; }
  .ark-nav[data-static-rail="true"] .ark-nav-logo-text { display:block!important; height:16px!important; font:inherit!important; line-height:16px!important; white-space:nowrap!important; transition:none!important; }
  .ark-nav[data-static-rail="true"] .ark-nav-logo-text .lx { transition:none!important; }
  .ark-nav[data-static-rail="true"] .ark-nav-profile-shortcut { display:grid!important; place-items:center!important; flex:0 0 34px!important; width:34px!important; height:34px!important; margin:0!important; padding:0!important; border:1px solid color-mix(in srgb,var(--accent-2) 25%,var(--border))!important; border-radius:10px!important; background:color-mix(in srgb,var(--accent-2) 7%,var(--bg-card))!important; color:var(--accent-2)!important; text-decoration:none!important; transition:background-color .12s ease,border-color .12s ease!important; }
  .ark-nav[data-static-rail="true"] .ark-nav-profile-shortcut:hover { border-color:color-mix(in srgb,var(--accent-2) 58%,var(--border))!important; background:color-mix(in srgb,var(--accent-2) 16%,var(--bg-card))!important; }
  .ark-nav[data-static-rail="true"] .ark-nav-profile-shortcut:focus-visible { outline:2px solid color-mix(in srgb,var(--accent-2) 70%,transparent)!important; outline-offset:2px!important; }
  .ark-nav[data-static-rail="true"] .ark-nav-profile-avatar { display:grid!important; place-items:center!important; width:24px!important; height:24px!important; border-radius:8px!important; background:color-mix(in srgb,var(--accent-2) 18%,transparent)!important; font:800 11px/1 'Inter Rail','Inter Fallback',sans-serif!important; }
  .ark-nav[data-static-rail="true"] .ark-nav-profile-avatar svg { display:block!important; width:17px!important; height:17px!important; }
  /* Reserve the entire second line before user-menu hydrates the actual
     button.  `flex-basis:36px` made an empty slot share the logo line, then
     jump below it the moment Search mounted. */
  .ark-nav[data-static-rail="true"] .ark-nav-search { display:block!important; flex:0 0 100%!important; width:100%!important; max-width:100%!important; height:36px!important; }
  .ark-nav[data-static-rail="true"] .ark-nav-search .gsx-trigger { display:flex!important; align-items:center!important; gap:7px!important; width:100%!important; height:36px!important; margin:0!important; padding:0 10px!important; border:1px solid color-mix(in srgb,var(--accent-2) 24%,var(--border))!important; border-radius:9px!important; background:color-mix(in srgb,var(--accent-2) 6%,var(--bg-card))!important; box-shadow:0 1px 0 rgba(255,255,255,.025) inset!important; color:var(--text-md)!important; cursor:pointer!important; font:600 12px/1 'Inter Rail','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important; }
  .ark-nav[data-static-rail="true"] .ark-nav-search .gsx-trigger:hover,
  .ark-nav[data-static-rail="true"] .ark-nav-search .gsx-trigger:focus-visible { color:var(--text-hi)!important; border-color:color-mix(in srgb,var(--accent-2) 58%,var(--border))!important; background:color-mix(in srgb,var(--accent-2) 11%,var(--bg-card))!important; box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-2) 9%,transparent)!important; }
  .ark-nav[data-static-rail="true"] .ark-nav-search .gsx-trigger svg { color:var(--accent-2)!important; flex:0 0 14px!important; }
  .ark-nav[data-static-rail="true"] .ark-nav-search .gsx-t-kbd { display:inline-flex!important; margin-left:auto!important; padding:1px 5px!important; border:1px solid var(--border)!important; border-radius:4px!important; background:var(--bg-card)!important; color:var(--text-lo)!important; font:500 9.5px/1 'JetBrains Mono',ui-monospace,monospace!important; }
  .ark-nav[data-static-rail="true"] .ark-nav-links { display:flex!important; flex:1 1 auto!important; flex-direction:column!important; align-items:stretch!important; min-height:0!important; margin:0!important; padding:0!important; gap:0!important; overflow-y:auto!important; overflow-x:hidden!important; overflow-anchor:none!important; scroll-behavior:auto!important; }
  .ark-nav[data-static-rail="true"] .ark-nav-group { display:flex!important; align-items:flex-end!important; height:22px!important; min-height:22px!important; margin:0!important; padding:0 12px 5px!important; font:700 9px/9px 'JetBrains Mono',ui-monospace,monospace!important; letter-spacing:.09em!important; white-space:nowrap!important; }
  .ark-nav[data-static-rail="true"] .ark-nav-group:first-child { height:17px!important; min-height:17px!important; }
  .ark-nav[data-static-rail="true"] .ark-nav-link { display:flex!important; align-items:center!important; width:100%!important; height:36px!important; min-height:36px!important; max-height:36px!important; margin:0!important; padding:0 12px!important; gap:12px!important; border:0!important; border-radius:10px!important; font:500 13.5px/16.2px 'Inter Rail','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important; letter-spacing:normal!important; transform:none!important; transition:background-color .12s ease,color .12s ease!important; }
  .ark-nav[data-static-rail="true"] .ark-nav-ic { display:inline-flex!important; align-items:center!important; justify-content:center!important; width:20px!important; height:20px!important; flex:0 0 20px!important; }
  .ark-nav[data-static-rail="true"] .ark-nav-ic svg { display:block!important; width:20px!important; height:20px!important; }
  .ark-nav[data-static-rail="true"] .ark-nav-lbl { min-width:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; font:inherit!important; line-height:16.2px!important; }
  .ark-nav[data-static-rail="true"] .ark-nav-ai-slot { width:100%!important; height:56px!important; flex:0 0 56px!important; min-height:56px!important; margin:5px 0 0!important; overflow:hidden!important; }
  .ark-nav[data-static-rail="true"] .ark-nav-agent-preview { display:flex!important; align-items:center!important; width:100%!important; height:52px!important; margin:0!important; padding:6px 8px!important; gap:8px!important; overflow:hidden!important; border:1px solid color-mix(in srgb,var(--accent-2) 35%,var(--border))!important; border-radius:12px!important; background:radial-gradient(110px 66px at 0% 100%,color-mix(in srgb,var(--accent-2) 23%,transparent),transparent 72%),color-mix(in srgb,var(--accent-2) 9%,var(--bg-card))!important; color:var(--text-hi)!important; cursor:pointer!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 20px color-mix(in srgb,var(--accent-2) 10%,transparent)!important; font-family:'Inter Rail','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important; }
  .ark-nav[data-static-rail="true"] .ark-nav-agent-preview:hover { border-color:color-mix(in srgb,var(--accent-2) 60%,var(--border))!important; background:radial-gradient(110px 66px at 0% 100%,color-mix(in srgb,var(--accent-2) 30%,transparent),transparent 72%),color-mix(in srgb,var(--accent-2) 14%,var(--bg-card))!important; }
  .ark-nav[data-static-rail="true"] .ark-nav-agent-mark { display:grid!important; place-items:center!important; flex:0 0 34px!important; width:34px!important; height:34px!important; border-radius:10px!important; background:linear-gradient(135deg,var(--accent-2),color-mix(in srgb,var(--accent-2) 65%,#4a2cc9))!important; color:#fff!important; font:700 20px/1 system-ui!important; box-shadow:0 4px 14px color-mix(in srgb,var(--accent-2) 36%,transparent)!important; }
  .ark-nav[data-static-rail="true"] .ark-nav-agent-copy { display:flex!important; min-width:0!important; flex:1 1 auto!important; flex-direction:column!important; align-items:flex-start!important; gap:1px!important; text-align:left!important; }
  .ark-nav[data-static-rail="true"] .ark-nav-agent-copy b { font:700 12.5px/14px 'Inter Rail','Inter Fallback',sans-serif!important; white-space:nowrap!important; }
  .ark-nav[data-static-rail="true"] .ark-nav-agent-copy small { max-width:100%!important; overflow:hidden!important; color:var(--flow-in)!important; font:700 7.5px/10px 'JetBrains Mono',ui-monospace,monospace!important; letter-spacing:.045em!important; text-transform:uppercase!important; text-overflow:ellipsis!important; white-space:nowrap!important; }
  .ark-nav[data-static-rail="true"] .ark-nav-agent-cta { flex:0 0 auto!important; padding:5px 7px!important; border-radius:7px!important; background:color-mix(in srgb,var(--accent-2) 15%,transparent)!important; color:var(--accent-2)!important; font:700 9px/1 'JetBrains Mono',ui-monospace,monospace!important; text-transform:uppercase!important; }
  .ark-nav[data-static-rail="true"] .ark-nav-right { flex:0 0 auto!important; min-height:76px!important; margin:6px 0 0!important; padding-top:6px!important; font-family:'Inter Rail','Inter Fallback',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important; }
  .ark-nav[data-static-rail="true"] .ark-nav-link--beacon::before, .ark-nav[data-static-rail="true"] .ark-nav-link--beacon::after, .ark-nav[data-static-rail="true"] .nav-ufo-roam { display:none!important; }

  /* Collapsed rail is a different information architecture, not the full rail
     squeezed into 64px.  Every text-bearing element must be removed from flow
     explicitly: the static desktop contract uses !important to survive page
     CSS, so the legacy collapsed rules alone could not hide the headings. */
  html.nav-rail-collapsed .ark-nav[data-static-rail="true"] { padding:12px 10px!important; }
  html.nav-rail-collapsed .ark-nav[data-static-rail="true"] .ark-nav-head { flex:0 0 76px!important; height:76px!important; min-height:76px!important; flex-direction:column!important; flex-wrap:nowrap!important; align-items:center!important; gap:6px!important; margin:0 0 5px!important; }
  html.nav-rail-collapsed .ark-nav[data-static-rail="true"] .ark-nav-logo { flex:0 0 34px!important; width:34px!important; padding:4px 0!important; justify-content:center!important; }
  html.nav-rail-collapsed .ark-nav[data-static-rail="true"] .ark-nav-logo-text,
  html.nav-rail-collapsed .ark-nav[data-static-rail="true"] .ark-nav-profile-shortcut,
  html.nav-rail-collapsed .ark-nav[data-static-rail="true"] .ark-nav-group,
  html.nav-rail-collapsed .ark-nav[data-static-rail="true"] .ark-nav-lbl,
  html.nav-rail-collapsed .ark-nav[data-static-rail="true"] .gsx-t-label,
  html.nav-rail-collapsed .ark-nav[data-static-rail="true"] .gsx-t-kbd { display:none!important; }
  html.nav-rail-collapsed .ark-nav[data-static-rail="true"] .ark-nav-group { height:0!important; min-height:0!important; padding:0!important; margin:0!important; }
  html.nav-rail-collapsed .ark-nav[data-static-rail="true"] .ark-nav-search { display:block!important; flex:0 0 34px!important; width:34px!important; height:34px!important; }
  html.nav-rail-collapsed .ark-nav[data-static-rail="true"] .ark-nav-search .gsx-trigger { width:34px!important; height:34px!important; padding:0!important; justify-content:center!important; }
  html.nav-rail-collapsed .ark-nav[data-static-rail="true"] .ark-nav-link { justify-content:center!important; width:44px!important; margin:0 auto!important; padding:0!important; gap:0!important; }
  html.nav-rail-collapsed .ark-nav[data-static-rail="true"] .ark-nav-ai-slot { height:48px!important; min-height:48px!important; flex-basis:48px!important; margin-top:5px!important; }
  html.nav-rail-collapsed .ark-nav[data-static-rail="true"] .ark-nav-agent-preview { width:42px!important; height:42px!important; margin:0 auto!important; padding:4px!important; justify-content:center!important; border-radius:12px!important; }
  html.nav-rail-collapsed .ark-nav[data-static-rail="true"] .ark-nav-agent-copy,
  html.nav-rail-collapsed .ark-nav[data-static-rail="true"] .ark-nav-agent-cta { display:none!important; }
  html.nav-rail-collapsed .ark-nav[data-static-rail="true"] .ark-nav-right { min-height:76px!important; overflow:hidden!important; }
  html.nav-rail-collapsed .ark-nav[data-static-rail="true"] .guest-signin { position:relative!important; width:34px!important; height:34px!important; min-width:34px!important; margin:0 auto!important; padding:0!important; overflow:hidden!important; color:transparent!important; font-size:0!important; }
  html.nav-rail-collapsed .ark-nav[data-static-rail="true"] .guest-signin::after { content:'↪'; display:grid; place-items:center; position:absolute; inset:0; color:var(--accent-2)!important; font:700 17px/1 system-ui!important; }
  html.nav-rail-collapsed .ark-nav[data-static-rail="true"] .guest-signin .gs-badge,
  html.nav-rail-collapsed .ark-nav[data-static-rail="true"] .guest-lang,
  html.nav-rail-collapsed .ark-nav[data-static-rail="true"] .ark-activity { display:none!important; }
}