/* Shared customer navigation.  Loaded after page styles so every desktop
   customer page has the same spacing, hierarchy and interaction affordances.
   Colors intentionally use the page's existing theme variables. */
/* Reserve the desktop scrollbar track on both short and long pages.  Without
   this, changing routes can move the entire header sideways by one scrollbar
   width and look like a navigation flash.  Mobile browsers keep their native
   overlay scrollbar behavior. */
@media (min-width: 1025px) {
  html { scrollbar-gutter: stable; overflow-y: scroll; }
  /* Legacy pages used root scrollbar widths between 4px and 15px.  A stable
     gutter only removes the jump when that width is consistent as well. */
  html::-webkit-scrollbar,
  body::-webkit-scrollbar { width: 8px; height: 8px; }
}
/* Reserve the final header geometry before deferred JavaScript replaces each
   legacy header.  This prevents a visible legacy-nav frame and layout jump.
   The selectors are intentionally limited to the one top-level header shape
   used by customer pages; C2C's secondary .nav is a div and is unaffected. */
body > nav.nav:not(.ecx-shared-nav),
body > nav.navbar:not(.ecx-shared-nav),
body > .app > nav.nav:not(.ecx-shared-nav),
body > .app > nav.navbar:not(.ecx-shared-nav) {
  box-sizing: border-box !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 10000 !important;
  display: block !important;
  width: 100% !important;
  height: 64px !important;
  min-height: 64px !important;
  padding: 0 !important;
  background: #071225 !important;
  border-bottom: 1px solid rgba(72,126,201,.16) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  overflow: hidden !important;
}
body > nav.nav:not(.ecx-shared-nav) > *,
body > nav.navbar:not(.ecx-shared-nav) > *,
body > .app > nav.nav:not(.ecx-shared-nav) > *,
body > .app > nav.navbar:not(.ecx-shared-nav) > * {
  visibility: hidden !important;
}
/* viewport-router adds this visual-only child as soon as the parser inserts a
   legacy desktop header. It covers the otherwise empty pending surface until
   deferred shared-nav.js atomically replaces the header contents. */
