/* WINNERSTOCK terminal header — WINNERSTOCK-UI-REDESIGN-SPEC.md §4.1/§4.2
   Requires tokens.css. Structure: brand | index pills | symbol search | text links
   (.market-nav, kept for auth.js account-chip injection) | theme toggle. */

.market-header {
  position: sticky;
  top: 0;
  z-index: 50;
  height: 66px;
  border-bottom: 1px solid var(--border);
  background: var(--surface);
  transition: background .3s ease, border-color .3s ease;
}
.market-nav-shell {
  width: 100%;
  height: 100%;
  max-width: var(--content-max-width);
  margin: 0 auto;
  padding: 0 var(--content-inline-padding);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 20px;
}
.market-brand { display: inline-flex; align-items: center; text-decoration: none; min-width: 0; flex: 0 0 auto; }
.market-brand img { width: 192px; height: auto; display: block; }

/* Index pill tabs: SPX / SPY / QQQ / IWM / Trinity */
.idx-tabs {
  display: flex;
  gap: 2px;
  background: var(--surface2);
  border: 1px solid var(--border);
  border-radius: var(--radius-control);
  padding: 3px;
  flex: 0 0 auto;
}
.idx-tabs a {
  font: 600 13px var(--font-body);
  color: var(--muted);
  text-decoration: none;
  padding: 6px 15px;
  border-radius: var(--radius-control);
  transition: background .15s, color .15s;
  white-space: nowrap;
}
.idx-tabs a:hover { color: var(--text); }
.idx-tabs a.active,
.idx-tabs a[aria-current="page"] { background: var(--accent); color: var(--accent-text); }

/* Chart+GEX is still in validation.  Keep the early-access marker attached to
   the nav target itself so every page with the shared market header agrees. */
.idx-tabs a[href^="/market/daily/"] {
  position: relative;
  isolation: isolate;
  padding-right: 43px;
}
.idx-tabs a[href^="/market/daily/"]::after {
  content: "BETA";
  position: absolute;
  z-index: 1;
  top: -7px;
  right: 5px;
  display: inline-flex;
  align-items: center;
  min-height: 17px;
  padding: 0 6px;
  border: 1px solid rgba(255, 218, 109, .92);
  border-radius: 999px;
  background: #e9ad2d;
  color: #16110a;
  font: 800 9px/1 var(--font-body, Arial, sans-serif);
  letter-spacing: .07em;
  box-shadow: 0 0 0 1px rgba(255,255,255,.12), 0 0 9px rgba(255,190,55,.42);
  animation: chart-gex-beta-breathe 2.2s ease-in-out infinite;
  pointer-events: none;
}
@keyframes chart-gex-beta-breathe {
  0%, 100% { box-shadow: 0 0 0 1px rgba(255,255,255,.12), 0 0 7px rgba(255,190,55,.28); transform: scale(1); }
  50% { box-shadow: 0 0 0 1px rgba(255,255,255,.2), 0 0 17px rgba(255,190,55,.72); transform: scale(1.045); }
}
@media (prefers-reduced-motion: reduce) {
  .idx-tabs a[href^="/market/daily/"]::after { animation: none; }
}

/* Symbol search */
.symsearch { position: relative; width: 220px; flex: 0 1 220px; }
.symsearch input {
  width: 100%;
  padding: 9px 12px 9px 32px;
  border-radius: var(--radius-control);
  border: 1px solid var(--border);
  background: var(--surface2);
  color: var(--text);
  font: 500 13px var(--font-data);
  outline: none;
  box-sizing: border-box;
  transition: border-color .15s;
}
.symsearch input:focus { border-color: var(--accent); }
.symsearch .symsearch-icon {
  position: absolute; left: 12px; top: 50%; transform: translateY(-50%);
  color: var(--muted); font-size: 13px; pointer-events: none;
}
.symsearch .symsearch-kbd {
  position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
  font: 500 10px var(--font-data); color: var(--muted);
  border: 1px solid var(--border); border-radius: 4px; padding: 1px 5px;
  pointer-events: none;
}
.symsearch input:focus ~ .symsearch-kbd { display: none; }
.sympanel {
  display: none;
  position: absolute; top: calc(100% + 8px); left: 0; width: 460px; max-width: min(460px, 92vw);
  max-height: 420px; overflow-y: auto;
  background: var(--surface); border: 1px solid var(--border); border-radius: 16px;
  padding: 14px; box-shadow: 0 16px 40px rgba(0,0,0,.18); z-index: 100;
}
.sympanel.open { display: block; }
.sympanel .grp { margin-bottom: 12px; }
.sympanel .grp:last-child { margin-bottom: 0; }
.sympanel .grp h5 {
  font: 600 10px var(--font-body); letter-spacing: 1px; text-transform: uppercase;
  color: var(--muted); margin: 0 0 7px;
}
.sympanel .chips { display: flex; flex-wrap: wrap; gap: 5px; }
.sympanel .chip {
  font: 500 12px var(--font-data); padding: 4px 9px; border-radius: var(--radius-chip);
  border: 1px solid var(--border); background: var(--surface2); color: var(--text);
  text-decoration: none; display: inline-block; transition: border-color .1s, color .1s;
}
.sympanel .chip:hover { border-color: var(--gold); color: var(--gold); }
.sympanel .chip.active { border-color: var(--accent); color: var(--accent); font-weight: 600; }
.sympanel .empty { text-align: center; padding: 24px 12px; color: var(--muted); font-size: 13px; line-height: 1.7; }
.sympanel .empty b { color: var(--text); font-family: var(--font-data); }
.sympanel .empty a { color: var(--gold); text-decoration: none; font-weight: 600; }