body > nav.nav:not(.ecx-shared-nav) > .ecx-nav-boot-shell,
body > nav.navbar:not(.ecx-shared-nav) > .ecx-nav-boot-shell,
body > .app > nav.nav:not(.ecx-shared-nav) > .ecx-nav-boot-shell,
body > .app > nav.navbar:not(.ecx-shared-nav) > .ecx-nav-boot-shell {
  box-sizing: border-box !important;
  visibility: visible !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  width: 100% !important;
  height: 63px !important;
  padding: 0 max(32px,calc((100vw - 1440px)/2 + 32px)) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  overflow: hidden !important;
  color: #e8ecf1 !important;
  background: #071225 !important;
  font-family: Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important;
  pointer-events: none !important;
  user-select: none !important;
}
.ecx-nav-boot-shell,
.ecx-nav-boot-shell * { box-sizing: border-box !important; }
.ecx-nav-boot-left { display:flex !important; align-items:center !important; gap:44px !important; min-width:0 !important; height:100% !important; }
.ecx-nav-boot-logo { display:flex !important; align-items:center !important; gap:10px !important; flex:0 0 auto !important; color:#f5f8ff !important; font-size:21px !important; font-weight:800 !important; letter-spacing:-.4px !important; white-space:nowrap !important; }
.ecx-nav-boot-mark { display:flex !important; align-items:center !important; justify-content:center !important; width:31px !important; height:31px !important; flex:0 0 31px !important; border-radius:7px !important; color:#fff !important; background:linear-gradient(135deg,#2f7cff,#6d5dfc) center/contain no-repeat !important; font-size:15px !important; font-weight:900 !important; line-height:1 !important; filter:drop-shadow(0 5px 12px rgba(31,116,255,.3)) !important; }
html.ecx-brand-loading .ecx-nav-boot-mark,
html.ecx-brand-loading .ecx-nav-boot-name { visibility:hidden !important; }
.ecx-nav-boot-menu { display:flex !important; align-items:center !important; gap:8px !important; min-width:0 !important; height:100% !important; }
.ecx-nav-boot-item { position:relative !important; display:flex !important; align-items:center !important; gap:4px !important; height:100% !important; padding:0 10px !important; flex:0 0 auto !important; color:#c1cee2 !important; font-size:13px !important; font-weight:500 !important; line-height:1.4 !important; white-space:nowrap !important; }
.ecx-nav-boot-item.ecx-has-menu::after { content:'⌄'; margin-left:2px; color:#69758c; font-size:12px; line-height:1; transform:translateY(-1px); }
.ecx-nav-boot-item.ecx-active { color:#4d9aff !important; }
.ecx-nav-boot-item.ecx-active::before { content:""; position:absolute; left:50%; top:calc(50% + 13px); width:26px; height:2px; border-radius:2px; background:#4194ff; box-shadow:0 0 10px rgba(65,148,255,.5); transform:translateX(-50%); }
.ecx-nav-boot-item.ecx-active.ecx-has-menu::before { display:none; }
.ecx-nav-boot-item.ecx-active.ecx-has-menu > .ecx-nav-boot-item-label { position:relative; }
.ecx-nav-boot-item.ecx-active.ecx-has-menu > .ecx-nav-boot-item-label::after { content:""; position:absolute; left:50%; top:calc(100% + 5px); width:26px; height:2px; border-radius:2px; background:#4194ff; box-shadow:0 0 10px rgba(65,148,255,.5); transform:translateX(-50%); }
.ecx-nav-boot-right { display:flex !important; align-items:center !important; gap:10px !important; flex:0 0 auto !important; }
.ecx-nav-boot-asset { display:flex !important; align-items:center !important; gap:5px !important; min-height:32px !important; padding:7px 4px !important; color:#dce6f5 !important; font-size:13px !important; font-weight:500 !important; white-space:nowrap !important; }
.ecx-nav-boot-inline-icon { display:block !important; fill:none !important; stroke:currentColor !important; stroke-width:1.75 !important; stroke-linecap:round !important; stroke-linejoin:round !important; }
.ecx-nav-boot-wallet { width:17px !important; height:17px !important; flex:0 0 17px !important; color:#4f8ff7 !important; }
.ecx-nav-boot-asset-chevron { width:13px !important; height:13px !important; flex:0 0 13px !important; color:inherit !important; }
.ecx-nav-boot-circle { position:relative !important; display:flex !important; align-items:center !important; justify-content:center !important; width:32px !important; height:32px !important; flex:0 0 32px !important; border:1px solid rgba(102,145,206,.3) !important; border-radius:50% !important; background:rgba(9,29,56,.44) !important; color:#9eb4d3 !important; }
.ecx-nav-boot-control-icon { width:16px !important; height:16px !important; }
.ecx-nav-boot-theme { color:#a78bfa !important; }
.ecx-nav-boot-theme.ecx-is-sun { color:#f4b740 !important; }
.ecx-nav-boot-user { display:flex !important; align-items:center !important; gap:5px !important; width:46px !important; height:32px !important; flex:0 0 46px !important; padding:4px 2px !important; }
.ecx-nav-boot-user-icon { width:21px !important; height:21px !important; flex:0 0 21px !important; color:#eaf2ff !important; }
.ecx-nav-boot-user-chevron { width:16px !important; height:16px !important; flex:0 0 16px !important; color:#9eb4d3 !important; }
.ecx-nav-boot-auth-links { display:flex !important; align-items:center !important; gap:8px !important; }
.ecx-nav-boot-auth { display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:34px !important; padding:7px 14px !important; border:1px solid rgba(102,145,206,.36) !important; border-radius:7px !important; color:#dce6f5 !important; font-size:13px !important; font-weight:650 !important; line-height:1 !important; white-space:nowrap !important; }
.ecx-nav-boot-auth.ecx-primary { color:#fff !important; border-color:#3d82ed !important; background:#3d82ed !important; }
body > .app:has(> nav.nav:not(.ecx-shared-nav)),
body > .app:has(> nav.navbar:not(.ecx-shared-nav)) {
  padding-top: 0 !important;
}
html.light-mode body > nav.nav:not(.ecx-shared-nav),
html.light-mode body > nav.navbar:not(.ecx-shared-nav),
html.light-mode body > .app > nav.nav:not(.ecx-shared-nav),
html.light-mode body > .app > nav.navbar:not(.ecx-shared-nav) {
  background: #ffffff !important;
  border-bottom-color: #d8e2ef !important;
  box-shadow: 0 8px 28px rgba(37,54,84,.09) !important;
}
html.light-mode .ecx-nav-boot-shell { color:#172033 !important; background:#ffffff !important; }
html.light-mode .ecx-nav-boot-logo { color:#34445c !important; }
html.light-mode .ecx-nav-boot-item { color:#53647b !important; }
html.light-mode .ecx-nav-boot-item.ecx-active { color:#216ee9 !important; }
html.light-mode .ecx-nav-boot-item.ecx-has-menu::after { color:#7b889d !important; }
html.light-mode .ecx-nav-boot-asset { color:#34445c !important; }
html.light-mode .ecx-nav-boot-circle { color:#53647b !important; border-color:#d2ddea !important; background:#f7f9fc !important; }
html.light-mode .ecx-nav-boot-theme { color:#a78bfa !important; }
html.light-mode .ecx-nav-boot-theme.ecx-is-sun { color:#f4b740 !important; }
html.light-mode .ecx-nav-boot-user-icon { color:#34445c !important; }
html.light-mode .ecx-nav-boot-user-chevron { color:#53647b !important; }
html.light-mode .ecx-nav-boot-auth { color:#34445c !important; border-color:#d2ddea !important; }
html.light-mode .ecx-nav-boot-auth.ecx-primary { color:#fff !important; border-color:#3d82ed !important; }
.ecx-shared-nav,
.ecx-shared-nav * { box-sizing: border-box; }
.ecx-shared-nav {
  /* Keep the customer navigation visually stable across legacy pages.  Those
     pages use several incompatible variable names (and some define a light
     theme), so the navigation owns its dark palette instead of inheriting a
     page's fallbacks. */
  --bg1: #0f1422;
  --bg2: #131a2c;
  --bg3: #1a2340;
  --t1: #e8ecf1;
  --t2: #9aa6bb;
  --t3: #69758c;
  --brd: #26334f;
  --bl: #4b8dff;
  --rd: #f84960;
  position: sticky !important;
  top: 0 !important;
  z-index: 10000 !important;
  height: 64px !important;
  min-height: 64px !important;
  width: 100% !important;
  padding: 0 max(32px,calc((100vw - 1440px)/2 + 32px)) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  background: #071225 !important;
  color: var(--t1, #111a2c) !important;
  border-bottom: 1px solid rgba(72,126,201,.16) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  font-family: Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important;
}
.ecx-shared-nav .ecx-nav-l { display:flex !important; align-items:center !important; gap:44px !important; min-width:0; height:100%; }
.ecx-shared-nav .ecx-logo { display:flex !important; align-items:center !important; gap:10px !important; color:#f5f8ff !important; font-size:21px !important; font-weight:800 !important; letter-spacing:-.4px; cursor:pointer; white-space:nowrap; text-decoration:none; }
.ecx-shared-nav .ecx-logo-mark { display:flex !important; align-items:center; justify-content:center; width:31px !important; height:31px !important; border-radius:7px; background:linear-gradient(135deg,#2f7cff,#6d5dfc); background-position:center; background-repeat:no-repeat; background-size:contain; color:#fff; font-size:15px; font-weight:900; line-height:1; object-fit:contain; filter:drop-shadow(0 5px 12px rgba(31,116,255,.3)); }
.ecx-shared-nav .ecx-logo-mark.has-image { background-color:transparent; color:transparent; }
.ecx-shared-nav .ecx-nav-menu { display:flex !important; align-items:center !important; gap:8px !important; min-width:0; height:100%; }
.ecx-shared-nav button { font-family:inherit !important; }
.ecx-shared-nav .ecx-nav-item { position:relative !important; display:flex !important; align-items:center !important; gap:4px !important; height:100% !important; padding:0 10px !important; border:0 !important; border-radius:0 !important; color:#c1cee2 !important; background:transparent !important; font-size:13px !important; font-weight:500 !important; line-height:1.4 !important; white-space:nowrap !important; text-decoration:none !important; cursor:pointer !important; transition:color .15s ease; }
.ecx-shared-nav .ecx-nav-item:hover,
.ecx-shared-nav .ecx-nav-item.ecx-active { color:#4d9aff !important; background:transparent !important; }
.ecx-shared-nav .ecx-nav-item.ecx-active::before { content:""; position:absolute; left:50%; top:calc(50% + 13px); width:26px; height:2px; border-radius:2px; background:#4194ff; box-shadow:0 0 10px rgba(65,148,255,.5); transform:translateX(-50%); }
.ecx-shared-nav .ecx-nav-item.ecx-active.ecx-has-menu::before { display:none; }
.ecx-shared-nav .ecx-nav-item.ecx-active.ecx-has-menu>span { position:relative; }
.ecx-shared-nav .ecx-nav-item.ecx-active.ecx-has-menu>span::after { content:""; position:absolute; left:50%; top:calc(100% + 5px); width:26px; height:2px; border-radius:2px; background:#4194ff; box-shadow:0 0 10px rgba(65,148,255,.5); transform:translateX(-50%); }
.ecx-shared-nav .ecx-nav-item.ecx-has-menu::after { content:'⌄'; margin-left:2px; font-size:12px; line-height:1; color:var(--t3,#8b97aa); transform:translateY(-1px); }
.ecx-shared-nav .ecx-nav-menu-box { position:relative; }
.ecx-shared-nav .ecx-menu-panel { position:absolute; top:calc(100% + 8px); left:50%; transform:translateX(-50%); min-width:176px; padding:6px 0; display:none; background:var(--bg2,var(--bg1,#fff)); border:1px solid var(--brd,#dce4f0); border-radius:10px; box-shadow:0 16px 48px rgba(0,0,0,.18); }
.ecx-shared-nav .ecx-nav-menu-box.ecx-open > .ecx-menu-panel { display:block; }
.ecx-shared-nav .ecx-menu-panel a { display:flex; align-items:center; gap:9px; padding:9px 15px; color:var(--t2,#5f6d83); font-size:13px; line-height:1.4; white-space:nowrap; text-decoration:none; cursor:pointer; }
.ecx-shared-nav .ecx-feature-glyph { width:17px; height:17px; display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; color:#4f8ff7; font-size:17px; }
.ecx-shared-nav .ecx-inline-icon,
.ecx-mobile-drawer .ecx-inline-icon { display:block; width:1em; height:1em; fill:none; stroke:currentColor; stroke-width:1.75; stroke-linecap:round; stroke-linejoin:round; flex:0 0 auto; }
.ecx-shared-nav .ecx-feature-glyph .ecx-inline-icon,
.ecx-mobile-drawer .ecx-feature-glyph .ecx-inline-icon { width:100%; height:100%; }
.ecx-shared-nav .ecx-menu-panel a:hover { color:var(--t1,#111a2c); background:var(--bg3,#eef3fb); }
.ecx-shared-nav .ecx-nav-r { display:flex !important; align-items:center !important; gap:10px !important; flex-shrink:0; }
.ecx-shared-nav .ecx-asset-wrap,
.ecx-shared-nav .ecx-user-wrap,
.ecx-shared-nav .ecx-lang-wrap,
.ecx-shared-nav .ecx-notif-wrap { position:relative; display:flex; align-items:center; }
.ecx-shared-nav .ecx-asset-trigger,
.ecx-shared-nav .ecx-icon-trigger { display:flex; align-items:center; gap:5px; min-height:32px; padding:7px 4px; color:#dce6f5; background:transparent; border:0; border-radius:7px; font-size:13px; font-weight:500; cursor:pointer; }
.ecx-shared-nav .ecx-asset-trigger:hover,
.ecx-shared-nav .ecx-icon-trigger:hover { border-color:#438cf5; color:#fff; background:rgba(9,29,56,.72); }
.ecx-shared-nav .ecx-icon-trigger { width:32px; height:32px; min-width:32px; justify-content:center; border:1px solid rgba(102,145,206,.3); border-radius:50%; color:#9eb4d3; background:rgba(9,29,56,.44); font-size:16px; padding:0; transition:color .18s,border-color .18s,background .18s; }
.ecx-shared-nav .ecx-asset-trigger>i:first-child { display:none; }
.ecx-shared-nav .ecx-user-wrap>.ecx-icon-trigger { width:auto; border:0; background:transparent; padding:4px 2px; }
.ecx-shared-nav .ecx-user-wrap>.ecx-icon-trigger .ecx-user-icon { width:21px; height:21px; color:#eaf2ff; }
.ecx-shared-nav .ecx-theme-trigger { color:#a78bfa; }
.ecx-shared-nav .ecx-theme-trigger[data-ecx-theme="sun"] { color:#f4b740; }
.ecx-shared-nav .ecx-auth-links { display:flex; align-items:center; gap:8px; }
.ecx-shared-nav .ecx-auth-link { display:inline-flex; align-items:center; justify-content:center; min-height:34px; padding:7px 14px; border:1px solid rgba(102,145,206,.36); border-radius:7px; color:#dce6f5; background:transparent; font-size:13px; font-weight:650; line-height:1; text-decoration:none; white-space:nowrap; }
.ecx-shared-nav .ecx-auth-link:hover { color:#fff; border-color:#4b8dff; background:rgba(75,141,255,.1); }
.ecx-shared-nav .ecx-auth-link-primary { color:#fff; border-color:#3d82ed; background:#3d82ed; }
.ecx-shared-nav .ecx-auth-link-primary:hover { border-color:#5596f7; background:#5596f7; }
.ecx-shared-nav .ecx-badge { position:absolute; top:-2px; right:-3px; min-width:16px; height:16px; padding:0 4px; border-radius:8px; display:none; align-items:center; justify-content:center; color:#fff; background:var(--rd,#e5485d); font-size:10px; font-weight:700; }
.ecx-shared-nav .ecx-panel { position:absolute; top:calc(100% + 8px); right:0; width:280px; max-height:360px; overflow:auto; padding:6px 0; display:none; background:var(--bg2,var(--bg1,#fff)); border:1px solid var(--brd,#dce4f0); border-radius:10px; box-shadow:0 16px 48px rgba(0,0,0,.2); }
.ecx-shared-nav .ecx-asset-wrap.ecx-open > .ecx-panel,
.ecx-shared-nav .ecx-user-wrap.ecx-open > .ecx-panel,
.ecx-shared-nav .ecx-lang-wrap.ecx-open > .ecx-panel,
.ecx-shared-nav .ecx-notif-wrap.ecx-open > .ecx-panel { display:block; }
.ecx-shared-nav .ecx-panel a,
.ecx-shared-nav .ecx-panel button { width:100%; display:flex; align-items:center; gap:8px; padding:10px 14px; border:0; color:var(--t2,#5f6d83); background:transparent; font:inherit; font-size:13px; text-align:left; white-space:nowrap; text-decoration:none; cursor:pointer; }
.ecx-shared-nav .ecx-panel a:hover,
.ecx-shared-nav .ecx-panel button:hover { color:var(--t1,#111a2c); background:var(--bg3,#eef3fb); }
.ecx-shared-nav .ecx-user-panel { width:260px; }
.ecx-shared-nav .ecx-user-head { display:flex; align-items:center; gap:10px; padding:14px; border-bottom:1px solid var(--brd,#dce4f0); }
.ecx-shared-nav .ecx-user-head .ecx-inline-icon { width:30px; height:30px; color:var(--bl,#2868e8); }
.ecx-shared-nav .ecx-user-name { color:var(--t1,#111a2c); font-size:14px; font-weight:700; }
.ecx-shared-nav .ecx-user-meta { margin-top:2px; color:var(--t3,#8b97aa); font-size:11px; }
.ecx-shared-nav .ecx-panel-foot { margin-top:4px; border-top:1px solid var(--brd,#dce4f0); }
.ecx-shared-nav .ecx-panel-foot button { color:var(--rd,#e5485d); justify-content:center; font-weight:600; }
.ecx-shared-nav .ecx-hamburger { display:none; border:1px solid var(--brd,#dce4f0); border-radius:7px; padding:7px 10px; color:var(--t1,#111a2c); background:transparent; cursor:pointer; }
.ecx-mobile-drawer { display:none; }

/* Prevent the native touch highlight from briefly painting a light rectangle
   over dark navigation controls on hybrid laptops and tablets. */
.ecx-shared-nav a,
.ecx-shared-nav button,
.ecx-mobile-drawer a,
.ecx-mobile-drawer button {
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

/* The theme preference is shared with the mobile site.  The navigation owns
   explicit palette variables, so it also needs an explicit light palette. */
html.light-mode .ecx-shared-nav,
html.light-mode body > nav.nav.ecx-shared-nav,
html.light-mode body > nav.navbar.ecx-shared-nav,
html.light-mode body > .app > nav.nav.ecx-shared-nav,
html.light-mode body > .app > nav.navbar.ecx-shared-nav {
  --bg1:#ffffff;
  --bg2:#ffffff;
  --bg3:#eef3fb;
  --t1:#142033;
  --t2:#536178;
  --t3:#7b889d;
  --brd:#dce4f0;
  --bl:#2868e8;
  --rd:#e5485d;
  background:#ffffff !important;
  border-bottom-color:#d8e2ef !important;
  box-shadow:0 8px 28px rgba(37,54,84,.09) !important;
}
html.light-mode .ecx-shared-nav .ecx-logo { color:#34445c !important; }
html.light-mode .ecx-shared-nav .ecx-nav-item { color:#53647b !important; }
html.light-mode .ecx-shared-nav .ecx-nav-item:hover { color:#101e34 !important; }
html.light-mode .ecx-shared-nav .ecx-nav-item.ecx-active { color:#216ee9 !important; }
html.light-mode .ecx-shared-nav .ecx-asset-trigger { color:#34445c; }
html.light-mode .ecx-shared-nav .ecx-icon-trigger { border-color:#d2ddea; background:#f7f9fc; color:#53647b; }
html.light-mode .ecx-shared-nav .ecx-theme-trigger[data-ecx-theme="sun"] { color:#f4b740; }
html.light-mode .ecx-shared-nav .ecx-auth-link { color:#34445c; border-color:#d2ddea; }
html.light-mode .ecx-shared-nav .ecx-auth-link-primary { color:#fff; border-color:#3d82ed; background:#3d82ed; }
html.light-mode .ecx-shared-nav .ecx-icon-trigger:hover { border-color:#8eb6ed; color:#216ee9; background:#eef5ff; }
html.light-mode .ecx-shared-nav .ecx-user-wrap>.ecx-icon-trigger { border-color:transparent; background:transparent; }
html.light-mode .ecx-shared-nav .ecx-user-wrap>.ecx-icon-trigger .ecx-user-icon { color:#34445c; }
html.light-mode .ecx-mobile-drawer {
  --bg1:#ffffff;
  --bg2:#ffffff;
  --bg3:#eef3fb;
  --t1:#142033;
  --t2:#536178;
  --t3:#7b889d;
  --brd:#dce4f0;
}

/* C2C keeps its task-specific links as a secondary navigation row below the
   global customer header. The repeated legacy logo is removed because the
   primary header already owns product identity and account controls. */
.ecx-shared-nav + .nav {
  top:64px !important;
  z-index:9999 !important;
  height:52px !important;
  min-height:52px !important;
  padding:0 max(20px,calc((100vw - 1200px)/2)) !important;
  background:#0c111e !important;
  border-bottom:1px solid #202b43 !important;
  box-shadow:0 8px 20px rgba(0,0,0,.12) !important;
}
.ecx-shared-nav + .nav .logo { display:none !important; }
.ecx-shared-nav + .nav .nav-l { gap:4px !important; }
.ecx-shared-nav + .nav .nav-item { padding:8px 14px !important; }
.ecx-shared-nav + .nav .nav-r { display:none !important; }
html.light-mode .ecx-shared-nav + .nav {
  background:#f8fafc !important;
  border-bottom-color:#dce4f0 !important;
  box-shadow:0 8px 20px rgba(37,54,84,.07) !important;
}
@media (max-width: 1100px) {
  .ecx-shared-nav { padding:0 18px !important; }
  .ecx-shared-nav .ecx-nav-l { gap:16px !important; }
  .ecx-shared-nav .ecx-nav-item { padding-left:9px !important; padding-right:9px !important; }
  .ecx-nav-boot-shell { padding-left:18px !important; padding-right:18px !important; }
  .ecx-nav-boot-left { gap:16px !important; }
  .ecx-nav-boot-item { padding-left:9px !important; padding-right:9px !important; }
}
/* trading-workspace.css compacts the final navigation in this bounded desktop
   range. Mirror those exact values in the visual boot shell so delayed script
   replacement cannot visibly pull the header inward. */
@media (min-width: 1025px) and (max-width: 1279px) {
  html body.trade-workspace > nav.nav:not(.ecx-shared-nav) > .ecx-nav-boot-shell,
  html body.trade-workspace > nav.navbar:not(.ecx-shared-nav) > .ecx-nav-boot-shell,
  html body.trade-workspace > .app > nav.nav:not(.ecx-shared-nav) > .ecx-nav-boot-shell,
  html body.trade-workspace > .app > nav.navbar:not(.ecx-shared-nav) > .ecx-nav-boot-shell {
    gap:8px !important;
    padding-right:10px !important;
    padding-left:10px !important;
  }
  body.trade-workspace .ecx-nav-boot-left {
    flex:1 1 auto !important;
    min-width:0 !important;
    gap:10px !important;
    overflow:visible !important;
  }
  body.trade-workspace .ecx-nav-boot-menu {
    flex:1 1 auto !important;
    min-width:0 !important;
    gap:2px !important;
    overflow:visible !important;
  }
  body.trade-workspace .ecx-nav-boot-item {
    min-width:0 !important;
    padding-right:5px !important;
    padding-left:5px !important;
    font-size:12px !important;
  }
  body.trade-workspace .ecx-nav-boot-right { gap:4px !important; }
  body.trade-workspace .ecx-nav-boot-asset-label { display:none !important; }
}
@media (max-width: 820px) {
  body > nav.nav:not(.ecx-shared-nav),
  body > nav.navbar:not(.ecx-shared-nav),
  body > .app > nav.nav:not(.ecx-shared-nav),
  body > .app > nav.navbar:not(.ecx-shared-nav) {
    height:56px !important;
    min-height:56px !important;
  }
  .ecx-shared-nav { height:56px !important; min-height:56px !important; padding:0 12px !important; }
  .ecx-shared-nav .ecx-nav-menu { display:none !important; }
  .ecx-shared-nav .ecx-hamburger { display:inline-flex !important; align-items:center; justify-content:center; }
  .ecx-shared-nav .ecx-logo { font-size:17px !important; }
  .ecx-shared-nav .ecx-logo-mark { width:29px !important; height:29px !important; }
  .ecx-shared-nav .ecx-asset-trigger { padding:6px 8px; font-size:12px; }
  .ecx-shared-nav .ecx-asset-trigger > span { display:none; }
  .ecx-shared-nav .ecx-nav-r { gap:3px !important; }
  .ecx-mobile-drawer { --bg1:#0f1422; --bg2:#131a2c; --bg3:#1a2340; --t1:#e8ecf1; --t2:#9aa6bb; --t3:#69758c; --brd:#26334f; position:fixed; inset:56px auto 0 0; z-index:10001; width:min(300px,84vw); display:block; padding:12px; overflow:auto; transform:translateX(-105%); transition:transform .2s ease; background:var(--bg1,#0f1422); border-right:1px solid var(--brd,#26334f); box-shadow:12px 0 32px rgba(0,0,0,.32); }
  .ecx-mobile-drawer.ecx-open { transform:translateX(0); }
  .ecx-mobile-drawer a { display:flex; align-items:center; gap:11px; padding:12px 14px; border-radius:8px; color:var(--t2,#5f6d83); font-size:14px; font-weight:600; text-decoration:none; }
  .ecx-mobile-drawer .ecx-feature-glyph { width:20px; height:20px; color:#4f8ff7; font-size:20px; }
  .ecx-mobile-drawer a:hover,.ecx-mobile-drawer a.ecx-active { color:var(--t1,#111a2c); background:var(--bg3,#eef3fb); }
  .ecx-mobile-drawer .ecx-drawer-group { margin:12px 0 4px; padding:8px 14px 4px; color:var(--t3,#8b97aa); font-size:11px; border-top:1px solid var(--brd,#dce4f0); }
  .ecx-nav-scrim { position:fixed; inset:56px 0 0; z-index:10000; display:none; background:rgba(0,0,0,.35); }
  .ecx-nav-scrim.ecx-open { display:block; }
  .ecx-shared-nav + .nav { top:56px !important; padding:0 12px !important; overflow-x:auto; }
}