/* Text links (Learn / Guide / About / Pricing) — kept as .market-nav so auth.js's
   account-chip / Membership-link injection (assets/auth.js) keeps working unchanged. */
.market-nav {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: auto;
  flex: 0 1 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.market-nav a, .market-nav summary {
  min-height: 34px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 8px; padding: 0 10px;
  color: var(--muted); text-decoration: none;
  font: 600 13px var(--font-body);
  white-space: nowrap;
}
.market-nav a:hover { color: var(--text); }
.market-nav a.active, .market-nav a[aria-current="page"] { color: var(--gold); }
.market-nav-item {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.market-nav a.market-nav-trigger {
  gap: 5px;
}
.market-nav a.market-nav-trigger::after {
  content: "";
  width: 6px;
  height: 6px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
  opacity: .7;
}
.market-nav-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  z-index: 120;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 172px;
  padding: 8px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 12px;
  background: rgba(15, 15, 19, .98);
  box-shadow: 0 18px 42px rgba(0,0,0,.42);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transform: translate(-50%, -8px) scale(.96);
  transform-origin: top center;
  transition: opacity .16s ease, visibility .16s ease, transform .2s cubic-bezier(.2, .85, .25, 1.18);
}
.market-nav-dropdown::before {
  content: "";
  position: absolute;
  top: -10px;
  right: 0;
  left: 0;
  height: 10px;
}
.market-nav-item:hover .market-nav-dropdown,
.market-nav-item:focus-within .market-nav-dropdown {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  transform: translate(-50%, 0) scale(1);
}
.market-nav .market-nav-dropdown a {
  width: 100%;
  min-height: 36px;
  justify-content: flex-start;
  padding: 0 10px;
  border-radius: 8px;
  color: #f5f5f7;
  font: 700 13px var(--font-body);
}
.market-nav .market-nav-dropdown a:hover,
.market-nav .market-nav-dropdown a[aria-current="page"] {
  background: rgba(255,255,255,.08);
  color: var(--gold);
}
.market-nav-zerodte {
  min-height: 34px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 8px; padding: 0 10px;
  color: var(--muted); text-decoration: none;
  font: 600 13px var(--font-body);
  white-space: nowrap;
}
.market-nav-zerodte:hover { color: var(--text); }
.market-nav-zerodte[aria-current="page"] { color: var(--gold); }
.market-nav a.market-signin-button{
  min-height:38px;
  padding:0 18px;
  margin-left:6px;
  border:1px solid rgba(255,255,255,.88);
  border-radius:4px;
  background:#f8fbff;
  color:#cf4f2f;
  font-weight:800;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}
.market-nav a.market-signin-button:hover,
.market-nav a.market-signin-button:focus-visible{
  color:#a53b22;
  background:#fff;
  outline:none;
}
html.winnerstock-authenticated .market-nav a.market-signin-button{
  display:none!important;
}
.market-nav:has(.auth-account-menu) a.market-signin-button,
.market-nav:has(.auth-account-chip.avatar) a.market-signin-button{
  display:none!important;
}

/* Keep the injected signed-in avatar aligned in the header action rail. */
.market-nav .auth-account-menu{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;margin-left:4px}
.market-nav .auth-account-chip.avatar{width:36px;min-width:36px;height:36px;margin:0;flex:0 0 36px}

/* Old templates may still ship this node; public pages are dark-only. */
.ws-theme-toggle{display:none!important}

/* Theme toggle */
.ws-theme-toggle {
  display: flex; align-items: center; gap: 0;
  background: var(--surface2); border: 1px solid var(--border);
  border-radius: var(--radius-control); padding: 3px; cursor: pointer;
  flex: 0 0 auto;
}
.ws-theme-toggle span {
  font: 600 12px var(--font-body); padding: 5px 12px; border-radius: var(--radius-control);
  color: var(--muted); display: flex; align-items: center; gap: 5px;
  transition: background .2s, color .2s; user-select: none;
}
.ws-theme-toggle span.on { background: var(--accent); color: var(--accent-text); }
.mobile-market-nav,.mobile-symbol-search,.mobile-header-signin{display:none}

@media (max-width: 980px) {
  .market-nav-shell { gap: 10px; overflow-x: auto; scrollbar-width: none; }
  .market-nav-shell::-webkit-scrollbar { display: none; }
  .symsearch { width: 170px; flex: 0 0 170px; }
  .idx-tabs a { padding: 6px 9px; }
  .market-nav a { padding: 0 8px; font-size: 12px; }
}
@media (max-width: 980px) {
  .market-header{height:auto}
  .market-nav-shell{height:58px;padding:0 12px;gap:10px;overflow:visible}
  .market-brand img{width:142px}
  .market-nav-shell > .mobile-header-signin{
    display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:34px;
    padding:0 10px;border:1px solid rgba(255,189,61,.78);border-radius:7px;
    background:rgba(255,189,61,.12);color:#ffe08a;font:800 11px var(--font-body,Arial,sans-serif);
    letter-spacing:.02em;text-decoration:none;white-space:nowrap;
  }
  .idx-tabs,.market-nav,.market-nav-zerodte,.market-nav-shell>.symsearch:not(.mobile-symbol-search){display:none}
  .market-nav .auth-account-menu{display:none}
  .market-nav-shell>.mobile-symbol-search{display:block;width:auto;min-width:0;flex:1 1 auto}
  .market-nav-shell>.mobile-symbol-search input{height:35px;padding-top:7px;padding-bottom:7px;font-size:12px}
  .mobile-market-nav{display:grid;padding:4px 12px 8px;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.10);background:#151d2c;box-shadow:0 6px 14px rgba(0,0,0,.12)}
  .mobile-market-nav .sympanel{width:100%;max-width:none;top:calc(100% + 6px);z-index:105}
  .mobile-market-nav-row{position:relative;display:flex;align-items:center;gap:8px;min-width:0;padding-right:42px}
  .mobile-index-tabs{display:flex;align-items:center;min-width:0;flex:1 1 auto;gap:2px;overflow-x:auto;scrollbar-width:none}
  .mobile-index-tabs::-webkit-scrollbar{display:none}
  .mobile-index-tabs a{flex:0 0 auto;min-height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0 9px;border-radius:7px;color:#afbed5;font:600 12px var(--font-body);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mobile-index-tabs a:hover,.mobile-index-tabs a[aria-current="page"]{color:var(--gold);background:var(--surface2)}
  .mobile-index-tabs a.mobile-nav-chartgex{position:relative;isolation:isolate;max-width:82px;padding-right:24px}
  .mobile-index-tabs a.mobile-nav-chartgex::after{
    content:"BETA";position:absolute;z-index:1;top:-6px;right:1px;
    display:inline-flex;align-items:center;min-height:13px;padding:0 4px;
    border:1px solid rgba(255,218,109,.92);border-radius:999px;background:#e9ad2d;color:#16110a;
    font:800 7px/1 var(--font-body,Arial,sans-serif);letter-spacing:.04em;
    box-shadow:0 0 0 1px rgba(255,255,255,.12),0 0 6px rgba(255,190,55,.42);pointer-events:none;
  }
  .mobile-nav-more{position:absolute;right:0;top:0;z-index:2}
  .mobile-nav-more summary{width:34px;height:30px;display:grid;place-items:center;list-style:none;border:1px solid var(--border);border-radius:7px;background:var(--surface2);color:var(--text);cursor:pointer}
  .mobile-nav-more summary::-webkit-details-marker{display:none}
  .mobile-nav-more summary span{font-size:18px;line-height:1}
  .mobile-nav-more nav{position:absolute;right:0;top:calc(100% + 7px);z-index:110;display:grid;min-width:138px;padding:6px;border:1px solid var(--border);border-radius:9px;background:var(--surface);box-shadow:0 16px 36px rgba(0,0,0,.32)}
  .mobile-nav-more a{min-height:34px;display:flex;align-items:center;padding:0 10px;border-radius:6px;color:var(--text);font:600 12px var(--font-body);text-decoration:none}
  .mobile-nav-more a:hover{background:var(--surface2);color:var(--gold)}
}

/* The mobile search is moved into the top row by symbol-search.js.  Its
   results must therefore escape the narrow input container and use the
   available viewport height, rather than being clipped beside the header. */
@media (max-width: 720px) {
  .market-nav-shell > .mobile-symbol-search .sympanel {
    position: fixed;
    top: 66px;
    left: 12px;
    right: 12px;
    width: auto;
    max-width: none;
    max-height: calc(100dvh - 78px);
    padding: 12px;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    z-index: 160;
  }
}

/* Shared Apple-style marketing navigation.  The header markup is normalized
   across the public site with the home-market-nav-shell marker. */
.market-header:has(.home-market-nav-shell) {
  height: 68px;
  border-bottom-color: rgba(255, 255, 255, .08);
  background: rgba(0, 0, 0, .78);
  backdrop-filter: saturate(160%) blur(20px);
}
.market-nav-shell.home-market-nav-shell {
  position: relative;
  display: flex;
  width: 100%;
  max-width: none;
  justify-content: center;
  padding: 0 clamp(18px, 4vw, 64px);
  overflow: visible;
}
.home-market-nav-shell .market-nav-center {
  position: absolute;
  left: 50%;
  display: flex;
  align-items: center;
  gap: 22px;
  transform: translateX(-50%);
}
.home-market-nav-shell .market-brand img { width: 146px; }
.home-market-nav-shell .market-index-menu { position: relative; flex: 0 0 auto; }
.home-market-nav-shell .market-index-menu summary {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  padding: 0 12px;
  color: rgba(245, 245, 247, .82);
  cursor: pointer;
  font: 600 12px var(--font-body);
  list-style: none;
  white-space: nowrap;
}
.home-market-nav-shell .market-index-menu summary::-webkit-details-marker { display: none; }
.home-market-nav-shell .market-index-menu summary::after {
  width: 5px;
  height: 5px;
  margin-left: 7px;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  content: "";
  transform: translateY(-2px) rotate(45deg);
}
.home-market-nav-shell .market-index-menu[open] summary::after { transform: translateY(2px) rotate(225deg); }
.home-market-nav-shell .market-index-menu summary:hover { color: #fff; }
.home-market-nav-shell .market-index-links {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 80;
  display: grid;
  min-width: 128px;
  padding: 6px;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 7px;
  background: rgba(20, 20, 24, .98);
  box-shadow: 0 18px 40px rgba(0, 0, 0, .48);
}
.home-market-nav-shell .market-index-links a {
  min-height: 34px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  border-radius: 4px;
  color: #f5f5f7;
  font: 700 12px var(--font-data);
  text-decoration: none;
}
.home-market-nav-shell .market-index-links a:hover { background: #2a2a2f; color: var(--gold); }
.home-market-nav-shell .market-more-menu { display: none; }
.home-market-nav-shell .market-nav {
  display: flex;
  align-items: center;
  gap: 1px;
  margin: 0;
  flex: 0 0 auto;
  flex-wrap: nowrap;
}
.home-market-nav-shell .market-nav a {
  min-height: 36px;
  padding: 0 12px;
  border-radius: 0;
  color: rgba(245, 245, 247, .82);
  font: 600 12px var(--font-body);
}
.home-market-nav-shell .market-nav a:hover,
.home-market-nav-shell .market-nav a[aria-current="page"] { color: #fff; }
.home-market-nav-shell .market-nav .market-nav-dropdown a:hover,
.home-market-nav-shell .market-nav .market-nav-dropdown a[aria-current="page"] {
  color: var(--gold);
}
.home-market-nav-shell .market-nav-zerodte {
  min-height: 36px;
  padding: 0 12px;
  border-radius: 0;
  color: rgba(245, 245, 247, .82);
  font: 600 12px var(--font-body);
}
.home-market-nav-shell .market-nav-zerodte:hover,
.home-market-nav-shell .market-nav-zerodte[aria-current="page"] { color: #fff; }
.home-market-nav-shell .market-nav-actions {
  position: absolute;
  right: clamp(18px, 4vw, 64px);
  display: flex;
  align-items: center;
  gap: 8px;
}
.home-market-nav-shell .market-nav-actions a {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  color: rgba(245, 245, 247, .88);
  font: 700 12px var(--font-body);
  text-decoration: none;
  white-space: nowrap;
}
.home-market-nav-shell .market-nav-actions .market-get-started {
  border-radius: 999px;
  background: #2f63ed;
  color: #fff;
  box-shadow: 0 10px 24px rgba(47, 99, 237, .28);
}
.home-market-nav-shell .market-nav-actions .market-get-started:hover { background: #3c70f8; }
html.winnerstock-authenticated .home-market-nav-shell .market-nav-actions .market-get-started { display: none; }
.home-market-nav-shell .market-nav .auth-account-menu { margin-left: 4px; }

/* The shared marketing header is always dark, even when a visitor's saved
   page theme is light.  Keep its symbol search and result chips readable. */
.home-market-nav-shell .market-symbol-search input {
  border-color: rgba(255,255,255,.16);
  background: #202026;
  color: #f5f5f7;
}
.home-market-nav-shell .market-symbol-search input:focus {
  border-color: #f7c948;
  background: #2a2a30;
}
.home-market-nav-shell .market-symbol-search .sympanel {
  border-color: rgba(255,255,255,.16);
  background: #151519;
  box-shadow: 0 18px 44px rgba(0,0,0,.55);
}
.home-market-nav-shell .market-symbol-search .sympanel .grp h5 { color: #9aa4b8; }
.home-market-nav-shell .market-symbol-search .sympanel .chip {
  border-color: rgba(255,255,255,.14);
  background: #202026;
  color: #f5f5f7;
}
.home-market-nav-shell .market-symbol-search .sympanel .chip:hover,
.home-market-nav-shell .market-symbol-search .sympanel .chip.active {
  border-color: #f7c948;
  color: #f7c948;
}

@media (max-width: 980px) {
  .market-header:has(.home-market-nav-shell) { height: auto; }
  .market-nav-shell.home-market-nav-shell {
    min-height: 58px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    padding: 0 14px;
  }
  .home-market-nav-shell .market-nav-center {
    position: static;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: none;
    transform: none;
  }
  .home-market-nav-shell .market-nav-center::-webkit-scrollbar { display: none; }
  .home-market-nav-shell .market-nav-actions { position: static; gap: 2px; }
  .home-market-nav-shell .market-index-menu summary,
  .home-market-nav-shell .market-nav a { padding: 0 9px; }
  .home-market-nav-shell .market-symbol-search { width: 168px; flex-basis: 168px; }
}

@media (max-width: 560px) {
  .home-market-nav-shell .market-brand img { width: 104px; }
  .home-market-nav-shell .market-index-menu summary,
  .home-market-nav-shell .market-nav a,
  .home-market-nav-shell .market-nav-actions a { font-size: 11px; }
  .home-market-nav-shell .market-nav-actions a { min-height: 32px; padding: 0 8px; }
  .home-market-nav-shell .market-index-links { position: fixed; top: 64px; left: 12px; }
  .home-market-nav-shell .market-symbol-search { width: 150px; flex-basis: 150px; }
}

@media (max-width: 980px) {
  .market-header:has(.home-market-nav-shell) { height: 58px; }
  .market-nav-shell.home-market-nav-shell {
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    padding: 0 8px;
    overflow: visible;
  }
  .home-market-nav-shell .market-nav-center {
    position: static;
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    overflow: visible;
    transform: none;
  }
  .home-market-nav-shell .market-brand { display: none; }
  .home-market-nav-shell .market-index-menu { flex: 0 0 auto; margin-left: 0; }
  .home-market-nav-shell .market-index-menu { order: 1; position: relative; }
  .home-market-nav-shell .market-index-menu summary {
    width: auto;
    min-height: 36px;
    padding: 0 8px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: rgba(245,245,247,.9);
    font-size: 12px;
  }
  .home-market-nav-shell .market-index-links {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    left: auto;
    min-width: 68px;
    max-width: calc(100vw - 24px);
    max-height: calc(100dvh - 70px);
    overflow-y: auto;
    padding: 8px;
  }
  .home-market-nav-shell .market-index-links a {
    min-height: 36px;
    font-size: 13px;
  }
  .home-market-nav-shell .market-nav {
    order: 2;
    display: contents;
    flex: 0 0 auto;
    margin: 0;
    gap: 0;
    align-items: center;
    flex-wrap: nowrap;
  }
  .home-market-nav-shell .market-nav > a:not([href="/trinity-gex/"]):not([href="/market/daily/?symbol=SPX"]),
  .home-market-nav-shell .market-nav > .market-nav-item,
  .home-market-nav-shell .market-nav > a.market-signin-button {
    display: none !important;
  }
  .home-market-nav-shell .market-nav > a[href="/trinity-gex/"],
  .home-market-nav-shell .market-nav > a[href="/market/daily/?symbol=SPX"] {
    min-height: 36px;
    display: inline-flex;
    padding: 0 8px;
    color: rgba(245,245,247,.9);
    font-size: 12px;
  }
  .home-market-nav-shell .market-nav > a[href="/trinity-gex/"] { order: 2; }
  .home-market-nav-shell .market-nav > a[href="/market/daily/?symbol=SPX"] {
    order: 3;
    max-width: 68px;
    overflow: hidden;
    padding: 0 5px;
    font-size: 11px;
  }
  .home-market-nav-shell .market-nav-zerodte {
    order: 4;
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    padding: 0 8px;
    color: rgba(245,245,247,.9);
    font-size: 12px;
  }
  .home-market-nav-shell .market-nav-zerodte[aria-current="page"] {
    color: var(--gold);
  }
  .home-market-nav-shell .market-nav .auth-account-menu {
    display: inline-flex;
    order: 7;
    flex: 0 0 30px;
    margin: 0 0 0 6px;
  }
  .home-market-nav-shell .market-nav .auth-account-chip.avatar {
    width: 30px;
    min-width: 30px;
    height: 30px;
    padding: 0;
    box-sizing: border-box;
    flex: 0 0 30px;
  }
  .home-market-nav-shell .market-symbol-search {
    order: 5;
    width: auto;
    min-width: 44px;
    flex: 0 1 50px;
  }
  .home-market-nav-shell .market-symbol-search input {
    height: 36px;
    padding: 7px 24px 7px 28px;
    font-size: 12px;
  }
  .home-market-nav-shell .market-symbol-search .symsearch-kbd { display: none; }
  .home-market-nav-shell .market-symbol-search .sympanel {
    position: fixed;
    top: 58px;
    right: 8px;
    left: 8px;
    width: auto;
    max-width: none;
  }
  .home-market-nav-shell .market-more-menu {
    order: 6;
    position: relative;
    display: block;
    flex: 0 0 auto;
    margin-left: 0;
  }
  .home-market-nav-shell .market-more-menu summary {
    width: 42px;
    min-height: 36px;
    display: grid;
    place-items: center;
    padding: 0;
    list-style: none;
    cursor: pointer;
  }
  .home-market-nav-shell .market-more-menu summary::-webkit-details-marker { display: none; }
  .home-market-nav-shell .market-more-menu summary::before {
    content: "";
    width: 26px;
    height: 5px;
    border-radius: 999px;
    background: #ff942e;
    box-shadow: 0 -9px 0 #ff942e, 0 9px 0 #ff942e;
  }
  .home-market-nav-shell .market-more-links {
    position: fixed;
    top: 56px;
    right: 8px;
    z-index: 90;
    display: grid;
    min-width: 176px;
    max-width: calc(100vw - 16px);
    padding: 8px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 8px;
    background: rgba(20,20,24,.98);
    box-shadow: 0 18px 40px rgba(0,0,0,.48);
  }
  .home-market-nav-shell .market-more-links a {
    min-height: 38px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    border-radius: 5px;
    color: #f5f5f7;
    font: 700 13px var(--font-body);
    text-decoration: none;
  }
  .home-market-nav-shell .market-more-links a:hover {
    background: #2a2a2f;
    color: var(--gold);
  }
  .home-market-nav-shell .market-nav-actions {
    display: none;
  }
  .market-header:has(.home-market-nav-shell) ~ .auth-floating-account {
    display: none !important;
  }
}

@media (max-width: 430px) {
  /* Keep the 0DTE entry visible before secondary tools on narrow phones. */
  .home-market-nav-shell .market-nav > a[href="/market/daily/?symbol=SPX"] {
    display: none;
  }
}