/* Market Evidence v2.6.0 — Provider Usage & Resilience (preserves HostArmada cache assurance) */
:root {
  --sticky-topbar-height: 76px;
  --sticky-topbar-bottom: 76px;
  --sticky-search-height: 0px;
  --sticky-gap: 8px;
  color-scheme: dark;
  --bg: #07101d;
  --panel: #0d1929;
  --panel-2: #122136;
  --border: #233854;
  --text: #eef5ff;
  --muted: #9fb0c5;
  --accent: #58d0d6;
  --accent-2: #7da6ff;
  --good: #66d99b;
  --warn: #f2c86b;
  --bad: #ff8a8a;
  --mixed: #b8a7ff;
  --shadow: 0 18px 48px rgba(0,0,0,.22);
}
* { box-sizing: border-box; }
html { background: var(--bg); }
body { margin: 0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: radial-gradient(circle at 15% -10%, #18345a 0, transparent 38rem), var(--bg); color: var(--text); min-height: 100vh; font-size: 16px; }

.startup-splash {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 50% 35%, rgba(34,122,210,.18), transparent 34rem),
    linear-gradient(180deg, #050d19 0%, #07101d 100%);
  opacity: 1;
  visibility: visible;
  transition: opacity .38s ease, visibility .38s ease;
}
.startup-splash.hidden { opacity: 0; visibility: hidden; pointer-events: none; }
.startup-splash-inner { width: min(86vw, 520px); display: grid; justify-items: center; align-items: center; justify-content: center; text-align: center; margin: 0 auto; }
.startup-logo { width: min(54vw, 250px); aspect-ratio: 1 / 1; height: auto; display: block; object-fit: contain; object-position: center center; margin: 0 auto; filter: drop-shadow(0 22px 38px rgba(0,0,0,.42)); }
.startup-wordmark { margin-top: .35rem; font-size: clamp(1.45rem, 5vw, 2.25rem); font-weight: 900; letter-spacing: .16em; white-space: nowrap; }
.startup-wordmark span { color: #f4f7fb; }
.startup-wordmark strong { color: #28d8e6; }
.startup-tagline { margin-top: .65rem; color: #a8b7ca; font-size: clamp(.78rem, 2.8vw, .98rem); letter-spacing: .08em; }
.startup-progress { width: min(72vw, 360px); height: 4px; margin-top: 1.25rem; overflow: hidden; border-radius: 999px; background: rgba(125,166,255,.15); }
.startup-progress span { display: block; width: 38%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #2d79f3, #21dbe6); animation: me-loading 1.25s ease-in-out infinite; }
.startup-loading { margin-top: .6rem; color: #7288a3; font-size: .75rem; }
@keyframes me-loading {
  0% { transform: translateX(-105%); }
  55% { transform: translateX(120%); }
  100% { transform: translateX(265%); }
}
@media (prefers-reduced-motion: reduce) {
  .startup-splash, .startup-progress span { transition: none; animation: none; }
  .startup-progress span { width: 100%; opacity: .65; }
}
a { color: #8fd8ff; }
button, input, select { font: inherit; }
button { cursor: pointer; }
button:disabled { opacity: .6; cursor: not-allowed; }
/* Processing controls opt back into a wait cursor; unavailable controls do not. */
.data-loading #analyzeBtn:disabled,
#discoverSearchBtn:disabled,
#replayBtn:disabled,
#loadFilingDeltaBtn:disabled { cursor: wait; }
.skip-link { position: fixed; left: -999px; top: 10px; z-index: 999; background: white; color: black; padding: .7rem 1rem; }
.skip-link:focus { left: 10px; }
.topbar { position: sticky; top: 0; z-index: 20; background: rgba(7,16,29,.91); backdrop-filter: blur(18px); border-bottom: 1px solid rgba(255,255,255,.08); }
.topbar-inner { max-width: 1480px; margin: 0 auto; padding: .9rem 1.2rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.brand-wrap { display: flex; align-items: center; gap: .8rem; min-width: 0; }
.brand-logo { width: 48px; height: 48px; display: block; border-radius: 13px; object-fit: cover; object-position: center center; box-shadow: 0 8px 28px rgba(0,0,0,.32); flex: 0 0 auto; }
.brand { font-weight: 850; font-size: 1.08rem; letter-spacing: .01em; }
.tagline { color: var(--muted); font-size: .82rem; margin-top: .12rem; }
.top-actions { display: flex; align-items: center; gap: .65rem; }
.language-control { display: flex; align-items: center; gap: .45rem; }
.language-control span { margin: 0; font-size: .78rem; white-space: nowrap; }
.language-control select { width: auto; min-width: 112px; padding: .48rem .62rem; }
.demo-pill { font-size: .72rem; font-weight: 850; letter-spacing: .08em; border: 1px solid #776626; background: #332d13; color: #ffe28c; padding: .38rem .62rem; border-radius: 999px; white-space: nowrap; }
.demo-pill.live-pill { border-color: rgba(102,217,155,.5); background: rgba(45,110,76,.28); color: #baffd5; }
.container { max-width: 1480px; margin: 0 auto; padding: 1.5rem 1.2rem 4.5rem; }
.search-panel, .status-card, .chart-card, .source-card, .move-summary, .card-list article, .scenario-boxes article, .conversation-card { background: linear-gradient(180deg, rgba(18,33,54,.97), rgba(12,25,42,.97)); border: 1px solid var(--border); border-radius: 18px; box-shadow: var(--shadow); }
.search-panel { padding: 1.15rem; }
.search-grid { display: grid; grid-template-columns: minmax(260px, 2.1fr) minmax(150px, .8fr) minmax(150px, .8fr) auto; gap: .9rem; align-items: start; }
.search-grid > .primary-btn { align-self: start; margin-top: 1.62rem; }
label span { display: block; color: var(--muted); font-size: .82rem; margin: 0 0 .4rem .1rem; }
input, select { width: 100%; color: var(--text); background: #081424; border: 1px solid #2b4566; border-radius: 11px; padding: .78rem .82rem; outline: none; }
input:focus, select:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(88,208,214,.12); }
.primary-btn, .ghost-btn { border-radius: 11px; padding: .78rem 1.05rem; border: 1px solid transparent; font-weight: 850; min-height: 44px; }
.primary-btn { background: linear-gradient(135deg, var(--accent), #72b1ff); color: #06111c; }
.ghost-btn { color: var(--text); background: transparent; border-color: var(--border); }
.notice-row { display: flex; gap: 1rem; flex-wrap: wrap; align-items: baseline; }
.demo-notice, .provider-note, .section-intro, .ai-note { color: var(--muted); line-height: 1.6; }
.demo-notice, .provider-note { margin: .85rem 0 0; font-size: .9rem; }
.provider-note { color: #d8ca9a; }
.asset-hero { display: flex; justify-content: space-between; gap: 1rem; align-items: end; padding: 1.5rem .3rem 1rem; }
.asset-name { font-size: clamp(1.6rem, 2.5vw, 2.45rem); font-weight: 900; }
.asset-symbol { color: var(--muted); margin-top: .35rem; }
.price-block { text-align: right; }
.price { font-size: clamp(1.8rem, 3.3vw, 2.8rem); font-weight: 900; }
.asof { color: var(--muted); font-size: .82rem; margin-top: .3rem; }
.window-coverage { color: #c7d8e8; font-size: .76rem; margin-top: .24rem; font-weight: 750; letter-spacing: .01em; }
.tabs { display: flex; gap: .45rem; overflow-x: auto; padding: .3rem 0 1.15rem; scrollbar-width: thin; }
.tab { white-space: nowrap; border: 1px solid var(--border); color: var(--muted); background: #0a1626; border-radius: 999px; padding: .62rem .95rem; }
.tab.active { color: #06111c; background: var(--accent); border-color: var(--accent); font-weight: 850; }
.tab-panel { display: none; }
.tab-panel.active { display: block; }
.status-card { display: grid; grid-template-columns: 1fr auto; gap: 1.5rem; padding: 1.4rem; align-items: center; }
.eyebrow, .metric-label { color: var(--muted); font-size: .8rem; text-transform: uppercase; letter-spacing: .06em; font-weight: 800; }
.status-title { font-size: clamp(1.7rem, 3vw, 2.65rem); font-weight: 900; margin: .28rem 0 .4rem; }
.status-copy { max-width: 900px; color: #c9d7e7; line-height: 1.62; font-size: .98rem; }
.status-details { display: flex; gap: .5rem; flex-wrap: wrap; margin-top: .9rem; }
.status-chip { border: 1px solid var(--border); border-radius: 999px; padding: .38rem .62rem; font-size: .78rem; color: var(--muted); }
.status-chip.supporting { border-color: rgba(102,217,155,.3); color: #baffd5; }
.status-chip.caution { border-color: rgba(242,200,107,.35); color: #ffe19c; }
.status-chip.mixed { border-color: rgba(184,167,255,.3); color: #ded6ff; }
.score-stack { display: grid; justify-items: center; gap: .35rem; color: var(--muted); }
.score-ring { width: 116px; height: 116px; border-radius: 50%; display: grid; place-content: center; text-align: center; border: 9px solid rgba(88,208,214,.28); background: #0a1626; box-shadow: inset 0 0 30px rgba(88,208,214,.08); }
.score-ring span { font-size: 1.85rem; font-weight: 900; }
.score-ring small { color: var(--muted); }
.metrics-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: .9rem; margin: 1rem 0 1.5rem; }
.metric, .indicator, .evidence-item { background: #0b1727; border: 1px solid var(--border); border-radius: 15px; padding: 1rem; min-height: 112px; }
.metric strong { display: block; font-size: 1.5rem; margin: .5rem 0 .32rem; }
.metric span { color: var(--muted); font-size: .88rem; }
.section-title-row { display: flex; align-items: center; gap: .5rem; margin: 1.65rem 0 .8rem; }
h2 { margin: 0; font-size: 1.23rem; }
h3 { margin: 0 0 .48rem; font-size: 1.02rem; }
.help { display: inline-grid; place-items: center; width: 22px; height: 22px; padding: 0; border-radius: 50%; border: 1px solid #4f6d92; color: #cbe1ff; background: #102039; font-weight: 900; font-size: .76rem; vertical-align: middle; }
.help:hover, .help:focus { border-color: var(--accent); color: var(--accent); }
.chart-card { padding: 1.1rem; margin-top: .5rem; }
#priceChart { width: 100%; height: auto; min-height: 240px; max-height: 430px; display: block; background: linear-gradient(180deg, rgba(125,166,255,.06), transparent); border-radius: 12px; }
.chart-gridline { stroke: rgba(255,255,255,.08); stroke-width: 1; }
.chart-line { fill: none; stroke: var(--accent); stroke-width: 3.3; vector-effect: non-scaling-stroke; }
.chart-area { fill: rgba(88,208,214,.08); }
.chart-dot-low { fill: var(--good); stroke: #06111c; stroke-width: 3; vector-effect: non-scaling-stroke; }
.chart-dot-high { fill: var(--warn); stroke: #06111c; stroke-width: 3; vector-effect: non-scaling-stroke; }
.chart-price-label rect { fill: rgba(6,17,28,.94); stroke-width: 2; vector-effect: non-scaling-stroke; }
.chart-price-label-low rect { stroke: var(--good); }
.chart-price-label-high rect { stroke: var(--warn); }
.chart-price-label text { fill: #f5fbff; font-size: 16px; font-weight: 900; letter-spacing: .01em; paint-order: stroke; stroke: rgba(6,17,28,.8); stroke-width: 2px; stroke-linejoin: round; pointer-events: none; }

.desktop-two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; align-items: start; }
.evidence-grid, .indicator-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: .8rem; margin: .9rem 0 1.5rem; }
.evidence-item strong, .indicator strong { display: block; margin: .28rem 0 .42rem; font-size: 1.02rem; }
.evidence-item p, .indicator p, .scenario-boxes p { color: var(--muted); font-size: .9rem; line-height: 1.56; margin: .38rem 0 0; }
.badge { display: inline-flex; align-items: center; gap: .3rem; border-radius: 999px; padding: .28rem .55rem; font-size: .74rem; font-weight: 850; }
.badge.supporting { color: #baffd5; background: rgba(102,217,155,.12); border: 1px solid rgba(102,217,155,.28); }
.badge.caution { color: #ffe19c; background: rgba(242,200,107,.12); border: 1px solid rgba(242,200,107,.28); }
.badge.mixed { color: #ded6ff; background: rgba(184,167,255,.12); border: 1px solid rgba(184,167,255,.28); }
.move-summary { padding: 1.2rem; display: grid; grid-template-columns: repeat(5, 1fr); gap: .75rem; }
.move-summary div { padding: .68rem; border-left: 2px solid rgba(88,208,214,.35); }
.move-summary small { display: block; color: var(--muted); margin-bottom: .32rem; }
.move-summary strong { font-size: 1.2rem; }
.timeline-list { display: grid; gap: .8rem; }
.timeline-item { position: relative; padding: 1.05rem 1.05rem 1.05rem 1.2rem; border-left: 3px solid #315476; background: #0b1727; border-radius: 0 14px 14px 0; }
.timeline-item .date { color: var(--accent); font-size: .8rem; font-weight: 850; }
.timeline-item p { color: var(--muted); margin: .38rem 0 0; line-height: 1.58; }
.card-list { display: grid; gap: .85rem; }
.card-list article { padding: 1.05rem; }
.card-meta { display: flex; flex-wrap: wrap; gap: .5rem; color: var(--muted); font-size: .8rem; margin-bottom: .45rem; }
.conversation-card { padding: 1.2rem; }
.sentiment-bar { height: 14px; overflow: hidden; border-radius: 999px; background: #091320; display: flex; margin: .8rem 0; }
.sentiment-bar span:nth-child(1) { background: var(--good); }
.sentiment-bar span:nth-child(2) { background: var(--mixed); }
.sentiment-bar span:nth-child(3) { background: var(--bad); }
.conversation-columns { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }
.conversation-columns article { background: #0b1727; border: 1px solid var(--border); border-radius: 13px; padding: .9rem; }
.conversation-columns p { color: var(--muted); line-height: 1.55; }
.table-wrap { overflow-x: auto; border: 1px solid var(--border); border-radius: 14px; }
table { width: 100%; border-collapse: collapse; min-width: 720px; }
th, td { text-align: left; padding: .85rem; border-bottom: 1px solid var(--border); }
th { color: var(--muted); font-size: .78rem; text-transform: uppercase; letter-spacing: .05em; }
tbody tr:last-child td { border-bottom: 0; }
.scenario-boxes { display: grid; grid-template-columns: repeat(3, 1fr); gap: .9rem; margin: 1rem 0 1.4rem; }
.scenario-boxes article { padding: 1.05rem; }
.source-card { padding: 1.05rem; margin-top: 1.5rem; }
.source-row { display: grid; grid-template-columns: 1.3fr 1fr .7fr; gap: .7rem; padding: .72rem 0; border-bottom: 1px solid var(--border); }
.source-row:last-child { border-bottom: 0; }
.source-row span { color: var(--muted); font-size: .88rem; }
.source-note { grid-column: 1 / -1; color: var(--warn); font-size: .82rem; line-height: 1.45; }
.empty-state { border: 1px dashed #37516f; background: rgba(12,25,42,.75); border-radius: 14px; padding: 1.15rem; color: var(--muted); line-height: 1.6; }
.empty-state.inline { border: 0; background: transparent; padding: .25rem; }
footer { max-width: 1480px; margin: 0 auto; padding: 1.3rem 1.2rem 2.8rem; border-top: 1px solid var(--border); color: #8497ad; font-size: .8rem; line-height: 1.6; }
dialog { width: min(650px, calc(100vw - 2rem)); border: 1px solid var(--border); border-radius: 18px; background: #0d1929; color: var(--text); box-shadow: 0 30px 90px rgba(0,0,0,.55); padding: 0; }
dialog::backdrop { background: rgba(0,0,0,.65); backdrop-filter: blur(3px); }
dialog form { padding: 1.05rem; }
.dialog-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.dialog-head button { background: transparent; color: var(--text); border: 0; font-size: 1.7rem; }
#helpBody { color: #c8d5e5; line-height: 1.68; margin: .8rem 0 1rem; }
#helpBody p { margin: .55rem 0; }
.close-dialog { width: 100%; }

@media (max-width: 1100px) {
  .desktop-two-col { grid-template-columns: 1fr; }
  .search-grid { grid-template-columns: 1.5fr 1fr 1fr; }
  .search-grid .primary-btn { grid-column: 1 / -1; margin-top: 0; }
  .move-summary { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 800px) {
  .topbar-inner { align-items: flex-start; }
  .top-actions { flex-wrap: wrap; justify-content: flex-end; }
  .language-control span { display: none; }
  .search-grid { grid-template-columns: 1fr 1fr; }
  .search-grid label:first-child { grid-column: 1 / -1; }
  .metrics-grid, .evidence-grid, .indicator-grid { grid-template-columns: repeat(2, 1fr); }
  .status-card { grid-template-columns: 1fr auto; }
  .move-summary { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
  body { font-size: 15px; }
  .tagline { display: none; }
  .brand-logo { width: 40px; height: 40px; border-radius: 11px; }
  .brand { font-size: .98rem; }
  .topbar-inner { padding: .7rem .75rem; }
  .top-actions { gap: .4rem; }
  .language-control select { min-width: 94px; padding: .42rem .5rem; }
  .demo-pill { font-size: .65rem; }
  .container { padding: 1rem .75rem 3.5rem; }
  .search-grid { grid-template-columns: 1fr; }
  .search-grid label:first-child, .search-grid .primary-btn { grid-column: auto; }
  .asset-hero { align-items: center; }
  .asset-name { font-size: 1.35rem; }
  .price { font-size: 1.65rem; }
  .metrics-grid, .evidence-grid, .indicator-grid, .scenario-boxes, .conversation-columns { grid-template-columns: 1fr; }
  .status-card { grid-template-columns: 1fr; align-items: start; }
  .score-stack { justify-self: start; grid-auto-flow: column; align-items: center; }
  .score-ring { width: 82px; height: 82px; border-width: 7px; }
  .score-ring span { font-size: 1.35rem; }
  #priceChart { min-height: 190px; }
  .move-summary { grid-template-columns: 1fr 1fr; }
  .source-row { grid-template-columns: 1fr; gap: .18rem; }
}

/* v0.4 Evidence Intelligence */
.intelligence-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(320px, .8fr); gap: 1rem; margin: 1rem 0 1.25rem; }
.insight-card, .change-card, .turning-card, .after-card { background: #0b1727; border: 1px solid var(--border); border-radius: 16px; padding: 1.05rem; }
.priority-card { border-color: rgba(88,208,214,.28); box-shadow: inset 0 0 28px rgba(88,208,214,.035); }
.section-title-row.compact { margin: 0 0 .7rem; }
.insight-summary { color: #d7e5f5; line-height: 1.62; margin: .45rem 0 .85rem; }
.matter-columns { display: grid; grid-template-columns: repeat(3, 1fr); gap: .7rem; }
.matter-columns h3 { font-size: .86rem; margin-bottom: .45rem; }
.good-heading { color: #baffd5; }
.warn-heading { color: #ffe19c; }
.mixed-heading { color: #ded6ff; }
.matter-item { display: grid; gap: .2rem; padding: .58rem 0; border-top: 1px solid rgba(255,255,255,.06); }
.matter-item:first-child { border-top: 0; }
.matter-item strong { font-size: .84rem; }
.matter-item span { color: var(--muted); font-size: .82rem; line-height: 1.45; }
.matter-item.muted { color: var(--muted); }
.move-direction { font-size: 1.35rem; font-weight: 900; margin: .25rem 0 .35rem; }
.contributor-list { display: grid; gap: .5rem; }
.contributor-row { display: grid; grid-template-columns: auto 1fr; column-gap: .6rem; row-gap: .15rem; padding-top: .55rem; border-top: 1px solid rgba(255,255,255,.06); }
.contributor-row > span { color: var(--accent); font-size: .75rem; }
.contributor-row strong { font-size: .85rem; min-width: 0; }
.contributor-row small { grid-column: 2; color: var(--muted); }
a { color: #9ad9ff; text-decoration-thickness: 1px; text-underline-offset: 2px; }
a:hover { color: #d6f0ff; }
.ai-plain-summary { margin-top: .8rem; padding: .8rem; border: 1px solid rgba(184,167,255,.28); background: rgba(184,167,255,.055); border-radius: 12px; }
.ai-plain-summary p { color: #d9d3f8; line-height: 1.55; margin: .35rem 0; }
.ai-plain-summary small { color: var(--muted); }
.ai-label { display: inline-flex; font-size: .7rem; font-weight: 850; text-transform: uppercase; letter-spacing: .05em; color: #ded6ff; }
.change-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; margin-bottom: 1.2rem; }
.change-card h3 { color: var(--accent); }
.change-row { display: grid; grid-template-columns: 1fr auto; gap: .18rem .7rem; padding: .62rem 0; border-bottom: 1px solid rgba(255,255,255,.06); }
.change-row:last-child { border-bottom: 0; }
.change-row > span { font-size: .86rem; }
.change-row > strong { font-size: .82rem; }
.change-row > small { grid-column: 1 / -1; color: var(--muted); }
.turning-grid, .after-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .9rem; margin: 1rem 0 1.3rem; }
.turning-row { display: grid; grid-template-columns: 48px 1fr; gap: .55rem; padding: .7rem 0; border-bottom: 1px solid rgba(255,255,255,.06); }
.turning-row:last-child { border-bottom: 0; }
.turning-row > strong { color: var(--accent); }
.turning-row div { display: grid; gap: .2rem; }
.turning-row span { font-size: .86rem; }
.turning-row small { color: var(--muted); line-height: 1.4; }
.after-row { display: grid; grid-template-columns: auto auto 1fr; align-items: center; gap: .3rem .5rem; padding: .7rem 0; border-bottom: 1px solid rgba(255,255,255,.06); }
.after-row:last-child { border-bottom: 0; }
.after-row > strong { color: var(--accent); }
.after-row > span { color: var(--muted); font-size: .8rem; }
.after-row > b { justify-self: end; }
.after-row > small { grid-column: 1 / -1; color: var(--muted); }
.relevance-pill { display: inline-flex; padding: .2rem .48rem; border-radius: 999px; font-weight: 800; font-size: .68rem; border: 1px solid var(--border); }
.relevance-pill.tier-1 { color: #baffd5; border-color: rgba(102,217,155,.3); background: rgba(102,217,155,.08); }
.relevance-pill.tier-2 { color: #b9ddff; border-color: rgba(125,166,255,.3); background: rgba(125,166,255,.08); }
.relevance-pill.tier-3 { color: #ffe19c; border-color: rgba(242,200,107,.28); background: rgba(242,200,107,.07); }
.relevance-pill.tier-4 { color: #ded6ff; border-color: rgba(184,167,255,.28); background: rgba(184,167,255,.07); }
.source-priority { display: grid; grid-template-columns: repeat(4, 1fr); gap: .65rem; margin-bottom: 1rem; }
.source-tier-card { padding: .8rem; border-radius: 12px; border: 1px solid var(--border); background: rgba(7,18,31,.55); }
.source-tier-card > div { display: flex; align-items: center; gap: .45rem; }
.source-tier-card > div > span { display: inline-grid; place-content: center; width: 24px; height: 24px; border-radius: 50%; background: #102039; color: var(--accent); font-weight: 900; font-size: .72rem; }
.source-tier-card strong { font-size: .85rem; }
.source-tier-card p { color: var(--muted); font-size: .78rem; line-height: 1.45; margin: .5rem 0; }
.source-tier-card small { color: #9eb0c4; }

@media (max-width: 1100px) {
  .intelligence-grid { grid-template-columns: 1fr; }
  .source-priority { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 800px) {
  .matter-columns { grid-template-columns: 1fr; }
  .change-grid, .turning-grid, .after-grid, .official-evidence-grid { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .source-priority { grid-template-columns: 1fr; }
  .contributor-row { grid-template-columns: 1fr; }
  .contributor-row small { grid-column: 1; }
}

/* v0.5 Internet Evidence Engine */
.demo-pill.research-pill {
  border-color: rgba(242,200,107,.4);
  background: rgba(120,92,28,.22);
  color: #ffe19c;
}
.source-note.neutral-note { color: var(--muted); }
.notice-row:has(.demo-notice[hidden]):has(.provider-note[hidden]) { display: none; }
.admin-diagnostics h1 { margin-top: 0; }
.admin-key-row { display: grid; grid-template-columns: minmax(260px, 1fr) auto; gap: .8rem; align-items: end; max-width: 760px; }
.diagnostic-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .8rem; }
.admin-home-link { text-decoration: none; display: inline-grid; place-content: center; }
.admin-links { display: flex; flex-wrap: wrap; gap: .55rem; }
@media (max-width: 800px) { .diagnostic-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .admin-key-row, .diagnostic-grid { grid-template-columns: 1fr; } }


.quality-stack { margin-top: .65rem; padding-top: .65rem; border-top: 1px solid var(--border); min-width: 150px; }
.quality-stack strong { display: block; font-size: 1.02rem; margin: .2rem 0; }
.quality-stack small { display: block; max-width: 220px; color: var(--muted); line-height: 1.35; }
.quality-high { color: var(--good); }
.quality-moderate { color: var(--warn); }
.quality-limited { color: var(--muted); }

.official-evidence-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; margin-bottom: 1.2rem; }
.official-change-row, .business-number-row { display: grid; gap: .25rem; padding: .75rem 0; border-bottom: 1px solid rgba(124,155,190,.16); }
.official-change-row:last-child, .business-number-row:last-child { border-bottom: 0; }
.official-change-row > div, .business-number-row > div:first-child { display: flex; justify-content: space-between; gap: .8rem; align-items: baseline; }
.official-change-row span, .business-number-row span { color: var(--muted); font-size: .8rem; }
.official-change-row small, .business-number-row small { color: var(--muted); line-height: 1.45; }
.official-change-row em { font-style: normal; font-weight: 900; color: var(--accent); font-size: .84rem; }
.business-number-value { font-weight: 900; font-size: 1.15rem; }


.fundamental-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; margin: .2rem 0 1rem; }
.material-event-row { padding: .7rem 0; border-bottom: 1px solid rgba(124,155,190,.16); }
.material-event-row:last-child { border-bottom: 0; }
.material-event-row > div { display: flex; justify-content: space-between; gap: .8rem; align-items: baseline; }
.material-event-row span, .material-event-row small { color: var(--muted); font-size: .82rem; }

.filing-delta-card { margin-bottom: 1.15rem; }
.filing-delta-panel { margin-top: .4rem; }
.filing-links { display: flex; flex-wrap: wrap; gap: .7rem; margin: .65rem 0; }
.filing-links a { font-weight: 800; }
.filing-section-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; margin: .7rem 0; }
.filing-section-card { border: 1px solid rgba(124,155,190,.18); border-radius: 12px; padding: .85rem; background: rgba(5,18,31,.34); }
.filing-section-head { display: flex; justify-content: space-between; gap: .6rem; }
.filing-section-card p { color: var(--muted); line-height: 1.48; }
.filing-delta-metrics { display: flex; flex-wrap: wrap; gap: .65rem; font-size: .82rem; margin-bottom: .45rem; }
.filing-delta-metrics span { color: var(--accent); font-weight: 800; }

@media (max-width: 820px) {
  .fundamental-grid, .filing-section-grid { grid-template-columns: 1fr; }
}

.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }


/* v0.7.1 — Sticky Navigation & Quick Selection */
.sticky-selection-sentinel { height: 1px; margin-top: -1px; pointer-events: none; }

.search-panel {
  position: sticky;
  top: calc(var(--sticky-topbar-height) + var(--sticky-gap));
  z-index: 19;
  transition: padding .18s ease, border-radius .18s ease, box-shadow .18s ease, background .18s ease;
}

.search-panel.is-stuck {
  padding: .68rem .78rem;
  border-radius: 14px;
  background: rgba(14,29,48,.97);
  box-shadow: 0 16px 42px rgba(0,0,0,.34);
  backdrop-filter: blur(18px);
}

.search-panel.is-stuck .search-grid {
  gap: .58rem;
}

.search-panel.is-stuck label > span {
  display: none;
}

.search-panel.is-stuck input,
.search-panel.is-stuck select {
  padding: .58rem .68rem;
  min-height: 40px;
}

.search-panel.is-stuck .primary-btn {
  padding: .58rem .9rem;
  min-height: 40px;
  margin-top: 0;
}

.search-panel.is-stuck .notice-row {
  display: none;
}

.tabs {
  position: sticky;
  top: calc(var(--sticky-topbar-height) + var(--sticky-search-height) + (var(--sticky-gap) * 2));
  z-index: 18;
  margin-inline: -.3rem;
  padding: .45rem .3rem .72rem;
  background: linear-gradient(180deg, rgba(7,16,29,.98) 68%, rgba(7,16,29,.86) 88%, rgba(7,16,29,0));
  backdrop-filter: blur(14px);
}

.tab-panel {
  scroll-margin-top: calc(var(--sticky-topbar-height) + var(--sticky-search-height) + 70px);
}

body.sticky-selection-active .asset-hero {
  scroll-margin-top: calc(var(--sticky-topbar-height) + var(--sticky-search-height) + 70px);
}

@media (max-width: 1100px) {
  .search-panel.is-stuck .search-grid {
    grid-template-columns: minmax(180px, 1.5fr) minmax(125px, .8fr) minmax(125px, .8fr) auto;
  }
  .search-panel.is-stuck .search-grid .primary-btn {
    grid-column: auto;
  }
}

@media (max-width: 800px) {
  .search-panel.is-stuck {
    padding: .58rem .62rem;
  }
  .search-panel.is-stuck .search-grid {
    grid-template-columns: minmax(160px, 1.35fr) minmax(110px, .85fr) minmax(110px, .85fr);
    gap: .45rem;
  }
  .search-panel.is-stuck .search-grid label:first-child {
    grid-column: auto;
  }
  .search-panel.is-stuck .search-grid .primary-btn {
    grid-column: 1 / -1;
  }
}

@media (max-width: 560px) {
  .search-panel {
    top: calc(var(--sticky-topbar-height) + 4px);
  }
  .search-panel.is-stuck {
    padding: .5rem;
    border-radius: 12px;
  }
  .search-panel.is-stuck .search-grid {
    grid-template-columns: minmax(105px, 1.2fr) minmax(86px, .9fr) minmax(86px, .9fr);
    gap: .38rem;
  }
  .search-panel.is-stuck input,
  .search-panel.is-stuck select {
    padding: .5rem .52rem;
    min-height: 38px;
    font-size: .92rem;
  }
  .search-panel.is-stuck .primary-btn {
    min-height: 38px;
    padding: .5rem .7rem;
  }
  .tabs {
    top: calc(var(--sticky-topbar-height) + var(--sticky-search-height) + 8px);
    padding-top: .35rem;
    padding-bottom: .55rem;
  }
}


/* v0.8 — Historical Evidence + Evidence Replay */
.historical-quality-card, .replay-card {
  background: linear-gradient(180deg, rgba(18,33,54,.97), rgba(12,25,42,.97));
  border: 1px solid var(--border);
  border-radius: 18px;
  box-shadow: var(--shadow);
}
.historical-quality-card {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: center;
  padding: 1rem 1.1rem;
  margin: .6rem 0 1rem;
}
.historical-quality-card p { margin: .35rem 0 0; color: var(--muted); max-width: 850px; }
.historical-quality-score {
  width: 76px;
  height: 76px;
  flex: 0 0 76px;
  border: 1px solid var(--border);
  border-radius: 50%;
  display: grid;
  place-content: center;
  text-align: center;
  background: rgba(6,17,28,.5);
}
.historical-quality-score span { font-size: 1.35rem; font-weight: 900; }
.historical-quality-score small { color: var(--muted); }

.historical-match-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
  margin: .4rem 0 1rem;
}
.historical-match-card {
  border: 1px solid rgba(124,155,190,.2);
  border-radius: 14px;
  padding: .85rem;
  background: rgba(8,22,38,.58);
  display: grid;
  gap: .4rem;
}
.historical-match-head { display: flex; justify-content: space-between; gap: .7rem; align-items: baseline; }
.historical-match-head span { color: var(--accent); font-weight: 900; font-size: .82rem; }
.historical-match-price { font-size: 1.25rem; font-weight: 900; }
.historical-match-card small { color: var(--muted); line-height: 1.4; }
.historical-match-card p { margin: .15rem 0 0; }

.replay-card { padding: 1rem; margin: 1rem 0; }
.replay-controls {
  display: grid;
  grid-template-columns: minmax(190px, 320px) auto;
  gap: .7rem;
  align-items: end;
  margin: .7rem 0;
}
.replay-controls label { display: grid; gap: .35rem; }
.replay-controls label span { color: var(--muted); font-size: .82rem; }
.replay-controls input { min-height: 42px; }

.replay-panel { margin-top: .8rem; }
.replay-header { display: flex; justify-content: space-between; align-items: center; gap: .8rem; margin-bottom: .7rem; }
.replay-header h3 { margin: .15rem 0 0; }
.replay-quality { border: 1px solid var(--border); border-radius: 999px; padding: .35rem .65rem; font-weight: 800; color: var(--accent); }
.replay-metrics { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: .6rem; margin-bottom: .9rem; }
.replay-metric { border: 1px solid rgba(124,155,190,.18); border-radius: 12px; padding: .7rem; display: grid; gap: .2rem; }
.replay-metric small, .replay-metric span { color: var(--muted); font-size: .78rem; }
.replay-metric strong { font-size: 1rem; }
.replay-outcome-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: .6rem; }
.replay-outcome { border: 1px solid rgba(124,155,190,.18); border-radius: 12px; padding: .7rem; display: grid; gap: .25rem; }
.replay-outcome span, .replay-outcome small { color: var(--muted); font-size: .8rem; }
.replay-outcome strong { font-size: 1.05rem; }
.replay-methodology { color: var(--muted); line-height: 1.5; margin-top: .85rem; }

@media (max-width: 900px) {
  .historical-match-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .replay-metrics, .replay-outcome-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 600px) {
  .historical-quality-card { align-items: flex-start; }
  .historical-match-grid { grid-template-columns: 1fr; }
  .replay-controls { grid-template-columns: 1fr; }
  .replay-metrics, .replay-outcome-grid { grid-template-columns: 1fr 1fr; }
}

.historical-match-card.exploratory {
  border-style: dashed;
}
.historical-match-card.exploratory .historical-match-head span {
  color: var(--warn);
}


/* v0.8.3 — Market Conversation Aggregator */
.conversation-overview { margin-bottom: 1rem; }
.conversation-summary-head { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-start; }
.conversation-summary-head p { margin: .4rem 0 0; }
.conversation-total { min-width: 105px; border: 1px solid var(--border); border-radius: 14px; padding: .65rem .75rem; text-align: center; background: rgba(5,18,31,.45); }
.conversation-total strong { display: block; font-size: 1.45rem; }
.conversation-total span { color: var(--muted); font-size: .78rem; }

.conversation-count-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .55rem; margin: .8rem 0; }
.conversation-count-grid > div { border: 1px solid rgba(124,155,190,.18); border-radius: 12px; padding: .65rem; display: grid; gap: .25rem; }
.conversation-count-grid span { color: var(--muted); font-size: .78rem; }
.conversation-count-grid strong { font-size: 1rem; }

.conversation-topic-row { display: flex; flex-wrap: wrap; gap: .45rem; margin-bottom: 1rem; }
.conversation-topic-row > span { border: 1px solid var(--border); background: rgba(7,23,39,.58); border-radius: 999px; padding: .38rem .62rem; font-weight: 700; }
.conversation-topic-row small { color: var(--accent); }

.conversation-coverage-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .55rem; margin-bottom: 1rem; }
.conversation-coverage-grid article { border: 1px solid rgba(124,155,190,.18); border-radius: 12px; padding: .7rem; display: grid; gap: .2rem; background: rgba(8,22,38,.48); }
.conversation-coverage-grid span { color: var(--muted); font-size: .8rem; }

.conversation-filter-row { display: flex; flex-wrap: wrap; gap: .45rem; margin: .35rem 0 .75rem; }
.conversation-filter { border: 1px solid var(--border); border-radius: 999px; padding: .46rem .72rem; background: rgba(7,22,38,.6); color: var(--text); cursor: pointer; font-weight: 800; }
.conversation-filter.active { background: var(--accent); color: #06111c; border-color: transparent; }

.conversation-item-list { display: grid; gap: .7rem; }
.conversation-item { border: 1px solid rgba(124,155,190,.18); border-radius: 14px; padding: .85rem; background: rgba(8,22,38,.5); }
.conversation-item.tier-1 { border-left: 4px solid var(--good); }
.conversation-item.tier-3 { border-left: 4px solid var(--accent); }
.conversation-item.tier-4 { border-left: 4px solid var(--muted); }
.conversation-item-top { display: flex; justify-content: space-between; gap: .7rem; align-items: flex-start; }
.conversation-item-top > div { display: flex; flex-wrap: wrap; gap: .45rem; align-items: center; }
.conversation-bucket { color: var(--muted); font-size: .75rem; border: 1px solid var(--border); border-radius: 999px; padding: .18rem .42rem; }
.conversation-sentiment { font-size: .76rem; font-weight: 900; border-radius: 999px; padding: .25rem .48rem; border: 1px solid var(--border); }
.conversation-sentiment.positive { color: var(--good); }
.conversation-sentiment.negative { color: var(--danger); }
.conversation-sentiment.neutral { color: var(--muted); }
.conversation-item h3 { margin: .55rem 0 .35rem; font-size: 1rem; }
.conversation-item p { color: var(--muted); line-height: 1.52; margin: .35rem 0 .55rem; }
.conversation-item > small { display: block; color: var(--muted); margin-top: .45rem; }
.conversation-limitations { margin-top: 1rem; border: 1px dashed var(--border); border-radius: 13px; padding: .8rem; color: var(--muted); }
.conversation-limitations strong { color: var(--text); }
.conversation-limitations p { margin: .35rem 0; line-height: 1.45; }

@media (max-width: 900px) {
  .conversation-count-grid, .conversation-coverage-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 560px) {
  .conversation-summary-head { display: grid; }
  .conversation-total { justify-self: start; }
  .conversation-count-grid, .conversation-coverage-grid { grid-template-columns: 1fr 1fr; }
}


/* v0.8.4 — Internet Conversation Discovery */
.conversation-count-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
.conversation-discovery-badge {
  font-size: .7rem;
  font-weight: 900;
  border-radius: 999px;
  padding: .18rem .42rem;
  border: 1px solid rgba(88,205,255,.38);
  color: var(--accent);
  background: rgba(16,78,110,.18);
}
.conversation-discovery-badge.ai {
  color: var(--warn);
  border-color: rgba(255,203,92,.4);
  background: rgba(112,80,12,.18);
}
.conversation-ai-summary {
  margin: 0 0 1rem;
  padding: .9rem;
  border: 1px solid rgba(255,203,92,.25);
  border-radius: 14px;
  background: rgba(61,45,12,.16);
}
.conversation-ai-summary-head { display: flex; justify-content: space-between; gap: .75rem; align-items: baseline; }
.conversation-ai-summary-head span { color: var(--muted); font-size: .78rem; }
.conversation-ai-summary p { line-height: 1.55; color: var(--text); }
.conversation-ai-summary small { color: var(--muted); }
@media (max-width: 900px) {
  .conversation-count-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}


/* v0.8.5.1 — Universal Asset Search */
.asset-search-field { position: relative; min-width: 0; }
.asset-search-input-wrap { position: relative; }
.asset-search-input-wrap input { width: 100%; }
.asset-search-results {
  position: absolute; z-index: 80; left: 0; right: 0; top: calc(100% + .35rem);
  max-height: 420px; overflow-y: auto; border: 1px solid var(--border);
  border-radius: 14px; background: #071827; box-shadow: 0 18px 42px rgba(0,0,0,.35);
  padding: .35rem;
}
.asset-search-result {
  display: flex; width: 100%; justify-content: space-between; align-items: center;
  gap: .8rem; text-align: left; border: 0; border-radius: 10px;
  padding: .68rem .72rem; background: transparent; color: var(--text); cursor: pointer;
}
.asset-search-result:hover, .asset-search-result.active { background: rgba(65,185,235,.13); }
.asset-search-main { min-width: 0; display: grid; gap: .1rem; }
.asset-search-main strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.asset-search-main > span { color: var(--accent); font-weight: 900; font-size: .82rem; }
.asset-search-meta { color: var(--muted); font-size: .78rem; flex: 0 0 auto; }
.asset-search-message { color: var(--muted); padding: .8rem; }
.recent-asset-searches { display: flex; align-items: center; flex-wrap: wrap; gap: .35rem; margin-top: .35rem; }
.recent-asset-searches > span { color: var(--muted); font-size: .72rem; }
.recent-asset-chip {
  border: 1px solid var(--border); border-radius: 999px; background: rgba(8,24,39,.55);
  color: var(--text); padding: .2rem .44rem; font-size: .72rem; cursor: pointer;
}
.recent-asset-chip:hover { border-color: var(--accent); }
.search-panel.is-stuck .recent-asset-searches { display: none; }
@media (max-width: 720px) {
  .asset-search-results { position: fixed; left: .75rem; right: .75rem; top: auto; max-height: min(55vh, 420px); }
}


/* v0.8.5.2 — search ambiguity + limited-history state */
.asset-type-badge {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--border);
  border-radius: 999px;
  padding: .08rem .38rem;
  font-size: .7rem;
  font-weight: 800;
  margin-right: .15rem;
}
.asset-type-badge.stock { border-color: rgba(80,190,235,.55); }
.asset-type-badge.crypto { border-color: rgba(200,170,70,.55); }
.asset-search-ambiguity {
  border-top: 1px solid var(--border);
  margin-top: .25rem;
  padding: .55rem .7rem;
  color: var(--muted);
  font-size: .75rem;
  line-height: 1.35;
}
.limited-history-pill {
  border-color: rgba(225,170,60,.55) !important;
}


/* v0.8.5.3 — Search Bar Alignment
   Recent-search chips belong below only the search field. They must not change
   the vertical position of Asset Type, Time Span, or View Evidence. */
.asset-search-field { align-self: start; }


/* v0.8.6 — change-triggered Internet discovery transparency */
.conversation-refresh-note {
  margin-top: .45rem;
  color: var(--muted);
  font-size: .78rem;
  line-height: 1.4;
}


/* v0.8.6.1 — Market-Aware Current Quote Engine */
.quote-change {
  margin-top: .2rem;
  font-size: .88rem;
  font-weight: 800;
  color: var(--muted);
}
.quote-change.positive { color: #7dd9a8; }
.quote-change.negative { color: #ff9d9d; }


/* v0.8.6.5-r5 — Universal PWA Installation */
#installBtn[hidden] { display: none !important; }
.install-dialog-form { padding: 1.15rem !important; }
.install-dialog-eyebrow {
  color: var(--accent);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .28rem;
}
.install-dialog-body { color: #c8d5e5; line-height: 1.65; margin: .9rem 0 1rem; }
.install-dialog-body p { margin: .55rem 0; }
.install-dialog-body ol { margin: .75rem 0 1rem; padding-left: 1.35rem; }
.install-dialog-body li { margin: .5rem 0; padding-left: .15rem; }
.install-dialog-body strong { color: var(--text); }
.install-note {
  border: 1px solid rgba(88,208,214,.22);
  background: rgba(88,208,214,.06);
  border-radius: 12px;
  padding: .75rem .8rem;
  color: var(--muted);
  font-size: .86rem;
}
@media (max-width: 560px) {
  #installBtn { padding: .55rem .72rem; min-height: 40px; font-size: .82rem; }
  #installDialog { width: min(94vw, 650px); }
}
@media (max-width: 560px) {
  .topbar-inner { flex-wrap: wrap; }
  .top-actions { width: 100%; justify-content: flex-start; }
}


/* v0.8.6.5-r5.1 — PWA Installed-State Detection */
.install-dialog-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: .65rem;
}
.install-dialog-actions .close-dialog { width: 100%; }
#installConfirmedBtn { width: 100%; }


/* v0.8.6.5-r5.2 — iOS/iPadOS Safe-Area Layout */
:root {
  --me-safe-top: env(safe-area-inset-top, 0px);
  --me-safe-right: env(safe-area-inset-right, 0px);
  --me-safe-bottom: env(safe-area-inset-bottom, 0px);
  --me-safe-left: env(safe-area-inset-left, 0px);
}

/* Keep the header background behind the iOS status area while moving all
   interactive/header content below the clock, camera cutout, and Dynamic Island. */
.topbar {
  padding-top: var(--me-safe-top);
}

/* Protect header controls from landscape notches / rounded screen edges. */
.topbar-inner {
  padding-left: max(1.2rem, calc(var(--me-safe-left) + .65rem));
  padding-right: max(1.2rem, calc(var(--me-safe-right) + .65rem));
}

/* Keep the bottom of the page clear of the iPhone/iPad home indicator. */
footer {
  padding-bottom: max(2.8rem, calc(var(--me-safe-bottom) + 1.1rem));
}

@media (max-width: 560px) {
  .topbar-inner {
    padding-left: max(.75rem, calc(var(--me-safe-left) + .5rem));
    padding-right: max(.75rem, calc(var(--me-safe-right) + .5rem));
  }
}

/* v0.8.6.5-r5.3.1 Evidence Opportunity Simulator */
.opportunity-summary-card {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1.2rem;
  align-items: center;
  margin: .5rem 0 1rem;
  padding: 1.2rem;
  border: 1px solid rgba(88,208,214,.28);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(18,33,54,.97), rgba(12,25,42,.97));
  box-shadow: var(--shadow);
}
.opportunity-posture { font-size: clamp(1.15rem, 2vw, 1.55rem); font-weight: 900; margin-top: .3rem; }
.opportunity-summary-card p { color: var(--muted); line-height: 1.55; margin: .45rem 0 0; max-width: 900px; }
.opportunity-strength { min-width: 112px; text-align: center; display: grid; grid-template-columns: auto auto; justify-content: center; align-items: end; gap: .15rem; }
.opportunity-strength span { font-size: 2rem; font-weight: 900; }
.opportunity-strength small { color: var(--muted); padding-bottom: .35rem; }
.opportunity-strength em { grid-column: 1 / -1; color: var(--muted); font-size: .76rem; font-style: normal; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }

.opportunity-context-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .8rem; margin-bottom: 1.2rem; }
.opportunity-context-card { border: 1px solid var(--border); border-radius: 14px; padding: .95rem; background: rgba(7,18,31,.62); min-width: 0; }
.opportunity-context-card > span { display: block; color: var(--muted); font-size: .78rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.opportunity-context-card strong { display: block; font-size: 1.16rem; margin: .35rem 0; overflow-wrap: anywhere; }
.opportunity-context-card small { color: var(--muted); line-height: 1.35; }

.opportunity-setup-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .9rem; margin-bottom: 1.25rem; }
.opportunity-setup-card { border: 1px solid var(--border); border-radius: 16px; padding: 1rem; background: #0b1727; }
.opportunity-setup-card.entry { border-color: rgba(88,208,214,.32); }
.opportunity-setup-card.trim { border-color: rgba(255,193,86,.32); }
.opportunity-setup-card.risk { border-color: rgba(255,111,111,.32); }
.opportunity-setup-card.wait { border-color: rgba(158,176,196,.25); }
.opportunity-setup-head { display: flex; justify-content: space-between; gap: .75rem; align-items: flex-start; }
.opportunity-setup-head strong { font-size: .98rem; }
.opportunity-setup-head span { color: var(--accent); font-weight: 900; text-align: right; }
.opportunity-setup-card p { color: var(--text); line-height: 1.5; margin: .65rem 0 .45rem; }
.opportunity-setup-card small { color: var(--muted); line-height: 1.45; display: block; }

.opportunity-watch-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .9rem; margin-bottom: 1.3rem; }
.opportunity-watch-card { border: 1px solid var(--border); border-radius: 16px; padding: 1rem; background: rgba(7,18,31,.62); }
.opportunity-watch-card.exploratory { border-style: dashed; }
.opportunity-watch-date { display: flex; justify-content: space-between; gap: .7rem; align-items: baseline; }
.opportunity-watch-date strong { font-size: 1rem; }
.opportunity-watch-date span { color: var(--accent); font-size: .8rem; font-weight: 900; }
.opportunity-watch-prices { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; margin: .7rem 0; }
.opportunity-watch-prices div { border-radius: 11px; background: rgba(16,32,57,.65); padding: .7rem; }
.opportunity-watch-prices small { display: block; color: var(--muted); margin-bottom: .25rem; }
.opportunity-watch-prices strong { overflow-wrap: anywhere; }
.opportunity-watch-card p { color: var(--muted); line-height: 1.48; margin: .5rem 0; }
.opportunity-exploratory { color: #e3bd70; }

.opportunity-reason-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: .9rem; margin-bottom: 1rem; }
.opportunity-reason-grid > article { border: 1px solid var(--border); border-radius: 14px; padding: .95rem; background: rgba(7,18,31,.55); }
.opportunity-reason-grid h4 { margin: 0 0 .6rem; color: var(--accent); }
.opportunity-disclaimer { border-left: 3px solid var(--accent); padding: .85rem 1rem; background: rgba(88,208,214,.06); border-radius: 0 12px 12px 0; color: var(--muted); line-height: 1.5; margin-bottom: 1.2rem; }
.opportunity-disclaimer strong { color: var(--text); }

@media (max-width: 900px) {
  .opportunity-context-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .opportunity-reason-grid { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .opportunity-summary-card { grid-template-columns: 1fr; align-items: start; }
  .opportunity-strength { justify-self: start; }
  .opportunity-context-grid, .opportunity-setup-grid, .opportunity-watch-grid { grid-template-columns: 1fr; }
  .opportunity-setup-head, .opportunity-watch-date { display: grid; }
  .opportunity-setup-head span { text-align: left; }
  .opportunity-watch-prices { grid-template-columns: 1fr; }
}

/* v0.8.6.5-r5.3.1 Opportunity tab placement + neon-green emphasis */
:root { --opportunity-neon: #39ff14; }
.tab.opportunity-tab {
  color: var(--opportunity-neon);
  border-color: rgba(57,255,20,.72);
  background: rgba(57,255,20,.055);
  font-weight: 850;
  text-shadow: 0 0 10px rgba(57,255,20,.34);
  box-shadow: inset 0 0 0 1px rgba(57,255,20,.08), 0 0 12px rgba(57,255,20,.10);
}
.tab.opportunity-tab:hover,
.tab.opportunity-tab:focus-visible {
  color: #06110a;
  background: var(--opportunity-neon);
  border-color: var(--opportunity-neon);
  text-shadow: none;
  box-shadow: 0 0 18px rgba(57,255,20,.34);
}
.tab.opportunity-tab.active {
  color: #06110a;
  background: var(--opportunity-neon);
  border-color: var(--opportunity-neon);
  text-shadow: none;
  box-shadow: 0 0 18px rgba(57,255,20,.42);
}


/* v0.8.6.5-r5.3.2 — Graceful PWA Update / Restart */
.update-dialog {
  width: min(430px, calc(100vw - 2rem));
  text-align: center;
}
.update-dialog-shell { padding: 1.35rem 1.2rem 1.2rem; }
.update-dialog-icon {
  width: 54px;
  height: 54px;
  margin: 0 auto .75rem;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 1px solid rgba(57,255,20,.5);
  background: rgba(57,255,20,.08);
  color: #39ff14;
  font-size: 2rem;
  font-weight: 900;
  box-shadow: 0 0 24px rgba(57,255,20,.12);
}
.update-dialog-eyebrow {
  color: #39ff14;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.update-dialog h2 { margin: .35rem 0 .55rem; }
.update-dialog p { color: #c8d5e5; line-height: 1.55; margin: .45rem 0; }
.update-dialog-note { font-size: .82rem; color: var(--muted) !important; }
.update-restart-btn { width: 100%; margin-top: .9rem; }
.update-restart-btn:disabled { opacity: .68; cursor: wait; }


/* v0.8.6.6-r1 Commercial readiness legal disclosure links */
.legal-links, .provider-attribution { display: flex; justify-content: center; align-items: center; gap: .55rem; flex-wrap: wrap; }
.legal-links a, .provider-attribution a { color: var(--accent); text-decoration: none; font-weight: 800; }
.legal-links a:hover, .provider-attribution a:hover { text-decoration: underline; }
.provider-attribution { font-size: .78rem; color: var(--muted); }
.legal-document { max-width: 920px; margin: 0 auto; padding: 2rem 1.1rem 4rem; }
.legal-document h1 { margin-bottom: .35rem; }
.legal-document h2 { margin-top: 1.7rem; }
.legal-document p, .legal-document li { color: var(--muted); line-height: 1.65; }
.legal-document .legal-callout { border: 1px solid var(--border); border-radius: 14px; padding: 1rem; background: rgba(7,18,31,.68); }
.legal-document a { color: var(--accent); }
.legal-topbar { padding: calc(.8rem + env(safe-area-inset-top)) calc(1rem + env(safe-area-inset-right)) .8rem calc(1rem + env(safe-area-inset-left)); display:flex; gap:.8rem; align-items:center; border-bottom:1px solid var(--border); background:#07121f; position:sticky; top:0; z-index:5; }
.legal-topbar a { color: var(--accent); text-decoration:none; font-weight:800; }

/* v0.8.6.7-r1 — Evidence Analysis / Forward Outlook navigation */
.tab-navigation {
  position: sticky;
  top: calc(var(--sticky-topbar-height) + var(--sticky-search-height) + (var(--sticky-gap) * 2));
  z-index: 18;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(300px, .55fr);
  gap: .8rem;
  align-items: end;
  margin: .35rem -.3rem 1rem;
  padding: .55rem .3rem .72rem;
  background: linear-gradient(180deg, rgba(7,16,29,.99) 72%, rgba(7,16,29,.90) 90%, rgba(7,16,29,0));
  backdrop-filter: blur(14px);
}
.tab-navigation .tabs {
  position: static;
  top: auto;
  z-index: auto;
  margin: 0;
  padding: .28rem 0 .15rem;
  background: transparent;
  backdrop-filter: none;
}
.tab-group { min-width: 0; }
.tab-group-heading { display: flex; align-items: baseline; gap: .65rem; padding: 0 .15rem .15rem; white-space: nowrap; }
.tab-group-heading strong { color: #dce9f7; font-size: .74rem; letter-spacing: .08em; text-transform: uppercase; }
.tab-group-heading small { color: var(--muted); font-size: .68rem; overflow: hidden; text-overflow: ellipsis; }
.forward-heading strong { color: var(--opportunity-neon); text-shadow: 0 0 10px rgba(57,255,20,.25); }
.tab-group-divider { width: 1px; height: 52px; align-self: end; margin-bottom: .1rem; background: linear-gradient(180deg, transparent, rgba(158,176,196,.35), transparent); }
.forward-tabs { justify-content: flex-end; }
.tab.validation-tab {
  color: #baffd5;
  border-color: rgba(102,217,155,.55);
  background: rgba(102,217,155,.055);
  font-weight: 850;
}
.tab.validation-tab:hover,
.tab.validation-tab:focus-visible,
.tab.validation-tab.active {
  color: #06110a;
  background: #66d99b;
  border-color: #66d99b;
  box-shadow: 0 0 18px rgba(102,217,155,.28);
}
.forward-basis-note {
  display: flex;
  gap: .7rem;
  align-items: baseline;
  flex-wrap: wrap;
  margin: .4rem 0 1rem;
  padding: .72rem .9rem;
  border: 1px solid rgba(57,255,20,.22);
  background: rgba(57,255,20,.035);
  border-radius: 12px;
  color: var(--muted);
  font-size: .84rem;
  line-height: 1.45;
}
.forward-basis-note strong { color: var(--opportunity-neon); }

/* v0.8.6.7-r1 — Opportunity Validation */

.asset-type-display-field { display: grid; gap: .38rem; align-content: start; }
.asset-type-display-field > span { color: var(--muted); font-size: .76rem; font-weight: 750; }
.asset-type-display { min-height: 43px; display: inline-flex; align-items: center; gap: .55rem; padding: .65rem .8rem; border: 1px solid var(--border); border-radius: 10px; background: rgba(7,18,31,.72); }
.asset-type-display strong { font-size: .9rem; letter-spacing: .01em; }
.asset-type-dot { width: .58rem; height: .58rem; border-radius: 50%; background: #72b1ff; box-shadow: 0 0 0 4px rgba(114,177,255,.10); }
.asset-type-display.crypto .asset-type-dot { background: #39ff14; box-shadow: 0 0 0 4px rgba(57,255,20,.10); }
.validation-asset-identity { margin: .9rem 0 .25rem; padding: .85rem 1rem; border-radius: 14px; border: 1px solid rgba(102,217,155,.28); background: linear-gradient(90deg, rgba(102,217,155,.08), rgba(7,18,31,.35)); }
.validation-asset-identity strong { display: block; font-size: 1.02rem; color: #dfffea; }
.validation-asset-identity span { display: block; margin-top: .22rem; color: var(--muted); font-size: .78rem; }
.validation-pending-windows { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .6rem; margin: .65rem 0 1rem; }
.validation-pending-window { border: 1px solid rgba(102,217,155,.18); border-radius: 11px; padding: .7rem; background: rgba(7,18,31,.48); }
.validation-pending-window strong, .validation-pending-window span, .validation-pending-window small { display: block; }
.validation-pending-window span, .validation-pending-window small { color: var(--muted); margin-top: .18rem; }
.validation-pending-window small { font-size: .7rem; }
@media (max-width: 980px) { .validation-pending-windows { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 560px) { .validation-pending-windows { grid-template-columns: 1fr; } }

.validation-status { margin: .85rem 0 1rem; }
.validation-status-note { display: flex; gap: .7rem; align-items: baseline; flex-wrap: wrap; padding: .8rem 1rem; border: 1px solid rgba(102,217,155,.25); border-radius: 13px; background: rgba(102,217,155,.05); }
.validation-status-note strong { color: #baffd5; }
.validation-status-note span { color: var(--muted); }
.validation-summary-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .8rem; margin: 1rem 0 1.35rem; }
.validation-summary-card { border: 1px solid var(--border); border-radius: 15px; background: rgba(7,18,31,.62); padding: .95rem; min-width: 0; }
.validation-summary-card span, .validation-summary-card small { display: block; color: var(--muted); }
.validation-summary-card span { font-size: .75rem; text-transform: uppercase; letter-spacing: .04em; font-weight: 800; }
.validation-summary-card strong { display: block; font-size: 1.3rem; margin: .35rem 0 .18rem; overflow-wrap: anywhere; }
.validation-summary-card small { font-size: .72rem; line-height: 1.35; }
.validation-horizon-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .85rem; margin-bottom: 1.35rem; }
.validation-horizon-card, .validation-result-card, .validation-path-card, .validation-ledger-card { border: 1px solid var(--border); border-radius: 16px; background: linear-gradient(180deg, rgba(15,30,49,.94), rgba(8,20,35,.94)); padding: 1rem; }
.validation-card-head, .validation-result-head { display: flex; justify-content: space-between; align-items: flex-start; gap: .75rem; }
.validation-card-head > span, .validation-result-head small { color: var(--muted); font-size: .76rem; }
.validation-card-head > span { text-align: right; }
.validation-result-head > div:first-child { display: grid; gap: .2rem; }
.validation-stat-grid, .validation-result-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .55rem; margin-top: .8rem; }
.validation-stat-grid div, .validation-result-grid div { padding: .65rem; border-radius: 10px; background: rgba(6,16,29,.65); min-width: 0; }
.validation-stat-grid small, .validation-result-grid small { display: block; color: var(--muted); font-size: .7rem; line-height: 1.3; margin-bottom: .25rem; }
.validation-stat-grid b, .validation-result-grid b { overflow-wrap: anywhere; }
.validation-completed-list { display: grid; gap: .8rem; margin-bottom: 1.35rem; }
.validation-result-card { cursor: pointer; transition: border-color .18s ease, transform .18s ease; }
.validation-result-card:hover, .validation-result-card:focus-visible { border-color: rgba(102,217,155,.55); transform: translateY(-1px); outline: none; }
.validation-badge { display: inline-block; border-radius: 999px; padding: .26rem .48rem; margin-left: .25rem; font-size: .7rem; font-weight: 850; }
.validation-badge.good { color: #baffd5; border: 1px solid rgba(102,217,155,.36); background: rgba(102,217,155,.10); }
.validation-badge.bad { color: #ffc0c0; border: 1px solid rgba(255,111,111,.35); background: rgba(255,111,111,.08); }
.validation-badge.neutral { color: var(--muted); border: 1px solid var(--border); }
.validation-result-note { color: var(--muted); margin: .75rem 0 0; font-size: .82rem; }
.validation-path-panel { margin-bottom: 1.35rem; }
.validation-path-card svg { display: block; width: 100%; min-height: 230px; margin-top: .75rem; border-radius: 12px; background: rgba(5,14,25,.72); }
.validation-range-band { fill: rgba(102,217,155,.10); stroke: rgba(102,217,155,.18); }
.validation-median-line { stroke: rgba(57,255,20,.75); stroke-width: 2; stroke-dasharray: 7 6; }
.validation-actual-line { fill: none; stroke: #72b1ff; stroke-width: 3; stroke-linejoin: round; stroke-linecap: round; }
.validation-path-dot { fill: #d9eaff; stroke: #72b1ff; stroke-width: 1.5; }
.validation-path-legend { display: flex; gap: 1rem; flex-wrap: wrap; color: var(--muted); font-size: .75rem; margin-top: .55rem; }
.validation-two-column { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1.3rem; }
.validation-table { width: 100%; border-collapse: collapse; font-size: .78rem; }
.validation-table th, .validation-table td { padding: .6rem .5rem; border-bottom: 1px solid rgba(158,176,196,.15); text-align: left; white-space: nowrap; }
.validation-table th { color: var(--muted); font-size: .69rem; text-transform: uppercase; letter-spacing: .04em; }
.validation-change-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .7rem; margin-bottom: 1.3rem; }
.validation-change-grid article { border: 1px solid var(--border); border-radius: 12px; padding: .75rem; background: rgba(7,18,31,.58); }
.validation-change-grid span { display: block; color: var(--muted); font-size: .72rem; margin-bottom: .3rem; }
.validation-ledger { margin-bottom: 1.3rem; }
.validation-ledger-meta { display: flex; gap: .65rem 1rem; flex-wrap: wrap; color: var(--muted); font-size: .78rem; margin: .75rem 0; }
.validation-ledger-meta b { color: var(--text); }
.validation-ledger-windows { display: grid; gap: .45rem; }
.validation-ledger-windows > div { display: grid; grid-template-columns: minmax(120px,1fr) repeat(3,minmax(90px,.7fr)); gap: .6rem; padding: .55rem .65rem; border-radius: 9px; background: rgba(6,16,29,.58); font-size: .78rem; }

@media (max-width: 1050px) {
  .tab-navigation { grid-template-columns: 1fr; gap: .45rem; }
  .tab-group-divider { display: none; }
  .forward-tabs { justify-content: flex-start; }
  .tab-group-heading small { white-space: normal; }
  .validation-summary-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .validation-two-column { grid-template-columns: 1fr; }
  .validation-change-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 620px) {
  .tab-navigation { top: calc(var(--sticky-topbar-height) + var(--sticky-search-height) + 8px); }
  .tab-group-heading { display: grid; gap: .15rem; }
  .validation-summary-grid, .validation-horizon-grid, .validation-stat-grid, .validation-result-grid, .validation-change-grid { grid-template-columns: 1fr; }
  .validation-result-head, .validation-card-head { display: grid; }
  .validation-ledger-windows > div { grid-template-columns: 1fr 1fr; }
}

/* v0.8.6.7-r2 — Collapsible fixed section sidebar */
.section-menu-btn {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding-inline: .72rem;
}
.section-menu-btn.active {
  border-color: rgba(88,208,214,.55);
  background: rgba(88,208,214,.08);
}
.section-menu-icon { font-size: 1.12rem; line-height: 1; }
.brand-wrap > .section-menu-btn {
  flex: 0 0 auto;
  margin-right: .05rem;
  border-color: rgba(88,208,214,.28);
  background: rgba(8,24,40,.58);
}
.brand-wrap > .section-menu-btn:hover,
.brand-wrap > .section-menu-btn:focus-visible {
  border-color: rgba(88,208,214,.62);
  background: rgba(88,208,214,.09);
  outline: none;
}

.evidence-workspace {
  display: grid;
  grid-template-columns: 272px minmax(0, 1fr);
  gap: 1.15rem;
  align-items: start;
  transition: grid-template-columns .22s ease, gap .22s ease;
}
.section-content { min-width: 0; }
.section-sidebar {
  position: sticky;
  top: calc(var(--sticky-topbar-height) + var(--sticky-search-height) + (var(--sticky-gap) * 2));
  z-index: 17;
  max-height: calc(100vh - var(--sticky-topbar-height) - var(--sticky-search-height) - 24px);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: .75rem;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(12,27,45,.985), rgba(7,18,31,.985));
  box-shadow: var(--shadow);
  backdrop-filter: blur(16px);
  scrollbar-width: thin;
  transform: translateX(0);
  opacity: 1;
  transition: transform .2s ease, opacity .18s ease;
}
.sidebar-head {
  display: flex;
  justify-content: space-between;
  gap: .75rem;
  align-items: flex-start;
  padding: .15rem .15rem .75rem;
  border-bottom: 1px solid rgba(158,176,196,.16);
}
.sidebar-head strong { display: block; font-size: .82rem; letter-spacing: .06em; text-transform: uppercase; }
.sidebar-head small { display: block; margin-top: .22rem; color: var(--muted); font-size: .7rem; line-height: 1.35; }
.sidebar-close-btn {
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  border: 1px solid var(--border);
  background: rgba(8,20,35,.82);
  color: var(--muted);
  font-size: 1.15rem;
  line-height: 1;
}
.sidebar-close-btn:hover, .sidebar-close-btn:focus-visible { color: var(--text); border-color: var(--accent); outline: none; }
.sidebar-group { padding-top: .9rem; }
.sidebar-group + .sidebar-group {
  margin-top: .9rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(158,176,196,.16);
}
.sidebar-group-heading { padding: 0 .25rem .55rem; }
.sidebar-group-heading strong {
  display: block;
  color: #dce9f7;
  font-size: .72rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.sidebar-group-heading small {
  display: block;
  color: var(--muted);
  margin-top: .25rem;
  font-size: .66rem;
  line-height: 1.35;
}
.sidebar-group-heading.forward-heading strong {
  color: var(--opportunity-neon);
  text-shadow: 0 0 10px rgba(57,255,20,.23);
}
.sidebar-nav-list { display: grid; gap: .35rem; }
.section-sidebar .sidebar-nav-item.tab {
  width: 100%;
  display: grid;
  grid-template-columns: 28px minmax(0,1fr);
  align-items: center;
  gap: .6rem;
  text-align: left;
  white-space: normal;
  padding: .68rem .72rem;
  border-radius: 11px;
  border: 1px solid transparent;
  background: transparent;
  color: #b8c8da;
  font-weight: 720;
  line-height: 1.25;
}
.section-sidebar .sidebar-nav-item.tab:hover,
.section-sidebar .sidebar-nav-item.tab:focus-visible {
  color: var(--text);
  border-color: rgba(88,208,214,.26);
  background: rgba(88,208,214,.055);
  outline: none;
}
.section-sidebar .sidebar-nav-item.tab.active {
  color: #06111c;
  border-color: var(--accent);
  background: linear-gradient(135deg, var(--accent), #72b1ff);
  box-shadow: 0 8px 22px rgba(88,208,214,.16);
  font-weight: 880;
}
.sidebar-nav-icon {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: rgba(255,255,255,.045);
  font-size: 1rem;
  font-weight: 900;
}
.section-sidebar .opportunity-tab.sidebar-nav-item {
  color: var(--opportunity-neon);
  border-color: rgba(57,255,20,.16);
  background: rgba(57,255,20,.025);
}
.section-sidebar .opportunity-tab.sidebar-nav-item.active {
  color: #071108;
  border-color: var(--opportunity-neon);
  background: var(--opportunity-neon);
  box-shadow: 0 0 20px rgba(57,255,20,.20);
}
.section-sidebar .validation-tab.sidebar-nav-item {
  color: #baffd5;
  border-color: rgba(102,217,155,.18);
  background: rgba(102,217,155,.025);
}
.section-sidebar .validation-tab.sidebar-nav-item.active {
  color: #06110a;
  border-color: #66d99b;
  background: #66d99b;
  box-shadow: 0 0 20px rgba(102,217,155,.20);
}
body.section-sidebar-closed .evidence-workspace { grid-template-columns: 0 minmax(0,1fr); gap: 0; }
body.section-sidebar-closed .section-sidebar {
  transform: translateX(-20px);
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
}
.sidebar-backdrop { display: none; }

/* The old horizontal tab bar is intentionally replaced by the sidebar. */
.tab-navigation { display: none !important; }

@media (max-width: 880px) {
  .section-menu-btn > span:last-child { display: none; }
  .section-menu-btn { min-width: 42px; justify-content: center; padding-inline: .6rem; }
  .evidence-workspace,
  body.section-sidebar-closed .evidence-workspace { display: block; }
  .section-sidebar {
    position: fixed;
    top: var(--sticky-topbar-height);
    left: max(0px, env(safe-area-inset-left));
    bottom: 0;
    z-index: 55;
    width: min(82vw, 310px);
    max-height: none;
    border-radius: 0 16px 16px 0;
    padding-top: 1rem;
    transform: translateX(-105%);
    opacity: 1;
    pointer-events: none;
    box-shadow: 18px 0 50px rgba(0,0,0,.42);
  }
  body.section-sidebar-open .section-sidebar {
    transform: translateX(0);
    pointer-events: auto;
  }
  body.section-sidebar-closed .section-sidebar {
    transform: translateX(-105%);
    opacity: 1;
  }
  .sidebar-backdrop.visible {
    position: fixed;
    inset: var(--sticky-topbar-height) 0 0;
    display: block;
    z-index: 54;
    background: rgba(2,8,15,.58);
    backdrop-filter: blur(2px);
  }
}

@media (max-width: 620px) {
  .top-actions { gap: .42rem; }
  .section-sidebar { width: min(88vw, 320px); }
}


/* v0.8.6.7-r3 — Active section identity banners */
.active-section-banner {
  position: relative;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 1rem;
  align-items: center;
  margin: 0 0 1rem;
  padding: 1.05rem 1.15rem;
  overflow: hidden;
  border: 1px solid rgba(88,208,214,.34);
  border-radius: 16px;
  background:
    radial-gradient(circle at 90% 12%, rgba(88,208,214,.12), transparent 34%),
    linear-gradient(135deg, rgba(12,30,49,.98), rgba(7,19,33,.98));
  box-shadow: 0 12px 30px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.025);
}
.active-section-banner::before {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(180deg, var(--accent), #72b1ff);
  box-shadow: 0 0 18px rgba(88,208,214,.48);
}
.active-section-icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(88,208,214,.34);
  border-radius: 14px;
  color: var(--accent);
  background: rgba(88,208,214,.075);
  font-size: 1.55rem;
  font-weight: 900;
  box-shadow: inset 0 0 20px rgba(88,208,214,.055);
}
.active-section-copy { min-width: 0; }
.active-section-group {
  margin-bottom: .18rem;
  color: var(--accent);
  font-size: .72rem;
  font-weight: 850;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.active-section-banner h1 {
  margin: 0;
  color: #f3f8ff;
  font-size: clamp(1.45rem, 2.5vw, 2.05rem);
  line-height: 1.08;
  letter-spacing: -.025em;
}
.active-section-banner p {
  max-width: 880px;
  margin: .38rem 0 0;
  color: #aebfd2;
  font-size: .89rem;
  line-height: 1.5;
}
.active-section-banner.opportunity {
  border-color: rgba(57,255,20,.34);
  background:
    radial-gradient(circle at 90% 12%, rgba(57,255,20,.11), transparent 36%),
    linear-gradient(135deg, rgba(10,29,26,.98), rgba(6,18,27,.98));
}
.active-section-banner.opportunity::before {
  background: var(--opportunity-neon);
  box-shadow: 0 0 20px rgba(57,255,20,.58);
}
.active-section-banner.opportunity .active-section-icon {
  color: var(--opportunity-neon);
  border-color: rgba(57,255,20,.34);
  background: rgba(57,255,20,.075);
}
.active-section-banner.opportunity .active-section-group {
  color: var(--opportunity-neon);
  text-shadow: 0 0 11px rgba(57,255,20,.2);
}
.active-section-banner.validation {
  border-color: rgba(102,217,155,.36);
  background:
    radial-gradient(circle at 90% 12%, rgba(102,217,155,.12), transparent 36%),
    linear-gradient(135deg, rgba(9,29,28,.98), rgba(6,18,27,.98));
}
.active-section-banner.validation::before {
  background: #66d99b;
  box-shadow: 0 0 20px rgba(102,217,155,.5);
}
.active-section-banner.validation .active-section-icon {
  color: #8af1b7;
  border-color: rgba(102,217,155,.38);
  background: rgba(102,217,155,.075);
}
.active-section-banner.validation .active-section-group { color: #8af1b7; }

@media (max-width: 620px) {
  .active-section-banner {
    grid-template-columns: 44px minmax(0,1fr);
    gap: .75rem;
    padding: .85rem .9rem;
    border-radius: 14px;
  }
  .active-section-icon { width: 42px; height: 42px; border-radius: 11px; font-size: 1.2rem; }
  .active-section-banner p { font-size: .8rem; }
}

/* v0.8.6.7-r4.2 — Selector control alignment */
.search-grid {
  --selector-control-height: 44px;
}

/* The read-only Asset Type field must follow the same label/control geometry as labels. */
.asset-type-display-field {
  display: block;
  min-width: 0;
}
.asset-type-display-field > span {
  display: block;
  color: var(--muted);
  font-size: .82rem;
  font-weight: 750;
  line-height: normal;
  margin: 0 0 .4rem .1rem;
}

/* Keep all selector-row controls at one exact height. */
.search-grid input,
.search-grid select,
.search-grid .asset-type-display,
.search-grid > .primary-btn {
  height: var(--selector-control-height);
  min-height: var(--selector-control-height);
}
.search-grid .asset-type-display {
  width: 100%;
  padding: .78rem .82rem;
}

/* In sticky mode all field labels disappear together, including Asset Type. */
.search-panel.is-stuck .asset-type-display-field > span {
  display: none;
}
.search-panel.is-stuck .search-grid {
  --selector-control-height: 40px;
  align-items: start;
}
.search-panel.is-stuck .asset-type-display {
  padding: .58rem .68rem;
}

@media (max-width: 560px) {
  .search-panel.is-stuck .search-grid {
    --selector-control-height: 38px;
  }
  .search-panel.is-stuck .asset-type-display {
    padding: .5rem .52rem;
  }
}


/* v0.8.6.7-r4.3 — Validation maturity and active-window progress */
.validation-active-title { margin-top: 1rem; }
.validation-active-intro { margin-bottom: .7rem; }
.validation-pending-window { min-width: 0; }
.validation-pending-head { display:flex; justify-content:space-between; gap:.5rem; align-items:center; }
.validation-pending-head span { color:#8af1b7; font-size:.68rem; text-transform:uppercase; letter-spacing:.06em; font-weight:800; }
.validation-pending-date { margin-top:.3rem; color:var(--muted); font-size:.72rem; line-height:1.35; }
.validation-progress-track { height:5px; margin:.55rem 0; border-radius:999px; overflow:hidden; background:rgba(255,255,255,.07); }
.validation-progress-track i { display:block; height:100%; min-width:2px; border-radius:inherit; background:linear-gradient(90deg,#66d99b,#8af1b7); }
.validation-pending-stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.45rem .6rem; margin:.45rem 0; }
.validation-pending-stats span { min-width:0; }
.validation-pending-stats small { margin:0; font-size:.64rem; text-transform:uppercase; letter-spacing:.035em; }
.validation-pending-stats b { display:block; margin-top:.08rem; font-size:.83rem; overflow-wrap:anywhere; }
.validation-change-grid article small { display:block; margin-top:.18rem; color:var(--muted); font-size:.68rem; }
@media (max-width:560px){ .validation-pending-stats{grid-template-columns:1fr 1fr;} }

/* v0.8.6.8 — Historical + Forward Opportunity Validation */
.validation-mode-block {
  margin: 1.1rem 0 1.35rem;
  padding: 1rem;
  border: 1px solid var(--border);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(10,24,39,.74), rgba(7,18,31,.68));
}
.validation-mode-heading {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
  margin-bottom: .85rem;
}
.validation-mode-heading h3 { margin: .25rem 0 .28rem; font-size: 1.12rem; }
.validation-mode-heading p { margin: 0; color: var(--muted); max-width: 980px; line-height: 1.48; font-size: .86rem; }
.validation-mode-badge {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: .25rem .52rem;
  border-radius: 999px;
  font-size: .66rem;
  line-height: 1;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .06em;
  border: 1px solid rgba(255,255,255,.16);
}
.validation-mode-badge.historical { color: #8ed7ff; border-color: rgba(75,184,255,.32); background: rgba(75,184,255,.09); }
.validation-mode-badge.forward { color: #8af1b7; border-color: rgba(102,217,155,.34); background: rgba(102,217,155,.09); }
.validation-mode-badge.comparison { color: #d8c6ff; border-color: rgba(171,139,255,.34); background: rgba(171,139,255,.09); }
.historical-validation-block { border-color: rgba(75,184,255,.25); }
.forward-validation-block { border-color: rgba(102,217,155,.26); }
.comparison-validation-block { border-color: rgba(171,139,255,.24); }
.validation-status-note.historical { border-color: rgba(75,184,255,.24); background: rgba(75,184,255,.06); }
.validation-horizon-card.historical { border-color: rgba(75,184,255,.23); }
.historical-validation-result-card { border-color: rgba(75,184,255,.2); }
.historical-validation-result-card:hover, .historical-validation-result-card:focus-visible { border-color: rgba(75,184,255,.58); }
.validation-comparison-summary { display:flex; flex-wrap:wrap; gap:.7rem; margin:.5rem 0 .75rem; }
.validation-comparison-summary span { display:flex; gap:.35rem; align-items:baseline; padding:.45rem .65rem; border:1px solid var(--border); border-radius:12px; background:rgba(255,255,255,.025); color:var(--muted); font-size:.78rem; }
.validation-comparison-summary strong { color:var(--text); font-size:1rem; }
.validation-comparison-note { margin:.65rem 0 0; color:var(--muted); font-size:.78rem; line-height:1.45; }
.comparison-table th:nth-child(2), .comparison-table td:nth-child(2) { color:#a9ddff; }
.comparison-table th:nth-child(3), .comparison-table td:nth-child(3) { color:#a8efc6; }
@media (max-width: 620px) {
  .validation-mode-block { padding: .8rem; border-radius: 14px; }
  .validation-mode-heading h3 { font-size: 1rem; }
  .validation-mode-heading p { font-size: .79rem; }
}


/* ==========================================================================\n   v1.0.0 — Futuristic Evidence Workspace\n   High-contrast, evidence-first responsive presentation.\n   ========================================================================== */
:root {
  --sticky-asset-height: 0px;
  --bg: #030812;
  --panel: #091522;
  --panel-2: #0d1b2b;
  --panel-3: #112237;
  --border: #29415e;
  --border-soft: rgba(144,178,214,.18);
  --text: #f7fbff;
  --muted: #b8c7d9;
  --muted-2: #8fa3bb;
  --accent: #39e6ff;
  --accent-2: #6c8cff;
  --good: #4ce6a4;
  --warn: #ffc857;
  --bad: #ff6b7a;
  --mixed: #bd8cff;
  --shadow: 0 22px 64px rgba(0,0,0,.34);
  --glow: 0 0 0 1px rgba(57,230,255,.08), 0 18px 50px rgba(0,0,0,.26);
}
html { background: #030812; }
body {
  background:
    linear-gradient(rgba(58,100,145,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(58,100,145,.045) 1px, transparent 1px),
    radial-gradient(circle at 12% -8%, rgba(40,115,210,.20), transparent 34rem),
    radial-gradient(circle at 92% 12%, rgba(57,230,255,.10), transparent 28rem),
    #030812;
  background-size: 48px 48px, 48px 48px, auto, auto, auto;
  color: var(--text);
  text-rendering: optimizeLegibility;
}
body::before {
  content:''; position:fixed; inset:0; pointer-events:none; z-index:-1;
  background: linear-gradient(180deg, rgba(255,255,255,.018), transparent 18rem);
}
::selection { background: rgba(57,230,255,.28); color: #fff; }
a { color: #8eefff; }
a:hover { color: #d9fbff; }
button:focus-visible, input:focus-visible, select:focus-visible, a:focus-visible, [tabindex]:focus-visible {
  outline: 3px solid rgba(57,230,255,.78); outline-offset: 3px;
}
.topbar {
  background: rgba(3,8,18,.90);
  border-bottom: 1px solid rgba(91,140,188,.22);
  box-shadow: 0 8px 30px rgba(0,0,0,.20);
}
.topbar-inner { max-width: 1560px; padding: .78rem 1.25rem; }
.brand-line { display:flex; align-items:center; gap:.55rem; min-width:0; }
.brand { font-size: 1.08rem; letter-spacing:.015em; color:#fff; }
.workspace-badge {
  display:inline-flex; align-items:center; min-height:20px; padding:.18rem .45rem;
  border:1px solid rgba(57,230,255,.30); border-radius:999px; color:#8eefff;
  background:rgba(57,230,255,.06); font-size:.56rem; font-weight:900; letter-spacing:.12em;
}
.brand-logo { box-shadow: 0 0 0 1px rgba(57,230,255,.15), 0 0 28px rgba(57,230,255,.08); }
.demo-pill.live-pill { color:#a9ffd2; border-color:rgba(73,242,164,.42); background:rgba(73,242,164,.08); }
.container { max-width:1560px; padding-top:1.15rem; }
.search-panel, .status-card, .chart-card, .source-card, .move-summary, .card-list article, .scenario-boxes article, .conversation-card,
.insight-card, .change-card, .turning-card, .after-card, .historical-quality-card, .replay-card {
  background: linear-gradient(180deg, rgba(13,27,43,.965), rgba(6,17,29,.965));
  border-color: var(--border-soft); box-shadow: var(--glow);
}
.search-panel {
  border-color:rgba(57,230,255,.22); border-radius:16px; padding:1rem;
  background: linear-gradient(180deg, rgba(12,28,45,.97), rgba(7,19,32,.97));
}
.search-panel::before {
  content:'MARKET RESEARCH COMMAND'; display:block; margin:0 0 .65rem .1rem;
  color:#6fe9ff; font-size:.61rem; font-weight:900; letter-spacing:.13em;
}
.search-panel.is-stuck::before { display:none; }
input, select { background:#06111f; border-color:#34516f; color:#f7fbff; }
input::placeholder { color:#738aa3; }
input:focus, select:focus { border-color:#39e6ff; box-shadow:0 0 0 3px rgba(57,230,255,.13),0 0 24px rgba(57,230,255,.06); }
.primary-btn {
  color:#021017; border-color:rgba(255,255,255,.12);
  background:linear-gradient(135deg,#39e6ff 0%,#71b6ff 58%,#8e8cff 100%);
  box-shadow:0 8px 22px rgba(57,230,255,.16);
}
.primary-btn:hover { filter:brightness(1.07); transform:translateY(-1px); }
.ghost-btn { border-color:#35516e; background:rgba(8,20,34,.42); }
.ghost-btn:hover { border-color:#56dff2; background:rgba(57,230,255,.06); }
.asset-type-display { background:#071625; border-color:#324d69; color:#dbe9f6; }
.app-message { margin:.8rem 0 0; padding:.78rem 1rem; border-radius:12px; border:1px solid rgba(57,230,255,.24); background:rgba(57,230,255,.065); color:#d9faff; line-height:1.45; }
.app-message.error { border-color:rgba(255,107,122,.38); background:rgba(255,107,122,.08); color:#ffd9de; }
.asset-hero {
  position:sticky; top:calc(var(--sticky-topbar-height) + var(--sticky-search-height) + (var(--sticky-gap) * 2)); z-index:16;
  margin:.75rem 0 1rem; padding:.9rem 1.05rem; align-items:center;
  border:1px solid rgba(57,230,255,.18); border-radius:15px;
  background:linear-gradient(100deg,rgba(7,19,33,.965),rgba(8,25,40,.96));
  box-shadow:0 16px 36px rgba(0,0,0,.24); backdrop-filter:blur(16px);
}
.asset-kicker { color:#7bdff2; font-size:.58rem; letter-spacing:.13em; font-weight:900; margin-bottom:.18rem; }
.asset-name { font-size:clamp(1.25rem,2.1vw,2rem); line-height:1.05; }
.asset-symbol { margin-top:.22rem; color:#a9bfd4; }
.price-kicker { text-align:right; }
.price { font-size:clamp(1.55rem,2.7vw,2.35rem); line-height:1; }
.asof { color:#aabdd1; max-width:760px; }
.quote-change { margin-top:.25rem; font-weight:800; }
.evidence-workspace { grid-template-columns:250px minmax(0,1fr); gap:1rem; }
.section-sidebar {
  top:calc(var(--sticky-topbar-height) + var(--sticky-search-height) + var(--sticky-asset-height) + (var(--sticky-gap) * 3));
  max-height:calc(100vh - var(--sticky-topbar-height) - var(--sticky-search-height) - var(--sticky-asset-height) - 32px);
  border-color:rgba(80,132,178,.24); background:linear-gradient(180deg,rgba(7,20,34,.985),rgba(4,13,24,.985));
}
.sidebar-head strong { color:#f4f9ff; }
.sidebar-group-heading strong { color:#a9bfd4; }
.sidebar-group-heading.forward-heading strong { color:#8feeff; text-shadow:0 0 12px rgba(57,230,255,.16); }
.section-sidebar .sidebar-nav-item.tab { min-height:46px; color:#c1d0df; }
.section-sidebar .sidebar-nav-item.tab:hover { border-color:rgba(57,230,255,.22); background:rgba(57,230,255,.055); }
.section-sidebar .sidebar-nav-item.tab.active {
  color:#03131a; border-color:#39e6ff; background:linear-gradient(135deg,#39e6ff,#75b8ff); box-shadow:0 8px 24px rgba(57,230,255,.16);
}
.section-sidebar .opportunity-tab.sidebar-nav-item { color:#8fffc6; border-color:rgba(73,242,164,.16); background:rgba(73,242,164,.025); }
.section-sidebar .opportunity-tab.sidebar-nav-item.active { color:#04130c; background:linear-gradient(135deg,#4ce6a4,#86ffd0); border-color:#4ce6a4; box-shadow:0 0 22px rgba(73,242,164,.18); }
.section-sidebar .validation-tab.sidebar-nav-item { color:#c4b6ff; border-color:rgba(189,140,255,.18); background:rgba(189,140,255,.025); }
.section-sidebar .validation-tab.sidebar-nav-item.active { color:#10051e; background:linear-gradient(135deg,#bd8cff,#8e9cff); border-color:#bd8cff; box-shadow:0 0 22px rgba(189,140,255,.20); }
.active-section-banner {
  margin-bottom:.85rem; border-color:rgba(57,230,255,.24); border-radius:14px; padding:.85rem 1rem;
  grid-template-columns:48px minmax(0,1fr);
  background:radial-gradient(circle at 88% 10%,rgba(57,230,255,.08),transparent 35%),linear-gradient(135deg,rgba(9,25,41,.96),rgba(5,16,29,.96));
}
.active-section-banner::before { background:linear-gradient(180deg,#39e6ff,#6c8cff); }
.active-section-icon { width:46px;height:46px;border-radius:12px;color:#7cf1ff;border-color:rgba(57,230,255,.26); }
.active-section-banner h1 { font-size:clamp(1.3rem,2.1vw,1.8rem); }
.active-section-banner p { color:#b4c6d8; }
.active-section-banner.opportunity { border-color:rgba(73,242,164,.26); background:radial-gradient(circle at 90% 12%,rgba(73,242,164,.08),transparent 36%),linear-gradient(135deg,rgba(8,30,30,.96),rgba(5,17,27,.96)); }
.active-section-banner.opportunity::before { background:#4ce6a4; }
.active-section-banner.opportunity .active-section-icon,.active-section-banner.opportunity .active-section-group { color:#7fffc1; }
.active-section-banner.validation { border-color:rgba(189,140,255,.28); background:radial-gradient(circle at 90% 12%,rgba(189,140,255,.09),transparent 36%),linear-gradient(135deg,rgba(21,18,41,.96),rgba(7,16,29,.96)); }
.active-section-banner.validation::before { background:#bd8cff; }
.active-section-banner.validation .active-section-icon,.active-section-banner.validation .active-section-group { color:#d0b8ff; }
.status-card { border-color:rgba(57,230,255,.24); position:relative; overflow:hidden; }
.status-card::before { content:''; position:absolute; inset:0 auto 0 0; width:3px; background:linear-gradient(#39e6ff,#6c8cff); }
.status-title { color:#fff; letter-spacing:-.025em; }
.status-copy { color:#d1deeb; max-width:980px; }
.score-ring { border-color:rgba(57,230,255,.44); background:#061523; box-shadow:inset 0 0 34px rgba(57,230,255,.08),0 0 26px rgba(57,230,255,.07); }
.metric,.indicator,.evidence-item { background:linear-gradient(180deg,#0b1929,#071522); border-color:rgba(118,157,195,.20); }
.metric strong,.indicator strong { color:#fff; }
.eyebrow,.metric-label { color:#91abc4; }
.help { width:30px;height:30px;min-width:30px;border-color:#456783;color:#d8ebff;background:#0b2034; }
.help:hover,.help:focus { color:#071019;background:#39e6ff;border-color:#39e6ff; }
.since-last-view-card {
  margin:0 0 1rem; padding:1rem; border:1px solid rgba(189,140,255,.24); border-radius:16px;
  background:radial-gradient(circle at 88% 0%,rgba(189,140,255,.09),transparent 28rem),linear-gradient(180deg,rgba(16,24,45,.94),rgba(8,18,32,.94));
  box-shadow:var(--glow);
}
.since-last-view-head { display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:.7rem; }
.since-last-view-head h2 { margin:.15rem 0 0;font-size:1.05rem; }
.since-last-view-time { color:#96a9be;font-size:.72rem; }
.since-last-view-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem; }
.since-last-view-grid article { padding:.72rem .78rem;border:1px solid rgba(145,175,207,.17);border-radius:12px;background:rgba(5,15,27,.48);min-width:0; }
.since-last-view-grid small { display:block;color:#91a7bd;text-transform:uppercase;font-size:.62rem;font-weight:800;letter-spacing:.055em; }
.since-last-view-grid strong { display:block;margin:.22rem 0 .18rem;color:#f8fbff;font-size:1rem;overflow-wrap:anywhere; }
.since-last-view-grid span { color:#aebfd1;font-size:.72rem;line-height:1.35; }
.delta-up { color:#78ffc0 !important; }.delta-down { color:#ff9ba7 !important; }
.intelligence-grid { gap:.8rem; }
.priority-card { border-color:rgba(57,230,255,.22); }
.insight-summary { color:#d5e2ef; }
.good-heading { color:#89ffc5; }.warn-heading { color:#ffd681; }.mixed-heading { color:#d8c6ff; }
.source-tier-card { background:rgba(5,16,29,.60);border-color:rgba(125,159,194,.18); }
.table-wrap { border-color:rgba(116,154,191,.20); background:rgba(5,15,26,.55); }
table { color:#edf6ff; } th { color:#a6bad0;background:#091827; } td { border-color:rgba(124,155,190,.13); }
.empty-state { color:#b6c6d6; background:rgba(120,150,183,.055); border-color:rgba(120,150,183,.16); }
.validation-mode-block { background:linear-gradient(180deg,rgba(8,21,35,.84),rgba(5,15,27,.78)); }
.historical-validation-block { border-color:rgba(57,230,255,.22); }
.forward-validation-block { border-color:rgba(73,242,164,.22); }
.comparison-validation-block { border-color:rgba(189,140,255,.22); }
.validation-mode-badge.historical { color:#9af3ff;border-color:rgba(57,230,255,.30);background:rgba(57,230,255,.07); }
.validation-mode-badge.forward { color:#9effca;border-color:rgba(73,242,164,.30);background:rgba(73,242,164,.07); }
.validation-mode-badge.comparison { color:#dbc8ff;border-color:rgba(189,140,255,.30);background:rgba(189,140,255,.07); }
footer { color:#8fa3b7; }
.version-mark { display:inline-flex;margin-left:.35rem;padding:.12rem .36rem;border-radius:999px;border:1px solid rgba(57,230,255,.22);color:#7deeff;font-size:.64rem;vertical-align:middle; }
body.data-loading .asset-hero::after {
  content:''; position:absolute; left:1rem; right:1rem; bottom:-1px; height:2px;
  background:linear-gradient(90deg,transparent,#39e6ff,#8d8cff,transparent); background-size:180% 100%; animation:v1-load-scan 1.1s linear infinite;
}
@keyframes v1-load-scan { from{background-position:180% 0} to{background-position:-180% 0} }
@media (prefers-reduced-motion: reduce) { body.data-loading .asset-hero::after{animation:none;background:#39e6ff;} .primary-btn:hover{transform:none;} }
@media (max-width:1100px){ .since-last-view-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:880px){
  .asset-hero { position:relative; top:auto; z-index:1; }
  .section-sidebar { top:var(--sticky-topbar-height); max-height:none; }
  .evidence-workspace { display:block; }
}
@media (max-width:620px){
  body{font-size:15px;background-size:36px 36px,36px 36px,auto,auto,auto;}
  .workspace-badge{display:none;}
  .topbar-inner{padding:.65rem .68rem;}
  .container{padding-inline:.68rem;}
  .search-panel{padding:.72rem;border-radius:13px;}
  .search-panel::before{font-size:.56rem;margin-bottom:.5rem;}
  .asset-hero{margin:.62rem 0 .78rem;padding:.78rem .8rem;border-radius:13px;align-items:flex-start;}
  .asset-name{font-size:1.22rem;}.price{font-size:1.52rem;}.asof{font-size:.72rem;line-height:1.35;}
  .asset-kicker{font-size:.52rem;}.price-kicker{display:none;}
  .active-section-banner{padding:.72rem .78rem;grid-template-columns:40px minmax(0,1fr);}
  .active-section-icon{width:38px;height:38px;font-size:1.05rem;}
  .active-section-banner p{font-size:.76rem;line-height:1.4;}
  .status-card{padding:1rem;}.status-title{font-size:1.55rem;}.status-copy{font-size:.92rem;}
  .since-last-view-head{align-items:flex-start;flex-direction:column;gap:.35rem;}.since-last-view-grid{grid-template-columns:1fr 1fr;gap:.5rem;}
  .metrics-grid{gap:.6rem;}.metric{min-height:100px;padding:.82rem;}.metric strong{font-size:1.25rem;}
  .help{width:32px;height:32px;min-width:32px;}
}
@media (max-width:390px){ .since-last-view-grid{grid-template-columns:1fr;} .asset-hero{gap:.6rem;} .asset-symbol{font-size:.76rem;} }


/* ==========================================================================
   v1.0.3 — Content & Visual Clarity
   Stronger section separation, Scenario Explorer & Validation identity, and
   brighter brand tagline while preserving high-contrast readability.
   ========================================================================== */
.tagline,
.startup-tagline {
  color:#8ff4ff;
  background:linear-gradient(90deg,#8ff4ff 0%,#b7d6ff 46%,#d6b8ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  font-weight:800;
  letter-spacing:.045em;
  text-shadow:0 0 20px rgba(95,225,255,.18);
}

/* Make the two navigation families read as separate workspaces. */
.evidence-analysis-group {
  border:1px solid rgba(57,230,255,.16);
  border-radius:14px;
  padding:.62rem;
  background:linear-gradient(180deg,rgba(17,51,72,.34),rgba(5,20,34,.22));
}
.forward-outlook-group {
  margin-top:.8rem;
  border:1px solid rgba(189,140,255,.38);
  border-radius:14px;
  padding:.62rem;
  background:
    radial-gradient(circle at 88% 4%,rgba(223,116,255,.15),transparent 52%),
    linear-gradient(155deg,rgba(47,29,79,.72),rgba(20,22,54,.72));
  box-shadow:inset 0 0 0 1px rgba(111,118,255,.08),0 10px 26px rgba(0,0,0,.16);
}
.sidebar-group-heading.forward-heading strong {
  color:#e6c8ff;
  text-shadow:0 0 16px rgba(205,133,255,.24);
}
.forward-outlook-group .sidebar-group-heading small { color:#c7b5dc; }

/* Primary section titles are now distinct title boxes instead of blending into content. */
.tab-panel > .section-title-row:not(.compact) {
  position:relative;
  padding:.72rem .85rem;
  margin:1rem 0 .85rem;
  border:1px solid rgba(80,190,255,.27);
  border-radius:12px;
  background:linear-gradient(105deg,rgba(12,45,70,.78),rgba(11,25,47,.72));
  box-shadow:inset 3px 0 0 #39e6ff,0 9px 26px rgba(0,0,0,.13);
}
.tab-panel > .section-title-row:not(.compact) h2 { margin:0; color:#f8fdff; letter-spacing:-.018em; }
#opportunity > .section-title-row:not(.compact) {
  border-color:rgba(73,242,164,.34);
  background:linear-gradient(105deg,rgba(10,62,51,.76),rgba(8,29,39,.76));
  box-shadow:inset 3px 0 0 #4ce6a4,0 9px 26px rgba(0,0,0,.13);
}
#opportunity-validation > .section-title-row:not(.compact) {
  border-color:rgba(202,135,255,.42);
  background:linear-gradient(105deg,rgba(65,31,98,.80),rgba(25,27,67,.80));
  box-shadow:inset 3px 0 0 #d08cff,0 9px 26px rgba(0,0,0,.15);
}

/* Stronger active-section identity: Research / Scenario Explorer / Validation. */
.active-section-banner.evidence {
  border-color:rgba(57,230,255,.36);
  background:radial-gradient(circle at 88% 10%,rgba(57,230,255,.14),transparent 37%),linear-gradient(135deg,rgba(11,42,65,.97),rgba(7,20,37,.97));
}
.active-section-banner.opportunity {
  border-color:rgba(73,242,164,.40);
  background:radial-gradient(circle at 88% 8%,rgba(73,242,164,.15),transparent 38%),linear-gradient(135deg,rgba(10,55,46,.97),rgba(6,24,34,.97));
}
.active-section-banner.validation {
  border-color:rgba(208,140,255,.44);
  background:radial-gradient(circle at 88% 8%,rgba(208,140,255,.17),transparent 38%),linear-gradient(135deg,rgba(61,31,92,.97),rgba(21,23,58,.97));
}
.active-section-banner.validation::before { background:linear-gradient(180deg,#d08cff,#7e91ff); }
.active-section-banner.validation .active-section-icon,
.active-section-banner.validation .active-section-group { color:#e1c5ff; }

@media (max-width:620px) {
  .tagline { font-size:.78rem; }
  .tab-panel > .section-title-row:not(.compact) { padding:.62rem .68rem; }
  .forward-outlook-group,.evidence-analysis-group { padding:.5rem; }
}


/* v1.0.2-r1 — stronger title-family separation requested after production review */
.evidence-analysis-group > .sidebar-group-heading,
.forward-outlook-group > .sidebar-group-heading {
  margin:-.16rem -.16rem .58rem;
  padding:.62rem .68rem;
  border-radius:10px;
  border:1px solid transparent;
}
.evidence-analysis-group > .sidebar-group-heading {
  border-color:rgba(79,202,255,.28);
  background:linear-gradient(105deg,rgba(9,74,105,.58),rgba(8,35,59,.54));
  box-shadow:inset 3px 0 0 #39e6ff;
}
.evidence-analysis-group > .sidebar-group-heading strong { color:#a9f3ff; }
.evidence-analysis-group > .sidebar-group-heading small { color:#b7d3e3; }
.forward-outlook-group > .sidebar-group-heading {
  border-color:rgba(211,145,255,.42);
  background:linear-gradient(105deg,rgba(91,42,126,.72),rgba(44,35,94,.68));
  box-shadow:inset 3px 0 0 #d08cff,0 0 20px rgba(173,103,255,.07);
}
.forward-outlook-group > .sidebar-group-heading strong { color:#f0d6ff; }
.forward-outlook-group > .sidebar-group-heading small { color:#d4c2e8; }

/* Keep the brand promise readable and visibly separate from surrounding chrome. */
.tagline,.startup-tagline {
  background:linear-gradient(90deg,#92f5ff 0%,#c9e9ff 42%,#e6c6ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
  font-weight:850;
  text-shadow:0 0 22px rgba(97,226,255,.22);
}
@media (max-width:560px) {
  .tagline {
    display:block;
    max-width:150px;
    font-size:.69rem;
    line-height:1.22;
    letter-spacing:.015em;
  }
  .evidence-analysis-group > .sidebar-group-heading,
  .forward-outlook-group > .sidebar-group-heading { padding:.56rem .6rem; }
}

/* Solid-color fallback keeps the brand promise readable on browsers that do not
   support clipped gradient text; capable browsers receive the futuristic gradient. */
.tagline,.startup-tagline {
  color:#baf5ff;
  -webkit-text-fill-color:currentColor;
  background:none;
}
@supports ((-webkit-background-clip:text) or (background-clip:text)) {
  .tagline,.startup-tagline {
    background:linear-gradient(90deg,#92f5ff 0%,#c9e9ff 42%,#e6c6ff 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    -webkit-text-fill-color:transparent;
  }
}


/* ==========================================================================
   v1.0.2 — Validation Layout Containment Hotfix
   Prevent reliability tables from forcing the Validation workspace wider
   than the available content area. Tables stay contained and scroll locally
   only when the device cannot fit all metrics comfortably.
   ========================================================================== */
.validation-two-column {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.validation-two-column > section {
  min-width: 0;
  max-width: 100%;
}
.validation-two-column .section-title-row {
  min-width: 0;
}
.validation-two-column .section-title-row h3 {
  overflow-wrap: anywhere;
}
.validation-two-column .table-wrap {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
}
.validation-two-column .validation-table {
  width: 100%;
  min-width: 560px;
}
.validation-two-column .validation-table th {
  white-space: normal;
  line-height: 1.25;
}
.validation-two-column .validation-table td:first-child,
.validation-two-column .validation-table th:first-child {
  white-space: normal;
  overflow-wrap: anywhere;
}

/* Stack the two breakdowns before they become cramped inside the sidebar layout. */
@media (max-width: 1380px) {
  .validation-two-column { grid-template-columns: 1fr; }
  .validation-two-column .validation-table { min-width: 680px; }
}

@media (max-width: 760px) {
  .validation-two-column .validation-table { min-width: 620px; }
}

.validation-table-host { width:100%; max-width:100%; min-width:0; overflow:hidden; }


/* ==========================================================================
   v1.0.3 — Validation Selected Window Highlight
   Completed Historical Replay and Forward Track Record windows use the same
   light futuristic visual family as View Evidence when selected.
   ========================================================================== */
.validation-result-card.is-selected {
  position: relative;
  border-color: rgba(184, 247, 255, .98);
  background: linear-gradient(135deg, #39e6ff 0%, #71b6ff 58%, #9b91ff 100%);
  color: #03111d;
  box-shadow: 0 0 0 1px rgba(255,255,255,.16), 0 12px 30px rgba(57,230,255,.18);
  transform: translateY(-1px);
}
.validation-result-card.is-selected::after {
  content: attr(data-selected-label);
  position: absolute;
  top: .55rem;
  right: .65rem;
  padding: .18rem .42rem;
  border-radius: 999px;
  background: rgba(3,17,29,.82);
  color: #dffbff;
  font-size: .58rem;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .08em;
  pointer-events: none;
}
.validation-result-card.is-selected .validation-result-head {
  padding-right: 4.7rem;
}
.validation-result-card.is-selected .validation-result-head strong {
  color: #02131f;
}
.validation-result-card.is-selected .validation-result-head small,
.validation-result-card.is-selected .validation-result-note {
  color: #12344a;
}
.validation-result-card.is-selected .validation-result-grid div {
  background: rgba(4,18,31,.91);
  border: 1px solid rgba(255,255,255,.09);
  color: #f8fbff;
}
.validation-result-card.is-selected .validation-result-grid small {
  color: #bfd2e6;
}
.validation-result-card.is-selected .validation-badge.good {
  color: #083820;
  background: rgba(233,255,243,.76);
  border-color: rgba(6,74,42,.24);
}
.validation-result-card.is-selected .validation-badge.bad {
  color: #641822;
  background: rgba(255,238,241,.78);
  border-color: rgba(100,24,34,.22);
}
.validation-result-card.is-selected .validation-badge.neutral {
  color: #102d42;
  background: rgba(240,250,255,.68);
  border-color: rgba(16,45,66,.20);
}
.validation-result-card.is-selected:hover,
.validation-result-card.is-selected:focus-visible {
  border-color: #effdff;
  filter: brightness(1.025);
  outline: 2px solid rgba(239,253,255,.72);
  outline-offset: 2px;
}
@media (max-width: 560px) {
  .validation-result-card.is-selected::after {
    position: static;
    display: inline-block;
    margin: 0 0 .55rem;
  }
  .validation-result-card.is-selected .validation-result-head {
    padding-right: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .validation-result-card.is-selected { transform: none; }
}


/* ==========================================================================
   v1.0.6 — Futuristic Workspace + Validation Chart Guidance
   Adds a restrained holographic workspace frame and makes the Historical
   Replay chart interaction explicit without reducing data readability.
   ========================================================================== */
.evidence-workspace {
  position: relative;
  isolation: isolate;
  padding: .82rem;
  border: 1px solid rgba(92, 178, 255, .20);
  border-radius: 24px;
  background:
    linear-gradient(rgba(57,230,255,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(57,230,255,.022) 1px, transparent 1px),
    radial-gradient(circle at 8% 5%, rgba(57,230,255,.10), transparent 24rem),
    radial-gradient(circle at 94% 14%, rgba(189,140,255,.09), transparent 30rem),
    linear-gradient(145deg, rgba(5,15,27,.82), rgba(3,9,18,.70));
  background-size: 42px 42px, 42px 42px, auto, auto, auto;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.018),
    inset 0 0 72px rgba(57,230,255,.018),
    0 24px 70px rgba(0,0,0,.24);
}
.evidence-workspace::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  background:
    linear-gradient(90deg, #39e6ff 0 42px, transparent 42px) top left / 94px 1px no-repeat,
    linear-gradient(#39e6ff 0 42px, transparent 42px) top left / 1px 94px no-repeat,
    linear-gradient(270deg, #bd8cff 0 42px, transparent 42px) top right / 94px 1px no-repeat,
    linear-gradient(180deg, #bd8cff 0 42px, transparent 42px) top right / 1px 94px no-repeat,
    linear-gradient(90deg, #6c8cff 0 34px, transparent 34px) bottom left / 82px 1px no-repeat,
    linear-gradient(0deg, #6c8cff 0 34px, transparent 34px) bottom left / 1px 82px no-repeat,
    linear-gradient(270deg, #4ce6a4 0 34px, transparent 34px) bottom right / 82px 1px no-repeat,
    linear-gradient(0deg, #4ce6a4 0 34px, transparent 34px) bottom right / 1px 82px no-repeat;
  opacity: .72;
}
.evidence-workspace > .section-sidebar,
.evidence-workspace > .section-content {
  position: relative;
  z-index: 1;
}
.section-content {
  padding: .56rem;
  border: 1px solid rgba(122,166,211,.13);
  border-radius: 19px;
  background:
    radial-gradient(circle at 96% 0%, rgba(108,140,255,.045), transparent 24rem),
    linear-gradient(180deg, rgba(4,14,26,.54), rgba(3,10,19,.30));
  box-shadow: inset 0 0 45px rgba(57,230,255,.012);
}
.section-sidebar {
  border-color: rgba(78,169,221,.34);
  background:
    radial-gradient(circle at 20% 0%,rgba(57,230,255,.08),transparent 17rem),
    linear-gradient(180deg,rgba(7,21,36,.992),rgba(3,12,23,.992));
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.018),
    0 18px 44px rgba(0,0,0,.30),
    0 0 34px rgba(57,230,255,.025);
}
.section-sidebar::before {
  content:'';
  position:absolute;
  top:12px;
  bottom:12px;
  left:0;
  width:2px;
  border-radius:999px;
  background:linear-gradient(180deg,transparent,#39e6ff 18%,#6c8cff 56%,#bd8cff 82%,transparent);
  opacity:.68;
  pointer-events:none;
}

/* Validation receives a stronger command-console identity. */
#opportunity-validation .validation-mode-block {
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.014), 0 12px 34px rgba(0,0,0,.16);
}
#opportunity-validation .validation-mode-block::before {
  content:'';
  position:absolute;
  left:1rem;
  right:1rem;
  top:0;
  height:1px;
  pointer-events:none;
  opacity:.82;
}
#opportunity-validation .historical-validation-block {
  background:
    radial-gradient(circle at 94% 3%,rgba(57,230,255,.09),transparent 28rem),
    linear-gradient(180deg,rgba(7,25,40,.90),rgba(4,14,25,.84));
  border-color:rgba(57,230,255,.28);
}
#opportunity-validation .historical-validation-block::before { background:linear-gradient(90deg,transparent,#39e6ff,transparent); }
#opportunity-validation .comparison-validation-block {
  background:
    radial-gradient(circle at 94% 3%,rgba(189,140,255,.09),transparent 28rem),
    linear-gradient(180deg,rgba(24,18,47,.86),rgba(9,13,29,.84));
  border-color:rgba(189,140,255,.29);
}
#opportunity-validation .comparison-validation-block::before { background:linear-gradient(90deg,transparent,#bd8cff,transparent); }
#opportunity-validation .forward-validation-block {
  background:
    radial-gradient(circle at 94% 3%,rgba(73,242,164,.075),transparent 28rem),
    linear-gradient(180deg,rgba(6,28,31,.86),rgba(4,15,24,.84));
  border-color:rgba(73,242,164,.27);
}
#opportunity-validation .forward-validation-block::before { background:linear-gradient(90deg,transparent,#4ce6a4,transparent); }

.validation-interactive-title {
  margin-top: 1rem;
  padding: .68rem .78rem;
  border: 1px solid rgba(57,230,255,.24);
  border-radius: 12px;
  background: linear-gradient(105deg,rgba(10,49,72,.58),rgba(6,23,39,.42));
  box-shadow: inset 3px 0 0 #39e6ff;
}
.validation-interactive-title h3 {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: .28rem .42rem;
  margin: 0;
}
.validation-title-instruction {
  color: #aeeeff;
  font-size: .74rem;
  line-height: 1.4;
  font-weight: 650;
  letter-spacing: .005em;
  text-shadow: 0 0 14px rgba(57,230,255,.12);
}
.validation-chart-title {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.8rem;
  margin-top:.2rem;
  padding:.62rem .75rem;
  border:1px solid rgba(108,140,255,.24);
  border-radius:12px;
  background:linear-gradient(105deg,rgba(27,39,82,.58),rgba(6,22,39,.42));
  box-shadow:inset 3px 0 0 #6c8cff;
}
.validation-chart-title h3 { margin:0; }
.validation-chart-live-indicator {
  display:inline-flex;
  align-items:center;
  gap:.34rem;
  flex:0 0 auto;
  padding:.28rem .48rem;
  border:1px solid rgba(57,230,255,.30);
  border-radius:999px;
  color:#b8f7ff;
  background:rgba(57,230,255,.07);
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.075em;
  text-transform:uppercase;
}
.validation-chart-live-indicator::before {
  content:'';
  width:.42rem;
  height:.42rem;
  border-radius:50%;
  background:#4ce6a4;
  box-shadow:0 0 10px rgba(73,242,164,.55);
}
.historical-validation-block .validation-path-card {
  border-color:rgba(57,230,255,.27);
  background:
    radial-gradient(circle at 90% 4%,rgba(57,230,255,.055),transparent 22rem),
    linear-gradient(180deg,rgba(8,24,41,.95),rgba(5,15,28,.95));
  box-shadow:0 12px 32px rgba(0,0,0,.18), inset 0 0 34px rgba(57,230,255,.018);
}
.historical-validation-block .validation-path-card svg {
  border:1px solid rgba(57,230,255,.10);
  box-shadow:inset 0 0 30px rgba(57,230,255,.018);
}

@media (max-width: 880px) {
  .evidence-workspace {
    padding:.58rem;
    border-radius:18px;
    background-size:36px 36px,36px 36px,auto,auto,auto;
  }
  .section-content { padding:.38rem; border-radius:15px; }
}
@media (max-width: 620px) {
  .evidence-workspace { padding:.38rem; border-radius:15px; }
  .evidence-workspace::before { opacity:.48; }
  .section-content { padding:.22rem; border-color:rgba(122,166,211,.09); background:rgba(3,10,19,.24); }
  .validation-interactive-title h3 { display:block; }
  .validation-title-instruction { display:block; margin-top:.28rem; font-size:.71rem; }
  .validation-chart-title { align-items:flex-start; }
  .validation-chart-live-indicator { font-size:.54rem; }
}
@media (prefers-reduced-motion: reduce) {
  .validation-chart-live-indicator::before { box-shadow:none; }
}


/* v1.0.4 — Inline Historical Replay Chart Interaction
   The chart is created only after a replay window is selected, inserted directly
   after that selected window, and removed/recreated when another window is chosen. */
.historical-validation-inline-chart {
  width: 100%;
  min-width: 0;
  margin: -.08rem 0 .2rem;
  padding: .7rem;
  border: 1px solid rgba(57,230,255,.30);
  border-radius: 16px;
  background:
    radial-gradient(circle at 92% 5%,rgba(108,140,255,.10),transparent 24rem),
    linear-gradient(180deg,rgba(5,21,37,.97),rgba(4,14,26,.97));
  box-shadow: 0 16px 38px rgba(0,0,0,.22), 0 0 28px rgba(57,230,255,.045);
  opacity: 0;
  transform: translateY(-5px);
  transition: opacity .16s ease, transform .16s ease;
}
.historical-validation-inline-chart.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.historical-validation-inline-chart .validation-chart-title {
  margin-top: 0;
}
.historical-validation-inline-chart .validation-path-panel {
  margin: .6rem 0 0;
}
.historical-validation-inline-chart .validation-path-card {
  margin: 0;
}
@media (max-width: 620px) {
  .historical-validation-inline-chart {
    padding: .52rem;
    border-radius: 14px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .historical-validation-inline-chart {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* ==========================================================================
   v1.0.6 — Workspace Alignment + Unified Futuristic Color Language
   Keeps the Sections workspace aligned with active content and unifies the
   cyan Research / purple Scenario Explorer + Validation control families.
   ========================================================================== */

/* Desktop: opening Sections must not push the navigation panel down inside
   the workspace. Keep it aligned to the workspace/content top. */
@media (min-width: 881px) {
  .evidence-workspace { align-items: start; }
  .section-sidebar {
    position: relative;
    top: auto;
    align-self: start;
    margin-top: 0;
    max-height: calc(100vh - var(--sticky-topbar-height) - 24px);
  }
}

/* Top-level action buttons use the same cyan -> blue -> violet treatment as
   View Evidence. */
#sectionMenuBtn,
#installBtn {
  color: #021017;
  border-color: rgba(255,255,255,.16);
  background: linear-gradient(135deg,#39e6ff 0%,#71b6ff 58%,#8e8cff 100%);
  box-shadow: 0 8px 22px rgba(57,230,255,.16), inset 0 1px 0 rgba(255,255,255,.18);
  font-weight: 900;
}
#sectionMenuBtn:hover,
#sectionMenuBtn:focus-visible,
#sectionMenuBtn.active,
#installBtn:hover,
#installBtn:focus-visible {
  color: #021017;
  border-color: rgba(222,251,255,.82);
  background: linear-gradient(135deg,#66ecff 0%,#89c5ff 56%,#a39aff 100%);
  filter: brightness(1.04);
}
#sectionMenuBtn .section-menu-icon { color: #021017; }

/* Research family heading matches the primary View Evidence control. */
.evidence-analysis-group > .sidebar-group-heading {
  border-color: rgba(222,251,255,.50);
  background: linear-gradient(135deg,#39e6ff 0%,#71b6ff 58%,#8e8cff 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.20), 0 8px 22px rgba(57,230,255,.12);
}
.evidence-analysis-group > .sidebar-group-heading strong,
.evidence-analysis-group > .sidebar-group-heading small {
  color: #04131d;
  text-shadow: none;
}

/* Scenario Explorer & Validation is the purple counterpart to Research. */
.forward-outlook-group > .sidebar-group-heading {
  border-color: rgba(239,218,255,.52);
  background: linear-gradient(135deg,#d58cff 0%,#ad8fff 52%,#7e91ff 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.20), 0 8px 24px rgba(189,140,255,.16);
}
.forward-outlook-group > .sidebar-group-heading strong,
.forward-outlook-group > .sidebar-group-heading small,
.sidebar-group-heading.forward-heading strong {
  color: #170827;
  text-shadow: none;
}

/* Scenario Explorer now shares Validation's purple identity everywhere. */
.section-sidebar .opportunity-tab.sidebar-nav-item,
.section-sidebar .validation-tab.sidebar-nav-item {
  color: #d9c8ff;
  border-color: rgba(189,140,255,.22);
  background: rgba(189,140,255,.035);
}
.section-sidebar .opportunity-tab.sidebar-nav-item:hover,
.section-sidebar .opportunity-tab.sidebar-nav-item:focus-visible,
.section-sidebar .validation-tab.sidebar-nav-item:hover,
.section-sidebar .validation-tab.sidebar-nav-item:focus-visible {
  color: #f2eaff;
  border-color: rgba(208,140,255,.48);
  background: rgba(189,140,255,.09);
}
.section-sidebar .opportunity-tab.sidebar-nav-item.active,
.section-sidebar .validation-tab.sidebar-nav-item.active {
  color: #130620;
  border-color: #d08cff;
  background: linear-gradient(135deg,#d58cff 0%,#ad8fff 52%,#7e91ff 100%);
  box-shadow: 0 0 24px rgba(189,140,255,.22), inset 0 1px 0 rgba(255,255,255,.20);
}

/* Scenario Explorer title/banner now intentionally matches Validation. */
#opportunity > .section-title-row:not(.compact),
#opportunity-validation > .section-title-row:not(.compact) {
  border-color: rgba(208,140,255,.44);
  background: linear-gradient(105deg,rgba(65,31,98,.82),rgba(25,27,67,.82));
  box-shadow: inset 3px 0 0 #d08cff, 0 9px 26px rgba(0,0,0,.15);
}
.active-section-banner.opportunity,
.active-section-banner.validation {
  border-color: rgba(208,140,255,.44);
  background: radial-gradient(circle at 88% 8%,rgba(208,140,255,.17),transparent 38%),linear-gradient(135deg,rgba(61,31,92,.97),rgba(21,23,58,.97));
}
.active-section-banner.opportunity::before,
.active-section-banner.validation::before {
  background: linear-gradient(180deg,#d08cff,#7e91ff);
}
.active-section-banner.opportunity .active-section-icon,
.active-section-banner.opportunity .active-section-group,
.active-section-banner.validation .active-section-icon,
.active-section-banner.validation .active-section-group {
  color: #e1c5ff;
}

/* Workspace navigation copy uses a light-blue reading color. Active gradient
   controls retain dark text for contrast. */
.sidebar-head strong { color: #baf5ff; }
.sidebar-head small { color: #9edff2; }
.section-sidebar .sidebar-nav-item.tab:not(.active) { color: #b9e9ff; }
.section-sidebar .sidebar-nav-item.tab:not(.active) .sidebar-nav-icon { color: #9fe8ff; }
.section-sidebar .sidebar-nav-item.tab.active .sidebar-nav-icon { color: #071522; }

@media (max-width: 880px) {
  /* Drawer behavior stays fixed on mobile/tablet; only the visual family changes. */
  .section-sidebar {
    position: fixed;
    top: var(--sticky-topbar-height);
    margin-top: 0;
    max-height: none;
  }
}


/* ==========================================================================\n   v1.0.6 — Mobile Drawer Layering + Forward Workspace Synchronization\n   Fixes mobile drawer stacking without sacrificing the v1.0.4-r2 visual system.\n   ========================================================================== */
@media (max-width: 880px) {
  /* The holographic workspace used isolation to contain effects. On mobile that
     also trapped the fixed drawer below the external backdrop. Let the drawer
     participate in the page stacking context instead. */
  .evidence-workspace {
    isolation: auto;
    min-height: 0;
  }

  .section-sidebar,
  body.section-sidebar-open .section-sidebar,
  body.section-sidebar-closed .section-sidebar {
    position: fixed;
    top: var(--sticky-topbar-height);
    left: max(0px, env(safe-area-inset-left));
    bottom: 0;
    z-index: 80;
    margin-top: 0;
    max-height: none;
  }

  .sidebar-backdrop.visible {
    z-index: 70;
    background: rgba(1, 7, 14, .72);
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  /* Content must start immediately after Selected Asset; the off-canvas drawer
     must never reserve document-flow height. */
  .section-content {
    margin-top: 0;
    min-height: 0;
  }
  .section-content > .active-section-banner:first-child { margin-top: 0; }
}

/* ==========================================================================\n   v1.0.6 — Solid Workspace Selection States\n   Selected Research buttons use a solid light blue; Scenario Explorer and\n   Validation use a solid light purple for immediate active-section clarity.\n   ========================================================================== */
.section-sidebar .evidence-analysis-group .sidebar-nav-item.tab.active {
  color: #04131d;
  border-color: #a9efff;
  background: #78ddf7;
  box-shadow: 0 0 22px rgba(120,221,247,.24), inset 0 1px 0 rgba(255,255,255,.34);
  font-weight: 900;
}
.section-sidebar .forward-outlook-group .opportunity-tab.sidebar-nav-item.active,
.section-sidebar .forward-outlook-group .validation-tab.sidebar-nav-item.active {
  color: #170827;
  border-color: #ead7ff;
  background: #c9a7f7;
  box-shadow: 0 0 22px rgba(201,167,247,.24), inset 0 1px 0 rgba(255,255,255,.34);
  font-weight: 900;
}
.section-sidebar .evidence-analysis-group .sidebar-nav-item.tab.active .sidebar-nav-icon,
.section-sidebar .forward-outlook-group .opportunity-tab.sidebar-nav-item.active .sidebar-nav-icon,
.section-sidebar .forward-outlook-group .validation-tab.sidebar-nav-item.active .sidebar-nav-icon {
  color: #071522;
  background: rgba(255,255,255,.28);
}

/* ==========================================================================
   v1.0.8 — Workspace Menu High-Visibility Light-Blue Outline
   Uses a bright light-blue border plus a restrained secondary cyan perimeter
   so the complete Workspace navigation panel stays distinct from content.
   ========================================================================== */
.section-sidebar {
  border: 2px solid #a8ecff;
  box-shadow:
    inset 0 0 0 1px rgba(214,249,255,.16),
    0 0 0 2px rgba(121,220,255,.18),
    0 0 24px rgba(57,230,255,.16),
    0 18px 44px rgba(0,0,0,.30);
}
@media (max-width: 880px) {
  .section-sidebar {
    border-color: #a8ecff;
    box-shadow:
      inset 0 0 0 1px rgba(214,249,255,.18),
      0 0 0 2px rgba(121,220,255,.20),
      0 0 26px rgba(57,230,255,.18),
      18px 0 50px rgba(0,0,0,.42);
  }
}

/* ==========================================================================
   v1.0.7 — Browser Select Text Clipping Hotfix
   Native desktop selects need less vertical padding than text inputs when a
   fixed control height is used. This keeps the complete selected time-span
   label vertically centered in Chrome, Edge, Safari, and installed PWAs.
   ========================================================================== */
.search-grid select {
  padding-top: .42rem;
  padding-bottom: .42rem;
  line-height: 1.25;
}
.search-panel.is-stuck .search-grid select {
  padding-top: .32rem;
  padding-bottom: .32rem;
  line-height: 1.25;
}

/* ========================================================================== 
   v2.0.0 — Market Intelligence Search & Discovery
   Discover / Ask Market Evidence / Evidence Radar
   ========================================================================== */
/* v2.4.21 — Discover Shared Asset Context
   Discover keeps the same Market Research Command and Selected Asset context
   as the rest of the research workspace. */
body.discover-active #searchPanel { display: block; }
body.discover-active .asset-hero { display: flex; }
body.discover-active .sticky-selection-sentinel { display: block; }
body.market-pulse-active #searchPanel,
body.market-pulse-active .sticky-selection-sentinel,
body.market-pulse-active .evidence-status-summary { display:none !important; }
body.market-pulse-active .asset-hero > div:not(.ux-view-control) { display:none !important; }
body.market-pulse-active .asset-hero {
  display:flex;
  justify-content:flex-end;
  align-items:center;
  min-height:0;
  margin:.45rem 0 .65rem;
  padding:.45rem .55rem;
}
body.market-pulse-active .asset-hero .ux-view-control {
  width:min(100%,520px);
  margin:0;
}

.discovery-group {
  margin-top: 0;
  padding-top: 0;
}
.discovery-group > .sidebar-group-heading {
  padding: .65rem .65rem .6rem;
  border: 1px solid rgba(110,220,255,.40);
  border-radius: 12px;
  background: linear-gradient(135deg,rgba(27,111,146,.25),rgba(70,70,145,.18));
  box-shadow: inset 3px 0 0 #78ddff, 0 0 22px rgba(73,199,255,.08);
}
.discovery-group > .sidebar-group-heading strong {
  color:#baf2ff;
  letter-spacing:.10em;
}
.discovery-group > .sidebar-group-heading small { color:#9fcce3; }
.section-sidebar .discovery-tab.sidebar-nav-item {
  color:#b8eaff;
  border-color:rgba(120,221,255,.22);
  background:rgba(35,132,178,.05);
}
.section-sidebar .discovery-tab.sidebar-nav-item:hover,
.section-sidebar .discovery-tab.sidebar-nav-item:focus-visible {
  border-color:rgba(120,221,255,.55);
  background:rgba(55,170,220,.10);
}
.section-sidebar .discovery-tab.sidebar-nav-item.active {
  color:#06131f;
  background:#83dcff;
  border-color:#b8efff;
  box-shadow:0 0 0 1px rgba(190,241,255,.42),0 0 24px rgba(95,211,255,.28);
}

.active-section-banner.discover {
  border-color:rgba(102,217,255,.46);
  background:
    radial-gradient(circle at 87% 12%,rgba(138,126,255,.16),transparent 35%),
    radial-gradient(circle at 12% 10%,rgba(57,230,255,.13),transparent 34%),
    linear-gradient(135deg,rgba(9,47,72,.97),rgba(24,21,60,.96));
  box-shadow:0 14px 34px rgba(0,0,0,.22),0 0 34px rgba(57,230,255,.06),inset 0 1px 0 rgba(255,255,255,.035);
}
.active-section-banner.discover::before { background:linear-gradient(180deg,#63e4ff,#9b8cff); }
.active-section-banner.discover .active-section-icon {
  color:#c5f6ff;
  border-color:rgba(99,228,255,.45);
  background:linear-gradient(135deg,rgba(63,199,236,.13),rgba(145,124,255,.13));
  box-shadow:inset 0 0 24px rgba(57,230,255,.07),0 0 18px rgba(57,230,255,.08);
}
.active-section-banner.discover .active-section-group { color:#9beaff; }

#discover { min-width:0; }
.discover-command-center {
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(260px,.72fr) minmax(420px,1.28fr);
  gap:1rem;
  margin-bottom:1rem;
  padding:1.2rem;
  border:1px solid rgba(94,210,255,.30);
  border-radius:18px;
  background:
    linear-gradient(rgba(57,230,255,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(57,230,255,.028) 1px,transparent 1px),
    radial-gradient(circle at 90% 4%,rgba(145,124,255,.13),transparent 26rem),
    linear-gradient(145deg,rgba(6,27,45,.96),rgba(8,14,34,.96));
  background-size:30px 30px,30px 30px,auto,auto;
  box-shadow:inset 0 0 45px rgba(57,230,255,.025),0 18px 44px rgba(0,0,0,.18);
}
.discover-command-center::after {
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,#5fe5ff 0 44px,transparent 44px) top left/105px 1px no-repeat,
    linear-gradient(270deg,#a98cff 0 44px,transparent 44px) bottom right/105px 1px no-repeat;
  opacity:.78;
}
.discover-hero-copy,
.discover-query-shell { position:relative;z-index:1; }
.discover-eyebrow {
  display:block;
  color:#8cecff;
  font-size:.65rem;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.discover-hero-copy h2 {
  margin:.32rem 0 .5rem;
  color:#f7fbff;
  font-size:clamp(1.7rem,3vw,2.7rem);
  line-height:1.02;
  letter-spacing:-.04em;
}
.discover-hero-copy p { margin:0;color:#b7cadc;line-height:1.62;max-width:42rem; }
.discover-query-shell {
  padding:1rem;
  border:1px solid rgba(127,200,255,.26);
  border-radius:15px;
  background:rgba(3,12,25,.72);
  box-shadow:inset 0 0 28px rgba(79,196,255,.025);
}
.discover-query-shell > label {
  display:block;
  margin-bottom:.46rem;
  color:#bcecff;
  font-size:.78rem;
  font-weight:800;
}
#discoverQuery {
  width:100%;
  min-height:104px;
  resize:vertical;
  padding:.9rem 1rem;
  border:1px solid rgba(123,185,233,.38);
  border-radius:12px;
  color:#f5faff;
  background:#071425;
  font:inherit;
  line-height:1.5;
  box-shadow:inset 0 0 25px rgba(57,230,255,.018);
}
#discoverQuery:focus {
  outline:2px solid rgba(104,220,255,.72);
  outline-offset:2px;
  border-color:#72dcff;
}
#discoverQuery::placeholder { color:#758ca5; }
.discover-query-controls {
  display:grid;
  grid-template-columns:minmax(150px,.8fr) minmax(110px,.55fr) minmax(230px,.9fr);
  gap:.7rem;
  align-items:end;
  margin-top:.72rem;
}
.discover-query-controls label { display:grid;gap:.28rem;color:#9ebbd2;font-size:.68rem;font-weight:750; }
.discover-query-controls select {
  height:44px;
  padding:.3rem .75rem;
  line-height:1.25;
}
.discover-query-actions {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.55rem;
  align-items:stretch;
}
.discover-search-btn { width:100%;min-height:44px; }

.discover-quick-grid {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:.65rem;
  margin-bottom:1rem;
}
.discover-quick-card {
  position:relative;
  min-width:0;
  min-height:105px;
  padding:.78rem;
  text-align:left;
  border:1px solid rgba(113,174,221,.20);
  border-radius:13px;
  color:#d9eaff;
  background:linear-gradient(150deg,rgba(9,26,44,.92),rgba(7,15,31,.92));
  cursor:pointer;
  transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease;
}
.discover-quick-card:hover,
.discover-quick-card:focus-visible {
  transform:translateY(-2px);
  outline:none;
  border-color:rgba(102,219,255,.52);
  background:linear-gradient(150deg,rgba(13,49,72,.95),rgba(23,22,55,.94));
  box-shadow:0 10px 28px rgba(0,0,0,.16),0 0 18px rgba(57,230,255,.07);
}
.discover-quick-card > span { display:block;color:#91eaff;font-size:1.05rem;margin-bottom:.38rem; }
.discover-quick-card strong { display:block;color:#f5faff;font-size:.82rem;line-height:1.25; }
.discover-quick-card small { display:block;margin-top:.28rem;color:#88a1b8;font-size:.67rem;line-height:1.35; }

.discover-status-strip {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.65rem;
  margin-bottom:1rem;
}
.discover-status-strip > div {
  min-width:0;
  padding:.78rem .9rem;
  border:1px solid rgba(111,182,230,.20);
  border-radius:13px;
  background:rgba(5,17,31,.74);
}
.discover-status-strip span { display:block;color:#77ddff;font-size:.58rem;font-weight:900;letter-spacing:.11em; }
.discover-status-strip strong { display:block;margin-top:.22rem;color:#f0f7ff;font-size:.9rem; }
.discover-status-strip small { display:block;margin-top:.22rem;color:#8da6bc;font-size:.7rem;line-height:1.4; }

.discover-results-head {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:1rem;
  margin:1.05rem 0 .72rem;
  padding:.72rem .85rem;
  border:1px solid rgba(93,211,255,.24);
  border-radius:13px;
  background:linear-gradient(105deg,rgba(10,47,70,.65),rgba(23,24,62,.48));
  box-shadow:inset 3px 0 0 #63ddff;
}
.discover-results-head h2 { margin:.18rem 0 .15rem;color:#f8fcff;font-size:1.22rem; }
.discover-results-head p { margin:0;color:#a8bdd0;font-size:.76rem; }

.discover-results { display:grid;gap:.72rem; }
.discover-loading-card,
.discover-empty {
  padding:1.15rem;
  border:1px dashed rgba(123,181,225,.26);
  border-radius:14px;
  color:#9fb7cc;
  background:rgba(6,17,30,.58);
}
.radar-result-card {
  position:relative;
  overflow:hidden;
  border:1px solid rgba(105,172,224,.23);
  border-radius:16px;
  background:
    radial-gradient(circle at 95% 0%,rgba(139,124,255,.08),transparent 24rem),
    linear-gradient(145deg,rgba(7,24,40,.96),rgba(5,13,27,.96));
  box-shadow:0 12px 30px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.018);
}
.radar-result-card::before {
  content:'';
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(180deg,#6ce4ff,#938cff);
}
.radar-result-main { padding:.92rem 1rem .85rem; }
.radar-result-top {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:.8rem;
  align-items:start;
}
.radar-rank-line { display:flex;align-items:center;gap:.55rem;flex-wrap:wrap; }
.radar-rank {
  display:inline-grid;place-items:center;
  min-width:34px;height:28px;padding:0 .4rem;
  border:1px solid rgba(102,224,255,.38);border-radius:9px;
  color:#0a1721;background:#85ddff;font-size:.72rem;font-weight:950;
}
.radar-asset-name { color:#f6fbff;font-size:1.05rem;font-weight:900; }
.radar-symbol { color:#89dff7;font-size:.75rem;font-weight:800; }
.radar-type-badge { padding:.18rem .42rem;border-radius:999px;border:1px solid rgba(139,184,226,.22);color:#9eb8d0;font-size:.58rem;text-transform:uppercase;letter-spacing:.08em; }
.radar-research-rank { text-align:right; }
.radar-research-rank span { display:block;color:#78dcff;font-size:.57rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase; }
.radar-research-rank strong { display:block;color:#f6fbff;font-size:1.5rem;line-height:1; }
.radar-research-rank small { color:#8ea6bc;font-size:.62rem; }

.radar-metrics {
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:.48rem;
  margin-top:.75rem;
}
.radar-metric {
  min-width:0;
  padding:.55rem .62rem;
  border:1px solid rgba(122,171,213,.14);
  border-radius:10px;
  background:rgba(3,12,25,.64);
}
.radar-metric span { display:block;color:#7f9bb3;font-size:.55rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em; }
.radar-metric strong { display:block;margin-top:.18rem;color:#e9f6ff;font-size:.78rem;overflow-wrap:anywhere; }
.radar-metric strong.good { color:#76f1b2; }
.radar-metric strong.warn { color:#ffd27a; }
.radar-metric strong.risk { color:#ff9a96; }

.radar-body-grid {
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr);
  gap:.7rem;
  margin-top:.72rem;
}
.radar-why,
.radar-window {
  min-width:0;
  padding:.68rem .74rem;
  border:1px solid rgba(114,174,220,.15);
  border-radius:11px;
  background:rgba(5,15,29,.58);
}
.radar-why h4,
.radar-window h4 { margin:0 0 .4rem;color:#b7ebff;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em; }
.radar-why ul { margin:0;padding-left:1.05rem;color:#b6c8d8;font-size:.72rem;line-height:1.5; }
.radar-window-grid { display:grid;grid-template-columns:1fr 1fr;gap:.38rem; }
.radar-window-grid div { padding:.38rem;border-radius:8px;background:rgba(9,24,43,.8); }
.radar-window-grid span { display:block;color:#7e99b1;font-size:.54rem;text-transform:uppercase; }
.radar-window-grid strong { display:block;margin-top:.12rem;color:#edf7ff;font-size:.72rem; }
.radar-window-note { margin:.42rem 0 0;color:#7f9bb1;font-size:.62rem;line-height:1.4; }
.radar-no-window { color:#8198ac;font-size:.7rem;line-height:1.45; }

.radar-actions {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:.65rem;
  padding:.62rem 1rem .72rem;
  border-top:1px solid rgba(123,167,205,.12);
  background:rgba(3,10,21,.38);
}
.radar-actions-left { display:flex;gap:.5rem;align-items:center;flex-wrap:wrap; }
.radar-compare-label { display:inline-flex;align-items:center;gap:.35rem;color:#9db6cb;font-size:.67rem;cursor:pointer; }
.radar-compare-label input { width:18px;height:18px;accent-color:#75dcff; }
.radar-view-btn { min-height:38px;padding:.52rem .72rem;font-size:.72rem; }

.discover-compare-panel {
  margin:1rem 0;
  padding:.85rem;
  border:1px solid rgba(173,143,255,.30);
  border-radius:15px;
  background:linear-gradient(145deg,rgba(31,22,61,.84),rgba(7,17,31,.90));
  overflow:auto;
}
.discover-compare-panel h3 { margin:0 0 .65rem;color:#eadfff; }
.discover-compare-table { width:100%;min-width:760px;border-collapse:collapse;font-size:.73rem; }
.discover-compare-table th,.discover-compare-table td { padding:.55rem;border-bottom:1px solid rgba(151,132,205,.17);text-align:left; }
.discover-compare-table th { color:#bcecff;background:rgba(62,50,105,.24); }
.discover-compare-table td { color:#c1cfdd; }

.discover-why-not {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:.9rem;
  align-items:center;
  margin-top:1rem;
  padding:.92rem;
  border:1px solid rgba(159,130,245,.23);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(25,21,52,.62),rgba(5,15,28,.74));
}
.discover-why-not h3 { margin:.18rem 0 .26rem;color:#f0e9ff;font-size:1rem; }
.discover-why-not p { margin:0;color:#a8b8ca;font-size:.72rem;line-height:1.45; }
.discover-why-not-form { display:flex;gap:.5rem;align-items:center; }
.discover-why-not-form input { width:145px;min-height:42px; }
.discover-why-not-answer { grid-column:1/-1;padding:.7rem;border:1px solid rgba(132,205,255,.20);border-radius:10px;color:#bdd1e1;background:rgba(4,15,28,.66);font-size:.73rem;line-height:1.5; }
.discover-method-note {
  display:flex;
  gap:.5rem;
  margin-top:1rem;
  padding:.75rem .85rem;
  border:1px solid rgba(99,214,255,.16);
  border-radius:12px;
  color:#9eb4c8;
  background:rgba(5,16,29,.62);
  font-size:.7rem;
  line-height:1.5;
}
.discover-method-note strong { color:#b9eeff;white-space:nowrap; }

@media (max-width:1200px) {
  .discover-quick-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .radar-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:880px) {
  .discover-command-center { grid-template-columns:1fr; }
  .discover-quick-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .discover-status-strip { grid-template-columns:1fr; }
  .radar-body-grid { grid-template-columns:1fr; }
  .discover-why-not { grid-template-columns:1fr; }
  .discover-why-not-form { justify-content:stretch; }
  .discover-why-not-form input { width:auto;flex:1; }
  body.discover-active .evidence-workspace { margin-top:.65rem; }
}
@media (max-width:620px) {
  .discover-command-center { padding:.78rem;border-radius:14px; }
  .discover-query-shell { padding:.72rem; }
  #discoverQuery { min-height:112px;font-size:16px; }
  .discover-query-controls { grid-template-columns:1fr 1fr; }
  .discover-query-actions { grid-column:1/-1; }
  .discover-quick-grid { grid-template-columns:1fr 1fr;gap:.5rem; }
  .discover-quick-card { min-height:96px;padding:.65rem; }
  .discover-results-head { align-items:flex-start;flex-direction:column; }
  .radar-result-top { grid-template-columns:1fr; }
  .radar-research-rank { text-align:left;display:flex;align-items:baseline;gap:.35rem; }
  .radar-research-rank span { display:inline; }
  .radar-research-rank strong { font-size:1.25rem; }
  .radar-metrics { grid-template-columns:1fr 1fr; }
  .radar-window-grid { grid-template-columns:1fr 1fr; }
  .radar-actions { align-items:stretch;flex-direction:column; }
  .radar-view-btn { width:100%; }
  .discover-method-note { display:block; }
  .discover-method-note strong { display:block;margin-bottom:.3rem;white-space:normal; }
}
@media (max-width:390px) {
  .discover-quick-grid { grid-template-columns:1fr; }
  .radar-metrics { grid-template-columns:1fr 1fr; }
}
@media (prefers-reduced-motion:reduce) {
  .discover-quick-card { transition:none; }
  .discover-quick-card:hover { transform:none; }
}


/* ========================================================================== 
   v2.0.1 — Discover Signature Visual System
   Gives Discover a unique premium identity separate from Research blue and
   Scenario/Validation purple while preserving neutral research semantics.
   ========================================================================== */
:root {
  --discover-gold: #ffc95c;
  --discover-gold-soft: #ffe3a3;
  --discover-gold-pale: #fff0c3;
  --discover-bronze: #745018;
  --discover-deep: #2a1d08;
  --discover-cyan: #69e9ff;
}

/* Discover section label: darker, richer signature treatment like the other
   family headers, but with a distinct premium signal-gold identity. */
.discovery-group > .sidebar-group-heading {
  margin: -.16rem -.16rem 0;
  padding: .72rem .72rem .68rem;
  border: 1px solid rgba(255, 210, 111, .88);
  border-radius: 12px;
  background:
    radial-gradient(circle at 88% 18%, rgba(255, 220, 125, .18), transparent 38%),
    linear-gradient(135deg, rgba(81, 54, 10, .98) 0%, rgba(103, 63, 20, .95) 52%, rgba(49, 33, 58, .96) 100%);
  box-shadow:
    inset 4px 0 0 var(--discover-gold),
    inset 0 1px 0 rgba(255,255,255,.12),
    0 0 0 1px rgba(255, 201, 92, .12),
    0 0 26px rgba(255, 185, 62, .16);
}
.discovery-group > .sidebar-group-heading strong {
  color: var(--discover-gold-pale);
  text-shadow: 0 0 16px rgba(255, 201, 92, .22);
  letter-spacing: .115em;
}
.discovery-group > .sidebar-group-heading small {
  color: #f3dba9;
}

/* Give the Discover control intentional breathing room beneath its label. */
.discovery-group > .sidebar-nav-list {
  margin-top: .82rem;
}
.section-sidebar .discovery-tab.sidebar-nav-item {
  color: #f1dba6;
  border-color: rgba(255, 201, 92, .20);
  background: rgba(118, 75, 13, .045);
}
.section-sidebar .discovery-tab.sidebar-nav-item:hover,
.section-sidebar .discovery-tab.sidebar-nav-item:focus-visible {
  color: #fff0c3;
  border-color: rgba(255, 211, 115, .58);
  background: rgba(178, 112, 17, .11);
  box-shadow: 0 0 18px rgba(255, 190, 65, .08);
}
.section-sidebar .discovery-tab.sidebar-nav-item.active {
  color: #2a1902;
  border-color: #fff0c3;
  background: var(--discover-gold-soft);
  box-shadow:
    0 0 0 1px rgba(255, 246, 213, .34),
    0 0 26px rgba(255, 196, 75, .30),
    inset 0 1px 0 rgba(255,255,255,.52);
  font-weight: 920;
}
.section-sidebar .discovery-tab.sidebar-nav-item.active .sidebar-nav-icon {
  color: #2b1902;
  background: rgba(255,255,255,.30);
}

/* The content banner becomes a true Discover identity rather than another
   cyan Research banner. */
.active-section-banner.discover {
  border-color: rgba(255, 205, 94, .64);
  background:
    radial-gradient(circle at 88% 14%, rgba(92, 228, 255, .15), transparent 34%),
    radial-gradient(circle at 13% 12%, rgba(255, 196, 72, .18), transparent 37%),
    linear-gradient(135deg, rgba(43, 30, 10, .98), rgba(13, 31, 51, .98) 52%, rgba(29, 23, 59, .97));
  box-shadow:
    0 14px 34px rgba(0,0,0,.25),
    0 0 0 1px rgba(255, 205, 94, .08),
    0 0 34px rgba(255, 190, 65, .08),
    inset 0 1px 0 rgba(255,255,255,.045);
}
.active-section-banner.discover::before {
  background: linear-gradient(180deg, var(--discover-gold), var(--discover-cyan), #aa8cff);
}
.active-section-banner.discover .active-section-icon {
  color: #2b1902;
  border-color: rgba(255, 236, 177, .82);
  background: var(--discover-gold-soft);
  box-shadow: 0 0 22px rgba(255, 196, 75, .20), inset 0 1px 0 rgba(255,255,255,.48);
}
.active-section-banner.discover .active-section-group {
  color: var(--discover-gold-soft);
  text-shadow: 0 0 16px rgba(255, 201, 92, .18);
}

/* Flagship Discover command center. The radar rings are decorative only and
   deliberately use gold + cyan instead of green/red market direction colors. */
.discover-command-center {
  border-color: rgba(255, 205, 94, .42);
  background:
    linear-gradient(rgba(255, 201, 92, .025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(105, 233, 255, .024) 1px, transparent 1px),
    radial-gradient(circle at 89% 5%, rgba(105, 233, 255, .14), transparent 25rem),
    radial-gradient(circle at 8% 5%, rgba(255, 190, 65, .14), transparent 23rem),
    linear-gradient(145deg, rgba(18, 22, 33, .985), rgba(7, 19, 34, .985) 48%, rgba(20, 16, 42, .98));
  background-size: 30px 30px, 30px 30px, auto, auto, auto;
  box-shadow:
    inset 0 0 58px rgba(255, 199, 84, .025),
    0 0 0 1px rgba(255, 222, 143, .035),
    0 20px 52px rgba(0,0,0,.24),
    0 0 36px rgba(105, 233, 255, .04);
}
.discover-command-center::before {
  content: '';
  position: absolute;
  width: 300px;
  height: 300px;
  right: -104px;
  top: -118px;
  border-radius: 50%;
  pointer-events: none;
  opacity: .48;
  background:
    radial-gradient(circle, transparent 0 25%, rgba(105,233,255,.20) 25.4% 26%, transparent 26.4% 42%, rgba(255,201,92,.16) 42.4% 43%, transparent 43.4% 59%, rgba(105,233,255,.12) 59.4% 60%, transparent 60.4%),
    conic-gradient(from 205deg, transparent 0 76%, rgba(255,211,115,.20) 80%, transparent 84% 100%);
  filter: drop-shadow(0 0 16px rgba(105,233,255,.08));
}
.discover-command-center::after {
  background:
    linear-gradient(90deg, var(--discover-gold) 0 48px, transparent 48px) top left/112px 1px no-repeat,
    linear-gradient(270deg, var(--discover-cyan) 0 48px, transparent 48px) bottom right/112px 1px no-repeat;
  opacity: .92;
}

.discover-signal-row {
  display: flex;
  align-items: center;
  gap: .55rem;
  flex-wrap: wrap;
}
.discover-eyebrow {
  color: var(--discover-gold-soft);
  text-shadow: 0 0 14px rgba(255, 201, 92, .13);
}
.discover-live-badge {
  display: inline-flex;
  align-items: center;
  gap: .34rem;
  padding: .25rem .48rem;
  border: 1px solid rgba(105, 233, 255, .32);
  border-radius: 999px;
  color: #b7f5ff;
  background: rgba(14, 68, 83, .26);
  font-size: .54rem;
  font-weight: 900;
  letter-spacing: .085em;
  white-space: nowrap;
}
.discover-live-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--discover-gold);
  box-shadow: 0 0 0 3px rgba(255,201,92,.09), 0 0 9px rgba(255,201,92,.52);
}
.discover-hero-copy h2 {
  background: linear-gradient(92deg, #fff2c5 0%, #ffd16b 26%, #8feeff 62%, #d2c4ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 30px rgba(255, 199, 84, .08);
}
.discover-hero-copy p { color: #c1d1df; }

.discover-query-shell {
  border-color: rgba(255, 213, 118, .30);
  background:
    linear-gradient(145deg, rgba(26, 22, 21, .72), rgba(3, 17, 30, .82));
  box-shadow: inset 0 0 30px rgba(255, 196, 75, .018), 0 0 22px rgba(105,233,255,.025);
}
.discover-query-shell > label { color: #ffe7ac; }
#discoverQuery {
  border-color: rgba(255, 214, 124, .32);
  background: linear-gradient(145deg, #0b1522, #071425);
}
#discoverQuery:focus {
  outline-color: rgba(255, 207, 94, .76);
  border-color: var(--discover-gold);
  box-shadow: inset 0 0 24px rgba(255,201,92,.025), 0 0 18px rgba(255,201,92,.08);
}
.discover-search-btn {
  color: #251600;
  border-color: #ffe8ae;
  background: linear-gradient(135deg, #ffe5a5 0%, #ffd06c 48%, #9ceeff 100%);
  box-shadow: 0 8px 24px rgba(255, 195, 69, .16), inset 0 1px 0 rgba(255,255,255,.38);
  font-weight: 900;
}
.discover-search-btn:hover,
.discover-search-btn:focus-visible {
  color: #201200;
  border-color: #fff2c8;
  background: linear-gradient(135deg, #fff0c1 0%, #ffdb86 46%, #b9f5ff 100%);
}
.discover-quick-card {
  border-color: rgba(255, 207, 94, .16);
  background:
    radial-gradient(circle at 100% 0%, rgba(105,233,255,.055), transparent 55%),
    linear-gradient(150deg, rgba(18, 26, 38, .94), rgba(8, 16, 31, .94));
}
.discover-quick-card::after {
  content: '';
  position: absolute;
  left: .72rem;
  right: .72rem;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,201,92,.52), rgba(105,233,255,.42), transparent);
  opacity: .32;
}
.discover-quick-card:hover,
.discover-quick-card:focus-visible {
  border-color: rgba(255, 213, 111, .48);
  background:
    radial-gradient(circle at 100% 0%, rgba(105,233,255,.09), transparent 52%),
    linear-gradient(150deg, rgba(49, 38, 20, .95), rgba(12, 28, 46, .95));
  box-shadow: 0 12px 30px rgba(0,0,0,.18), 0 0 20px rgba(255,195,69,.06);
}
.discover-quick-card > span { color: var(--discover-gold-soft); }

.discover-status-strip > div {
  border-color: rgba(255, 207, 94, .19);
  background: linear-gradient(145deg, rgba(23, 24, 30, .78), rgba(5, 20, 34, .78));
}
.discover-status-strip span { color: var(--discover-gold-soft); }

.discover-results-head {
  border-color: rgba(255, 207, 94, .31);
  background:
    radial-gradient(circle at 95% 0%, rgba(105,233,255,.08), transparent 44%),
    linear-gradient(105deg, rgba(69, 46, 13, .66), rgba(13, 34, 53, .62) 54%, rgba(31, 25, 62, .55));
  box-shadow: inset 3px 0 0 var(--discover-gold), inset 0 1px 0 rgba(255,255,255,.035), 0 0 22px rgba(255,201,92,.04);
}
.discover-results-head .discover-eyebrow { color: #ffe3a3; }

.radar-result-card {
  border-color: rgba(255, 207, 94, .20);
  background:
    radial-gradient(circle at 95% 0%, rgba(105,233,255,.065), transparent 24rem),
    radial-gradient(circle at 0% 100%, rgba(255,201,92,.045), transparent 22rem),
    linear-gradient(145deg, rgba(12, 25, 37, .97), rgba(5, 13, 27, .97));
}
.radar-result-card::before {
  background: linear-gradient(180deg, var(--discover-gold), var(--discover-cyan), #a68cff);
}
.radar-rank {
  border-color: rgba(255, 222, 143, .52);
  color: #2a1902;
  background: var(--discover-gold-soft);
  box-shadow: 0 0 16px rgba(255,201,92,.10);
}
.radar-research-rank span { color: #ffd981; }

.discover-compare-panel,
.discover-why-not {
  border-color: rgba(255, 207, 94, .23);
  background:
    radial-gradient(circle at 100% 0%, rgba(105,233,255,.05), transparent 50%),
    rgba(8, 17, 31, .78);
}
.discover-why-not .discover-eyebrow,
.discover-method-note strong { color: #ffe0a0; }
.discover-method-note {
  border-color: rgba(255, 207, 94, .18);
  background: linear-gradient(105deg, rgba(44,32,12,.36), rgba(5,18,31,.66));
}

@media (max-width: 880px) {
  .discovery-group > .sidebar-nav-list { margin-top: .9rem; }
}
@media (max-width: 620px) {
  .discovery-group > .sidebar-group-heading { padding: .68rem .68rem .64rem; }
  .discovery-group > .sidebar-nav-list { margin-top: .86rem; }
  .discover-command-center::before {
    width: 220px;
    height: 220px;
    right: -92px;
    top: -94px;
    opacity: .34;
  }
  .discover-live-badge { font-size: .5rem; }
}
@media (prefers-reduced-motion: reduce) {
  .discover-live-dot { box-shadow: 0 0 0 3px rgba(255,201,92,.08); }
}


/* ========================================================================== 
   v2.0.2 — Compare Selected interaction feedback
   A selected asset is visually acknowledged immediately. Comparison remains
   unavailable until at least two assets are selected.
   ========================================================================== */
#discoverCompareBtn {
  min-height: 42px;
  padding: .68rem .92rem;
  border: 1px solid rgba(255, 213, 118, .28);
  border-radius: 11px;
  color: #d7c89f;
  background: rgba(57, 43, 18, .22);
  font-weight: 900;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
  transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}
#discoverCompareBtn:disabled {
  cursor: not-allowed;
  opacity: .72;
}
#discoverCompareBtn.has-selection {
  color: #2a1902;
  border-color: #fff0c3;
  background: #ffe3a3;
  opacity: 1;
  box-shadow: 0 0 0 1px rgba(255, 246, 213, .24), 0 0 20px rgba(255, 201, 92, .14), inset 0 1px 0 rgba(255,255,255,.48);
}
#discoverCompareBtn.has-selection:disabled {
  cursor: not-allowed;
  opacity: 1;
}
#discoverCompareBtn.ready-to-compare {
  color: #251600;
  border-color: #ffe8ae;
  background: #ffc95c;
  cursor: pointer;
  box-shadow: 0 0 0 1px rgba(255, 239, 190, .22), 0 0 24px rgba(255, 201, 92, .24), inset 0 1px 0 rgba(255,255,255,.40);
}
#discoverCompareBtn.ready-to-compare:hover,
#discoverCompareBtn.ready-to-compare:focus-visible {
  background: #ffd879;
  border-color: #fff2c8;
  box-shadow: 0 0 0 2px rgba(255, 238, 186, .18), 0 0 28px rgba(255, 201, 92, .30), inset 0 1px 0 rgba(255,255,255,.48);
  transform: translateY(-1px);
}
@media (prefers-reduced-motion: reduce) {
  #discoverCompareBtn { transition: none; }
  #discoverCompareBtn.ready-to-compare:hover,
  #discoverCompareBtn.ready-to-compare:focus-visible { transform: none; }
}


/* ========================================================================== 
   v2.0.2 — Selected Radar Card + Workspace Family Surfaces
   Makes compare selections obvious at the full result-card level and gives
   Discover / Research the same contained translucent workspace depth used by
   Scenario Explorer & Validation.
   ========================================================================== */

/* Research now has the same contained translucent depth as the purple
   Scenario Explorer & Validation family, but remains distinctly light blue. */
.evidence-analysis-group {
  border-color: rgba(105, 233, 255, .38);
  background:
    radial-gradient(circle at 88% 4%, rgba(105, 233, 255, .14), transparent 52%),
    linear-gradient(155deg, rgba(19, 58, 86, .68), rgba(8, 24, 45, .68));
  box-shadow:
    inset 0 0 0 1px rgba(105, 185, 255, .08),
    0 10px 26px rgba(0, 0, 0, .16),
    0 0 22px rgba(105, 233, 255, .035);
}

/* Discover receives its own translucent signal-gold surface with a restrained
   cyan depth accent so the entire family reads as one premium workspace. */
.discovery-group {
  margin-top: 0;
  padding: .62rem;
  border: 1px solid rgba(255, 201, 92, .38);
  border-radius: 14px;
  background:
    radial-gradient(circle at 88% 4%, rgba(255, 201, 92, .15), transparent 48%),
    radial-gradient(circle at 10% 100%, rgba(105, 233, 255, .08), transparent 55%),
    linear-gradient(155deg, rgba(75, 48, 13, .64), rgba(13, 29, 49, .66));
  box-shadow:
    inset 0 0 0 1px rgba(255, 220, 143, .07),
    0 10px 26px rgba(0, 0, 0, .16),
    0 0 22px rgba(255, 201, 92, .045);
}
.discovery-group > .sidebar-group-heading {
  margin: -.16rem -.16rem 0;
}

/* Selecting a candidate for Compare highlights the whole product/result
   window immediately. This is a selection identity, not a bullish signal. */
.radar-result-card {
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease, transform .18s ease;
}
.radar-result-card.selected-for-compare {
  border-color: rgba(255, 230, 164, .94);
  background:
    radial-gradient(circle at 95% 0%, rgba(105, 233, 255, .12), transparent 24rem),
    radial-gradient(circle at 0% 100%, rgba(255, 201, 92, .12), transparent 22rem),
    linear-gradient(145deg, rgba(35, 37, 39, .985), rgba(9, 24, 39, .985));
  box-shadow:
    0 0 0 1px rgba(255, 246, 213, .28),
    0 0 30px rgba(255, 201, 92, .17),
    0 16px 34px rgba(0, 0, 0, .20),
    inset 0 0 34px rgba(105, 233, 255, .025);
}
.radar-result-card.selected-for-compare::before {
  width: 5px;
  background: linear-gradient(180deg, #ffe3a3, #ffc95c 44%, #69e9ff 76%, #a68cff);
  box-shadow: 0 0 18px rgba(255, 201, 92, .34);
}
.radar-result-card.selected-for-compare .radar-actions {
  border-top-color: rgba(255, 220, 143, .24);
  background: linear-gradient(90deg, rgba(88, 59, 13, .28), rgba(7, 27, 42, .36));
}
.radar-result-card.selected-for-compare .radar-compare-label {
  color: #2a1902;
  padding: .28rem .5rem;
  border: 1px solid rgba(255, 240, 195, .88);
  border-radius: 8px;
  background: #ffe3a3;
  font-weight: 900;
  box-shadow: 0 0 16px rgba(255, 201, 92, .12);
}
.radar-result-card.selected-for-compare .radar-compare-label input {
  accent-color: #d89316;
}

@media (max-width: 620px) {
  .evidence-analysis-group,
  .discovery-group { padding: .5rem; }
}
@media (prefers-reduced-motion: reduce) {
  .radar-result-card { transition: none; }
}


/* ==========================================================================
   v2.0.3 — Release Quality Cleanup
   Small-phone containment, mobile information density, and touch usability.
   ========================================================================== */
.discover-quick-toggle {
  display: none;
  width: 100%;
  min-height: 44px;
  margin: .58rem 0 .12rem;
  border-color: rgba(255, 213, 118, .34);
  color: #ffe3a3;
  background: linear-gradient(145deg, rgba(57, 43, 18, .50), rgba(8, 25, 42, .76));
  font-weight: 850;
}
.discover-quick-toggle:hover,
.discover-quick-toggle:focus-visible {
  border-color: rgba(255, 230, 164, .72);
  background: linear-gradient(145deg, rgba(86, 59, 14, .62), rgba(10, 35, 55, .84));
}
.discover-why-not,
.discover-why-not > *,
.discover-why-not-form,
.discover-why-not-form > * { min-width: 0; }
.discover-why-not-answer,
.discover-why-not p { overflow-wrap: anywhere; }

@media (max-width: 620px) {
  .discover-quick-toggle { display: inline-flex; align-items: center; justify-content: center; }
  .discover-quick-grid:not(.expanded) .discover-quick-card:nth-child(n+7) { display: none; }
  .sidebar-close-btn, .help, .language-control select, #discoverWhyNotBtn, #discoverCompareBtn, .discover-quick-toggle { min-height: 44px; }
  .sidebar-close-btn, .help { min-width: 44px; }
}
@media (max-width: 480px) {
  .discover-why-not-form { display: grid; grid-template-columns: minmax(0, 1fr); align-items: stretch; width: 100%; }
  .discover-why-not-form input, #discoverWhyNotBtn { width: 100%; max-width: 100%; min-width: 0; }
  .discover-why-not-form input { min-height: 44px; }
}
@media (max-width: 360px) {
  .discover-command-center, .discover-query-shell, .discover-status-strip > div, .discover-results-head, .discover-why-not, .discover-method-note { padding-left: .62rem; padding-right: .62rem; }
}


/* ==========================================================================
   v2.0.4 — Smart Search & Ranking Intelligence
   ========================================================================== */
#discoverLimitControl[hidden] { display: none !important; }
.radar-focus-badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: .25rem .55rem;
  border: 1px solid rgba(255, 215, 122, .75);
  border-radius: 999px;
  background: rgba(255, 199, 87, .13);
  color: #ffe3a1;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .08em;
}
.radar-result-card.focused-asset-card {
  border-color: rgba(255, 215, 122, .55);
  box-shadow: 0 0 0 1px rgba(255, 215, 122, .08), 0 18px 44px rgba(0, 0, 0, .22);
}
.radar-direct-answer {
  margin: .9rem 0 0;
  padding: .9rem 1rem;
  border: 1px solid rgba(121, 220, 255, .32);
  border-left: 3px solid rgba(255, 215, 122, .92);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(255, 199, 87, .09), rgba(80, 203, 255, .06));
}
.radar-direct-answer > span {
  display: block;
  margin-bottom: .35rem;
  color: #ffe3a1;
  font-size: .72rem;
  font-weight: 850;
  letter-spacing: .1em;
}
.radar-direct-answer p { margin: 0; color: var(--text); line-height: 1.55; }
.discover-uncovered .primary-btn { margin-top: .65rem; width: auto; }
@media (max-width: 620px) {
  .discover-uncovered .primary-btn { width: 100%; min-height: 44px; }
  .radar-direct-answer { padding: .82rem .88rem; }
}

/* ==========================================================================
   v2.1.0 — Trust & Evidence Transparency
   Explainability, point-of-use freshness, concise research snapshot, and
   Forward Track Record integrity metadata.
   ========================================================================== */
.research-snapshot-card {
  margin: 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(121, 220, 255, .34);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(15, 58, 82, .38), rgba(14, 28, 48, .84));
  box-shadow: inset 3px 0 0 rgba(121, 220, 255, .72), 0 14px 34px rgba(0, 0, 0, .16);
}
.research-snapshot-head { display: flex; align-items: center; justify-content: space-between; gap: .8rem; margin-bottom: .8rem; }
.research-snapshot-head h2 { margin: .1rem 0 0; font-size: clamp(1.05rem, 2vw, 1.3rem); }
.trust-badge {
  display: inline-flex; align-items: center; min-height: 28px; padding: .24rem .58rem;
  border: 1px solid rgba(121, 220, 255, .48); border-radius: 999px;
  background: rgba(52, 177, 219, .10); color: #bcefff; font-size: .68rem; font-weight: 850; letter-spacing: .08em;
}
.research-snapshot-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .62rem; }
.research-snapshot-grid article {
  min-width: 0; padding: .72rem; border: 1px solid rgba(148, 209, 235, .15); border-radius: 12px;
  background: rgba(3, 19, 32, .44);
}
.research-snapshot-grid span, .evidence-freshness-strip small, .radar-freshness small {
  display: block; color: var(--muted); font-size: .7rem; font-weight: 750; letter-spacing: .03em; text-transform: uppercase;
}
.research-snapshot-grid strong { display: block; margin-top: .32rem; overflow-wrap: anywhere; line-height: 1.38; font-size: .84rem; }
.evidence-freshness-strip, .radar-freshness {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .45rem; margin-top: .7rem;
  padding-top: .65rem; border-top: 1px solid rgba(121, 220, 255, .13);
}
.evidence-freshness-strip span, .radar-freshness span { min-width: 0; }
.evidence-freshness-strip strong, .radar-freshness strong { display: block; margin-top: .18rem; overflow-wrap: anywhere; font-size: .76rem; line-height: 1.35; }
.radar-freshness { margin-top: .82rem; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.rank-explanation { margin: .82rem 0 0; border: 1px solid rgba(255, 213, 118, .22); border-radius: 12px; background: rgba(17, 26, 40, .54); overflow: hidden; }
.rank-explanation summary { cursor: pointer; min-height: 42px; padding: .68rem .82rem; color: #ffe3a3; font-weight: 820; list-style-position: inside; }
.rank-explanation summary:hover, .rank-explanation summary:focus-visible { background: rgba(255, 201, 92, .07); }
.rank-explanation-body { padding: .2rem .82rem .82rem; }
.rank-explanation-title { display: flex; justify-content: space-between; gap: .8rem; margin-bottom: .45rem; }
.rank-explanation-title span { color: #ffe3a3; font-weight: 900; }
.rank-explain-row { display: flex; align-items: center; justify-content: space-between; gap: .7rem; padding: .38rem 0; border-top: 1px solid rgba(255,255,255,.06); }
.rank-explain-row span { min-width: 0; }
.rank-explain-row strong, .rank-explain-row small { display: block; }
.rank-explain-row small { margin-top: .12rem; color: var(--muted); }
.rank-explain-row b { flex: 0 0 auto; font-variant-numeric: tabular-nums; }
.rank-missing { margin-top: .55rem; padding: .6rem .68rem; border-radius: 9px; background: rgba(255, 190, 69, .06); }
.rank-missing ul { margin: .35rem 0 0; padding-left: 1.1rem; }
.rank-explanation-body > p { margin: .62rem 0 0; color: var(--muted); font-size: .78rem; line-height: 1.45; }
.source-asof { color: var(--muted); font-size: .76rem; }
.validation-integrity { margin: .75rem 0; padding: .62rem .72rem; border: 1px solid rgba(201, 167, 247, .24); border-radius: 10px; background: rgba(42, 24, 69, .18); }
.validation-integrity summary { cursor: pointer; color: #e0c8ff; font-weight: 750; }
.validation-integrity code { display: block; margin-top: .55rem; padding: .55rem; max-width: 100%; overflow-wrap: anywhere; white-space: normal; border-radius: 8px; background: rgba(4, 11, 20, .64); }
.validation-integrity small { display: block; margin-top: .5rem; color: var(--muted); line-height: 1.4; }
.validation-ledger-meta .good { color: var(--good); }
.validation-ledger-meta .warn { color: var(--warn); }
.validation-ledger-meta .risk { color: var(--risk); }

@media (max-width: 980px) {
  .research-snapshot-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .research-snapshot-grid article:last-child { grid-column: 1 / -1; }
}
@media (max-width: 620px) {
  .research-snapshot-head { align-items: flex-start; flex-direction: column; }
  .research-snapshot-grid, .evidence-freshness-strip, .radar-freshness { grid-template-columns: 1fr; }
  .rank-explanation summary { min-height: 44px; }
}
.source-row { grid-template-columns: 1.2fr .85fr 1fr 1fr; }
@media (max-width: 720px) { .source-row { grid-template-columns: 1fr; gap: .18rem; } }

/* v2.1.1 — Evidence Consistency & Report Clarity */
.snapshot-detail-toggle {
  width: 100%;
  min-height: 44px;
  margin: .85rem 0 1rem;
  border-color: rgba(121, 220, 255, .62);
  background: rgba(62, 176, 220, .10);
}
.snapshot-detail-toggle:hover,
.snapshot-detail-toggle:focus-visible {
  border-color: rgba(168, 236, 255, .92);
  background: rgba(91, 203, 238, .16);
}
.snapshot-deep-dive { min-width: 0; }
.snapshot-deep-dive[hidden] { display: none !important; }
.business-number-row small + small { display: block; margin-top: .28rem; }

/* v2.1.10 — Forward Completed Watch Windows inline chart interaction
   Matches Historical Replay: select a card to insert its chart directly below,
   select another card to move/update it, select the same card again to close. */
.forward-validation-inline-chart {
  width: 100%;
  min-width: 0;
  margin: -.08rem 0 .2rem;
  padding: .7rem;
  border: 1px solid rgba(189,140,255,.34);
  border-radius: 16px;
  background:
    radial-gradient(circle at 92% 5%,rgba(189,140,255,.11),transparent 24rem),
    linear-gradient(180deg,rgba(22,16,46,.97),rgba(8,13,30,.97));
  box-shadow: 0 16px 38px rgba(0,0,0,.22), 0 0 28px rgba(189,140,255,.05);
  opacity: 0;
  transform: translateY(-5px);
  transition: opacity .16s ease, transform .16s ease;
}
.forward-validation-inline-chart.is-visible { opacity: 1; transform: translateY(0); }
.forward-validation-inline-chart .validation-chart-title { margin-top: 0; }
.forward-validation-inline-chart .validation-path-panel { margin: .6rem 0 0; }
.forward-validation-inline-chart .validation-path-card { margin: 0; }
@media (max-width: 620px) {
  .forward-validation-inline-chart { padding: .52rem; border-radius: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .forward-validation-inline-chart { opacity: 1; transform: none; transition: none; }
}


/* v2.1.10 — Forward Completed Watch Windows responsive header alignment */
@media (max-width: 640px) {
  .validation-completed-title { align-items: flex-start; }
  .validation-completed-title h3 { width: 100%; }
}

/* ========================================================================== 
   v2.2.9 — Discover Mobile Control Layout
   Prevent tablet/mobile Evidence Radar controls from squeezing action labels.
   ========================================================================== */
.discover-query-controls,
.discover-query-controls > *,
.discover-query-actions,
.discover-query-actions > * {
  min-width: 0;
}
.discover-search-btn {
  max-width: 100%;
  min-width: 0;
  line-height: 1.18;
  text-align: center;
  overflow: hidden;
  text-overflow: clip;
}

@media (max-width: 880px) {
  .discover-query-controls {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: end;
  }
  .discover-query-actions {
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 2fr) minmax(96px, .72fr);
    width: 100%;
  }
  .discover-search-btn {
    width: 100%;
    min-height: 48px;
    white-space: nowrap;
  }
}

@media (max-width: 620px) {
  .discover-query-controls {
    grid-template-columns: minmax(0, 1fr);
  }
  .discover-query-controls > label,
  .discover-query-actions {
    grid-column: 1;
    width: 100%;
  }
  .discover-query-actions {
    grid-template-columns: minmax(0, 2fr) minmax(92px, .72fr);
  }
}

@media (max-width: 430px) {
  .discover-query-actions {
    grid-template-columns: minmax(0, 1fr);
  }
  .discover-search-btn {
    white-space: normal;
    overflow-wrap: anywhere;
  }
}

/* ========================================================================== 
   v2.3.0 — User Experience & Information Architecture
   Plain-language navigation, purpose-first section context, and optional
   Simple/Detailed presentation without changing underlying research logic.
   ========================================================================== */
.ux-view-control {
  min-width: 220px;
  display: grid;
  gap: .32rem;
  justify-items: end;
  align-self: stretch;
  align-content: center;
  padding-left: 1rem;
  border-left: 1px solid rgba(125,238,255,.16);
}
.ux-view-label {
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #8fa9c0;
}
.ux-view-buttons {
  display: inline-grid;
  grid-template-columns: 1fr 1fr;
  padding: 3px;
  border: 1px solid rgba(125,238,255,.22);
  border-radius: 999px;
  background: rgba(4,15,27,.76);
}
.ux-view-btn {
  border: 0;
  border-radius: 999px;
  padding: .44rem .72rem;
  min-width: 82px;
  background: transparent;
  color: #a9bfd4;
  font: inherit;
  font-size: .76rem;
  font-weight: 800;
  cursor: pointer;
}
.ux-view-btn.active {
  background: linear-gradient(135deg, rgba(57,230,255,.22), rgba(155,140,255,.2));
  color: #f8fdff;
  box-shadow: inset 0 0 0 1px rgba(125,238,255,.26);
}
.ux-view-control small {
  max-width: 250px;
  color: #7893aa;
  font-size: .66rem;
  line-height: 1.35;
  text-align: right;
}
.technical-alias {
  margin-top: .18rem;
  color: #91a7bc;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .035em;
}
.verify-group > .sidebar-group-heading {
  border-color: rgba(73,242,164,.18);
  background: linear-gradient(135deg, rgba(73,242,164,.055), rgba(57,230,255,.025));
}
.verify-group > .sidebar-group-heading strong { color: #98f4c4; }
.verify-group > .sidebar-group-heading small { color: #a9c8b9; }
.ux-source-card { margin-top: 0; }
body.ux-simple-view .ux-detail-only { display: none !important; }
body.ux-detailed-view .ux-detail-only { display: block; }
body.ux-detailed-view .validation-two-column.ux-detail-only { display: grid; }

/* Make the page hierarchy read like a guided workflow rather than a tool list. */
.sidebar-group-heading strong { letter-spacing: .085em; }
.active-section-banner .active-section-group { letter-spacing: .11em; }
.active-section-banner p { max-width: 78ch; }

@media (max-width: 880px) {
  .asset-hero { flex-wrap: wrap; }
  .ux-view-control {
    width: 100%;
    min-width: 0;
    grid-template-columns: auto auto minmax(0,1fr);
    align-items: center;
    justify-items: start;
    border-left: 0;
    border-top: 1px solid rgba(125,238,255,.14);
    padding: .62rem 0 0;
  }
  .ux-view-control small { max-width: none; text-align: left; }
}
@media (max-width: 620px) {
  .ux-view-control { grid-template-columns: 1fr; }
  .ux-view-buttons { width: 100%; }
  .ux-view-btn { min-height: 44px; }
}


/* ========================================================================== 
   v2.3.1 — Simple & Advanced Views + Section Navigation
   Progressive disclosure for every research workspace without changing data.
   ========================================================================== */
.ux-section-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin: 0 0 .9rem;
  padding: .72rem .82rem;
  border: 1px solid rgba(125,238,255,.18);
  border-radius: 14px;
  background: rgba(5,18,31,.72);
}
.ux-section-toolbar-copy { display: grid; gap: .12rem; min-width: 0; }
.ux-section-toolbar-copy strong { color: #d9f7ff; font-size: .78rem; letter-spacing: .09em; text-transform: uppercase; }
.ux-section-toolbar-copy small { color: #87a5bd; font-size: .69rem; line-height: 1.35; }
.ux-section-toolbar-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .4rem; }
.ux-section-toolbar-btn {
  min-height: 38px;
  padding: .45rem .72rem;
  border: 1px solid rgba(125,238,255,.22);
  border-radius: 10px;
  background: #10283d;
  color: #cdeefa;
  font: inherit;
  font-size: .72rem;
  font-weight: 800;
  cursor: pointer;
}
.ux-section-shell { margin: 0 0 .78rem; min-width: 0; }
.ux-section-toggle {
  width: 100%;
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
  padding: .72rem .88rem;
  border: 1px solid rgba(100,225,255,.28);
  border-radius: 13px;
  background: #15334d;
  color: #effcff;
  text-align: left;
  font: inherit;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
.ux-section-toggle:hover, .ux-section-toggle:focus-visible { background: #1a405f; border-color: rgba(105,233,255,.48); outline: none; }
.ux-section-shell.is-open > .ux-section-toggle { border-radius: 13px 13px 7px 7px; background: #1a405f; }
.ux-section-toggle-main { display: flex; align-items: center; gap: .55rem; min-width: 0; }
.ux-section-toggle-label { min-width: 0; font-weight: 850; letter-spacing: .015em; line-height: 1.25; overflow-wrap: anywhere; }
.ux-section-toggle-state { flex: 0 0 auto; display: inline-flex; align-items: center; gap: .42rem; color: #aeeeff; font-size: .72rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.ux-section-toggle-icon { width: 1em; text-align: center; }
.ux-section-level-badge {
  flex: 0 0 auto;
  padding: .18rem .42rem;
  border: 1px solid rgba(191,151,255,.36);
  border-radius: 999px;
  background: #372954;
  color: #decaff;
  font-size: .61rem;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.ux-section-content {
  min-width: 0;
  padding: .88rem;
  border: 1px solid rgba(125,238,255,.13);
  border-top: 0;
  border-radius: 0 0 13px 13px;
  background: rgba(9,27,43,.66);
}
.ux-section-content[hidden] { display: none !important; }
.ux-section-content > :first-child { margin-top: 0; }
.ux-section-content > :last-child { margin-bottom: 0; }
.ux-section-content .section-title-row:first-child { margin-top: 0; }
.ux-section-content .validation-mode-heading:first-child { margin-top: 0; }
body.ux-simple-view .ux-advanced-section { display: none !important; }
body.ux-detailed-view .ux-advanced-section,
body.ux-advanced-view .ux-advanced-section { display: block; }
/* The v2.3.1 section system replaces Overview's one large legacy deep-dive toggle. */
#snapshotDetailsToggle[hidden] { display: none !important; }
#snapshotDeepDive { display: block; }

@media (max-width: 620px) {
  .ux-section-toolbar { align-items: stretch; flex-direction: column; }
  .ux-section-toolbar-actions { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
  .ux-section-toolbar-btn { width: 100%; min-width: 0; }
  .ux-section-toggle { min-height: 50px; padding: .68rem .72rem; }
  .ux-section-toggle-main { align-items: flex-start; flex-direction: column; gap: .28rem; }
  .ux-section-content { padding: .74rem; }
}
@media (max-width: 390px) {
  .ux-section-toolbar-actions { grid-template-columns: 1fr; }
  .ux-section-toggle { gap: .55rem; }
  .ux-section-toggle-state { font-size: .67rem; }
}


/* ========================================================================== 
   v2.3.2 — Verify Visibility + Collapsed Sections + Back to Top
   Stronger green Verify hierarchy, green Sources states, and a scroll-return
   control. Presentation only; no analytics/provider behavior changes.
   ========================================================================== */
.verify-group > .sidebar-group-heading {
  border-color: #4ce6a4;
  background: #239b69;
  box-shadow: inset 3px 0 0 #83ffc4, 0 0 22px rgba(73,242,164,.16);
}
.verify-group > .sidebar-group-heading strong { color: #f4fff9; }
.verify-group > .sidebar-group-heading small { color: #dcf8e9; }
.section-sidebar .verify-group .sidebar-nav-item.tab:not(.active) {
  color: #c9f6dc;
  border-color: rgba(120,240,177,.32);
  background: rgba(113,224,165,.095);
}
.section-sidebar .verify-group .sidebar-nav-item.tab:not(.active) .sidebar-nav-icon {
  color: #a8ecc7;
  background: rgba(108,226,164,.08);
}
.section-sidebar .verify-group .sidebar-nav-item.tab:hover,
.section-sidebar .verify-group .sidebar-nav-item.tab:focus-visible {
  color: #e9fff2;
  border-color: rgba(140,248,192,.58);
  background: rgba(113,224,165,.16);
}
.section-sidebar .verify-group .sidebar-nav-item.tab.active {
  color: #082115;
  border-color: #d5ffe7;
  background: #9aefbe;
  box-shadow: 0 0 22px rgba(105,234,165,.24), inset 0 1px 0 rgba(255,255,255,.42);
  font-weight: 900;
}
.section-sidebar .verify-group .sidebar-nav-item.tab.active .sidebar-nav-icon {
  color: #082115;
  background: rgba(255,255,255,.32);
}

.back-to-top-btn {
  position: fixed;
  right: max(18px, calc(env(safe-area-inset-right) + 14px));
  bottom: max(18px, calc(env(safe-area-inset-bottom) + 14px));
  z-index: 65;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(141,238,190,.72);
  border-radius: 999px;
  background: #173f32;
  color: #d9ffeb;
  box-shadow: 0 8px 26px rgba(0,0,0,.32), 0 0 18px rgba(73,242,164,.12);
  font: inherit;
  font-size: 1.35rem;
  font-weight: 900;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(10px);
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease, background .18s ease;
}
.back-to-top-btn.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}
.back-to-top-btn:hover,
.back-to-top-btn:focus-visible {
  background: #24634d;
  border-color: #b9ffd7;
  outline: 2px solid rgba(154,239,190,.28);
  outline-offset: 2px;
}
@media (max-width: 620px) {
  .back-to-top-btn {
    width: 46px;
    height: 46px;
    right: max(12px, calc(env(safe-area-inset-right) + 10px));
    bottom: max(12px, calc(env(safe-area-inset-bottom) + 10px));
  }
}
@media (prefers-reduced-motion: reduce) {
  .back-to-top-btn { transition: none; }
}

/* ========================================================================== 
   v2.3.3 — Verify Pill Geometry Hotfix
   Match the VERIFY group heading to the rounded sidebar-tab silhouette.
   ========================================================================== */
.verify-group > .sidebar-group-heading.verify-heading {
  padding: .68rem .72rem;
  border: 1px solid #4ce6a4;
  border-radius: 11px;
  min-height: 46px;
}
.verify-group > .sidebar-group-heading.verify-heading small {
  margin-top: .18rem;
}


/* ==========================================================================
   v2.3.5 — Guided Tips & Step-by-Step Help
   Optional translucent contextual coaching for tabs and section navigation.
   ========================================================================== */
.market-data-tip-stack {
  display: grid;
  justify-items: center;
  gap: .28rem;
  min-width: 0;
}
.guided-tips-controls {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .28rem;
}
.guided-tips-toggle,
.guided-tip-replay {
  min-height: 28px;
  border: 1px solid rgba(137,230,255,.24);
  background: rgba(8,28,43,.58);
  color: #a9c9da;
  font: inherit;
  font-size: .62rem;
  font-weight: 850;
  cursor: pointer;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.guided-tips-toggle {
  display: inline-flex;
  align-items: center;
  gap: .34rem;
  padding: .28rem .52rem;
  border-radius: 999px;
}
.guided-tips-toggle.is-on {
  color: #dfffee;
  border-color: rgba(101,232,163,.48);
  background: rgba(32,124,86,.38);
}
.guided-tips-toggle-state {
  min-width: 1.7rem;
  padding: .1rem .3rem;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  color: inherit;
  text-align: center;
}
.guided-tip-replay {
  width: 28px;
  padding: 0;
  border-radius: 50%;
  color: #b8edff;
}
.guided-tips-toggle:hover,
.guided-tips-toggle:focus-visible,
.guided-tip-replay:hover,
.guided-tip-replay:focus-visible {
  outline: none;
  border-color: rgba(143,240,255,.64);
  background: rgba(16,52,72,.78);
}
.guided-tip-popover {
  position: fixed;
  z-index: 3200;
  width: min(390px, calc(100vw - 24px));
  max-height: min(620px, calc(100vh - 32px));
  overflow: auto;
  padding: .9rem;
  border: 1px solid rgba(132,232,255,.38);
  border-radius: 16px;
  background: rgba(5,18,30,.87);
  color: #edfaff;
  box-shadow: 0 18px 55px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter: blur(18px) saturate(125%);
  -webkit-backdrop-filter: blur(18px) saturate(125%);
}
.guided-tip-popover[hidden] { display: none !important; }
.guided-tip-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .7rem;
}
.guided-tip-eyebrow {
  color: #89eaff;
  font-size: .64rem;
  font-weight: 900;
  letter-spacing: .12em;
}
.guided-tip-close {
  width: 34px;
  height: 34px;
  border: 1px solid rgba(141,215,235,.22);
  border-radius: 10px;
  background: rgba(255,255,255,.045);
  color: #dff8ff;
  font: inherit;
  font-size: 1.12rem;
  cursor: pointer;
}
.guided-tip-popover h3 {
  margin: .35rem 0 .7rem;
  color: #fff;
  font-size: 1.02rem;
  line-height: 1.25;
}
.guided-tip-copy {
  display: grid;
  gap: .62rem;
}
.guided-tip-copy > div {
  padding: .62rem .68rem;
  border: 1px solid rgba(120,187,217,.14);
  border-radius: 11px;
  background: rgba(12,37,55,.48);
}
.guided-tip-copy strong {
  display: block;
  margin-bottom: .18rem;
  color: #a8efff;
  font-size: .69rem;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.guided-tip-copy p {
  margin: 0;
  color: #d5e5ef;
  font-size: .79rem;
  line-height: 1.48;
}
.guided-tip-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .46rem;
  margin-top: .78rem;
}
.guided-tip-next,
.guided-tip-dismiss {
  min-height: 40px;
  padding: .5rem .75rem;
  border-radius: 10px;
  font: inherit;
  font-size: .73rem;
  font-weight: 850;
  cursor: pointer;
}
.guided-tip-next {
  flex: 1 1 180px;
  border: 1px solid rgba(110,235,255,.5);
  background: rgba(42,155,183,.44);
  color: #effdff;
}
.guided-tip-dismiss {
  flex: 0 0 auto;
  border: 1px solid rgba(159,184,205,.22);
  background: rgba(255,255,255,.045);
  color: #c9dce8;
}
.guided-tip-next:hover,
.guided-tip-next:focus-visible,
.guided-tip-dismiss:hover,
.guided-tip-dismiss:focus-visible,
.guided-tip-close:hover,
.guided-tip-close:focus-visible {
  outline: none;
  border-color: rgba(155,239,255,.68);
  background-color: rgba(39,91,112,.72);
}
@media (max-width: 720px) {
  .market-data-tip-stack { justify-items: end; }
  .guided-tips-toggle, .guided-tip-replay { min-height: 32px; }
  .guided-tip-popover {
    width: auto !important;
    max-height: min(70vh, 540px);
    border-radius: 15px;
  }
  .guided-tip-copy p { font-size: .82rem; }
  .guided-tip-next, .guided-tip-dismiss { min-height: 44px; }
}
@media (max-width: 430px) {
  .guided-tip-actions { display: grid; grid-template-columns: 1fr; }
  .guided-tip-next, .guided-tip-dismiss { width: 100%; }
}

/* v2.4.0 Watchlist Command Center + Centered Evidence Radar */
.topbar-inner {
  align-items: center;
  gap: 1rem;
}
.top-center-radar {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  min-width: 0;
}
.radar-center-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .75rem;
  min-width: 210px;
  padding: .82rem 1.15rem;
  border-radius: 999px;
  border: 1px solid rgba(89, 212, 255, .4);
  background:
    radial-gradient(circle at center, rgba(77, 190, 255, .18) 0, rgba(77, 190, 255, .08) 35%, rgba(7, 17, 31, .98) 72%),
    linear-gradient(135deg, rgba(18, 36, 64, .96), rgba(8, 17, 30, .98));
  color: #eaf8ff;
  box-shadow: 0 0 0 1px rgba(98, 203, 255, .08) inset, 0 10px 28px rgba(0, 0, 0, .28), 0 0 28px rgba(70, 170, 255, .16);
  cursor: pointer;
  overflow: hidden;
}
.radar-center-btn:hover,
.radar-center-btn:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 0 0 1px rgba(98, 203, 255, .12) inset, 0 12px 32px rgba(0, 0, 0, .34), 0 0 36px rgba(70, 170, 255, .22);
}
.radar-center-sweep {
  position: absolute;
  inset: 8px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent 0%, rgba(104, 242, 255, .07) 45%, rgba(104, 242, 255, .22) 50%, rgba(104, 242, 255, .07) 55%, transparent 100%);
  animation: radar-sweep 6s linear infinite;
  pointer-events: none;
}
.radar-center-icon {
  position: relative;
  z-index: 1;
  display: inline-grid;
  place-items: center;
  width: 2.3rem;
  height: 2.3rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(92, 242, 255, .22), rgba(92, 242, 255, .05) 62%, transparent 63%);
  border: 1px solid rgba(107, 232, 255, .35);
  font-size: 1.1rem;
}
.radar-center-copy {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1.05;
}
.radar-center-copy strong { font-size: .95rem; letter-spacing: .05em; text-transform: uppercase; }
.radar-center-copy small { color: rgba(215, 242, 255, .76); font-size: .73rem; letter-spacing: .11em; text-transform: uppercase; }
@keyframes radar-sweep { from { transform: translateX(-72%); } to { transform: translateX(72%); } }

.watch-hero-control {
  min-width: 250px;
}
.watchlist-toggle-btn {
  width: 100%;
  display: flex;
  align-items: center;
  gap: .8rem;
  padding: .95rem 1rem;
  border-radius: 1rem;
  border: 1px solid rgba(95, 201, 255, .18);
  background: linear-gradient(180deg, rgba(10, 23, 41, .95), rgba(8, 16, 28, .98));
  color: var(--text, #eef6ff);
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 10px 24px rgba(0,0,0,.22);
  text-align: left;
}
.watchlist-toggle-btn .watchlist-toggle-icon {
  display: inline-grid;
  place-items: center;
  width: 2.3rem;
  height: 2.3rem;
  border-radius: 50%;
  background: rgba(84, 194, 255, .12);
  color: #77d7ff;
  font-size: 1rem;
  flex: 0 0 auto;
}
.watchlist-toggle-btn .watchlist-toggle-copy {
  display: flex;
  flex-direction: column;
  gap: .15rem;
}
.watchlist-toggle-btn .watchlist-toggle-copy strong { font-size: .94rem; }
.watchlist-toggle-btn .watchlist-toggle-copy small { color: var(--muted, #b8c7d8); font-size: .78rem; }
.watchlist-toggle-btn.is-active {
  border-color: rgba(121, 224, 158, .32);
  background: linear-gradient(180deg, rgba(12, 37, 35, .95), rgba(7, 26, 24, .98));
}
.watchlist-toggle-btn.is-active .watchlist-toggle-icon {
  background: rgba(121, 224, 158, .12);
  color: #8ef2b5;
}
.watchlist-toggle-btn:disabled { opacity: .64; cursor: default; }

.watchlist-heading strong,
.watchlist-heading small { color: inherit; }
.watchlist-command-center {
  display: grid;
  gap: 1rem;
}
.watchlist-hero-shell {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.25rem 1.35rem;
  border-radius: 1.3rem;
  border: 1px solid rgba(93, 208, 255, .15);
  background:
    radial-gradient(circle at top right, rgba(62, 164, 255, .18), transparent 32%),
    linear-gradient(160deg, rgba(11, 25, 44, .98), rgba(7, 14, 25, .98));
  box-shadow: 0 16px 40px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.03);
}
.watchlist-eyebrow {
  display: inline-flex;
  letter-spacing: .14em;
  font-size: .74rem;
  text-transform: uppercase;
  color: #7cdcff;
  margin-bottom: .35rem;
}
.watchlist-hero-shell h2 { margin: 0 0 .35rem; }
.watchlist-hero-text { margin: 0; max-width: 64ch; color: var(--muted, #b8c7d8); }
.watchlist-hero-actions { display: flex; gap: .75rem; flex-wrap: wrap; justify-content: flex-end; }
.watchlist-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .9rem;
}
.watchlist-summary-card {
  padding: 1rem 1.05rem;
  border-radius: 1.05rem;
  border: 1px solid rgba(101, 198, 255, .12);
  background: linear-gradient(180deg, rgba(11, 22, 38, .98), rgba(9, 16, 28, .98));
  box-shadow: 0 8px 22px rgba(0,0,0,.18);
}
.watchlist-summary-card span,
.watchlist-summary-card small { display: block; }
.watchlist-summary-card span { color: var(--muted, #b8c7d8); text-transform: uppercase; letter-spacing: .08em; font-size: .72rem; }
.watchlist-summary-card strong { display: block; font-size: 1.65rem; margin: .22rem 0; color: #f5fbff; }
.watchlist-summary-card small { color: var(--muted, #b8c7d8); }
.watchlist-control-bar {
  display: flex;
  gap: 1rem;
  align-items: end;
  flex-wrap: wrap;
  padding: 1rem 1.1rem;
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(10, 20, 35, .96), rgba(7, 13, 23, .98));
  border: 1px solid rgba(101, 198, 255, .08);
}
.watchlist-control-bar label { min-width: 190px; }
.watchlist-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.watchlist-empty-state {
  padding: 2rem 1.3rem;
  border-radius: 1.2rem;
  border: 1px dashed rgba(110, 203, 255, .22);
  background: linear-gradient(180deg, rgba(9, 19, 33, .96), rgba(7, 13, 24, .98));
  text-align: center;
}
.watchlist-empty-state p { max-width: 54ch; margin: .65rem auto 1rem; color: var(--muted, #b8c7d8); }
.watchlist-card {
  display: grid;
  gap: .95rem;
  padding: 1.05rem;
  border-radius: 1.2rem;
  border: 1px solid rgba(94, 198, 255, .12);
  background:
    linear-gradient(180deg, rgba(12, 24, 42, .98), rgba(8, 15, 27, .99));
  box-shadow: 0 16px 34px rgba(0,0,0,.22);
}
.watchlist-card.status-review { border-color: rgba(255, 186, 82, .25); box-shadow: 0 16px 38px rgba(255, 170, 70, .08), 0 16px 34px rgba(0,0,0,.22); }
.watchlist-card.status-new { border-color: rgba(118, 215, 255, .25); }
.watchlist-card.status-stable { border-color: rgba(119, 224, 157, .18); }
.watchlist-card.status-issue { border-color: rgba(255, 104, 104, .2); }
.watchlist-card-head,
.watchlist-card-title-row,
.watchlist-price-row,
.watchlist-meta-grid,
.watchlist-card-actions,
.watchlist-context-line,
.radar-action-buttons {
  display: flex;
  gap: .75rem;
}
.watchlist-card-head { justify-content: space-between; align-items: start; }
.watchlist-card-title-row { align-items: center; flex-wrap: wrap; gap: .55rem; }
.watchlist-card-subtitle { color: var(--muted, #b8c7d8); margin-top: .18rem; }
.watchlist-card-flag {
  display: inline-flex;
  align-items: center;
  padding: .2rem .5rem;
  border-radius: 999px;
  background: rgba(255, 186, 82, .12);
  color: #ffd487;
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.watchlist-status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 92px;
  padding: .38rem .68rem;
  border-radius: 999px;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.watchlist-status-pill.status-review { background: rgba(255, 186, 82, .12); color: #ffd487; }
.watchlist-status-pill.status-new { background: rgba(114, 214, 255, .12); color: #9be7ff; }
.watchlist-status-pill.status-stable { background: rgba(119, 224, 157, .12); color: #9df0b6; }
.watchlist-status-pill.status-loading { background: rgba(150, 171, 199, .12); color: #dbe8f9; }
.watchlist-status-pill.status-issue { background: rgba(255, 104, 104, .12); color: #ffb4b4; }
.watchlist-price-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.watchlist-price-row > div,
.watchlist-meta-grid > div {
  min-width: 0;
  padding: .8rem .88rem;
  border-radius: .9rem;
  background: rgba(255,255,255,.025);
  border: 1px solid rgba(255,255,255,.03);
}
.watchlist-price-row span,
.watchlist-meta-grid span,
.watchlist-reason-head span { display: block; color: var(--muted, #b8c7d8); font-size: .72rem; letter-spacing: .06em; text-transform: uppercase; }
.watchlist-price-row strong {
  display: block;
  min-width: 0;
  max-width: 100%;
  font-size: 1.08rem;
  line-height: 1.2;
}
.watchlist-change-value {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  gap: .14rem;
  min-width: 0;
}
.watchlist-change-amount,
.watchlist-change-percent {
  display: block;
  max-width: 100%;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.watchlist-change-amount { font-size: clamp(.9rem, 1.18vw, 1.08rem); }
.watchlist-change-percent { font-size: .9em; }
.watchlist-meta-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.watchlist-change.positive strong,
.quote-change.positive { color: #85f4b2; }
.watchlist-change.negative strong,
.quote-change.negative { color: #ffb6b6; }
.watchlist-reason-box {
  padding: .95rem 1rem;
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(10, 18, 30, .92), rgba(8, 14, 24, .98));
  border: 1px solid rgba(100, 180, 255, .08);
}
.watchlist-reason-head { display: flex; justify-content: space-between; gap: .75rem; margin-bottom: .5rem; }
.watchlist-reason-box ul { margin: 0; padding-left: 1rem; }
.watchlist-reason-box li + li { margin-top: .3rem; }
.watchlist-context-line { flex-wrap: wrap; margin-top: .7rem; color: var(--muted, #b8c7d8); }
.watchlist-card-actions { justify-content: flex-end; flex-wrap: wrap; }
.ghost-btn.danger { border-color: rgba(255, 112, 112, .26); color: #ffb3b3; }
.radar-action-buttons { margin-left: auto; align-items: center; flex-wrap: wrap; justify-content: flex-end; }
.radar-watch-btn { min-width: 104px; }

@media (max-width: 1280px) {
  .watchlist-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .watchlist-grid { grid-template-columns: 1fr; }
}
@media (max-width: 980px) {
  .topbar-inner { flex-wrap: wrap; }
  .top-center-radar { order: 3; width: 100%; }
  .top-actions { width: 100%; justify-content: space-between; }
  .watchlist-hero-shell { flex-direction: column; align-items: stretch; }
}
@media (max-width: 820px) {
  .watchlist-price-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .watchlist-price-row > div:last-child { grid-column: 1 / -1; }
}
@media (max-width: 720px) {
  .watchlist-meta-grid,
  .watchlist-summary-grid,
  .watchlist-grid { grid-template-columns: 1fr; }
  .watchlist-control-bar { flex-direction: column; align-items: stretch; }
  .watchlist-control-bar label { min-width: 0; }
  .watchlist-card-head,
  .watchlist-card-actions,
  .radar-action-buttons { flex-direction: column; align-items: stretch; }
  .top-actions { gap: .65rem; }
}

@media (max-width: 520px) {
  .watchlist-price-row { grid-template-columns: 1fr; }
  .watchlist-price-row > div:last-child { grid-column: auto; }
}

/* v2.4.2 Watchlist Monitoring Intelligence */
.watchlist-radar-console {
  display: grid;
  grid-template-columns: minmax(250px, .78fr) minmax(320px, 1.22fr);
  gap: 1rem;
  align-items: stretch;
  padding: 1rem;
  border-radius: 1.25rem;
  border: 1px solid rgba(95, 207, 255, .14);
  background:
    radial-gradient(circle at 82% 30%, rgba(29, 151, 215, .13), transparent 30%),
    linear-gradient(160deg, rgba(8, 21, 38, .99), rgba(5, 12, 23, .99));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 18px 44px rgba(0,0,0,.28);
  overflow: hidden;
}
.watchlist-radar-copy {
  padding: .7rem .55rem .7rem .7rem;
  align-self: center;
}
.watchlist-radar-copy h3 { margin: .1rem 0 .45rem; font-size: 1.35rem; }
.watchlist-radar-copy p { margin: 0; color: var(--muted, #b8c7d8); max-width: 46ch; }
.watchlist-radar-legend {
  display: flex;
  flex-wrap: wrap;
  gap: .48rem .8rem;
  margin-top: 1rem;
}
.watchlist-radar-legend span {
  display: inline-flex;
  align-items: center;
  gap: .38rem;
  color: var(--muted, #b8c7d8);
  font-size: .76rem;
}
.watchlist-radar-legend i {
  width: .62rem;
  height: .62rem;
  border-radius: 50%;
  box-shadow: 0 0 10px currentColor;
}
.watchlist-radar-legend i.status-condition { background: #ffce73; color: #ffce73; }
.watchlist-radar-legend i.status-review { background: #ffb36a; color: #ffb36a; }
.watchlist-radar-legend i.status-new { background: #74dfff; color: #74dfff; }
.watchlist-radar-legend i.status-stable { background: #8ce8af; color: #8ce8af; }
.watchlist-radar-legend i.status-issue { background: #ff9696; color: #ff9696; }
.watchlist-radar-scope {
  position: relative;
  width: min(100%, 520px);
  aspect-ratio: 1.8 / 1;
  min-height: 245px;
  justify-self: end;
  overflow: hidden;
  border-radius: 1.15rem;
  border: 1px solid rgba(75, 204, 255, .16);
  background:
    radial-gradient(circle at center, rgba(41, 199, 236, .09) 0 2px, transparent 3px),
    radial-gradient(circle at center, rgba(12, 52, 72, .24), rgba(3, 15, 25, .86) 68%),
    linear-gradient(180deg, rgba(5, 22, 35, .96), rgba(4, 13, 22, .99));
  box-shadow: inset 0 0 40px rgba(12, 185, 235, .08), 0 12px 30px rgba(0,0,0,.22);
}
.watchlist-radar-ring {
  position: absolute;
  left: 50%;
  top: 50%;
  border: 1px solid rgba(89, 212, 255, .12);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.watchlist-radar-ring.ring-1 { width: 25%; height: 43%; }
.watchlist-radar-ring.ring-2 { width: 50%; height: 78%; }
.watchlist-radar-ring.ring-3 { width: 78%; height: 118%; }
.watchlist-radar-cross {
  position: absolute;
  background: rgba(89, 212, 255, .08);
  pointer-events: none;
}
.watchlist-radar-cross.horizontal { left: 7%; right: 7%; top: 50%; height: 1px; }
.watchlist-radar-cross.vertical { top: 7%; bottom: 7%; left: 50%; width: 1px; }
.watchlist-radar-sweep {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50%;
  height: 1px;
  transform-origin: left center;
  background: linear-gradient(90deg, rgba(90, 233, 255, .8), rgba(90, 233, 255, 0));
  filter: drop-shadow(0 0 5px rgba(90, 233, 255, .55));
  animation: watch-radar-spin 7s linear infinite;
  pointer-events: none;
}
.watchlist-radar-sweep::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 36px;
  transform-origin: left bottom;
  transform: rotate(-9deg);
  background: linear-gradient(180deg, rgba(72, 226, 255, .08), transparent);
  clip-path: polygon(0 100%, 100% 80%, 100% 100%);
}
@keyframes watch-radar-spin { to { transform: rotate(360deg); } }
.watchlist-radar-core {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: grid;
  place-items: center;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  border: 1px solid rgba(105, 224, 255, .3);
  background: rgba(6, 27, 40, .94);
  color: #a7eeff;
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .08em;
  box-shadow: 0 0 22px rgba(80, 217, 255, .16);
  pointer-events: none;
}
.watchlist-radar-node {
  position: absolute;
  z-index: 3;
  transform: translate(-50%, -50%);
  min-width: 2.4rem;
  height: 1.65rem;
  padding: 0 .42rem;
  border-radius: 999px;
  border: 1px solid currentColor;
  background: rgba(5, 19, 30, .94);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .02em;
  cursor: pointer;
  box-shadow: 0 0 10px currentColor;
  transition: transform .16s ease, box-shadow .16s ease;
}
.watchlist-radar-node:hover,
.watchlist-radar-node:focus-visible { transform: translate(-50%, -50%) scale(1.12); box-shadow: 0 0 18px currentColor; z-index: 5; }
.watchlist-radar-node.status-condition { color: #ffce73; }
.watchlist-radar-node.status-review { color: #ffb36a; }
.watchlist-radar-node.status-new { color: #74dfff; }
.watchlist-radar-node.status-stable { color: #8ce8af; }
.watchlist-radar-node.status-loading { color: #c1d3e8; }
.watchlist-radar-node.status-issue { color: #ff9696; }
.watchlist-radar-node.is-pinned::after {
  content: '★';
  position: absolute;
  right: -.42rem;
  top: -.55rem;
  color: #ffe3a2;
  font-size: .64rem;
  text-shadow: 0 0 8px currentColor;
}
.watchlist-summary-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.watchlist-summary-card.condition-card { border-color: rgba(255, 201, 112, .18); background: linear-gradient(180deg, rgba(35, 27, 17, .82), rgba(14, 18, 28, .98)); }
.watchlist-summary-card.condition-card strong { color: #ffd68d; }
.watchlist-card.status-condition {
  border-color: rgba(255, 203, 104, .34);
  box-shadow: 0 0 0 1px rgba(255, 203, 104, .05) inset, 0 18px 42px rgba(255, 185, 70, .09), 0 16px 34px rgba(0,0,0,.22);
}
.watchlist-status-pill.status-condition { background: rgba(255, 203, 104, .13); color: #ffda92; }
.watchlist-card-flag.condition { background: rgba(255, 203, 104, .13); color: #ffda92; }
.watchlist-card.is-pinned { position: relative; }
.watchlist-card.is-pinned::before {
  content: '';
  position: absolute;
  left: 0;
  top: 1.15rem;
  bottom: 1.15rem;
  width: 3px;
  border-radius: 999px;
  background: linear-gradient(180deg, #ffe0a0, rgba(118, 221, 255, .55));
  box-shadow: 0 0 12px rgba(255, 220, 148, .22);
}
.watchlist-tag-row {
  display: flex;
  flex-wrap: wrap;
  gap: .42rem;
  margin-top: .5rem;
}
.watchlist-group-chip,
.watchlist-condition-chip,
.watchlist-pinned-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: .24rem .5rem;
  font-size: .7rem;
  line-height: 1.1;
}
.watchlist-group-chip { color: #a7e7ff; background: rgba(91, 201, 255, .08); border: 1px solid rgba(91, 201, 255, .12); }
.watchlist-condition-chip { color: var(--muted, #b8c7d8); background: rgba(255,255,255,.025); border: 1px solid rgba(255,255,255,.04); }
.watchlist-condition-chip.active { color: #ffd794; background: rgba(255, 201, 104, .08); border-color: rgba(255, 201, 104, .13); }
.watchlist-pinned-badge { color: #ffe0a0; background: rgba(255, 216, 135, .08); border: 1px solid rgba(255, 216, 135, .12); }
.watchlist-pin-btn {
  display: inline-grid;
  place-items: center;
  width: 2.55rem;
  height: 2.55rem;
  border-radius: 50%;
  border: 1px solid rgba(112, 202, 255, .18);
  background: rgba(8, 18, 30, .92);
  color: #a5dfff;
  cursor: pointer;
  font-size: 1rem;
}
.watchlist-pin-btn.is-pinned { color: #ffe0a0; border-color: rgba(255, 218, 143, .24); background: rgba(48, 37, 18, .45); }
.watchlist-pin-btn:hover,
.watchlist-pin-btn:focus-visible { transform: translateY(-1px); }
.watch-condition-dialog { width: min(720px, calc(100vw - 24px)); }
.watch-condition-form { display: grid; gap: 1rem; }
.watch-condition-eyebrow { color: #82ddff; letter-spacing: .12em; font-size: .7rem; text-transform: uppercase; }
.watch-condition-asset-label { margin: .25rem 0 0; color: var(--muted, #b8c7d8); }
.watch-condition-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .85rem;
}
.watch-condition-grid label {
  display: grid;
  gap: .35rem;
  padding: .8rem;
  border-radius: .9rem;
  background: rgba(255,255,255,.025);
  border: 1px solid rgba(255,255,255,.04);
}
.watch-condition-grid label span { color: var(--muted, #b8c7d8); font-size: .78rem; }
.watch-condition-grid input[type='number'],
.watch-condition-grid input[type='text'] { width: 100%; }
.watch-condition-grid .watch-condition-pin,
.watch-condition-grid .watch-condition-check {
  display: flex;
  align-items: center;
  grid-template-columns: none;
  gap: .55rem;
}
.watch-condition-grid input[type='checkbox'] { width: 1.15rem; height: 1.15rem; flex: 0 0 auto; }
.watch-condition-note {
  margin: 0;
  padding: .8rem .9rem;
  border-radius: .8rem;
  background: rgba(109, 201, 255, .055);
  color: var(--muted, #b8c7d8);
  border: 1px solid rgba(109, 201, 255, .08);
}
.watch-condition-actions { display: flex; justify-content: flex-end; gap: .7rem; flex-wrap: wrap; }
@media (max-width: 1180px) {
  .watchlist-summary-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 860px) {
  .watchlist-radar-console { grid-template-columns: 1fr; }
  .watchlist-radar-scope { justify-self: stretch; width: 100%; }
  .watchlist-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .watchlist-summary-grid,
  .watch-condition-grid { grid-template-columns: 1fr; }
  .watchlist-radar-scope { min-height: 230px; aspect-ratio: 1.25 / 1; }
}
@media (prefers-reduced-motion: reduce) {
  .watchlist-radar-sweep { animation: none; transform: rotate(35deg); }
}

/* ========================================================================== 
   v2.4.2 — Watchlist Header Shortcut + Release Integrity Alignment
   Keep the primary Watchlist shortcut visually adjacent to the Market Evidence
   identity and before Language. Distinct amber/gold fade separates it from the
   cyan/blue research controls without changing the rest of the workspace.
   ========================================================================== */
.brand-wrap {
  flex: 1 1 auto;
}
.brand-copy {
  min-width: 0;
}
.watchlist-header-slot.top-center-radar {
  flex: 0 0 auto;
  width: auto;
  margin-left: .7rem;
  justify-content: flex-start;
}
.watchlist-header-btn.radar-center-btn {
  min-width: 154px;
  padding: .68rem .95rem;
  gap: .58rem;
  border-color: rgba(255, 202, 92, .62);
  background:
    radial-gradient(circle at 24% 20%, rgba(255, 230, 139, .22), transparent 34%),
    linear-gradient(135deg, rgba(86, 60, 14, .97), rgba(38, 31, 14, .98) 54%, rgba(17, 23, 31, .99));
  color: #fff5cf;
  box-shadow:
    0 0 0 1px rgba(255, 218, 125, .08) inset,
    0 9px 24px rgba(0, 0, 0, .28),
    0 0 24px rgba(255, 188, 65, .18);
}
.watchlist-header-btn.radar-center-btn:hover,
.watchlist-header-btn.radar-center-btn:focus-visible {
  border-color: rgba(255, 224, 145, .9);
  background:
    radial-gradient(circle at 24% 20%, rgba(255, 236, 165, .3), transparent 36%),
    linear-gradient(135deg, rgba(112, 78, 16, .99), rgba(54, 40, 13, .99) 54%, rgba(18, 25, 34, .99));
  box-shadow:
    0 0 0 1px rgba(255, 231, 160, .12) inset,
    0 11px 28px rgba(0, 0, 0, .34),
    0 0 34px rgba(255, 190, 64, .3);
}
.watchlist-header-btn .radar-center-sweep {
  inset: 6px;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 220, 126, .04) 42%, rgba(255, 226, 140, .26) 50%, rgba(255, 220, 126, .04) 58%, transparent 100%);
}
.watchlist-header-btn .radar-center-icon {
  width: 2rem;
  height: 2rem;
  color: #ffe39a;
  border-color: rgba(255, 214, 108, .55);
  background: radial-gradient(circle, rgba(255, 215, 105, .24), rgba(255, 194, 66, .07) 62%, transparent 63%);
  box-shadow: 0 0 16px rgba(255, 190, 61, .12);
}
.watchlist-header-btn .radar-center-copy strong {
  color: #fff4c8;
  font-size: .88rem;
}
.watchlist-header-btn .radar-center-copy small {
  color: rgba(255, 224, 147, .72);
  font-size: .66rem;
}

/* Override the v2.4.0 wrap that pushed the shortcut onto its own row. */
@media (max-width: 980px) {
  .topbar-inner {
    flex-wrap: nowrap;
    align-items: center;
  }
  .top-actions {
    width: auto;
    flex: 0 0 auto;
    justify-content: flex-end;
  }
  .watchlist-header-slot.top-center-radar {
    order: initial;
    width: auto;
    margin-left: .5rem;
  }
  .watchlist-header-btn.radar-center-btn {
    min-width: 136px;
    padding: .62rem .78rem;
  }
}

/* On narrower tablets/phones the identity + Watchlist stay together, while
   Language / Market Data move to the next row. */
@media (max-width: 760px) {
  .topbar-inner {
    flex-wrap: wrap;
    align-items: center;
  }
  .brand-wrap {
    width: 100%;
    flex: 1 1 100%;
  }
  .top-actions {
    width: 100%;
    justify-content: space-between;
  }
  .watchlist-header-slot.top-center-radar {
    margin-left: auto;
  }
}

@media (max-width: 560px) {
  .brand-wrap {
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr) auto;
    gap: .55rem;
    align-items: center;
  }
  .brand-wrap > .section-menu-btn,
  .brand-wrap > .brand-logo,
  .brand-wrap > .brand-copy,
  .brand-wrap > .watchlist-header-slot { min-width: 0; }
  .watchlist-header-slot.top-center-radar { margin-left: 0; }
  .watchlist-header-btn.radar-center-btn {
    min-width: 0;
    padding: .58rem .68rem;
  }
  .watchlist-header-btn .radar-center-copy small { display: none; }
  .watchlist-header-btn .radar-center-copy strong { font-size: .78rem; }
  .watchlist-header-btn .radar-center-icon { width: 1.75rem; height: 1.75rem; }
}

@media (max-width: 430px) {
  .watchlist-header-btn .radar-center-icon { display: none; }
  .watchlist-header-btn.radar-center-btn { padding: .58rem .62rem; }
}

#watchlist.watchlist-shortcut-arrival .watchlist-hero-shell {
  animation: watchlist-arrival-pulse .9s ease-out 1;
}
@keyframes watchlist-arrival-pulse {
  0% { box-shadow: 0 16px 40px rgba(0,0,0,.25), 0 0 0 rgba(255,193,68,0); }
  45% { box-shadow: 0 16px 40px rgba(0,0,0,.25), 0 0 36px rgba(255,193,68,.22); }
  100% { box-shadow: 0 16px 40px rgba(0,0,0,.25), 0 0 0 rgba(255,193,68,0); }
}
@media (prefers-reduced-motion: reduce) {
  #watchlist.watchlist-shortcut-arrival .watchlist-hero-shell { animation: none; }
}

/* ========================================================================== 
   v2.4.3 — Watchlist Header Layout, Unified Watch Actions & Add-Asset Guidance
   ========================================================================== */

/* Language belongs directly above the Market Evidence identity. */
.brand-wrap {
  display: grid;
  grid-template-columns: auto auto auto minmax(0, 1fr);
  grid-template-areas: "menu watch logo brand";
  align-items: center;
  gap: .72rem;
  min-width: 0;
}
.brand-wrap > .section-menu-btn { grid-area: menu; }
.brand-wrap > .watchlist-header-slot { grid-area: watch; }
.brand-wrap > .brand-logo { grid-area: logo; }
.brand-wrap > .brand-copy { grid-area: brand; }
.brand-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .16rem;
}
.brand-language-control {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: .45rem;
  margin: 0 0 .16rem;
}
.brand-language-control > span {
  font-size: .65rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--muted, #b8c7d8);
}
.brand-language-control select {
  min-height: 30px;
  width: auto;
  min-width: 112px;
  padding: .3rem 1.8rem .3rem .58rem;
  border-radius: .62rem;
  font-size: .82rem;
}
.top-actions {
  flex: 0 0 auto;
  align-self: center;
}
.watchlist-header-slot.top-center-radar {
  margin-left: 0;
  margin-right: .08rem;
}
.watchlist-header-btn.radar-center-btn {
  min-width: 142px;
}

/* One recognizable Watchlist visual language across all Watchlist actions. */
.watch-action-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  min-height: 40px;
  padding: .58rem .82rem;
  border-radius: .78rem;
  border: 1px solid rgba(255, 207, 105, .42);
  background:
    radial-gradient(circle at 22% 18%, rgba(255, 234, 163, .15), transparent 38%),
    linear-gradient(135deg, rgba(75, 54, 18, .9), rgba(37, 31, 19, .94) 58%, rgba(17, 25, 35, .96));
  color: #fff3cc;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 7px 18px rgba(0,0,0,.2), 0 0 18px rgba(255,188,65,.08);
  font-weight: 700;
  cursor: pointer;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
.watch-action-btn:hover,
.watch-action-btn:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(255, 225, 151, .78);
  background:
    radial-gradient(circle at 22% 18%, rgba(255, 239, 182, .23), transparent 40%),
    linear-gradient(135deg, rgba(96, 68, 18, .96), rgba(48, 36, 17, .98) 58%, rgba(17, 25, 35, .98));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 9px 22px rgba(0,0,0,.24), 0 0 24px rgba(255,188,65,.15);
}
.watch-action-btn .watch-action-icon {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 50%;
  border: 1px solid rgba(255, 216, 118, .42);
  background: radial-gradient(circle, rgba(255, 215, 105, .2), rgba(255, 194, 66, .05) 65%, transparent 66%);
  color: #ffe29a;
  font-size: .82rem;
  line-height: 1;
  box-shadow: 0 0 12px rgba(255,190,61,.09);
}
.watch-action-primary {
  border-color: rgba(255, 210, 101, .62);
  background:
    radial-gradient(circle at 22% 18%, rgba(255, 236, 164, .2), transparent 38%),
    linear-gradient(135deg, rgba(96, 66, 12, .98), rgba(51, 38, 14, .98) 56%, rgba(20, 28, 37, .99));
}
.watch-action-secondary { opacity: .96; }
.watch-action-danger {
  border-color: rgba(255, 149, 126, .35);
  color: #ffd6cc;
  background: linear-gradient(135deg, rgba(72, 37, 26, .92), rgba(45, 28, 24, .96), rgba(19, 25, 34, .98));
}
.watch-action-danger .watch-action-icon {
  border-color: rgba(255, 157, 130, .3);
  color: #ffc1ad;
  background: rgba(255, 132, 98, .08);
}
.watch-action-icon-only {
  min-width: 42px;
  width: 42px;
  padding: .38rem;
}
.watch-action-btn.is-active {
  border-color: rgba(255, 224, 141, .75);
  box-shadow: 0 0 22px rgba(255, 190, 64, .16);
}

/* Make the selected-asset Add/Remove control use the same watch-star graphics. */
.watchlist-toggle-btn.watch-action-btn {
  border-color: rgba(255, 207, 105, .46);
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 235, 164, .16), transparent 38%),
    linear-gradient(135deg, rgba(76, 55, 17, .95), rgba(39, 31, 17, .98) 56%, rgba(16, 24, 34, .99));
}
.watchlist-toggle-btn.watch-action-btn.is-active {
  border-color: rgba(255, 226, 151, .75);
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 241, 188, .23), transparent 40%),
    linear-gradient(135deg, rgba(102, 72, 14, .98), rgba(51, 39, 15, .99) 58%, rgba(16, 25, 34, .99));
}
.watchlist-toggle-btn .watchlist-toggle-icon.watch-action-icon {
  color: #ffe29a;
  background: radial-gradient(circle, rgba(255, 216, 107, .23), rgba(255, 194, 66, .06) 64%, transparent 65%);
}
.watchlist-nav-item .sidebar-nav-icon {
  color: #ffd873;
  text-shadow: 0 0 12px rgba(255, 190, 64, .3);
}

/* Step-by-step Watchlist onboarding. */
.watchlist-howto {
  padding: 1.05rem 1.1rem;
  border-radius: 1.15rem;
  border: 1px solid rgba(255, 206, 100, .16);
  background:
    radial-gradient(circle at top right, rgba(255, 195, 72, .08), transparent 31%),
    linear-gradient(160deg, rgba(13, 24, 40, .98), rgba(8, 15, 26, .99));
  box-shadow: 0 12px 30px rgba(0,0,0,.2);
}
.watchlist-howto-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: .9rem;
}
.watchlist-howto-head h3 { margin: .1rem 0 .25rem; }
.watchlist-howto-head p { margin: 0; color: var(--muted, #b8c7d8); }
.watchlist-step-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .7rem;
}
.watchlist-step-grid article {
  display: flex;
  align-items: flex-start;
  gap: .65rem;
  padding: .82rem;
  border-radius: .9rem;
  border: 1px solid rgba(255,255,255,.04);
  background: rgba(255,255,255,.025);
}
.watchlist-step-grid article strong { display: block; margin-bottom: .2rem; }
.watchlist-step-grid article p { margin: 0; color: var(--muted, #b8c7d8); font-size: .82rem; line-height: 1.4; }
.watchlist-step-number {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  border: 1px solid rgba(255, 214, 111, .42);
  background: rgba(255, 195, 72, .09);
  color: #ffe09a;
  font-weight: 800;
}
.watchlist-howto-note {
  margin: .8rem 0 0;
  padding-top: .7rem;
  border-top: 1px solid rgba(255,255,255,.04);
  color: var(--muted, #b8c7d8);
  font-size: .82rem;
}
.search-panel.watchlist-search-arrival {
  animation: watchlist-search-pulse .95s ease-out 1;
}
@keyframes watchlist-search-pulse {
  0% { box-shadow: 0 0 0 rgba(255,194,70,0); }
  45% { box-shadow: 0 0 32px rgba(255,194,70,.24); }
  100% { box-shadow: 0 0 0 rgba(255,194,70,0); }
}

@media (max-width: 980px) {
  .brand-wrap {
    grid-template-columns: auto auto auto minmax(0, 1fr);
  }
  .watchlist-step-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .topbar-inner { align-items: flex-start; }
  .brand-wrap {
    width: 100%;
    grid-template-columns: auto auto auto minmax(0, 1fr);
    gap: .55rem;
  }
  .top-actions {
    width: 100%;
    justify-content: flex-end;
  }
  .watchlist-header-slot.top-center-radar { margin: 0; }
  .brand-language-control select { min-width: 105px; }
  .watchlist-howto-head { flex-direction: column; align-items: stretch; }
}

@media (max-width: 560px) {
  .brand-wrap {
    grid-template-columns: auto auto auto minmax(0, 1fr);
    grid-template-areas: "menu watch logo brand";
  }
  .watchlist-header-btn.radar-center-btn {
    min-width: 0;
    padding: .52rem .6rem;
  }
  .watchlist-header-btn .radar-center-copy small { display: none; }
  .watchlist-header-btn .radar-center-copy strong { font-size: .74rem; }
  .brand-language-control {
    gap: .3rem;
    max-width: 100%;
  }
  .brand-language-control > span { display: none; }
  .brand-language-control select {
    min-width: 94px;
    max-width: 118px;
    min-height: 28px;
    font-size: .76rem;
  }
  .watchlist-step-grid { grid-template-columns: 1fr; }
  .watchlist-card-actions .watch-action-btn:not(.watch-action-icon-only) { width: 100%; }
}

@media (max-width: 430px) {
  .watchlist-header-btn .radar-center-icon { display: inline-grid; }
  .watchlist-header-btn .radar-center-copy { display: none; }
  .watchlist-header-btn.radar-center-btn {
    width: 42px;
    height: 42px;
    padding: .28rem;
    border-radius: 50%;
  }
  .brand-logo { width: 44px; height: 44px; }
  .brand-line .brand { font-size: 1rem; }
  .tagline { font-size: .72rem; }
}

@media (prefers-reduced-motion: reduce) {
  .search-panel.watchlist-search-arrival { animation: none; }
}

/* ========================================================================== 
   v2.4.21 — Header Command Strip Alignment
   Watchlist sits left of the Language / Market Data / Tips stack.
   ========================================================================== */

/* Restore the Market Evidence identity as a clean, independent left block. */
.brand-wrap {
  display: flex;
  align-items: center;
  gap: .72rem;
  min-width: 0;
}
.brand-wrap > .section-menu-btn,
.brand-wrap > .brand-logo,
.brand-wrap > .brand-copy {
  grid-area: auto;
}
.brand-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .16rem;
  min-width: 0;
}

/* Right-side command strip: Watchlist | (Language above Market Data + Tips). */
.topbar-inner {
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.top-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: .7rem;
  flex: 0 0 auto;
  margin-left: auto;
}
.header-command-group {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-areas: "watch controls";
  align-items: center;
  gap: .72rem;
}
.header-command-group > .watchlist-header-slot { grid-area: watch; }
.header-control-stack {
  grid-area: controls;
  display: grid;
  grid-template-rows: auto auto;
  justify-items: end;
  align-items: center;
  gap: .34rem;
  min-width: 154px;
}
.header-language-control {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  margin: 0;
}
.header-language-control > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.header-language-control select {
  min-width: 154px;
  min-height: 36px;
  width: 100%;
  padding: .42rem 2rem .42rem .7rem;
  border-radius: .72rem;
  font-size: .84rem;
}
.header-control-stack .market-data-tip-stack {
  justify-items: end;
  width: 100%;
}
.watchlist-header-slot.top-center-radar {
  margin: 0;
  align-self: center;
}
.watchlist-header-btn.radar-center-btn {
  min-width: 154px;
  min-height: 68px;
  padding: .7rem .9rem;
  border-radius: 1rem;
}
.watchlist-header-btn .radar-center-copy strong {
  font-size: .86rem;
}
.watchlist-header-btn .radar-center-copy small {
  font-size: .67rem;
}

/* Keep the command relationship intact on tablets: Watchlist stays left of the stack. */
@media (max-width: 1040px) {
  .topbar-inner {
    flex-wrap: wrap;
    align-items: center;
  }
  .brand-wrap {
    flex: 1 1 420px;
  }
  .top-actions {
    flex: 0 1 auto;
    width: auto;
    justify-content: flex-end;
  }
  .header-command-group {
    grid-template-columns: auto auto;
  }
}

/* On narrower mobile widths, use a second command row while preserving order. */
@media (max-width: 760px) {
  .topbar-inner {
    align-items: flex-start;
    gap: .7rem;
  }
  .brand-wrap {
    width: 100%;
    flex: 1 1 100%;
  }
  .top-actions {
    width: 100%;
    margin-left: 0;
    justify-content: flex-end;
    align-items: center;
  }
  .header-command-group {
    margin-left: auto;
    grid-template-columns: auto minmax(132px, 160px);
    gap: .55rem;
  }
  .header-control-stack {
    min-width: 132px;
  }
  .header-language-control select {
    min-width: 132px;
  }
  .watchlist-header-btn.radar-center-btn {
    min-width: 138px;
    min-height: 64px;
  }
}

@media (max-width: 520px) {
  .brand-wrap {
    gap: .5rem;
  }
  .top-actions {
    flex-wrap: wrap;
  }
  .header-command-group {
    width: 100%;
    grid-template-columns: minmax(118px, .95fr) minmax(126px, 1fr);
    align-items: center;
  }
  .watchlist-header-btn.radar-center-btn {
    width: 100%;
    min-width: 0;
    min-height: 60px;
    border-radius: .9rem;
    padding: .58rem .65rem;
  }
  .watchlist-header-btn .radar-center-icon {
    display: inline-grid;
    width: 1.8rem;
    height: 1.8rem;
  }
  .watchlist-header-btn .radar-center-copy {
    display: flex;
  }
  .watchlist-header-btn .radar-center-copy strong {
    font-size: .72rem;
  }
  .watchlist-header-btn .radar-center-copy small {
    display: block;
    font-size: .58rem;
  }
  .header-control-stack,
  .header-language-control select {
    min-width: 0;
    width: 100%;
  }
  .header-control-stack .demo-pill {
    max-width: 100%;
  }
  .top-actions > #installBtn:not([hidden]) {
    width: 100%;
  }
}

@media (max-width: 370px) {
  .header-command-group {
    grid-template-columns: 1fr 1fr;
    gap: .42rem;
  }
  .watchlist-header-btn .radar-center-copy small { display: none; }
  .watchlist-header-btn .radar-center-copy strong { font-size: .66rem; }
  .header-language-control select { font-size: .74rem; }
}

/* ========================================================================== 
   v2.4.21 — Responsive Header Control Cluster
   Watchlist stays left of one aligned control stack. Language spans the top;
   Market Data + Tips share one bottom row on desktop, tablet, and mobile.
   ========================================================================== */
.header-command-group {
  display: grid;
  grid-template-columns: auto minmax(238px, 272px);
  grid-template-areas: "watch controls";
  align-items: center;
  justify-content: end;
  gap: .78rem;
}
.header-command-group > .watchlist-header-slot {
  grid-area: watch;
  align-self: center;
}
.header-control-stack {
  grid-area: controls;
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
  justify-items: stretch;
  gap: .38rem;
  width: 100%;
  min-width: 238px;
}
.header-language-control {
  display: block;
  width: 100%;
  margin: 0;
}
.header-language-control select {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 40px;
  box-sizing: border-box;
}
.header-control-stack .market-data-tip-stack {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: .46rem;
  width: 100%;
  min-width: 0;
}
.header-control-stack .market-data-tip-stack .demo-pill {
  flex: 0 1 auto;
  margin: 0;
  white-space: nowrap;
}
.header-control-stack .market-data-tip-stack .guided-tips-controls {
  flex: 0 0 auto;
  margin: 0;
}
.watchlist-header-btn.radar-center-btn {
  min-width: 184px;
  min-height: 78px;
  margin: 0;
}

@media (max-width: 1080px) {
  .topbar-inner {
    flex-wrap: wrap;
    align-items: center;
  }
  .brand-wrap {
    flex: 1 1 430px;
  }
  .top-actions {
    flex: 0 1 auto;
    width: auto;
    margin-left: auto;
  }
  .header-command-group {
    grid-template-columns: auto minmax(220px, 250px);
    gap: .64rem;
  }
  .header-control-stack { min-width: 220px; }
  .watchlist-header-btn.radar-center-btn { min-width: 168px; }
}

@media (max-width: 820px) {
  .topbar-inner {
    align-items: flex-start;
    gap: .68rem;
  }
  .brand-wrap {
    width: 100%;
    flex: 1 1 100%;
  }
  .top-actions {
    width: 100%;
    margin-left: 0;
    justify-content: flex-end;
  }
  .header-command-group {
    width: min(100%, 470px);
    margin-left: auto;
    grid-template-columns: minmax(150px, .88fr) minmax(210px, 1.12fr);
    align-items: center;
  }
  .header-control-stack { min-width: 0; }
  .watchlist-header-btn.radar-center-btn {
    width: 100%;
    min-width: 0;
    min-height: 72px;
  }
}

@media (max-width: 560px) {
  .top-actions {
    flex-wrap: wrap;
    align-items: stretch;
  }
  .header-command-group {
    width: 100%;
    grid-template-columns: minmax(116px, .78fr) minmax(176px, 1.22fr);
    gap: .48rem;
  }
  .watchlist-header-btn.radar-center-btn {
    min-height: 66px;
    padding: .56rem .58rem;
    border-radius: .86rem;
  }
  .watchlist-header-btn .radar-center-icon {
    width: 1.75rem;
    height: 1.75rem;
  }
  .watchlist-header-btn .radar-center-copy strong { font-size: .7rem; }
  .watchlist-header-btn .radar-center-copy small { font-size: .56rem; }
  .header-control-stack { gap: .3rem; }
  .header-language-control select {
    min-height: 36px;
    padding: .38rem 1.75rem .38rem .56rem;
    font-size: .78rem;
  }
  .header-control-stack .market-data-tip-stack { gap: .3rem; }
  .header-control-stack .market-data-tip-stack .demo-pill {
    padding: .4rem .54rem;
    font-size: .66rem;
    letter-spacing: .035em;
  }
  .header-control-stack .guided-tips-controls { gap: .2rem; }
  .header-control-stack .guided-tips-toggle {
    min-height: 27px;
    padding-inline: .42rem;
    font-size: .58rem;
  }
  .header-control-stack .guided-tip-replay {
    width: 27px;
    min-width: 27px;
    min-height: 27px;
  }
  .top-actions > #installBtn:not([hidden]) { width: 100%; }
}

@media (max-width: 390px) {
  .header-command-group {
    grid-template-columns: minmax(104px, .72fr) minmax(164px, 1.28fr);
    gap: .38rem;
  }
  .watchlist-header-btn.radar-center-btn { min-height: 62px; padding: .48rem .45rem; }
  .watchlist-header-btn .radar-center-icon { display: inline-grid; width: 1.55rem; height: 1.55rem; }
  .watchlist-header-btn .radar-center-copy { display: flex; }
  .watchlist-header-btn .radar-center-copy strong { font-size: .64rem; }
  .watchlist-header-btn .radar-center-copy small { display: none; }
  .header-language-control select { font-size: .72rem; }
  .header-control-stack .market-data-tip-stack .demo-pill { font-size: .6rem; padding: .36rem .42rem; }
  .header-control-stack .guided-tips-toggle { font-size: .54rem; padding-inline: .34rem; }
  .header-control-stack .guided-tip-replay { width: 25px; min-width: 25px; min-height: 25px; }
}

/* ========================================================================== 
   v2.4.21 — Inline Header Command Alignment
   One responsive header line: Market Evidence | Watchlist | Language stack.
   The control stack keeps Language above Market Data + Tips. Secondary copy
   progressively compacts only when required by very narrow phone viewports.
   ========================================================================== */
.topbar-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: .7rem;
  flex-wrap: nowrap;
}
.brand-wrap {
  min-width: 0;
  flex: none;
  width: auto;
  white-space: nowrap;
}
.brand-copy { min-width: 0; }
.top-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: .45rem;
  width: auto;
  min-width: 0;
  margin-left: 0;
  flex-wrap: nowrap;
}
.header-command-group {
  display: grid;
  grid-template-columns: minmax(132px, 148px) minmax(190px, 218px);
  grid-template-areas: "watch controls";
  align-items: center;
  gap: .52rem;
  width: auto;
  margin: 0;
}
.header-command-group > .watchlist-header-slot {
  grid-area: watch;
  min-width: 0;
  margin: 0;
}
.header-control-stack {
  grid-area: controls;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  gap: .28rem;
  width: 100%;
  min-width: 0;
}
.header-language-control,
.header-language-control select { width: 100%; min-width: 0; }
.header-language-control select {
  min-height: 34px;
  padding: .34rem 1.8rem .34rem .55rem;
  font-size: .78rem;
}
.header-control-stack .market-data-tip-stack {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .3rem;
  width: 100%;
  min-width: 0;
}
.header-control-stack .market-data-tip-stack .demo-pill {
  margin: 0;
  padding: .38rem .48rem;
  font-size: .64rem;
  white-space: nowrap;
}
.header-control-stack .guided-tips-controls { gap: .18rem; }
.header-control-stack .guided-tips-toggle {
  min-height: 27px;
  padding-inline: .38rem;
  font-size: .56rem;
}
.header-control-stack .guided-tip-replay {
  width: 27px;
  min-width: 27px;
  min-height: 27px;
}
.watchlist-header-btn.radar-center-btn {
  width: 100%;
  min-width: 0;
  min-height: 58px;
  padding: .48rem .54rem;
  border-radius: .82rem;
  gap: .42rem;
}
.watchlist-header-btn .radar-center-icon {
  width: 1.7rem;
  height: 1.7rem;
  flex: 0 0 1.7rem;
}
.watchlist-header-btn .radar-center-copy strong { font-size: .72rem; }
.watchlist-header-btn .radar-center-copy small { font-size: .55rem; }

/* Tablet: stay inline. The previous 1080/820 wrapping behavior is overridden. */
@media (max-width: 1080px) {
  .topbar-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    flex-wrap: nowrap;
    align-items: center;
  }
  .brand-wrap { width: auto; flex: none; }
  .top-actions { width: auto; margin-left: 0; flex-wrap: nowrap; }
  .header-command-group {
    width: auto;
    margin: 0;
    grid-template-columns: minmax(118px, 136px) minmax(176px, 202px);
    gap: .42rem;
  }
  .watchlist-header-btn.radar-center-btn { min-height: 56px; }
}

@media (max-width: 820px) {
  .topbar-inner {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .5rem;
  }
  .brand-wrap { width: auto; flex: none; }
  .top-actions { width: auto; justify-content: flex-end; align-items: center; }
  .header-command-group {
    width: auto;
    grid-template-columns: minmax(100px, 118px) minmax(158px, 180px);
    gap: .36rem;
  }
  .watchlist-header-btn.radar-center-btn { min-height: 52px; padding: .42rem .46rem; }
  .watchlist-header-btn .radar-center-icon { width: 1.55rem; height: 1.55rem; flex-basis: 1.55rem; }
  .watchlist-header-btn .radar-center-copy strong { font-size: .66rem; }
  .watchlist-header-btn .radar-center-copy small { font-size: .5rem; }
  .header-language-control select { min-height: 32px; font-size: .72rem; }
  .header-control-stack .market-data-tip-stack .demo-pill { font-size: .59rem; padding: .34rem .4rem; }
}

/* Narrow phones: retain one line by compacting secondary brand/control text. */
@media (max-width: 680px) {
  .topbar-inner { gap: .34rem; padding-inline: .55rem; }
  .brand-wrap { gap: .35rem; }
  .brand-wrap .section-menu-btn { min-width: 42px; width: 42px; padding-inline: 0; }
  .brand-wrap .section-menu-btn > span[data-i18n="sections"] { display: none; }
  .brand-logo { width: 42px; height: 42px; }
  .brand-line .workspace-badge,
  .brand-copy .tagline { display: none; }
  .brand { font-size: .86rem; }
  .header-command-group {
    grid-template-columns: minmax(82px, 94px) minmax(136px, 154px);
    gap: .28rem;
  }
  .watchlist-header-btn.radar-center-btn { min-height: 48px; padding: .36rem .36rem; gap: .28rem; }
  .watchlist-header-btn .radar-center-icon { width: 1.4rem; height: 1.4rem; flex-basis: 1.4rem; }
  .watchlist-header-btn .radar-center-copy strong { font-size: .59rem; }
  .watchlist-header-btn .radar-center-copy small { display: none; }
  .header-control-stack { gap: .2rem; }
  .header-language-control select { min-height: 29px; padding: .28rem 1.35rem .28rem .42rem; font-size: .64rem; }
  .header-control-stack .market-data-tip-stack { gap: .18rem; }
  .header-control-stack .market-data-tip-stack .demo-pill { font-size: .53rem; padding: .28rem .3rem; }
  .header-control-stack .guided-tips-toggle { min-height: 24px; padding-inline: .28rem; font-size: .5rem; }
  .header-control-stack .guided-tip-replay { width: 24px; min-width: 24px; min-height: 24px; }
  .top-actions > #installBtn:not([hidden]) { display: none; }
}

@media (max-width: 480px) {
  .brand-copy { display: none; }
  .topbar-inner { grid-template-columns: auto minmax(0, 1fr); }
  .top-actions { width: 100%; min-width: 0; }
  .header-command-group {
    width: 100%;
    grid-template-columns: minmax(76px, .72fr) minmax(126px, 1.28fr);
  }
  .watchlist-header-btn .radar-center-copy strong { font-size: .56rem; }
}

@media (max-width: 370px) {
  .topbar-inner { padding-inline: .4rem; }
  .brand-logo { width: 38px; height: 38px; }
  .brand-wrap .section-menu-btn { width: 38px; min-width: 38px; min-height: 38px; }
  .header-command-group { grid-template-columns: 72px minmax(120px, 1fr); gap: .2rem; }
  .watchlist-header-btn .radar-center-icon { display: none; }
  .watchlist-header-btn.radar-center-btn { min-height: 44px; padding-inline: .3rem; }
  .watchlist-header-btn .radar-center-copy { align-items: center; }
  .header-language-control select { font-size: .6rem; }
  .header-control-stack .market-data-tip-stack .demo-pill { font-size: .49rem; }
  .header-control-stack .guided-tips-toggle { font-size: .46rem; }
}

/* ========================================================================== 
   v2.4.21 — Monitor Graphics Swap
   Swap visual emphasis only: the sidebar Monitor/Watchlist navigation receives
   the premium amber Watchlist graphics, while the inline header Watchlist
   control becomes the softer/faded treatment. Behavior and layout unchanged.
   ========================================================================== */

/* Sidebar Monitor heading now carries the premium watch graphics. */
.watchlist-group > .sidebar-group-heading.monitor-premium-heading {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: center;
  gap: .62rem;
  margin: -.12rem -.08rem .56rem;
  padding: .66rem .72rem;
  border-radius: 12px;
  border: 1px solid rgba(255, 202, 92, .62);
  background:
    radial-gradient(circle at 18% 22%, rgba(255, 230, 139, .22), transparent 34%),
    linear-gradient(135deg, rgba(86, 60, 14, .97), rgba(38, 31, 14, .98) 54%, rgba(17, 23, 31, .99));
  box-shadow:
    inset 0 0 0 1px rgba(255, 218, 125, .08),
    0 9px 24px rgba(0, 0, 0, .22),
    0 0 24px rgba(255, 188, 65, .16);
}
.watchlist-group > .sidebar-group-heading.monitor-premium-heading::before {
  content: '';
  position: absolute;
  pointer-events: none;
}
.monitor-premium-icon {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  color: #ffe39a;
  border: 1px solid rgba(255, 214, 108, .55);
  background: radial-gradient(circle, rgba(255, 215, 105, .24), rgba(255, 194, 66, .07) 62%, transparent 63%);
  box-shadow: 0 0 16px rgba(255, 190, 61, .12);
  font-size: .92rem;
}
.monitor-premium-copy {
  min-width: 0;
  display: block;
}
.watchlist-group > .sidebar-group-heading.monitor-premium-heading strong {
  color: #fff4c8;
  font-size: .76rem;
  letter-spacing: .105em;
  text-shadow: 0 0 10px rgba(255, 204, 91, .16);
}
.watchlist-group > .sidebar-group-heading.monitor-premium-heading small {
  color: rgba(255, 224, 147, .72);
  margin-top: .18rem;
}

/* The actual Monitor > Watchlist menu tab inherits the same premium family. */
.section-sidebar .watchlist-nav-item.sidebar-nav-item {
  border-color: rgba(255, 202, 92, .42);
  color: #f9e7b5;
  background:
    radial-gradient(circle at 14% 18%, rgba(255, 223, 128, .16), transparent 34%),
    linear-gradient(135deg, rgba(73, 52, 17, .90), rgba(29, 27, 20, .95) 58%, rgba(12, 23, 31, .96));
  box-shadow: inset 3px 0 0 rgba(255, 201, 82, .82), 0 0 18px rgba(255, 183, 55, .08);
}
.section-sidebar .watchlist-nav-item.sidebar-nav-item .sidebar-nav-icon {
  color: #ffe39a;
  filter: drop-shadow(0 0 6px rgba(255, 191, 54, .18));
}
.section-sidebar .watchlist-nav-item.sidebar-nav-item:hover,
.section-sidebar .watchlist-nav-item.sidebar-nav-item:focus-visible {
  border-color: rgba(255, 222, 139, .72);
  color: #fff4cf;
  background:
    radial-gradient(circle at 14% 18%, rgba(255, 229, 145, .22), transparent 36%),
    linear-gradient(135deg, rgba(93, 64, 17, .96), rgba(42, 32, 17, .97) 58%, rgba(13, 24, 32, .98));
}
.section-sidebar .watchlist-nav-item.sidebar-nav-item.active {
  border-color: rgba(255, 224, 145, .88);
  color: #fff8de;
  background:
    radial-gradient(circle at 14% 18%, rgba(255, 236, 165, .28), transparent 36%),
    linear-gradient(135deg, rgba(111, 76, 17, .99), rgba(52, 39, 14, .99) 58%, rgba(16, 25, 33, .99));
  box-shadow:
    inset 3px 0 0 #ffd36a,
    0 0 0 1px rgba(255, 231, 160, .08) inset,
    0 0 26px rgba(255, 190, 64, .17);
}

/* Header Watchlist remains recognizable but is intentionally faded/subtle. */
.watchlist-header-btn.radar-center-btn {
  border-color: rgba(214, 186, 124, .26);
  background:
    radial-gradient(circle at 24% 20%, rgba(214, 189, 127, .075), transparent 34%),
    linear-gradient(135deg, rgba(41, 36, 27, .72), rgba(21, 27, 31, .82) 56%, rgba(12, 22, 30, .90));
  color: rgba(240, 226, 192, .82);
  box-shadow:
    inset 0 0 0 1px rgba(224, 199, 143, .035),
    0 7px 18px rgba(0, 0, 0, .20),
    0 0 16px rgba(199, 164, 89, .055);
}
.watchlist-header-btn.radar-center-btn:hover,
.watchlist-header-btn.radar-center-btn:focus-visible {
  border-color: rgba(222, 194, 132, .42);
  background:
    radial-gradient(circle at 24% 20%, rgba(224, 197, 137, .11), transparent 35%),
    linear-gradient(135deg, rgba(50, 43, 30, .82), rgba(24, 29, 32, .90) 56%, rgba(12, 22, 30, .96));
  box-shadow:
    inset 0 0 0 1px rgba(232, 205, 149, .05),
    0 8px 21px rgba(0, 0, 0, .24),
    0 0 20px rgba(199, 164, 89, .09);
}
.watchlist-header-btn .radar-center-sweep {
  background: linear-gradient(90deg, transparent 0%, rgba(211, 188, 133, .02) 42%, rgba(218, 192, 137, .085) 50%, rgba(211, 188, 133, .02) 58%, transparent 100%);
}
.watchlist-header-btn .radar-center-icon {
  color: rgba(230, 207, 151, .72);
  border-color: rgba(218, 191, 129, .24);
  background: radial-gradient(circle, rgba(210, 183, 118, .09), rgba(180, 150, 82, .025) 62%, transparent 63%);
  box-shadow: none;
}
.watchlist-header-btn .radar-center-copy strong {
  color: rgba(246, 231, 196, .86);
  text-shadow: none;
}
.watchlist-header-btn .radar-center-copy small {
  color: rgba(204, 188, 151, .60);
}

@media (max-width: 620px) {
  .watchlist-group > .sidebar-group-heading.monitor-premium-heading {
    grid-template-columns: 32px minmax(0, 1fr);
    gap: .5rem;
    padding: .58rem .62rem;
  }
  .monitor-premium-icon { width: 30px; height: 30px; font-size: .82rem; }
}

/* ========================================================================== 
   v2.4.21 — Lighter Faded Monitor & Watchlist
   Visual-only refinement. Both Monitor drawer graphics and the inline header
   Watchlist control use a lighter, softer amber treatment with reduced glow,
   saturation, border intensity, and fill opacity. Behavior/layout unchanged.
   ========================================================================== */

/* Monitor drawer heading: keep the watch identity, lower visual weight. */
.watchlist-group > .sidebar-group-heading.monitor-premium-heading {
  border-color: rgba(225, 204, 157, .30);
  background:
    radial-gradient(circle at 18% 22%, rgba(235, 218, 174, .075), transparent 36%),
    linear-gradient(135deg, rgba(57, 50, 35, .64), rgba(30, 31, 28, .76) 56%, rgba(17, 25, 32, .88));
  box-shadow:
    inset 0 0 0 1px rgba(231, 212, 170, .025),
    0 7px 18px rgba(0, 0, 0, .16),
    0 0 12px rgba(204, 174, 109, .035);
}
.monitor-premium-icon {
  color: rgba(236, 218, 173, .70);
  border-color: rgba(225, 202, 151, .24);
  background: radial-gradient(circle, rgba(220, 197, 143, .075), rgba(183, 155, 96, .018) 62%, transparent 63%);
  box-shadow: none;
}
.watchlist-group > .sidebar-group-heading.monitor-premium-heading strong {
  color: rgba(246, 235, 207, .82);
  text-shadow: none;
}
.watchlist-group > .sidebar-group-heading.monitor-premium-heading small {
  color: rgba(207, 194, 161, .54);
}

/* Monitor > Watchlist nav tab: faded and calm, with only a soft selected cue. */
.section-sidebar .watchlist-nav-item.sidebar-nav-item {
  border-color: rgba(218, 198, 154, .20);
  color: rgba(235, 222, 191, .72);
  background:
    radial-gradient(circle at 14% 18%, rgba(229, 209, 165, .05), transparent 36%),
    linear-gradient(135deg, rgba(48, 43, 33, .56), rgba(27, 30, 29, .72) 58%, rgba(13, 24, 31, .82));
  box-shadow: inset 2px 0 0 rgba(220, 194, 136, .30);
}
.section-sidebar .watchlist-nav-item.sidebar-nav-item .sidebar-nav-icon {
  color: rgba(233, 214, 169, .66);
  filter: none;
}
.section-sidebar .watchlist-nav-item.sidebar-nav-item:hover,
.section-sidebar .watchlist-nav-item.sidebar-nav-item:focus-visible {
  border-color: rgba(228, 208, 165, .34);
  color: rgba(248, 237, 210, .88);
  background:
    radial-gradient(circle at 14% 18%, rgba(234, 215, 171, .075), transparent 36%),
    linear-gradient(135deg, rgba(58, 50, 35, .66), rgba(31, 32, 29, .80) 58%, rgba(14, 25, 32, .90));
}
.section-sidebar .watchlist-nav-item.sidebar-nav-item.active {
  border-color: rgba(231, 211, 168, .42);
  color: rgba(251, 242, 218, .92);
  background:
    radial-gradient(circle at 14% 18%, rgba(239, 221, 179, .10), transparent 36%),
    linear-gradient(135deg, rgba(65, 55, 37, .74), rgba(34, 34, 29, .84) 58%, rgba(15, 26, 33, .93));
  box-shadow:
    inset 2px 0 0 rgba(226, 201, 145, .48),
    0 0 12px rgba(194, 163, 96, .025);
}

/* Header Watchlist: even lighter/fainter than v2.4.7 while remaining legible. */
.watchlist-header-btn.radar-center-btn {
  border-color: rgba(207, 190, 154, .17);
  background:
    radial-gradient(circle at 24% 20%, rgba(217, 202, 170, .035), transparent 36%),
    linear-gradient(135deg, rgba(37, 35, 30, .52), rgba(22, 28, 31, .68) 56%, rgba(12, 22, 30, .78));
  color: rgba(229, 220, 199, .68);
  box-shadow:
    inset 0 0 0 1px rgba(226, 211, 178, .015),
    0 6px 14px rgba(0, 0, 0, .14),
    0 0 10px rgba(190, 163, 105, .025);
}
.watchlist-header-btn.radar-center-btn:hover,
.watchlist-header-btn.radar-center-btn:focus-visible {
  border-color: rgba(218, 199, 160, .28);
  background:
    radial-gradient(circle at 24% 20%, rgba(226, 210, 175, .06), transparent 36%),
    linear-gradient(135deg, rgba(44, 40, 32, .62), rgba(24, 29, 31, .76) 56%, rgba(12, 22, 30, .86));
  box-shadow:
    inset 0 0 0 1px rgba(232, 215, 179, .022),
    0 7px 16px rgba(0, 0, 0, .17),
    0 0 12px rgba(191, 164, 106, .04);
}
.watchlist-header-btn .radar-center-sweep {
  opacity: .46;
  background: linear-gradient(90deg, transparent 0%, rgba(216, 202, 169, .012) 42%, rgba(222, 205, 170, .045) 50%, rgba(216, 202, 169, .012) 58%, transparent 100%);
}
.watchlist-header-btn .radar-center-icon {
  color: rgba(225, 211, 178, .58);
  border-color: rgba(214, 195, 153, .16);
  background: radial-gradient(circle, rgba(210, 190, 145, .045), rgba(177, 151, 96, .012) 62%, transparent 63%);
}
.watchlist-header-btn .radar-center-copy strong {
  color: rgba(239, 230, 208, .74);
}
.watchlist-header-btn .radar-center-copy small {
  color: rgba(197, 189, 169, .46);
}

/* ========================================================================== 
   v2.4.21 — Dark Radar Watchlist Header
   Visual-only refinement. The inline Watchlist Monitor is darker and carries
   a subtle faded radar graphic. The Monitor drawer keeps the v2.4.21 styling.
   ========================================================================== */
.watchlist-header-btn.radar-center-btn {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(184, 164, 122, .22);
  background:
    radial-gradient(circle at 24% 20%, rgba(213, 196, 157, .028), transparent 34%),
    linear-gradient(135deg, rgba(14, 18, 22, .96), rgba(8, 15, 21, .98) 58%, rgba(5, 12, 18, .995));
  color: rgba(225, 216, 195, .72);
  box-shadow:
    inset 0 0 0 1px rgba(223, 208, 173, .014),
    0 7px 16px rgba(0, 0, 0, .28),
    0 0 11px rgba(173, 145, 91, .025);
}

/* Faded radar rings behind the normal button content. */
.watchlist-header-btn.radar-center-btn::before {
  content: '';
  position: absolute;
  width: 116px;
  height: 116px;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
  opacity: .38;
  background:
    linear-gradient(rgba(194, 177, 139, .075), rgba(194, 177, 139, .075)) center/1px 100% no-repeat,
    linear-gradient(90deg, rgba(194, 177, 139, .075), rgba(194, 177, 139, .075)) center/100% 1px no-repeat,
    radial-gradient(circle at center,
      transparent 0 18%, rgba(201, 184, 145, .09) 18.6% 19.3%,
      transparent 20% 36%, rgba(201, 184, 145, .07) 36.6% 37.3%,
      transparent 38% 55%, rgba(201, 184, 145, .052) 55.6% 56.2%,
      transparent 57% 74%, rgba(201, 184, 145, .036) 74.5% 75.1%,
      transparent 76%);
  filter: blur(.05px);
}

/* Very low-opacity rotating radar wedge. */
.watchlist-header-btn.radar-center-btn::after {
  content: '';
  position: absolute;
  width: 104px;
  height: 104px;
  left: 10px;
  top: 50%;
  margin-top: -52px;
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
  opacity: .24;
  background: conic-gradient(from 0deg,
    transparent 0deg 306deg,
    rgba(211, 193, 152, .015) 310deg,
    rgba(211, 193, 152, .11) 344deg,
    rgba(211, 193, 152, .025) 356deg,
    transparent 360deg);
  animation: watchlist-radar-rotate 8.5s linear infinite;
  transform-origin: center;
}

.watchlist-header-btn .radar-center-sweep {
  opacity: .18;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(210, 193, 155, .008) 42%,
    rgba(218, 201, 160, .03) 50%,
    rgba(210, 193, 155, .008) 58%,
    transparent 100%);
}
.watchlist-header-btn .radar-center-icon,
.watchlist-header-btn .radar-center-copy {
  position: relative;
  z-index: 2;
}
.watchlist-header-btn .radar-center-icon {
  color: rgba(222, 207, 171, .62);
  border-color: rgba(202, 181, 137, .19);
  background: radial-gradient(circle, rgba(208, 188, 144, .05), rgba(137, 116, 76, .01) 62%, transparent 63%);
  box-shadow: none;
}
.watchlist-header-btn .radar-center-copy strong {
  color: rgba(239, 229, 207, .78);
}
.watchlist-header-btn .radar-center-copy small {
  color: rgba(190, 181, 161, .50);
}
.watchlist-header-btn.radar-center-btn:hover,
.watchlist-header-btn.radar-center-btn:focus-visible {
  border-color: rgba(203, 181, 134, .34);
  background:
    radial-gradient(circle at 24% 20%, rgba(221, 202, 161, .04), transparent 34%),
    linear-gradient(135deg, rgba(19, 22, 24, .98), rgba(9, 16, 22, .99) 58%, rgba(5, 12, 18, 1));
  box-shadow:
    inset 0 0 0 1px rgba(229, 211, 174, .02),
    0 8px 18px rgba(0, 0, 0, .32),
    0 0 14px rgba(174, 146, 91, .04);
}
.watchlist-header-btn.radar-center-btn:hover::before,
.watchlist-header-btn.radar-center-btn:focus-visible::before { opacity: .50; }
.watchlist-header-btn.radar-center-btn:hover::after,
.watchlist-header-btn.radar-center-btn:focus-visible::after { opacity: .32; }

@keyframes watchlist-radar-rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .watchlist-header-btn.radar-center-btn::after { animation: none; }
}

@media (max-width: 620px) {
  .watchlist-header-btn.radar-center-btn::before {
    width: 88px;
    height: 88px;
    left: -4px;
  }
  .watchlist-header-btn.radar-center-btn::after {
    width: 80px;
    height: 80px;
    left: 0;
    margin-top: -40px;
  }
}

/* ========================================================================== 
   v2.4.21 — Dark Monitor Drawer Radar
   Visual-only correction. The menu Monitor heading is deliberately darker
   than the faded Watchlist navigation while preserving the amber monitor ID.
   ========================================================================== */
.watchlist-group > .sidebar-group-heading.monitor-premium-heading {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(178, 157, 111, .24);
  background:
    radial-gradient(circle at 18% 22%, rgba(206, 186, 142, .025), transparent 35%),
    linear-gradient(135deg, rgba(12, 16, 20, .985), rgba(7, 13, 18, .995) 58%, rgba(4, 10, 15, 1));
  box-shadow:
    inset 0 0 0 1px rgba(224, 207, 169, .012),
    0 8px 20px rgba(0, 0, 0, .30),
    0 0 10px rgba(166, 138, 84, .02);
}

/* Faded radar rings behind the Monitor label. */
.watchlist-group > .sidebar-group-heading.monitor-premium-heading::before {
  content: '';
  position: absolute;
  width: 122px;
  height: 122px;
  left: -8px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
  opacity: .34;
  background:
    linear-gradient(rgba(188, 169, 128, .065), rgba(188, 169, 128, .065)) center/1px 100% no-repeat,
    linear-gradient(90deg, rgba(188, 169, 128, .065), rgba(188, 169, 128, .065)) center/100% 1px no-repeat,
    radial-gradient(circle at center,
      transparent 0 18%, rgba(198, 179, 136, .085) 18.6% 19.3%,
      transparent 20% 36%, rgba(198, 179, 136, .065) 36.6% 37.3%,
      transparent 38% 55%, rgba(198, 179, 136, .046) 55.6% 56.2%,
      transparent 57% 74%, rgba(198, 179, 136, .032) 74.5% 75.1%,
      transparent 76%);
}

/* Slow, faded radar wedge. */
.watchlist-group > .sidebar-group-heading.monitor-premium-heading::after {
  content: '';
  position: absolute;
  width: 108px;
  height: 108px;
  left: -1px;
  top: 50%;
  margin-top: -54px;
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
  opacity: .20;
  background: conic-gradient(from 0deg,
    transparent 0deg 306deg,
    rgba(205, 185, 142, .01) 310deg,
    rgba(205, 185, 142, .095) 344deg,
    rgba(205, 185, 142, .02) 356deg,
    transparent 360deg);
  animation: monitor-drawer-radar-rotate 9.5s linear infinite;
  transform-origin: center;
}

.watchlist-group > .sidebar-group-heading.monitor-premium-heading .monitor-premium-icon,
.watchlist-group > .sidebar-group-heading.monitor-premium-heading .monitor-premium-copy {
  position: relative;
  z-index: 2;
}
.watchlist-group > .sidebar-group-heading.monitor-premium-heading .monitor-premium-icon {
  color: rgba(225, 210, 176, .62);
  border-color: rgba(205, 184, 138, .19);
  background: radial-gradient(circle, rgba(203, 181, 136, .05), rgba(135, 112, 72, .01) 62%, transparent 63%);
}
.watchlist-group > .sidebar-group-heading.monitor-premium-heading strong {
  color: rgba(240, 231, 210, .80);
}
.watchlist-group > .sidebar-group-heading.monitor-premium-heading small {
  color: rgba(192, 182, 159, .48);
}

@keyframes monitor-drawer-radar-rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .watchlist-group > .sidebar-group-heading.monitor-premium-heading::after { animation: none; }
}


/* ========================================================================== 
   v2.4.21 — Darker Monitor + Watchlist Surface Correction
   Visual-only correction. Force both the menu Monitor heading and the inline
   Watchlist Monitor button back to the darker near-black/navy treatment so the
   surfaces visibly read darker than the lighter faded amber state. Layout,
   behavior, guided tips, watchlist functions, and responsiveness unchanged.
   ========================================================================== */
.watchlist-header-btn.radar-center-btn {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(192, 171, 129, .30);
  background:
    radial-gradient(circle at 22% 18%, rgba(215, 197, 154, .04), transparent 33%),
    linear-gradient(135deg, rgba(8, 12, 16, .995), rgba(4, 10, 15, 1) 56%, rgba(2, 8, 13, 1));
  color: rgba(233, 224, 205, .82);
  box-shadow:
    inset 0 0 0 1px rgba(229, 212, 177, .026),
    0 8px 20px rgba(0, 0, 0, .34),
    0 0 14px rgba(176, 148, 91, .05);
}
.watchlist-header-btn.radar-center-btn::before {
  opacity: .48;
  background:
    linear-gradient(rgba(202, 184, 145, .09), rgba(202, 184, 145, .09)) center/1px 100% no-repeat,
    linear-gradient(90deg, rgba(202, 184, 145, .09), rgba(202, 184, 145, .09)) center/100% 1px no-repeat,
    radial-gradient(circle at center,
      transparent 0 18%, rgba(211, 193, 151, .11) 18.6% 19.3%,
      transparent 20% 36%, rgba(211, 193, 151, .085) 36.6% 37.3%,
      transparent 38% 55%, rgba(211, 193, 151, .06) 55.6% 56.2%,
      transparent 57% 74%, rgba(211, 193, 151, .042) 74.5% 75.1%,
      transparent 76%);
}
.watchlist-header-btn.radar-center-btn::after { opacity: .30; }
.watchlist-header-btn .radar-center-sweep {
  opacity: .26;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(214, 196, 156, .01) 42%,
    rgba(223, 204, 162, .052) 50%,
    rgba(214, 196, 156, .01) 58%,
    transparent 100%);
}
.watchlist-header-btn .radar-center-icon {
  color: rgba(232, 216, 180, .76);
  border-color: rgba(209, 189, 145, .28);
  background: radial-gradient(circle, rgba(212, 192, 148, .07), rgba(138, 117, 77, .015) 62%, transparent 63%);
}
.watchlist-header-btn .radar-center-copy strong { color: rgba(245, 236, 215, .92); }
.watchlist-header-btn .radar-center-copy small { color: rgba(205, 194, 170, .62); }
.watchlist-header-btn.radar-center-btn:hover,
.watchlist-header-btn.radar-center-btn:focus-visible {
  border-color: rgba(210, 188, 141, .42);
  background:
    radial-gradient(circle at 22% 18%, rgba(224, 205, 160, .055), transparent 33%),
    linear-gradient(135deg, rgba(10, 14, 18, 1), rgba(5, 11, 16, 1) 56%, rgba(2, 8, 13, 1));
  box-shadow:
    inset 0 0 0 1px rgba(234, 216, 179, .04),
    0 9px 22px rgba(0, 0, 0, .38),
    0 0 16px rgba(180, 151, 94, .075);
}
.watchlist-header-btn.radar-center-btn:hover::before,
.watchlist-header-btn.radar-center-btn:focus-visible::before { opacity: .58; }
.watchlist-header-btn.radar-center-btn:hover::after,
.watchlist-header-btn.radar-center-btn:focus-visible::after { opacity: .36; }

.watchlist-group > .sidebar-group-heading.monitor-premium-heading {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(190, 169, 124, .30);
  background:
    radial-gradient(circle at 16% 20%, rgba(208, 189, 145, .032), transparent 34%),
    linear-gradient(135deg, rgba(7, 11, 15, .997), rgba(4, 9, 14, 1) 56%, rgba(2, 7, 12, 1));
  box-shadow:
    inset 0 0 0 1px rgba(227, 210, 175, .018),
    0 9px 22px rgba(0, 0, 0, .34),
    0 0 12px rgba(168, 140, 85, .04);
}
.watchlist-group > .sidebar-group-heading.monitor-premium-heading::before {
  opacity: .42;
  background:
    linear-gradient(rgba(194, 175, 132, .078), rgba(194, 175, 132, .078)) center/1px 100% no-repeat,
    linear-gradient(90deg, rgba(194, 175, 132, .078), rgba(194, 175, 132, .078)) center/100% 1px no-repeat,
    radial-gradient(circle at center,
      transparent 0 18%, rgba(204, 184, 140, .10) 18.6% 19.3%,
      transparent 20% 36%, rgba(204, 184, 140, .076) 36.6% 37.3%,
      transparent 38% 55%, rgba(204, 184, 140, .054) 55.6% 56.2%,
      transparent 57% 74%, rgba(204, 184, 140, .038) 74.5% 75.1%,
      transparent 76%);
}
.watchlist-group > .sidebar-group-heading.monitor-premium-heading::after { opacity: .26; }
.watchlist-group > .sidebar-group-heading.monitor-premium-heading .monitor-premium-icon {
  color: rgba(233, 217, 182, .74);
  border-color: rgba(210, 189, 144, .26);
  background: radial-gradient(circle, rgba(206, 186, 142, .07), rgba(136, 113, 74, .014) 62%, transparent 63%);
}
.watchlist-group > .sidebar-group-heading.monitor-premium-heading strong {
  color: rgba(244, 235, 214, .90);
}
.watchlist-group > .sidebar-group-heading.monitor-premium-heading small {
  color: rgba(199, 188, 164, .58);
}

/* ========================================================================== 
   v2.4.21 — Monitor / Watchlist Gold Theme Alignment
   Approved visual target: darker bronze-gold command surfaces with subdued
   amber text/icon accents and faded radar graphics. This override aligns the
   top-right Watchlist Monitor and drawer Monitor heading with the existing
   Watchlist action-button family without changing layout or behavior.
   ========================================================================== */
.watchlist-header-btn.radar-center-btn {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(226, 190, 103, .48);
  background:
    radial-gradient(circle at 20% 18%, rgba(255, 224, 139, .105), transparent 36%),
    linear-gradient(135deg, rgba(66, 48, 17, .94), rgba(31, 28, 18, .975) 56%, rgba(12, 22, 30, .99));
  color: rgba(255, 240, 201, .90);
  box-shadow:
    inset 0 1px 0 rgba(255, 236, 179, .045),
    inset 0 0 0 1px rgba(255, 218, 133, .026),
    0 8px 20px rgba(0, 0, 0, .30),
    0 0 17px rgba(221, 172, 67, .075);
}
.watchlist-header-btn.radar-center-btn::before {
  opacity: .46;
  background:
    linear-gradient(rgba(239, 202, 119, .09), rgba(239, 202, 119, .09)) center/1px 100% no-repeat,
    linear-gradient(90deg, rgba(239, 202, 119, .09), rgba(239, 202, 119, .09)) center/100% 1px no-repeat,
    radial-gradient(circle at center,
      transparent 0 18%, rgba(243, 207, 124, .12) 18.6% 19.3%,
      transparent 20% 36%, rgba(243, 207, 124, .09) 36.6% 37.3%,
      transparent 38% 55%, rgba(243, 207, 124, .064) 55.6% 56.2%,
      transparent 57% 74%, rgba(243, 207, 124, .044) 74.5% 75.1%,
      transparent 76%);
}
.watchlist-header-btn.radar-center-btn::after {
  opacity: .27;
  background: conic-gradient(from 0deg,
    transparent 0deg 306deg,
    rgba(247, 209, 123, .015) 310deg,
    rgba(247, 209, 123, .13) 344deg,
    rgba(247, 209, 123, .03) 356deg,
    transparent 360deg);
}
.watchlist-header-btn .radar-center-sweep {
  opacity: .28;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(246, 208, 124, .012) 42%,
    rgba(255, 219, 133, .062) 50%,
    rgba(246, 208, 124, .012) 58%,
    transparent 100%);
}
.watchlist-header-btn .radar-center-icon {
  color: rgba(255, 225, 151, .86);
  border-color: rgba(242, 201, 110, .36);
  background: radial-gradient(circle, rgba(243, 199, 99, .12), rgba(184, 135, 45, .025) 62%, transparent 63%);
  box-shadow: 0 0 12px rgba(224, 171, 66, .055);
}
.watchlist-header-btn .radar-center-copy strong {
  color: rgba(255, 244, 214, .96);
  text-shadow: 0 0 9px rgba(231, 181, 78, .08);
}
.watchlist-header-btn .radar-center-copy small {
  color: rgba(224, 203, 160, .68);
}
.watchlist-header-btn.radar-center-btn:hover,
.watchlist-header-btn.radar-center-btn:focus-visible {
  border-color: rgba(240, 204, 121, .62);
  background:
    radial-gradient(circle at 20% 18%, rgba(255, 231, 154, .14), transparent 37%),
    linear-gradient(135deg, rgba(77, 55, 17, .97), rgba(37, 31, 17, .985) 56%, rgba(12, 22, 30, .995));
  box-shadow:
    inset 0 1px 0 rgba(255, 240, 190, .06),
    0 9px 23px rgba(0, 0, 0, .33),
    0 0 21px rgba(225, 174, 67, .11);
}
.watchlist-header-btn.radar-center-btn:hover::before,
.watchlist-header-btn.radar-center-btn:focus-visible::before { opacity: .56; }
.watchlist-header-btn.radar-center-btn:hover::after,
.watchlist-header-btn.radar-center-btn:focus-visible::after { opacity: .34; }

.watchlist-group > .sidebar-group-heading.monitor-premium-heading {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(226, 190, 103, .46);
  background:
    radial-gradient(circle at 17% 20%, rgba(255, 224, 139, .10), transparent 36%),
    linear-gradient(135deg, rgba(68, 49, 17, .95), rgba(31, 28, 18, .98) 57%, rgba(12, 22, 30, .99));
  box-shadow:
    inset 0 1px 0 rgba(255, 236, 180, .04),
    inset 0 0 0 1px rgba(255, 217, 129, .024),
    0 8px 21px rgba(0, 0, 0, .30),
    0 0 16px rgba(218, 167, 63, .065);
}
.watchlist-group > .sidebar-group-heading.monitor-premium-heading::before {
  opacity: .44;
  background:
    linear-gradient(rgba(238, 200, 116, .086), rgba(238, 200, 116, .086)) center/1px 100% no-repeat,
    linear-gradient(90deg, rgba(238, 200, 116, .086), rgba(238, 200, 116, .086)) center/100% 1px no-repeat,
    radial-gradient(circle at center,
      transparent 0 18%, rgba(244, 207, 122, .115) 18.6% 19.3%,
      transparent 20% 36%, rgba(244, 207, 122, .086) 36.6% 37.3%,
      transparent 38% 55%, rgba(244, 207, 122, .06) 55.6% 56.2%,
      transparent 57% 74%, rgba(244, 207, 122, .042) 74.5% 75.1%,
      transparent 76%);
}
.watchlist-group > .sidebar-group-heading.monitor-premium-heading::after {
  opacity: .25;
  background: conic-gradient(from 0deg,
    transparent 0deg 306deg,
    rgba(246, 208, 122, .014) 310deg,
    rgba(246, 208, 122, .12) 344deg,
    rgba(246, 208, 122, .028) 356deg,
    transparent 360deg);
}
.watchlist-group > .sidebar-group-heading.monitor-premium-heading .monitor-premium-icon {
  color: rgba(255, 225, 151, .84);
  border-color: rgba(241, 200, 109, .34);
  background: radial-gradient(circle, rgba(242, 198, 98, .11), rgba(183, 135, 44, .024) 62%, transparent 63%);
  box-shadow: 0 0 11px rgba(222, 170, 65, .045);
}
.watchlist-group > .sidebar-group-heading.monitor-premium-heading strong {
  color: rgba(255, 244, 214, .95);
  text-shadow: 0 0 9px rgba(230, 179, 76, .075);
}
.watchlist-group > .sidebar-group-heading.monitor-premium-heading small {
  color: rgba(222, 202, 160, .66);
}

/* Keep the actual Watchlist menu item beneath Monitor quieter so Monitor is
   the category heading and the selected destination remains easy to scan. */
.section-sidebar .watchlist-nav-item.sidebar-nav-item {
  border-color: rgba(207, 184, 131, .22);
  color: rgba(225, 218, 199, .78);
  background:
    radial-gradient(circle at 14% 18%, rgba(224, 201, 151, .045), transparent 36%),
    linear-gradient(135deg, rgba(39, 36, 29, .62), rgba(24, 29, 30, .78) 58%, rgba(12, 23, 31, .88));
  box-shadow: inset 2px 0 0 rgba(213, 185, 124, .32);
}
.section-sidebar .watchlist-nav-item.sidebar-nav-item .sidebar-nav-icon {
  color: rgba(224, 211, 178, .72);
  filter: none;
}
.section-sidebar .watchlist-nav-item.sidebar-nav-item:hover,
.section-sidebar .watchlist-nav-item.sidebar-nav-item:focus-visible {
  border-color: rgba(226, 199, 140, .36);
  color: rgba(244, 235, 211, .90);
  background:
    radial-gradient(circle at 14% 18%, rgba(235, 210, 153, .07), transparent 36%),
    linear-gradient(135deg, rgba(48, 42, 31, .70), rgba(27, 31, 30, .84) 58%, rgba(12, 23, 31, .94));
}
.section-sidebar .watchlist-nav-item.sidebar-nav-item.active {
  border-color: rgba(235, 204, 142, .44);
  color: rgba(251, 241, 217, .94);
  background:
    radial-gradient(circle at 14% 18%, rgba(242, 217, 160, .095), transparent 36%),
    linear-gradient(135deg, rgba(57, 48, 33, .77), rgba(31, 33, 29, .88) 58%, rgba(14, 25, 33, .96));
  box-shadow: inset 2px 0 0 rgba(226, 195, 132, .50), 0 0 12px rgba(195, 155, 78, .035);
}


/* ========================================================================== 
   v2.4.21 — Coordinated UI Theme + Compact Guided Tips
   Visual-only hierarchy refinement requested after v2.4.12. Market logic,
   calculations, data providers, navigation, responsiveness and Watchlist
   behavior remain unchanged.
   ========================================================================== */

/* Market Data: unmistakable neon light green. */
.demo-pill.live-pill,
.header-control-stack .market-data-tip-stack .demo-pill.live-pill {
  color: #062414;
  border-color: rgba(190,255,203,.94);
  background: linear-gradient(135deg, #a4ffb4 0%, #66ff9f 52%, #39ff14 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.42), 0 0 16px rgba(57,255,20,.22);
  text-shadow: 0 1px 0 rgba(255,255,255,.28);
}

/* Market Research Command and Selected Asset: related blues, visibly distinct. */
.search-panel {
  border-color: rgba(120,211,255,.46);
  background:
    radial-gradient(circle at 86% 10%, rgba(114,193,255,.20), transparent 38%),
    linear-gradient(135deg, rgba(35,111,165,.72), rgba(18,71,111,.76) 55%, rgba(9,34,58,.86));
  box-shadow: 0 14px 34px rgba(0,0,0,.22), inset 0 1px 0 rgba(190,234,255,.06);
}
.search-panel::before {
  color: #d5f5ff;
  text-shadow: 0 0 10px rgba(105,220,255,.12);
}
.asset-hero {
  border-color: rgba(149,220,255,.32);
  background:
    radial-gradient(circle at 14% 8%, rgba(177,230,255,.10), transparent 34%),
    linear-gradient(100deg, rgba(54,126,171,.30), rgba(32,93,137,.34) 52%, rgba(14,49,78,.54));
  box-shadow: 0 14px 30px rgba(0,0,0,.20), inset 0 1px 0 rgba(205,239,255,.035);
}
.asset-hero .asset-kicker { color: #a9eaff; }

/* VERIFY + Sources: spaced out inside a transparent light-green oval family. */
.verify-group {
  padding: .58rem;
  border: 1px solid rgba(105,238,166,.25);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(73,242,164,.075), rgba(73,242,164,.025));
  box-shadow: inset 0 1px 0 rgba(210,255,230,.025);
}
.verify-group > .sidebar-group-heading.verify-heading {
  margin: 0 0 .66rem;
  border-color: rgba(117,247,177,.56);
  background: linear-gradient(135deg, rgba(45,145,95,.46), rgba(27,92,67,.34));
  box-shadow: inset 0 1px 0 rgba(221,255,235,.06), 0 0 13px rgba(73,242,164,.055);
}
.verify-group > .sidebar-group-heading.verify-heading strong { color: #e9fff3; }
.verify-group > .sidebar-group-heading.verify-heading small { color: rgba(211,250,227,.78); }
.verify-group .sidebar-nav-list { margin-top: .08rem; }
.section-sidebar .verify-group .sidebar-nav-item.tab {
  margin-top: .04rem;
  border-color: rgba(110,238,169,.28);
  color: #c9f6dc;
  background: rgba(73,242,164,.075);
  box-shadow: inset 2px 0 0 rgba(104,230,161,.24);
}
.section-sidebar .verify-group .sidebar-nav-item.tab:hover,
.section-sidebar .verify-group .sidebar-nav-item.tab:focus-visible {
  border-color: rgba(128,247,184,.46);
  background: rgba(73,242,164,.12);
  color: #effff5;
}
.section-sidebar .verify-group .sidebar-nav-item.tab.active {
  border-color: rgba(150,255,200,.62);
  color: #0a2b1a;
  background: linear-gradient(135deg, rgba(168,255,205,.86), rgba(101,242,164,.78));
  box-shadow: 0 0 16px rgba(73,242,164,.10);
}

/* MONITOR + Watchlist: shiny dark gold title and transparent light-gold oval. */
.watchlist-group {
  padding: .58rem;
  border: 1px solid rgba(229,194,109,.25);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(228,190,99,.075), rgba(228,190,99,.025));
  box-shadow: inset 0 1px 0 rgba(255,239,193,.025);
}
.watchlist-group > .sidebar-group-heading.monitor-premium-heading {
  margin: 0 0 .64rem;
  border-color: rgba(242,207,120,.62);
  background:
    linear-gradient(115deg, rgba(255,239,188,.08) 0 14%, transparent 24%),
    radial-gradient(circle at 20% 18%, rgba(255,226,144,.16), transparent 38%),
    linear-gradient(135deg, rgba(82,58,13,.97), rgba(48,35,14,.985) 54%, rgba(25,24,20,.99));
  box-shadow: inset 0 1px 0 rgba(255,244,205,.10), inset 0 0 0 1px rgba(255,219,132,.035), 0 8px 20px rgba(0,0,0,.28), 0 0 17px rgba(225,174,68,.09);
}
.watchlist-group > .sidebar-group-heading.monitor-premium-heading strong,
.watchlist-header-btn .radar-center-copy strong { color: #fff0bd; }
.watchlist-group > .sidebar-group-heading.monitor-premium-heading small,
.watchlist-header-btn .radar-center-copy small { color: rgba(238,216,166,.76); }
.watchlist-group > .sidebar-group-heading.monitor-premium-heading .monitor-premium-icon,
.watchlist-header-btn .radar-center-icon {
  color: #ffe19a;
  border-color: rgba(245,204,111,.44);
  background: radial-gradient(circle, rgba(246,200,91,.18), rgba(164,111,21,.035) 62%, transparent 63%);
}
.watchlist-header-btn.radar-center-btn {
  border-color: rgba(242,207,120,.60);
  background:
    linear-gradient(115deg, rgba(255,242,202,.07) 0 13%, transparent 23%),
    radial-gradient(circle at 20% 18%, rgba(255,227,145,.15), transparent 38%),
    linear-gradient(135deg, rgba(79,56,13,.97), rgba(45,34,14,.987) 55%, rgba(22,23,20,.995));
  box-shadow: inset 0 1px 0 rgba(255,245,211,.09), inset 0 0 0 1px rgba(255,217,126,.032), 0 8px 20px rgba(0,0,0,.30), 0 0 18px rgba(226,175,67,.095);
}
.watchlist-header-btn.radar-center-btn:hover,
.watchlist-header-btn.radar-center-btn:focus-visible {
  border-color: rgba(255,220,135,.76);
  background:
    linear-gradient(115deg, rgba(255,247,214,.09) 0 14%, transparent 24%),
    radial-gradient(circle at 20% 18%, rgba(255,232,155,.19), transparent 38%),
    linear-gradient(135deg, rgba(93,65,13,.99), rgba(54,39,13,.995) 55%, rgba(23,24,20,1));
}

/* All Watchlist-related action buttons use the same shiny dark-gold family. */
.watch-action-btn,
.watch-action-primary,
.watch-action-secondary,
.watch-action-danger,
.watchlist-toggle-btn.watch-action-btn {
  border-color: rgba(236,199,108,.55);
  color: #fff0c6;
  background:
    linear-gradient(115deg, rgba(255,245,210,.075) 0 14%, transparent 24%),
    radial-gradient(circle at 15% 15%, rgba(255,224,137,.13), transparent 36%),
    linear-gradient(135deg, rgba(79,57,15,.94), rgba(47,35,16,.965) 56%, rgba(24,28,27,.98));
  box-shadow: inset 0 1px 0 rgba(255,242,201,.08), inset 0 0 0 1px rgba(255,216,125,.028), 0 7px 17px rgba(0,0,0,.22), 0 0 14px rgba(220,167,60,.065);
}
.watch-action-btn:hover,
.watch-action-btn:focus-visible,
.watch-action-primary:hover,
.watch-action-primary:focus-visible,
.watch-action-secondary:hover,
.watch-action-secondary:focus-visible,
.watch-action-danger:hover,
.watch-action-danger:focus-visible {
  border-color: rgba(249,214,127,.72);
  color: #fff8df;
  background:
    linear-gradient(115deg, rgba(255,247,216,.10) 0 15%, transparent 25%),
    radial-gradient(circle at 15% 15%, rgba(255,230,150,.18), transparent 37%),
    linear-gradient(135deg, rgba(93,65,14,.97), rgba(55,40,14,.985) 56%, rgba(25,29,27,.995));
}
.watch-action-btn .watch-action-icon { color: #ffe096; border-color: rgba(240,199,102,.42); }
.section-sidebar .watchlist-nav-item.sidebar-nav-item {
  border-color: rgba(226,195,124,.28);
  color: #f0deb1;
  background: rgba(226,190,103,.085);
  box-shadow: inset 2px 0 0 rgba(225,189,108,.28);
}
.section-sidebar .watchlist-nav-item.sidebar-nav-item:hover,
.section-sidebar .watchlist-nav-item.sidebar-nav-item:focus-visible { background: rgba(226,190,103,.13); color:#fff1c6; }
.section-sidebar .watchlist-nav-item.sidebar-nav-item.active {
  border-color: rgba(242,209,133,.48);
  color: #fff5d7;
  background: rgba(226,190,103,.18);
  box-shadow: inset 2px 0 0 rgba(240,202,117,.48), 0 0 13px rgba(210,164,69,.045);
}

/* Menu tabs use a lighter version of their section title color. */
.section-sidebar .discovery-group .sidebar-nav-item {
  border-color: rgba(255,215,126,.28);
  color: #ffe7ae;
  background: rgba(255,204,91,.09);
}
.section-sidebar .evidence-analysis-group .sidebar-nav-item {
  border-color: rgba(102,214,255,.20);
  color: #c9efff;
  background: rgba(57,184,230,.065);
}
.section-sidebar .evidence-analysis-group .sidebar-nav-item:hover,
.section-sidebar .evidence-analysis-group .sidebar-nav-item:focus-visible { background: rgba(57,184,230,.11); }
.section-sidebar .forward-outlook-group .opportunity-tab.sidebar-nav-item {
  border-color: rgba(89,239,168,.24);
  color: #baffdc;
  background: rgba(73,242,164,.075);
}
.section-sidebar .forward-outlook-group .validation-tab.sidebar-nav-item {
  border-color: rgba(197,160,255,.25);
  color: #ddd0ff;
  background: rgba(189,140,255,.075);
}

/* Guided Tips: compact Track Record selected-window cyan → blue → violet family. */
.guided-tips-toggle,
.guided-tip-replay {
  border-color: rgba(184,247,255,.32);
  background: linear-gradient(135deg, rgba(57,230,255,.10), rgba(113,182,255,.09) 58%, rgba(155,145,255,.10));
  color: #d9f8ff;
}
.guided-tips-toggle.is-on {
  border-color: rgba(184,247,255,.55);
  background: linear-gradient(135deg, rgba(57,230,255,.22), rgba(113,182,255,.19) 58%, rgba(155,145,255,.21));
  color: #f4fdff;
}
.guided-tip-popover {
  width: min(330px, calc(100vw - 24px));
  max-height: min(500px, calc(100vh - 32px));
  padding: .7rem;
  border-color: rgba(184,247,255,.48);
  border-radius: 15px;
  background:
    radial-gradient(circle at 12% 4%, rgba(57,230,255,.10), transparent 30%),
    radial-gradient(circle at 92% 100%, rgba(155,145,255,.11), transparent 34%),
    rgba(5,18,30,.93);
  box-shadow: 0 16px 44px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.055);
}
.guided-tip-eyebrow { color: #9cf1ff; font-size: .59rem; }
.guided-tip-close {
  width: 29px; height: 29px; border-radius: 999px;
  border-color: rgba(184,247,255,.30);
  background: linear-gradient(135deg, rgba(57,230,255,.12), rgba(113,182,255,.10), rgba(155,145,255,.12));
}
.guided-tip-popover h3 { margin: .28rem 0 .52rem; font-size: .92rem; }
.guided-tip-copy { gap: .38rem; }
.guided-tip-copy > div {
  padding: .48rem .54rem;
  border-color: rgba(184,247,255,.22);
  border-radius: 13px;
  background: linear-gradient(135deg, rgba(57,230,255,.11), rgba(113,182,255,.095) 58%, rgba(155,145,255,.11));
}
.guided-tip-copy strong { margin-bottom: .1rem; color:#b8f5ff; font-size:.62rem; }
.guided-tip-copy p { font-size: .72rem; line-height: 1.38; color:#e1eff8; }
.guided-tip-actions { gap:.34rem; margin-top:.56rem; }
.guided-tip-next,
.guided-tip-dismiss {
  min-height: 34px;
  padding: .4rem .62rem;
  border-radius: 999px;
  font-size: .67rem;
}
.guided-tip-next {
  border-color: rgba(184,247,255,.52);
  background: linear-gradient(135deg, rgba(57,230,255,.28), rgba(113,182,255,.25) 58%, rgba(155,145,255,.27));
  color:#f5fdff;
}
.guided-tip-dismiss {
  border-color: rgba(171,193,225,.24);
  background: rgba(126,145,188,.09);
  color:#dbe8f2;
}
@media (max-width: 720px) {
  .guided-tip-popover { width:auto !important; max-height:min(58vh,460px); padding:.66rem; }
  .guided-tip-copy p { font-size:.73rem; }
  .guided-tip-next,.guided-tip-dismiss { min-height:38px; }
}
@media (max-width: 430px) {
  .guided-tip-actions { grid-template-columns:minmax(0,1fr) auto; }
  .guided-tip-next,.guided-tip-dismiss { width:auto; }
}

/* v2.4.21 menu active-state parity: tabs stay lighter than their section title. */
.section-sidebar .discovery-group .sidebar-nav-item.tab.active {
  border-color: rgba(255,225,158,.58);
  color: #352307;
  background: linear-gradient(135deg, rgba(255,232,170,.94), rgba(255,210,107,.86));
  box-shadow: 0 0 15px rgba(255,202,91,.09);
}
.section-sidebar .evidence-analysis-group .sidebar-nav-item.tab.active {
  border-color: rgba(174,238,255,.58);
  color: #082538;
  background: linear-gradient(135deg, rgba(181,240,255,.92), rgba(121,204,244,.84));
  box-shadow: 0 0 15px rgba(57,184,230,.09);
}
.section-sidebar .forward-outlook-group .opportunity-tab.sidebar-nav-item.active {
  border-color: rgba(161,255,208,.58);
  color: #0a3825;
  background: linear-gradient(135deg, rgba(184,255,219,.90), rgba(109,239,174,.82));
  box-shadow: 0 0 15px rgba(73,242,164,.09);
}
.section-sidebar .forward-outlook-group .validation-tab.sidebar-nav-item.active {
  border-color: rgba(224,204,255,.58);
  color: #2b1949;
  background: linear-gradient(135deg, rgba(229,214,255,.92), rgba(191,158,245,.84));
  box-shadow: 0 0 15px rgba(189,140,255,.09);
}

/* ========================================================================== 
   v2.4.21 — Discover Theme + Guided Tip Color Fix
   Discover Markets moves to a distinct teal/aqua intelligence family so it no
   longer resembles the Watchlist bronze-gold family. Guided Tips reuse the
   selected Trading Day cyan→blue→violet surface with dark information cards.
   Selected Asset becomes a solid faded lighter-blue surface.
   ========================================================================== */
:root {
  --discover-aqua: #52ead9;
  --discover-aqua-soft: #a9fff3;
  --discover-teal: #2bc9bd;
  --discover-teal-deep: #0a5053;
  --discover-navy: #102b45;
}

/* DISCOVER menu family: transparent teal container, dark teal title, light tab. */
.discovery-group {
  border-color: rgba(82,234,217,.32);
  background:
    radial-gradient(circle at 88% 6%, rgba(82,234,217,.11), transparent 48%),
    linear-gradient(155deg, rgba(21,93,101,.28), rgba(11,32,52,.62));
  box-shadow:
    inset 0 0 0 1px rgba(170,255,244,.045),
    0 10px 26px rgba(0,0,0,.16),
    0 0 22px rgba(82,234,217,.045);
}
.discovery-group > .sidebar-group-heading,
.discovery-group > .sidebar-group-heading.discovery-heading {
  border-color: rgba(105,244,229,.66);
  background:
    radial-gradient(circle at 86% 12%, rgba(121,246,235,.16), transparent 38%),
    linear-gradient(135deg, rgba(10,80,83,.98), rgba(11,58,72,.98) 54%, rgba(19,38,66,.98));
  box-shadow:
    inset 4px 0 0 var(--discover-aqua),
    inset 0 1px 0 rgba(218,255,250,.10),
    0 0 0 1px rgba(82,234,217,.07),
    0 0 24px rgba(43,201,189,.10);
}
.discovery-group > .sidebar-group-heading strong {
  color: #d7fff9;
  text-shadow: 0 0 14px rgba(82,234,217,.18);
}
.discovery-group > .sidebar-group-heading small { color: rgba(190,245,240,.78); }
.section-sidebar .discovery-group .sidebar-nav-item,
.section-sidebar .discovery-tab.sidebar-nav-item {
  border-color: rgba(82,234,217,.28);
  color: #bdf9f1;
  background: rgba(43,201,189,.085);
  box-shadow: inset 2px 0 0 rgba(82,234,217,.26);
}
.section-sidebar .discovery-group .sidebar-nav-item:hover,
.section-sidebar .discovery-group .sidebar-nav-item:focus-visible,
.section-sidebar .discovery-tab.sidebar-nav-item:hover,
.section-sidebar .discovery-tab.sidebar-nav-item:focus-visible {
  border-color: rgba(127,248,234,.50);
  color: #effffc;
  background: rgba(43,201,189,.14);
}
.section-sidebar .discovery-group .sidebar-nav-item.tab.active,
.section-sidebar .discovery-tab.sidebar-nav-item.active {
  border-color: rgba(181,255,246,.70);
  color: #07322f;
  background: linear-gradient(135deg, #b4fff5 0%, #82f5e6 54%, #65ddd6 100%);
  box-shadow: 0 0 0 1px rgba(218,255,250,.24), 0 0 20px rgba(82,234,217,.14);
}
.section-sidebar .discovery-tab.sidebar-nav-item.active .sidebar-nav-icon {
  color: #07322f;
  background: rgba(255,255,255,.30);
}

/* DISCOVER page family: teal/aqua intelligence, not bronze/gold. */
.active-section-banner.discover {
  border-color: rgba(82,234,217,.54);
  background:
    radial-gradient(circle at 88% 12%, rgba(109,155,255,.14), transparent 36%),
    radial-gradient(circle at 12% 10%, rgba(82,234,217,.18), transparent 38%),
    linear-gradient(135deg, rgba(8,64,69,.98), rgba(8,39,57,.98) 52%, rgba(22,30,65,.98));
  box-shadow: 0 14px 34px rgba(0,0,0,.25), 0 0 28px rgba(82,234,217,.07), inset 0 1px 0 rgba(220,255,250,.04);
}
.active-section-banner.discover::before { background: linear-gradient(180deg, #52ead9, #62c7ff, #8d9bff); }
.active-section-banner.discover .active-section-icon {
  color: #07322f;
  border-color: rgba(196,255,248,.86);
  background: linear-gradient(135deg, #b4fff5, #77ecdf);
  box-shadow: 0 0 20px rgba(82,234,217,.18), inset 0 1px 0 rgba(255,255,255,.52);
}
.active-section-banner.discover .active-section-group { color: #a9fff3; text-shadow: 0 0 14px rgba(82,234,217,.16); }

.discover-command-center {
  border-color: rgba(82,234,217,.38);
  background:
    linear-gradient(rgba(82,234,217,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(98,199,255,.022) 1px, transparent 1px),
    radial-gradient(circle at 88% 4%, rgba(105,155,255,.12), transparent 25rem),
    radial-gradient(circle at 8% 5%, rgba(82,234,217,.13), transparent 23rem),
    linear-gradient(145deg, rgba(8,39,49,.985), rgba(6,25,41,.988) 50%, rgba(19,22,53,.985));
  background-size: 30px 30px, 30px 30px, auto, auto, auto;
  box-shadow: inset 0 0 58px rgba(82,234,217,.022), 0 20px 52px rgba(0,0,0,.24), 0 0 34px rgba(82,234,217,.035);
}
.discover-command-center::before {
  background:
    radial-gradient(circle, transparent 0 25%, rgba(82,234,217,.20) 25.4% 26%, transparent 26.4% 42%, rgba(98,199,255,.15) 42.4% 43%, transparent 43.4% 59%, rgba(141,155,255,.11) 59.4% 60%, transparent 60.4%),
    conic-gradient(from 205deg, transparent 0 76%, rgba(82,234,217,.20) 80%, transparent 84% 100%);
  filter: drop-shadow(0 0 16px rgba(82,234,217,.08));
}
.discover-command-center::after {
  background:
    linear-gradient(90deg, #52ead9 0 48px, transparent 48px) top left/112px 1px no-repeat,
    linear-gradient(270deg, #7e9cff 0 48px, transparent 48px) bottom right/112px 1px no-repeat;
}
.discover-eyebrow { color: #a9fff3; text-shadow: 0 0 13px rgba(82,234,217,.12); }
.discover-live-badge { color:#c9fffa; border-color:rgba(82,234,217,.34); background:rgba(20,109,109,.24); }
.discover-live-dot { background:#52ead9; box-shadow:0 0 0 3px rgba(82,234,217,.09),0 0 9px rgba(82,234,217,.50); }
.discover-hero-copy h2 {
  background: linear-gradient(92deg, #d7fff9 0%, #83f5e6 28%, #70c8ff 62%, #afa8ff 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;
  text-shadow:0 0 28px rgba(82,234,217,.06);
}
.discover-query-shell {
  border-color: rgba(82,234,217,.28);
  background: linear-gradient(145deg, rgba(8,57,61,.72), rgba(5,24,40,.88));
  box-shadow: inset 0 0 28px rgba(82,234,217,.018), 0 0 20px rgba(98,199,255,.02);
}
.discover-query-shell > label { color:#c9fff8; }
#discoverQuery { border-color:rgba(82,234,217,.30); background:linear-gradient(145deg,#0a1f2b,#071727); }
#discoverQuery:focus { outline-color:rgba(82,234,217,.72); border-color:#52ead9; box-shadow:inset 0 0 22px rgba(82,234,217,.025),0 0 17px rgba(82,234,217,.07); }
.discover-search-btn {
  color:#07322f;
  border-color:#c9fff8;
  background:linear-gradient(135deg,#b4fff5 0%,#7af1e3 48%,#76c9ff 100%);
  box-shadow:0 8px 22px rgba(82,234,217,.13),inset 0 1px 0 rgba(255,255,255,.40);
}
.discover-search-btn:hover,.discover-search-btn:focus-visible { color:#062c2a; border-color:#e7fffc; background:linear-gradient(135deg,#d2fff9 0%,#95f8eb 46%,#99d9ff 100%); }
.discover-quick-card { border-color:rgba(82,234,217,.17); background:radial-gradient(circle at 100% 0%,rgba(126,156,255,.05),transparent 55%),linear-gradient(150deg,rgba(11,37,48,.95),rgba(7,18,34,.96)); }
.discover-quick-card::after { background:linear-gradient(90deg,transparent,rgba(82,234,217,.52),rgba(98,199,255,.42),transparent); }
.discover-quick-card:hover,.discover-quick-card:focus-visible { border-color:rgba(111,244,229,.48); background:radial-gradient(circle at 100% 0%,rgba(126,156,255,.085),transparent 52%),linear-gradient(150deg,rgba(15,63,67,.96),rgba(9,31,48,.96)); box-shadow:0 12px 30px rgba(0,0,0,.18),0 0 18px rgba(82,234,217,.055); }
.discover-quick-card > span { color:#a9fff3; }
.discover-status-strip > div { border-color:rgba(82,234,217,.18); background:linear-gradient(145deg,rgba(10,53,59,.75),rgba(5,24,39,.82)); }
.discover-status-strip span { color:#a9fff3; }
.discover-results-head { border-color:rgba(82,234,217,.28); background:radial-gradient(circle at 95% 0%,rgba(126,156,255,.07),transparent 44%),linear-gradient(105deg,rgba(11,76,77,.60),rgba(9,40,55,.64) 54%,rgba(28,28,67,.56)); box-shadow:inset 3px 0 0 #52ead9,inset 0 1px 0 rgba(255,255,255,.035),0 0 20px rgba(82,234,217,.035); }
.discover-results-head .discover-eyebrow,.discover-why-not .discover-eyebrow,.discover-method-note strong { color:#a9fff3; }
.radar-result-card { border-color:rgba(82,234,217,.18); background:radial-gradient(circle at 95% 0%,rgba(126,156,255,.055),transparent 24rem),radial-gradient(circle at 0% 100%,rgba(82,234,217,.04),transparent 22rem),linear-gradient(145deg,rgba(8,31,41,.98),rgba(5,13,27,.98)); }
.radar-result-card::before { background:linear-gradient(180deg,#52ead9,#62c7ff,#8d9bff); }
.radar-rank { border-color:rgba(188,255,247,.52); color:#07322f; background:#a9fff3; box-shadow:0 0 15px rgba(82,234,217,.09); }
.radar-research-rank span { color:#88f6ea; }
.discover-compare-panel,.discover-why-not { border-color:rgba(82,234,217,.22); background:radial-gradient(circle at 100% 0%,rgba(126,156,255,.045),transparent 50%),rgba(7,24,37,.82); }
.discover-method-note { border-color:rgba(82,234,217,.17); background:linear-gradient(105deg,rgba(9,67,68,.30),rgba(5,18,31,.68)); }

/* Guided Tips use the same selected Trading Day outer gradient and dark cards. */
.guided-tip-popover {
  width:min(330px,calc(100vw - 24px));
  border-color:rgba(193,251,255,.84);
  background:linear-gradient(112deg,#45d4ef 0%,#55bee9 38%,#719ff2 70%,#8d8cf2 100%);
  box-shadow:0 17px 44px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.42);
  color:#071c2d;
}
.guided-tip-eyebrow { color:#09283a; font-weight:900; }
.guided-tip-popover h3 { color:#061c2d; text-shadow:0 1px 0 rgba(255,255,255,.18); }
.guided-tip-close {
  color:#dffaff;
  border-color:rgba(10,42,61,.30);
  background:rgba(8,35,53,.72);
}
.guided-tip-copy > div {
  border-color:rgba(16,58,79,.50);
  background:linear-gradient(135deg,#0e2b3c 0%,#102b42 58%,#132744 100%);
  box-shadow:inset 0 1px 0 rgba(180,232,255,.035);
}
.guided-tip-copy strong { color:#aeeeff; }
.guided-tip-copy p { color:#f2f9ff; }
.guided-tip-next {
  border-color:rgba(10,43,62,.46);
  background:linear-gradient(135deg,#0a3346,#102c4a);
  color:#f5fdff;
}
.guided-tip-dismiss {
  border-color:rgba(9,44,62,.30);
  background:rgba(8,35,53,.62);
  color:#e6f7ff;
}
.guided-tips-toggle.is-on,
.guided-tips-toggle,
.guided-tip-replay {
  border-color:rgba(164,241,255,.48);
  background:linear-gradient(135deg,rgba(69,212,239,.26),rgba(113,159,242,.24) 62%,rgba(141,140,242,.24));
}

/* Selected Asset: solid faded lighter blue; no transparent panel surface. */
.asset-hero {
  border-color:rgba(174,226,255,.58);
  background:linear-gradient(105deg,#3d7b9c 0%,#356f90 52%,#2d607d 100%);
  box-shadow:0 14px 30px rgba(0,0,0,.20),inset 0 1px 0 rgba(222,246,255,.16);
}
.asset-hero .asset-kicker { color:#d6f3ff; }


/* ========================================================================== 
   v2.4.21 — Guided Tips Gold Fade Theme
   Approved user palette: #BB8E23. The Guided Tip outer surface, Tips On/Off,
   and question-mark replay control fade from warm mustard gold into a lighter
   gold while dark inner cards remain unchanged for contrast/readability.
   ========================================================================== */
:root {
  --guided-gold-base: #bb8e23;
  --guided-gold-mid: #d5aa38;
  --guided-gold-light: #f2d36f;
  --guided-gold-pale: #ffe69a;
  --guided-gold-ink: #241800;
}

.guided-tip-popover {
  border-color: rgba(255, 230, 154, .88);
  background:
    radial-gradient(circle at 88% 8%, rgba(255, 242, 183, .36), transparent 28%),
    linear-gradient(112deg, var(--guided-gold-base) 0%, var(--guided-gold-mid) 42%, var(--guided-gold-light) 76%, var(--guided-gold-pale) 100%);
  color: var(--guided-gold-ink);
  box-shadow:
    0 18px 46px rgba(0, 0, 0, .36),
    0 0 22px rgba(187, 142, 35, .12),
    inset 0 1px 0 rgba(255, 250, 218, .56);
}
.guided-tip-eyebrow,
.guided-tip-popover h3 {
  color: #1d1503;
  text-shadow: 0 1px 0 rgba(255, 247, 205, .34);
}
.guided-tip-close {
  color: #fff8df;
  border-color: rgba(105, 72, 0, .30);
  background: linear-gradient(145deg, #9f730f, #c99820 58%, #dcae35);
  box-shadow: inset 0 1px 0 rgba(255, 240, 173, .18);
}
/* Preserve the dark navy inner cards from the approved mockup. */
.guided-tip-copy > div {
  border-color: rgba(255, 226, 143, .18);
  background: linear-gradient(135deg, #0e2b3c 0%, #102b42 58%, #132744 100%);
}
.guided-tip-copy strong { color: #c8f3ff; }
.guided-tip-copy p { color: #f4f9ff; }
.guided-tip-next {
  border-color: rgba(255, 229, 151, .22);
  background: linear-gradient(135deg, #0a3346, #102c4a);
  color: #f7fdff;
}
.guided-tip-dismiss {
  border-color: rgba(116, 79, 0, .30);
  background: linear-gradient(145deg, #9c700e, #c7941d 60%, #dbad36);
  color: #fff8df;
  box-shadow: inset 0 1px 0 rgba(255, 238, 169, .18);
}

/* Header Tips switch + replay question mark use the same approved gold fade. */
.guided-tips-toggle,
.guided-tips-toggle.is-on,
.guided-tip-replay {
  border-color: rgba(242, 200, 92, .62);
  background:
    linear-gradient(120deg, rgba(151, 101, 19, .94) 0%, rgba(187, 142, 35, .96) 44%, rgba(222, 177, 65, .94) 76%, rgba(242, 211, 111, .90) 100%);
  color: #fff3c8;
  box-shadow:
    inset 0 1px 0 rgba(255, 238, 173, .20),
    0 0 11px rgba(187, 142, 35, .08);
  backdrop-filter: blur(10px) saturate(112%);
  -webkit-backdrop-filter: blur(10px) saturate(112%);
}
.guided-tips-toggle-state {
  background: rgba(68, 42, 0, .30);
  color: #fff6dc;
  border: 1px solid rgba(255, 229, 151, .10);
}
.guided-tip-replay { color: #fff8df; }
.guided-tips-toggle:hover,
.guided-tips-toggle:focus-visible,
.guided-tip-replay:hover,
.guided-tip-replay:focus-visible,
.guided-tip-close:hover,
.guided-tip-close:focus-visible,
.guided-tip-dismiss:hover,
.guided-tip-dismiss:focus-visible {
  outline: none;
  border-color: rgba(255, 226, 137, .84);
  background-image: linear-gradient(120deg, #a87513 0%, #c59422 46%, #e0b846 78%, #f5dc82 100%);
}


/* ========================================================================== 
   v2.4.21 — Watchlist Scoped Neon Gold Theme
   Theme is intentionally limited to Monitor/Watchlist surfaces and controls.
   The rest of Market Evidence preserves its existing blue/green/teal theme.
   Neon outline reference: luminous yellow edge over dark charcoal/gold surface.
   ========================================================================== */
:root {
  --watch-neon: #f7ee4e;
  --watch-neon-hot: #fff34f;
  --watch-gold-deep: #2a2108;
  --watch-gold-mid: #5c4610;
  --watch-gold-warm: #9c7618;
  --watch-gold-soft: #c49a28;
  --watch-gold-text: #fff3bd;
  --watch-gold-muted: #dcc98f;
}

/* Drawer: only the Monitor / Watchlist group receives the gold theme. */
.watchlist-group {
  border-color: rgba(247, 238, 78, .66);
  background: linear-gradient(135deg, rgba(196,154,40,.12), rgba(74,57,12,.055));
  box-shadow: 0 0 11px rgba(247,238,78,.10), inset 0 1px 0 rgba(255,248,184,.045);
}
.watchlist-group > .sidebar-group-heading.monitor-premium-heading {
  border-color: var(--watch-neon);
  background:
    linear-gradient(110deg, rgba(255,244,168,.12), transparent 20%),
    radial-gradient(circle at 18% 12%, rgba(255,232,116,.18), transparent 36%),
    linear-gradient(135deg, rgba(93,68,11,.98), rgba(52,40,10,.99) 55%, rgba(18,19,17,1));
  box-shadow:
    0 0 4px rgba(255,243,79,.92),
    0 0 12px rgba(255,231,49,.34),
    inset 0 1px 0 rgba(255,249,193,.11);
}
.watchlist-group > .sidebar-group-heading.monitor-premium-heading strong { color: #fff5c8; }
.watchlist-group > .sidebar-group-heading.monitor-premium-heading small { color: rgba(244,223,162,.78); }
.watchlist-group > .sidebar-group-heading.monitor-premium-heading .monitor-premium-icon {
  color: #fff173;
  border-color: rgba(255,241,84,.82);
  background: radial-gradient(circle, rgba(247,224,68,.20), rgba(120,88,12,.04) 64%, transparent 65%);
  box-shadow: 0 0 10px rgba(255,237,63,.18);
}
.section-sidebar .watchlist-nav-item.sidebar-nav-item {
  border-color: rgba(247,238,78,.54);
  color: #f6e8a8;
  background: linear-gradient(135deg, rgba(180,137,30,.15), rgba(77,59,14,.08));
  box-shadow: inset 2px 0 0 rgba(247,238,78,.52), 0 0 9px rgba(247,238,78,.07);
}
.section-sidebar .watchlist-nav-item.sidebar-nav-item:hover,
.section-sidebar .watchlist-nav-item.sidebar-nav-item:focus-visible,
.section-sidebar .watchlist-nav-item.sidebar-nav-item.active {
  border-color: var(--watch-neon-hot);
  color: #fff7cf;
  background: linear-gradient(135deg, rgba(193,150,37,.22), rgba(92,70,15,.12));
  box-shadow: inset 2px 0 0 var(--watch-neon-hot), 0 0 12px rgba(255,239,62,.16);
}

/* Header Watchlist shortcut only. */
.watchlist-header-btn.radar-center-btn {
  border-color: var(--watch-neon);
  background:
    linear-gradient(112deg, rgba(255,247,188,.08), transparent 20%),
    radial-gradient(circle at 18% 16%, rgba(255,226,89,.13), transparent 34%),
    linear-gradient(135deg, rgba(71,54,11,.98), rgba(39,31,10,.99) 56%, rgba(14,18,18,1));
  box-shadow: 0 0 4px rgba(255,243,79,.86), 0 0 11px rgba(255,231,48,.22), inset 0 1px 0 rgba(255,248,190,.08);
}
.watchlist-header-btn.radar-center-btn:hover,
.watchlist-header-btn.radar-center-btn:focus-visible {
  border-color: #fff86a;
  box-shadow: 0 0 5px rgba(255,247,89,.95), 0 0 16px rgba(255,231,48,.30), inset 0 1px 0 rgba(255,250,201,.10);
}
.watchlist-header-btn .radar-center-copy strong { color: #fff5c4; }
.watchlist-header-btn .radar-center-copy small { color: rgba(236,215,155,.76); }
.watchlist-header-btn .radar-center-icon { color: #fff173; border-color: rgba(255,241,84,.75); }

/* Watchlist tab/page shell: dark faded gold, not the rest of the app. */
#watchlist.tab-panel {
  --watch-panel-border: rgba(247,238,78,.72);
  --watch-panel-border-soft: rgba(247,238,78,.42);
  --watch-panel-bg: linear-gradient(150deg, rgba(59,46,13,.62), rgba(17,20,21,.96) 48%, rgba(11,16,20,.99));
  --watch-panel-bg-soft: linear-gradient(150deg, rgba(76,57,12,.44), rgba(18,20,20,.96) 54%, rgba(11,15,18,.99));
}
#watchlist .watchlist-command-center {
  padding: .18rem;
  border-radius: 1.45rem;
  background: linear-gradient(135deg, rgba(196,154,40,.045), rgba(247,238,78,.018));
}
#watchlist .watchlist-hero-shell,
#watchlist .watchlist-howto,
#watchlist .watchlist-radar-console,
#watchlist .watchlist-summary-card,
#watchlist .watchlist-control-bar,
#watchlist .watchlist-empty-state,
#watchlist .watchlist-card,
#watchlist .watchlist-reason-box {
  border-color: var(--watch-panel-border-soft);
  background: var(--watch-panel-bg-soft);
  box-shadow: 0 0 3px rgba(255,244,79,.38), 0 0 10px rgba(255,226,36,.10), 0 12px 28px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,245,174,.035);
}
#watchlist .watchlist-hero-shell {
  border-color: var(--watch-panel-border);
  background:
    radial-gradient(circle at 86% 18%, rgba(216,172,48,.20), transparent 34%),
    linear-gradient(135deg, rgba(102,75,12,.76), rgba(55,43,12,.90) 52%, rgba(18,20,18,.98));
  box-shadow: 0 0 4px rgba(255,244,79,.72), 0 0 15px rgba(255,226,36,.16), 0 14px 32px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,249,196,.08);
}
#watchlist .watchlist-eyebrow { color: #f5dd75; }
#watchlist .watchlist-hero-shell h2,
#watchlist .watchlist-radar-copy h3 { color: #fff8d9; }
#watchlist .watchlist-hero-text,
#watchlist .watchlist-radar-copy p,
#watchlist .watchlist-howto p,
#watchlist .watchlist-howto-note,
#watchlist .watchlist-summary-card span,
#watchlist .watchlist-summary-card small,
#watchlist .watchlist-card-subtitle,
#watchlist .watchlist-context-line,
#watchlist .watchlist-price-row span,
#watchlist .watchlist-meta-grid span,
#watchlist .watchlist-reason-head span {
  color: rgba(231,221,187,.82);
}
#watchlist .watchlist-summary-card strong,
#watchlist .watchlist-card strong { color: #fff8dd; }

/* Content detail boxes within the Watchlist page keep dark contrast but inherit gold edges. */
#watchlist .watchlist-step-grid article,
#watchlist .watchlist-price-row > div,
#watchlist .watchlist-meta-grid > div,
#watchlist .watchlist-radar-scope,
#watchlist .watchlist-control-bar select {
  border-color: rgba(247,238,78,.34);
  background: linear-gradient(145deg, rgba(45,36,11,.74), rgba(8,17,24,.94));
  box-shadow: inset 0 1px 0 rgba(255,246,178,.025);
}
#watchlist .watchlist-step-number {
  color: #201800;
  border-color: rgba(255,245,93,.76);
  background: linear-gradient(135deg, #d7ab32, #f1d459 58%, #fff18b);
  box-shadow: 0 0 10px rgba(255,234,54,.16);
}

/* Gold radar surface while status colors still carry their semantic meaning. */
#watchlist .watchlist-radar-ring { border-color: rgba(247,238,78,.16); }
#watchlist .watchlist-radar-cross { background: rgba(247,238,78,.10); }
#watchlist .watchlist-radar-sweep {
  background: linear-gradient(90deg, rgba(255,239,71,.78), rgba(255,239,71,0));
  filter: drop-shadow(0 0 5px rgba(255,238,71,.48));
}
#watchlist .watchlist-radar-sweep::before { background: linear-gradient(180deg, rgba(255,226,59,.10), transparent); }
#watchlist .watchlist-radar-core {
  border-color: rgba(247,238,78,.48);
  background: rgba(31,28,12,.95);
  color: #fff08b;
  box-shadow: 0 0 18px rgba(255,237,65,.14);
}

/* Watchlist action buttons anywhere in the app: gold surface + neon yellow outline. */
.watch-action-btn,
.watch-action-primary,
.watch-action-secondary,
.watch-action-danger,
.watchlist-toggle-btn.watch-action-btn {
  border-color: var(--watch-neon);
  color: var(--watch-gold-text);
  background:
    linear-gradient(110deg, rgba(255,246,180,.10), transparent 22%),
    radial-gradient(circle at 14% 16%, rgba(255,222,82,.14), transparent 34%),
    linear-gradient(135deg, rgba(84,63,12,.95), rgba(45,36,12,.98) 57%, rgba(17,20,19,.99));
  box-shadow: 0 0 4px rgba(255,244,79,.72), 0 0 12px rgba(255,226,36,.14), inset 0 1px 0 rgba(255,248,190,.06);
}
.watch-action-btn:hover,
.watch-action-btn:focus-visible,
.watch-action-primary:hover,
.watch-action-primary:focus-visible,
.watch-action-secondary:hover,
.watch-action-secondary:focus-visible,
.watch-action-danger:hover,
.watch-action-danger:focus-visible {
  border-color: #fff86a;
  color: #fffbe7;
  background:
    linear-gradient(110deg, rgba(255,250,202,.14), transparent 23%),
    radial-gradient(circle at 14% 16%, rgba(255,230,101,.18), transparent 35%),
    linear-gradient(135deg, rgba(99,73,13,.98), rgba(53,40,10,.99) 57%, rgba(18,21,19,1));
  box-shadow: 0 0 5px rgba(255,247,89,.92), 0 0 16px rgba(255,231,48,.24), inset 0 1px 0 rgba(255,250,204,.08);
}
.watch-action-btn .watch-action-icon,
.watchlist-toggle-btn .watchlist-toggle-icon.watch-action-icon {
  color: #fff17c;
  border-color: rgba(255,244,82,.78);
  background: rgba(154,116,17,.15);
  box-shadow: 0 0 9px rgba(255,237,57,.12);
}

/* Keep semantic warning/status treatments readable without losing the gold shell. */
#watchlist .watchlist-card.status-condition,
#watchlist .watchlist-card.status-review,
#watchlist .watchlist-card.status-new,
#watchlist .watchlist-card.status-stable,
#watchlist .watchlist-card.status-issue {
  border-color: rgba(247,238,78,.64);
}
#watchlist .watchlist-card.is-pinned::before {
  background: linear-gradient(180deg, #fff47b, #c99526);
  box-shadow: 0 0 12px rgba(255,236,57,.30);
}
#watchlist .watchlist-group-chip { color: #f7e7ad; background: rgba(173,130,28,.12); border-color: rgba(247,238,78,.22); }
#watchlist .watchlist-condition-chip.active,
#watchlist .watchlist-pinned-badge { color: #fff1ab; background: rgba(180,137,31,.13); border-color: rgba(247,238,78,.25); }

/* Responsive glow control: retain neon identity without excessive bloom on phones. */
@media (max-width: 720px) {
  #watchlist .watchlist-hero-shell,
  #watchlist .watchlist-howto,
  #watchlist .watchlist-radar-console,
  #watchlist .watchlist-summary-card,
  #watchlist .watchlist-control-bar,
  #watchlist .watchlist-empty-state,
  #watchlist .watchlist-card,
  .watch-action-btn,
  .watchlist-header-btn.radar-center-btn,
  .watchlist-group > .sidebar-group-heading.monitor-premium-heading {
    box-shadow: 0 0 3px rgba(255,244,79,.58), 0 0 9px rgba(255,226,36,.10), 0 10px 22px rgba(0,0,0,.20);
  }
}
@media (prefers-reduced-motion: reduce) {
  #watchlist .watchlist-radar-sweep { filter: none; }
}


/* ========================================================================== 
   v2.4.21 — Watchlist Selected Asset / Price / Banner Visual Alignment
   Watchlist-only refinement: selected-asset Watchlist control and page banner
   use the existing neon-gold family; Discover heading is darker teal. The
   Watchlist tab also synchronizes its visible Selected Asset strip in JS.
   ========================================================================== */

/* The Selected Asset Add/Remove Watchlist control must look like the other
   Watchlist actions even during the short synchronization/disabled interval. */
.watch-hero-control .watchlist-toggle-btn.watch-action-btn,
.watch-hero-control .watchlist-toggle-btn.watch-action-btn:disabled {
  opacity: 1;
  border-color: var(--watch-neon);
  color: var(--watch-gold-text);
  background:
    linear-gradient(110deg, rgba(255,246,180,.10), transparent 22%),
    radial-gradient(circle at 14% 16%, rgba(255,222,82,.16), transparent 34%),
    linear-gradient(135deg, rgba(84,63,12,.97), rgba(45,36,12,.99) 57%, rgba(17,20,19,1));
  box-shadow:
    0 0 4px rgba(255,244,79,.82),
    0 0 13px rgba(255,226,36,.17),
    inset 0 1px 0 rgba(255,248,190,.07);
}
.watch-hero-control .watchlist-toggle-btn.watch-action-btn:disabled {
  cursor: wait;
}
.watch-hero-control .watchlist-toggle-btn .watchlist-toggle-copy strong { color: #fff7cf; }
.watch-hero-control .watchlist-toggle-btn .watchlist-toggle-copy small { color: rgba(231,217,171,.80); }

/* Watchlist owns a dedicated banner tone instead of inheriting Discover teal. */
.active-section-banner.watchlist {
  border-color: rgba(247,238,78,.76);
  background:
    radial-gradient(circle at 88% 12%, rgba(255,232,89,.18), transparent 36%),
    linear-gradient(135deg, rgba(92,68,12,.96), rgba(48,38,11,.985) 54%, rgba(16,20,20,.99));
  box-shadow:
    0 0 4px rgba(255,244,79,.62),
    0 0 15px rgba(255,226,36,.13),
    inset 0 1px 0 rgba(255,249,196,.07);
}
.active-section-banner.watchlist::before {
  background: linear-gradient(180deg, #fff86a, #e3b735, #9d7317);
  box-shadow: 0 0 11px rgba(255,239,70,.32);
}
.active-section-banner.watchlist .active-section-icon {
  color: #241b00;
  border-color: rgba(255,245,93,.78);
  background: linear-gradient(135deg, #d7ab32, #f1d459 58%, #fff18b);
  box-shadow: 0 0 12px rgba(255,234,54,.18);
}
.active-section-banner.watchlist .active-section-group { color: #f5dd75; }
.active-section-banner.watchlist h1 { color: #fff8da; }
.active-section-banner.watchlist p { color: rgba(234,224,191,.84); }

/* Discover keeps its teal identity, but the workspace title surface is darker
   so the Watchlist neon-gold group remains the stronger monitor treatment. */
.discovery-group > .sidebar-group-heading,
.discovery-group > .sidebar-group-heading.discovery-heading {
  border-color: rgba(82,234,217,.50);
  background:
    radial-gradient(circle at 86% 10%, rgba(82,234,217,.085), transparent 38%),
    linear-gradient(135deg, rgba(4,43,49,.995), rgba(5,32,43,.995) 56%, rgba(8,22,39,.995));
  box-shadow:
    inset 4px 0 0 rgba(82,234,217,.82),
    inset 0 1px 0 rgba(218,255,250,.055),
    0 0 0 1px rgba(82,234,217,.045),
    0 8px 20px rgba(0,0,0,.20);
}
.discovery-group > .sidebar-group-heading strong { color: #ccfbf5; }
.discovery-group > .sidebar-group-heading small { color: rgba(174,229,226,.68); }

@media (max-width: 720px) {
  .active-section-banner.watchlist,
  .watch-hero-control .watchlist-toggle-btn.watch-action-btn {
    box-shadow: 0 0 3px rgba(255,244,79,.62), 0 0 9px rgba(255,226,36,.10), 0 9px 20px rgba(0,0,0,.20);
  }
}


/* ==========================================================================
   v2.4.21 — Sources Verify Green Title Theme
   Sources uses the same green visual family as the VERIFY navigation group.
   This affects only the Sources active-section title banner.
   ========================================================================== */
.active-section-banner.verify {
  border-color: rgba(117,247,177,.56);
  background:
    radial-gradient(circle at 88% 12%, rgba(73,242,164,.15), transparent 38%),
    linear-gradient(135deg, rgba(27,92,67,.76), rgba(13,55,43,.88) 52%, rgba(7,29,26,.96));
  box-shadow:
    0 12px 30px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(221,255,235,.055),
    0 0 16px rgba(73,242,164,.07);
}
.active-section-banner.verify::before {
  background: linear-gradient(180deg, #9aefbe, #49f2a4);
  box-shadow: 0 0 20px rgba(73,242,164,.42);
}
.active-section-banner.verify .active-section-icon {
  color: #dfffee;
  border-color: rgba(137,250,190,.52);
  background: linear-gradient(135deg, rgba(154,239,190,.20), rgba(73,242,164,.09));
  box-shadow: inset 0 0 20px rgba(73,242,164,.065), 0 0 14px rgba(73,242,164,.055);
}
.active-section-banner.verify .active-section-group {
  color: #bff8d7;
  text-shadow: 0 0 11px rgba(73,242,164,.15);
}
.active-section-banner.verify h1 { color: #effff5; }
.active-section-banner.verify p { color: rgba(211,250,227,.82); }


/* ========================================================================== 
   v2.4.21 — Compact Selected Asset Responsive Layout
   Tablet/phone refinement only. Desktop retains the full Selected Asset row;
   smaller viewports use a dense grid while preserving asset identity, verified
   price, Watchlist action, and Simple/Advanced controls without horizontal
   overflow. Sticky measurements continue to follow the actual panel height.
   ========================================================================== */
@media (max-width: 1100px) {
  .asset-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, .92fr);
    grid-template-areas:
      "asset price"
      "watch view";
    gap: .62rem 1rem;
    align-items: center;
    padding: .72rem .82rem;
    margin: .58rem 0 .76rem;
  }
  .asset-hero > div:first-child { grid-area: asset; min-width: 0; }
  .asset-hero .price-block { grid-area: price; min-width: 0; }
  .asset-hero .watch-hero-control { grid-area: watch; min-width: 0; width: 100%; }
  .asset-hero .ux-view-control {
    grid-area: view;
    min-width: 0;
    width: 100%;
    align-self: center;
    grid-template-columns: auto auto;
    justify-content: end;
    justify-items: end;
    gap: .25rem .55rem;
    padding: 0 0 0 .72rem;
    border-top: 0;
    border-left: 1px solid rgba(125,238,255,.14);
  }
  .asset-hero .ux-view-control small {
    grid-column: 1 / -1;
    max-width: 320px;
    font-size: .61rem;
    line-height: 1.25;
  }
  .asset-hero .watchlist-toggle-btn {
    min-height: 48px;
    padding: .62rem .72rem;
    gap: .58rem;
  }
  .asset-hero .watchlist-toggle-btn .watchlist-toggle-icon {
    width: 1.95rem;
    height: 1.95rem;
  }
  .asset-hero .watchlist-toggle-copy strong { font-size: .88rem; }
  .asset-hero .watchlist-toggle-copy small { font-size: .67rem; line-height: 1.25; }
  .asset-hero .asof { font-size: .70rem; line-height: 1.28; }
}

@media (max-width: 720px) {
  .asset-hero {
    grid-template-columns: minmax(0, 1fr) minmax(132px, .78fr);
    grid-template-areas:
      "asset price"
      "watch watch"
      "view view";
    gap: .48rem .72rem;
    padding: .62rem .68rem;
    margin: .48rem 0 .64rem;
    border-radius: 13px;
  }
  .asset-hero .asset-name {
    font-size: clamp(1.08rem, 4.7vw, 1.32rem);
    line-height: 1.02;
  }
  .asset-hero .asset-symbol { margin-top: .12rem; font-size: .78rem; }
  .asset-hero .price-block { text-align: right; }
  .asset-hero .price { font-size: clamp(1.32rem, 6vw, 1.66rem); }
  .asset-hero .quote-change { margin-top: .12rem; font-size: .78rem; line-height: 1.2; }
  .asset-hero .asof {
    margin-top: .14rem;
    font-size: .62rem;
    line-height: 1.22;
    max-width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  .asset-hero .watch-hero-control .asset-kicker { margin-bottom: .12rem; }
  .asset-hero .watchlist-toggle-btn {
    min-height: 44px;
    padding: .52rem .62rem;
    border-radius: .82rem;
  }
  .asset-hero .watchlist-toggle-btn .watchlist-toggle-icon {
    width: 1.8rem;
    height: 1.8rem;
    font-size: .86rem;
  }
  .asset-hero .watchlist-toggle-copy strong { font-size: .84rem; }
  .asset-hero .watchlist-toggle-copy small { font-size: .63rem; line-height: 1.18; }
  .asset-hero .ux-view-control {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .52rem;
    padding: .48rem 0 0;
    border-left: 0;
    border-top: 1px solid rgba(125,238,255,.14);
  }
  .asset-hero .ux-view-label { flex: 0 0 auto; font-size: .61rem; }
  .asset-hero .ux-view-buttons { flex: 0 0 auto; }
  .asset-hero .ux-view-btn {
    min-width: 72px;
    min-height: 38px;
    padding: .35rem .56rem;
    font-size: .72rem;
  }
  .asset-hero .ux-view-control small { display: none; }
}

@media (max-width: 480px) {
  .asset-hero {
    grid-template-columns: minmax(0, 1fr) minmax(112px, .72fr);
    gap: .42rem .55rem;
    padding: .56rem .58rem;
  }
  .asset-hero .asset-kicker { font-size: .48rem; }
  .asset-hero .asset-name { font-size: 1.08rem; }
  .asset-hero .asset-symbol { font-size: .72rem; }
  .asset-hero .price { font-size: 1.38rem; }
  .asset-hero .quote-change { font-size: .69rem; }
  .asset-hero .asof { font-size: .57rem; -webkit-line-clamp: 1; }
  .asset-hero .watchlist-toggle-copy small { display: none; }
  .asset-hero .watchlist-toggle-btn { padding: .46rem .56rem; }
  .asset-hero .ux-view-label { font-size: .56rem; }
  .asset-hero .ux-view-btn { min-width: 66px; min-height: 36px; padding: .31rem .48rem; }
}

@media (max-width: 360px) {
  .asset-hero {
    grid-template-columns: minmax(0, 1fr) 104px;
    gap: .38rem .44rem;
    padding: .52rem;
  }
  .asset-hero .asset-name { font-size: 1rem; }
  .asset-hero .price { font-size: 1.24rem; }
  .asset-hero .ux-view-btn { min-width: 60px; font-size: .68rem; }
}


/* ========================================================================== 
   v2.4.21 — Selected Asset Tablet + Mobile Containment
   Wide tablets enter the compact Selected Asset grid earlier. Phone Research
   View controls are explicitly width-contained so Simple / Advanced remain
   inside the Selected Asset card on narrow browsers and installed PWAs.
   ========================================================================== */
@media (max-width: 1280px), (max-width: 1366px) and (pointer: coarse) {
  .asset-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(250px, .76fr);
    grid-template-areas:
      "asset price"
      "watch view";
    gap: .48rem .82rem;
    align-items: center;
    padding: .62rem .72rem;
    margin: .48rem 0 .68rem;
  }
  .asset-hero > div:first-child { grid-area: asset; min-width: 0; }
  .asset-hero .price-block { grid-area: price; min-width: 0; text-align: right; }
  .asset-hero .watch-hero-control { grid-area: watch; min-width: 0; width: 100%; }
  .asset-hero .ux-view-control {
    grid-area: view;
    min-width: 0;
    max-width: 100%;
    width: 100%;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    justify-items: stretch;
    gap: .28rem .5rem;
    padding: 0 0 0 .62rem;
    border-top: 0;
    border-left: 1px solid rgba(125,238,255,.14);
    box-sizing: border-box;
  }
  .asset-hero .ux-view-control small { display: none; }
  .asset-hero .ux-view-label { white-space: nowrap; font-size: .59rem; }
  .asset-hero .ux-view-buttons {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    box-sizing: border-box;
  }
  .asset-hero .ux-view-btn {
    width: 100%;
    min-width: 0;
    min-height: 38px;
    padding: .34rem .48rem;
    box-sizing: border-box;
  }
  .asset-hero .asset-name { font-size: clamp(1.08rem, 2.4vw, 1.42rem); }
  .asset-hero .asset-symbol { margin-top: .12rem; font-size: .76rem; }
  .asset-hero .price { font-size: clamp(1.35rem, 2.8vw, 1.78rem); }
  .asset-hero .quote-change { margin-top: .1rem; font-size: .74rem; line-height: 1.18; }
  .asset-hero .asof {
    margin-top: .12rem;
    font-size: .62rem;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
  }
  .asset-hero .watchlist-toggle-btn {
    min-height: 44px;
    padding: .5rem .62rem;
    gap: .5rem;
  }
  .asset-hero .watchlist-toggle-btn .watchlist-toggle-icon { width: 1.8rem; height: 1.8rem; }
  .asset-hero .watchlist-toggle-copy strong { font-size: .84rem; }
  .asset-hero .watchlist-toggle-copy small { font-size: .62rem; line-height: 1.16; }
}

@media (max-width: 720px) {
  .asset-hero {
    grid-template-columns: minmax(0, 1fr) minmax(124px, .78fr);
    grid-template-areas:
      "asset price"
      "watch watch"
      "view view";
    gap: .42rem .58rem;
    padding: .56rem .6rem;
  }
  .asset-hero .ux-view-control {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    width: 100%;
    min-width: 0;
    max-width: 100%;
    gap: .35rem .5rem;
    padding: .42rem 0 0;
    border-left: 0;
    border-top: 1px solid rgba(125,238,255,.14);
    overflow: hidden;
    box-sizing: border-box;
  }
  .asset-hero .ux-view-buttons {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    box-sizing: border-box;
  }
  .asset-hero .ux-view-btn {
    width: 100%;
    min-width: 0;
    min-height: 36px;
    padding: .3rem .42rem;
    font-size: .70rem;
    box-sizing: border-box;
  }
}

@media (max-width: 620px) {
  .asset-hero .ux-view-control {
    grid-template-columns: 1fr;
    gap: .26rem;
    align-items: stretch;
  }
  .asset-hero .ux-view-label { justify-self: start; }
  .asset-hero .ux-view-buttons { width: 100%; min-width: 0; max-width: 100%; }
}

@media (max-width: 480px) {
  .asset-hero {
    grid-template-columns: minmax(0, 1fr) minmax(108px, .70fr);
    gap: .36rem .46rem;
    padding: .5rem .52rem;
  }
  .asset-hero .watchlist-toggle-copy small { display: none; }
  .asset-hero .ux-view-btn { min-height: 34px; padding: .28rem .34rem; font-size: .68rem; }
}

@media (max-width: 360px) {
  .asset-hero {
    grid-template-columns: minmax(0, 1fr) 100px;
    gap: .32rem .38rem;
    padding: .46rem;
  }
  .asset-hero .ux-view-buttons { padding: 2px; }
  .asset-hero .ux-view-btn { min-height: 32px; padding: .24rem .26rem; font-size: .64rem; }
}

/* ========================================================================== 
   v2.5.0 — Subscriber Readiness & First-Use Intelligence
   First-visit onboarding, quick evidence status, returning Watchlist digest,
   and device-safe subscriber preference profile surfaces.
   ========================================================================== */
.first-use-launch {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  margin-top: .42rem;
  padding: .28rem .48rem;
  border: 1px solid rgba(93, 224, 255, .28);
  border-radius: 999px;
  background: rgba(34, 144, 174, .10);
  color: #9ceeff;
  font: inherit;
  font-size: .61rem;
  font-weight: 850;
  cursor: pointer;
}
.first-use-launch:hover,
.first-use-launch:focus-visible { outline: none; border-color: rgba(128, 237, 255, .62); background: rgba(42, 162, 194, .18); }

.evidence-status-summary {
  margin: .56rem 0 .72rem;
  padding: .62rem .72rem .72rem;
  border: 1px solid rgba(91, 199, 236, .24);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(7, 28, 44, .94), rgba(10, 20, 39, .95));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 12px 28px rgba(0,0,0,.18);
}
.evidence-status-summary[hidden] { display: none !important; }
.evidence-status-head { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin-bottom:.52rem; }
.evidence-status-head h2 { margin:.08rem 0 0; font-size:.94rem; line-height:1.15; }
.evidence-status-head > small { color:#8fa7bd; font-size:.64rem; text-align:right; }
.evidence-status-eyebrow { color:#79e9ff; font-size:.56rem; font-weight:900; letter-spacing:.12em; }
.evidence-status-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:.42rem; }
.evidence-status-grid article {
  min-width:0;
  padding:.5rem .56rem;
  border:1px solid rgba(123,169,207,.16);
  border-radius:11px;
  background:rgba(5,16,29,.62);
}
.evidence-status-grid article > span { display:block; color:#91a8bd; font-size:.55rem; font-weight:850; letter-spacing:.055em; text-transform:uppercase; }
.evidence-status-grid article > strong { display:block; margin:.16rem 0 .1rem; color:#f7fbff; font-size:.84rem; line-height:1.15; overflow-wrap:anywhere; }
.evidence-status-grid article > small { display:block; color:#8ea4b9; font-size:.58rem; line-height:1.2; overflow-wrap:anywhere; }
.evidence-status-grid article.positive { border-color:rgba(77,226,165,.24); background:rgba(16,70,58,.24); }
.evidence-status-grid article.positive > strong { color:#8affc7; }
.evidence-status-grid article.negative { border-color:rgba(255,113,129,.22); background:rgba(80,30,40,.22); }
.evidence-status-grid article.negative > strong { color:#ffadb7; }
.evidence-status-grid article.attention { border-color:rgba(255,204,92,.25); background:rgba(87,64,17,.22); }
.evidence-status-grid article.attention > strong { color:#ffe09a; }

.watchlist-change-digest {
  margin:.78rem 0;
  padding:.72rem;
  border:1px solid rgba(255,232,49,.42);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(92,68,8,.48),rgba(29,25,14,.86) 55%,rgba(11,16,20,.94));
  box-shadow:0 0 16px rgba(255,232,49,.09), inset 0 1px 0 rgba(255,247,171,.05);
}
.watchlist-change-digest-head { display:flex; justify-content:space-between; align-items:end; gap:.8rem; margin-bottom:.55rem; }
.watchlist-change-digest-head h3 { margin:.08rem 0 0; color:#fff4c8; font-size:.96rem; }
.watchlist-change-digest-head > small { color:#c7b979; font-size:.62rem; }
.watchlist-change-digest-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.44rem; }
.watchlist-change-digest-item { min-width:0; padding:.55rem .58rem; border:1px solid rgba(255,232,49,.24); border-radius:11px; background:rgba(14,16,14,.72); }
.watchlist-change-digest-item > span { display:block; color:#ffe96b; font-size:.58rem; font-weight:900; letter-spacing:.08em; }
.watchlist-change-digest-item > strong { display:block; margin:.12rem 0; color:#fff5cc; font-size:.76rem; }
.watchlist-change-digest-item > small { display:block; color:#c9c09c; font-size:.61rem; line-height:1.25; overflow-wrap:anywhere; }
.watchlist-change-digest-item.status-condition { box-shadow:inset 0 0 20px rgba(255,230,42,.06); }
.watchlist-change-digest-item.status-review { border-color:rgba(255,190,65,.34); }
.watchlist-change-digest-item.status-new { border-color:rgba(116,220,255,.26); }
.watchlist-change-digest-item.stable,
.watchlist-change-digest-item.empty { grid-column:1/-1; }

.first-use-tour {
  position:fixed;
  z-index:3400;
  width:min(420px,calc(100vw - 24px));
  max-height:min(580px,calc(100vh - 30px));
  overflow:auto;
  padding:.82rem;
  border:1px solid rgba(98,226,255,.52);
  border-radius:17px;
  background:linear-gradient(145deg,rgba(6,31,47,.98),rgba(22,31,65,.98));
  color:#eefbff;
  box-shadow:0 20px 62px rgba(0,0,0,.48),0 0 30px rgba(78,204,255,.12),inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(18px) saturate(125%);
  -webkit-backdrop-filter:blur(18px) saturate(125%);
}
.first-use-tour[hidden] { display:none !important; }
.first-use-tour-head { display:flex; align-items:center; justify-content:space-between; gap:.8rem; }
.first-use-tour-head > div { display:flex; align-items:center; gap:.55rem; }
.first-use-eyebrow { color:#8ff1ff; font-size:.7rem; font-weight:900; letter-spacing:.11em; }
#firstUseProgress { color:#a9b9ff; font-size:.74rem; }
.first-use-close { width:30px; height:30px; border:1px solid rgba(138,210,236,.25); border-radius:50%; background:rgba(4,15,28,.72); color:#eefaff; font:inherit; cursor:pointer; }
.first-use-progress-track { height:4px; margin:.55rem 0 .7rem; border-radius:999px; background:rgba(255,255,255,.08); overflow:hidden; }
.first-use-progress-track i { display:block; width:20%; height:100%; border-radius:inherit; background:linear-gradient(90deg,#3ce2ff,#6e93ff,#ae84ff); transition:width .2s ease; }
.first-use-tour h2 { margin:0 0 .42rem; font-size:1.16rem; line-height:1.28; }
.first-use-tour p { margin:0; color:#c7d9e7; font-size:.9rem; line-height:1.5; }
.first-use-actions { display:grid; grid-template-columns:auto auto 1fr; gap:.42rem; margin-top:.76rem; }
.first-use-actions button { min-height:40px; border-radius:10px; padding:.5rem .72rem; font:inherit; font-size:.78rem; font-weight:850; cursor:pointer; }
.first-use-secondary { border:1px solid rgba(139,181,211,.25); background:rgba(6,19,34,.66); color:#c7d9e7; }
.first-use-primary { border:1px solid rgba(108,221,255,.48); background:linear-gradient(90deg,rgba(46,198,229,.60),rgba(103,120,239,.62)); color:#fff; }
.first-use-actions button:disabled { opacity:.4; cursor:default; }
.first-use-focus { position:relative; z-index:3301 !important; box-shadow:0 0 0 3px rgba(67,226,255,.72),0 0 32px rgba(67,226,255,.30) !important; }

@media (max-width:1100px) {
  .evidence-status-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .watchlist-change-digest-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:720px) {
  .evidence-status-summary { margin:.42rem 0 .56rem; padding:.52rem; border-radius:14px; }
  .evidence-status-head { align-items:flex-start; margin-bottom:.42rem; }
  .evidence-status-head > small { display:none; }
  .evidence-status-head h2 { font-size:.82rem; }
  .evidence-status-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:.32rem; }
  .evidence-status-grid article { padding:.42rem .44rem; }
  .evidence-status-grid article > strong { font-size:.75rem; }
  .evidence-status-grid article > small { font-size:.53rem; }
  .watchlist-change-digest { padding:.58rem; }
  .watchlist-change-digest-grid { grid-template-columns:1fr 1fr; }
  .first-use-tour { left:12px !important; right:12px !important; top:auto !important; bottom:calc(12px + env(safe-area-inset-bottom)) !important; width:auto !important; max-height:min(62vh,480px); }
  .first-use-actions { grid-template-columns:1fr 1fr; }
  .first-use-primary { grid-column:1/-1; }
}
@media (max-width:480px) {
  .evidence-status-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .evidence-status-head h2 { font-size:.78rem; }
  .watchlist-change-digest-grid { grid-template-columns:1fr; }
  .first-use-launch { font-size:.58rem; }
}
@media (max-width:360px) {
  .evidence-status-summary { padding:.46rem; }
  .evidence-status-grid article { padding:.38rem .4rem; }
  .evidence-status-grid article > span { font-size:.5rem; }
  .evidence-status-grid article > strong { font-size:.7rem; }
  .first-use-tour { padding:.7rem; }
}
@media (prefers-reduced-motion: reduce) {
  .first-use-progress-track i { transition:none; }
}


/* ========================================================================== 
   v2.5.5 — Main App Header Identity Restoration
   The primary Market Evidence app keeps its logo mark on desktop, tablet, and
   mobile. Brand-copy containment remains so the tagline cannot escape the
   header. Command Center uses independent rules in command-center.css.
   ========================================================================== */
.topbar .brand-logo { display: block !important; }
.topbar .brand-wrap { gap: .62rem; max-width: 100%; min-width: 0; }
.topbar .brand-copy { min-width: 0; max-width: 100%; overflow: hidden; }
.topbar .brand-line { min-width: 0; max-width: 100%; }
.topbar .tagline {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


/* v2.5.5 ranking clarity */
.asset-rank-meta { display:flex; flex-wrap:wrap; align-items:center; gap:.42rem; margin-top:.28rem; font-size:.76rem; line-height:1.35; color:var(--muted); }
.asset-rank-meta span { display:inline-flex; align-items:center; gap:.28rem; }
.asset-rank-meta b { color:var(--text); font-weight:700; }
.asset-rank-separator { opacity:.45; }
.radar-research-rank em { display:block; margin-top:.28rem; font-size:.68rem; font-style:normal; font-weight:650; opacity:.78; }

/* v2.5.5 Watchlist active alerts */
.watch-alert-settings-panel {
  grid-column: 1 / -1;
  display: grid;
  gap: .75rem;
  padding: .9rem;
  border-radius: 1rem;
  border: 1px solid rgba(255, 205, 112, .14);
  background: linear-gradient(160deg, rgba(45, 33, 14, .28), rgba(8, 18, 30, .72));
}
.watch-alert-settings-head { display: grid; gap: .18rem; }
.watch-alert-settings-head strong { color: #ffe0a0; font-size: .92rem; }
.watch-alert-settings-head small,
.watch-alert-note { color: var(--muted, #b8c7d8); }
.watch-alert-toggle-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
}
.watch-alert-channel-toggle {
  display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: .7rem;
  width: 100%; min-height: 4.4rem; padding: .72rem .78rem; text-align: left; cursor: pointer;
  border-radius: .85rem; border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.025); color: var(--text);
}
.watch-alert-channel-toggle:hover, .watch-alert-channel-toggle:focus-visible { border-color: rgba(117,219,255,.42); outline: none; }
.watch-alert-channel-toggle.is-enabled { border-color: rgba(124,242,165,.42); background: rgba(79,205,125,.065); }
.watch-alert-channel-copy { display: grid; gap: .2rem; min-width: 0; }
.watch-alert-channel-copy strong { color: #f6fbff; font-size: .82rem; }
.watch-alert-channel-copy small { color: var(--muted, #b8c7d8); font-size: .68rem; line-height: 1.32; }
.watch-alert-toggle-visual { position: relative; display: inline-block; width: 2.55rem; height: 1.42rem; border-radius: 999px; background: rgba(148,165,183,.26); border: 1px solid rgba(255,255,255,.1); }
.watch-alert-toggle-visual i { position: absolute; top: .16rem; left: .17rem; width: .98rem; height: .98rem; border-radius: 50%; background: #e7eef6; transition: transform .16s ease; }
.watch-alert-channel-toggle.is-enabled .watch-alert-toggle-visual { background: rgba(69,211,122,.28); border-color: rgba(124,242,165,.38); }
.watch-alert-channel-toggle.is-enabled .watch-alert-toggle-visual i { transform: translateX(1.08rem); background: #8cf3ad; }
.watch-alert-toggle-state { min-width: 4.2rem; text-align: right; color: #c5d1df; font-size: .7rem; font-weight: 800; }
.watch-alert-channel-toggle.is-enabled .watch-alert-toggle-state { color: #8cf3ad; }
.watch-alert-email-field { display: grid; gap: .35rem; padding: .7rem; border-radius: .8rem; border: 1px solid rgba(255,255,255,.05); background: rgba(255,255,255,.025); }
.watch-alert-email-field[hidden] { display: none !important; }
.watch-alert-email-field > span { font-size: .76rem; color: var(--muted, #b8c7d8); }
.watch-alert-email-field input { width: 100%; }
.watch-alert-capability-status { display: flex; gap: .55rem; flex-wrap: wrap; }
.watch-alert-status-pill {
  display: inline-flex;
  align-items: center;
  min-height: 1.8rem;
  padding: .3rem .58rem;
  border-radius: 999px;
  font-size: .7rem;
  border: 1px solid rgba(117, 219, 255, .12);
  background: rgba(81, 195, 232, .06);
  color: #bcefff;
}
.watch-alert-status-pill[data-state='denied'],
.watch-alert-status-pill[data-state='unavailable'] { color: #ffbe9b; border-color: rgba(255, 152, 106, .16); background: rgba(255, 112, 68, .06); }
.watch-alert-status-pill[data-state='granted'],
.watch-alert-status-pill[data-state='ready'] { color: #a7f0bc; border-color: rgba(117, 224, 157, .16); background: rgba(74, 202, 120, .06); }
.watch-alert-note { margin: 0; font-size: .76rem; line-height: 1.45; }

#radarCenterBtn.watch-alert-active,
.watchlist-nav-item.watch-alert-active { position: relative; border-color: rgba(255, 209, 92, .82); box-shadow: 0 0 0 2px rgba(255, 209, 92, .16); }
#radarCenterBtn.watch-alert-active::after,
.watchlist-nav-item.watch-alert-active::after {
  content: "⚠";
  position: absolute; right: -.42rem; top: -.42rem; display: grid; place-items: center;
  width: 1.35rem; height: 1.35rem; border-radius: 999px; background: #ffd15c; color: #241800;
  font-size: .72rem; font-weight: 900; box-shadow: 0 0 12px rgba(255, 209, 92, .48);
}
.watchlist-card.has-unreviewed-alert, .watchlist-card-flag.watch-alert-active,
.watchlist-radar-node.watch-alert-active, .watchlist-change-digest-item.watch-alert-active {
  border-color: rgba(255, 210, 112, .52); box-shadow: 0 0 0 1px rgba(255, 210, 112, .18);
}
.watchlist-header-slot { position: relative; }
.watch-alert-header-notice {
  position: absolute; z-index: 80; right: 0; top: calc(100% + .35rem); width: min(330px, 76vw);
  display: flex; align-items: center; gap: .55rem; text-align: left; padding: .62rem .72rem;
  border: 1px solid rgba(255, 209, 92, .58); border-radius: .8rem; background: rgba(8, 20, 30, .98);
  color: #f4f7fb; box-shadow: 0 14px 34px rgba(0,0,0,.34), 0 0 18px rgba(255, 209, 92, .16); cursor: pointer;
}
.watch-alert-header-notice[hidden] { display: none !important; }
.watch-alert-header-notice .watch-alert-symbol { color: #ffd15c; font-size: 1.08rem; }
.watch-alert-header-copy { display: grid; gap: .08rem; min-width: 0; }
.watch-alert-header-copy strong { color: #7cf2a5; font-size: .74rem; }
.watch-alert-header-copy small { color: #c9d7e5; font-size: .66rem; line-height: 1.25; }
.watch-alert-review-banner {
  width: 100%; text-align: left; cursor: pointer; color: inherit; font: inherit;
  display: flex; align-items: flex-start; gap: .6rem; padding: .7rem .8rem; margin-top: .2rem;
  border-radius: .8rem; border: 1px solid rgba(255, 209, 92, .32); background: rgba(255, 209, 92, .065);
}
.watch-alert-review-banner .watch-alert-symbol { color: #ffd15c; font-size: 1rem; }
.watch-alert-review-banner div { display: grid; gap: .16rem; }
.watch-alert-review-banner strong { color: #7cf2a5 !important; }
.watch-alert-review-banner small { color: #d4dee8; }
.watch-alert-review-banner em { color: #ffbc9e; font-size: .7rem; font-style: normal; }
.watch-radar-alert-symbol {
  position: absolute; right: -.35rem; top: -.4rem; display: grid; place-items: center; width: 1rem; height: 1rem;
  border-radius: 999px; background: #ffd15c; color: #251800; font-size: .65rem; font-style: normal; font-weight: 900;
}
.watch-digest-alert-symbol { margin-right: .28rem; color: #ffd15c; font-style: normal; }
.watch-alert-test-actions { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .65rem; }
.watch-number-stepper { display: grid; grid-template-columns: minmax(0, 1fr) 2.3rem; gap: .22rem; width: 100%; }
.watch-number-stepper input { min-width: 0; width: 100%; }
.watch-number-stepper-buttons { display: grid; grid-template-rows: 1fr 1fr; gap: .15rem; }
.watch-number-stepper-buttons button {
  min-width: 2.3rem; min-height: 1.45rem; padding: 0; border: 1px solid rgba(117, 219, 255, .25); border-radius: .38rem;
  background: rgba(117, 219, 255, .08); color: #c9f3ff; font-size: .62rem; line-height: 1; touch-action: manipulation;
}
.watch-number-stepper-buttons button:active { transform: translateY(1px); background: rgba(117, 219, 255, .16); }
@media (max-width: 720px) {
  .watch-alert-toggle-grid { grid-template-columns: 1fr; }
  .watch-alert-channel-toggle { grid-template-columns: minmax(0,1fr) auto; }
  .watch-alert-toggle-state { grid-column: 1 / -1; text-align: left; min-width: 0; }
  .watch-alert-header-notice { right: -.15rem; width: min(280px, 88vw); }
  .watch-number-stepper-buttons button { min-height: 1.7rem; }
}

/* v2.5.5 direct alert monitor arrival: static, accessible, no flashing. */
.watchlist-card.watch-alert-target-arrival {
  outline: 3px solid currentColor;
  outline-offset: 3px;
}
.watchlist-card.watch-alert-target-arrival [data-watchlist-review] {
  box-shadow: 0 0 0 3px rgba(255,255,255,.22);
}

/* v2.5.5 independent alert channels + direct monitor routing */
button.watchlist-change-digest-item { width: 100%; text-align: left; color: inherit; font: inherit; cursor: pointer; }
button.watchlist-change-digest-item:hover, button.watchlist-change-digest-item:focus-visible,
.watch-alert-review-banner:hover, .watch-alert-review-banner:focus-visible { border-color: rgba(124,242,165,.56); outline: none; box-shadow: 0 0 0 2px rgba(124,242,165,.12); }
@media (prefers-reduced-motion: reduce) { .watch-alert-toggle-visual i { transition: none; } }

@media (max-width: 720px) {
  .asset-hero .window-coverage { font-size: .64rem; line-height: 1.25; }
}

/* v2.6.0 — Market Outlook & Scenario Intelligence */
.section-sidebar .market-pulse-tab.sidebar-nav-item {
  color:#8fe9ff;
  border-color:rgba(69,205,255,.20);
  background:rgba(45,189,255,.035);
}
.section-sidebar .market-pulse-tab.sidebar-nav-item:hover,
.section-sidebar .market-pulse-tab.sidebar-nav-item:focus-visible {
  border-color:rgba(94,224,255,.50);
  background:rgba(45,189,255,.08);
}
.section-sidebar .market-pulse-tab.sidebar-nav-item.active {
  color:#04141d;
  background:linear-gradient(135deg,#54dfff,#71f1d2);
  border-color:#54dfff;
  box-shadow:0 0 22px rgba(84,223,255,.20);
}
.active-section-banner.pulse {
  border-color:rgba(84,223,255,.30);
  background:radial-gradient(circle at 90% 12%,rgba(84,223,255,.11),transparent 36%),linear-gradient(135deg,rgba(7,28,40,.97),rgba(5,18,29,.97));
}
.active-section-banner.pulse::before { background:linear-gradient(180deg,#54dfff,#71f1d2); }
.active-section-banner.pulse .active-section-icon,
.active-section-banner.pulse .active-section-group { color:#8fe9ff; }

.market-pulse-scope-note {
  display:grid;
  grid-template-columns:minmax(180px,260px) minmax(0,1fr);
  align-items:end;
  gap:.65rem;
  margin:.8rem 0 1rem;
  padding:.75rem .9rem;
  border:1px solid rgba(84,223,255,.18);
  border-radius:12px;
  background:rgba(84,223,255,.045);
  color:#b9d5e3;
  font-size:.82rem;
  line-height:1.45;
}
.market-pulse-scope-note p { margin:0; }
.market-pulse-span-control { display:flex; flex-direction:column; gap:.34rem; min-width:0; }
.market-pulse-span-control label { color:#9fdcf0; font-size:.68rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.market-pulse-span-control select { width:100%; min-width:0; border:1px solid rgba(84,223,255,.24); border-radius:9px; padding:.58rem .7rem; background:rgba(4,14,24,.92); color:#eefaff; font:inherit; }
.market-pulse-span-control select:focus { outline:2px solid rgba(84,223,255,.28); border-color:#54dfff; }
.market-pulse-capital-panel {
  margin:0 0 1rem;
  padding:.9rem;
  border:1px solid rgba(150,174,198,.16);
  border-radius:14px;
  background:rgba(8,22,34,.78);
}
.market-pulse-capital-panel h3 { margin:0 0 .2rem; font-size:.95rem; }
.market-pulse-capital-panel > p { margin:.15rem 0 .7rem; color:var(--muted); font-size:.78rem; }
.market-pulse-capital-controls {
  display:grid;
  grid-template-columns:repeat(3,minmax(125px,1fr)) auto;
  gap:.65rem;
  align-items:end;
}
.market-pulse-capital-controls > label {
  display:block;
  min-width:0;
  color:#9fb6c8;
  font-size:.68rem;
  font-weight:750;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.market-pulse-money-input {
  position:relative;
  display:flex;
  align-items:center;
  min-width:0;
  margin-top:.3rem;
}
.market-pulse-money-input > span {
  position:absolute;
  left:.58rem;
  z-index:1;
  color:#7896ab;
  font-size:.78rem;
  pointer-events:none;
}
.market-pulse-money-input input { padding-left:1.35rem; }
.market-pulse-money-input label {
  display:block;
  margin-bottom:.3rem;
  color:#9fb6c8;
  font-size:.68rem;
  font-weight:750;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.market-pulse-money-input input {
  width:100%;
  box-sizing:border-box;
  border:1px solid rgba(146,177,205,.22);
  border-radius:9px;
  padding:.58rem .62rem .58rem 1.35rem;
  background:rgba(4,14,24,.90);
  color:#eefaff;
  font:inherit;
}
.market-pulse-money-input input:focus { outline:2px solid rgba(84,223,255,.30); border-color:#54dfff; }
.market-pulse-status { min-height:1.2rem; margin:.35rem 0 .75rem; color:#9fb6c8; font-size:.78rem; }
.market-pulse-status.error { color:#ffb1b1; }

.market-pulse-snapshot-grid {
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:.62rem;
}
.market-pulse-metric {
  min-width:0;
  padding:.76rem .72rem;
  border:1px solid rgba(149,176,202,.15);
  border-radius:12px;
  background:linear-gradient(150deg,rgba(13,31,45,.90),rgba(5,17,27,.88));
}
.market-pulse-metric span { display:block; color:#91a9bd; font-size:.68rem; line-height:1.25; }
.market-pulse-metric strong { display:block; margin-top:.22rem; color:#f0fbff; font-size:1.03rem; overflow-wrap:anywhere; }
.market-pulse-metric small { display:block; margin-top:.2rem; color:#7692a8; font-size:.65rem; line-height:1.3; }

.market-pulse-two-column,
.market-pulse-trend-grid,
.market-pulse-focus-grid,
.market-pulse-watch-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.8rem;
}
.market-pulse-list-panel,
.market-pulse-outcome-card,
.market-pulse-trend-card,
.market-pulse-focus-card,
.market-pulse-watch-card {
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(145,174,201,.15);
  border-radius:13px;
  background:rgba(7,20,31,.80);
}
.market-pulse-list-head,
.market-pulse-outcome-head,
.market-pulse-watch-head {
  display:flex;
  justify-content:space-between;
  gap:.6rem;
  align-items:flex-start;
  padding:.7rem .78rem;
  border-bottom:1px solid rgba(145,174,201,.12);
}
.market-pulse-list-head strong,
.market-pulse-outcome-head strong,
.market-pulse-watch-head strong { color:#e9f8ff; font-size:.83rem; }
.market-pulse-list-head span,
.market-pulse-outcome-head span,
.market-pulse-watch-head span { color:#7593a9; font-size:.67rem; text-align:right; }
.market-pulse-table-wrap { width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.market-pulse-table { width:100%; min-width:560px; border-collapse:collapse; font-size:.74rem; }
.market-pulse-table th,
.market-pulse-table td { padding:.58rem .62rem; border-bottom:1px solid rgba(145,174,201,.10); text-align:right; white-space:nowrap; }
.market-pulse-table th { color:#7894aa; font-size:.63rem; letter-spacing:.035em; text-transform:uppercase; }
.market-pulse-table th:first-child,
.market-pulse-table td:first-child { text-align:left; }
.market-pulse-table tr:last-child td { border-bottom:0; }
.market-pulse-asset-cell { display:flex; flex-direction:column; gap:.08rem; }
.market-pulse-asset-cell strong { color:#f0fbff; }
.market-pulse-asset-cell small { max-width:200px; overflow:hidden; text-overflow:ellipsis; color:#7895aa; }
.market-pulse-table .positive,
.market-pulse-outcome-card .positive,
.market-pulse-watch-card .positive { color:#7df4bc; }
.market-pulse-table .negative,
.market-pulse-outcome-card .negative,
.market-pulse-watch-card .negative { color:#ff9d9d; }
.market-pulse-view-btn {
  border:1px solid rgba(84,223,255,.24);
  border-radius:8px;
  padding:.34rem .48rem;
  background:rgba(84,223,255,.07);
  color:#a6efff;
  font-size:.66rem;
  cursor:pointer;
}
.market-pulse-view-btn:hover,
.market-pulse-view-btn:focus-visible { border-color:#54dfff; background:rgba(84,223,255,.13); }

.market-pulse-asset-subsections,
.market-pulse-outcomes,
.market-pulse-watch-sections { display:grid; gap:1rem; }
.market-pulse-asset-subsection {
  min-width:0;
  padding:.72rem;
  border:1px solid rgba(145,174,201,.17);
  border-radius:15px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.market-pulse-asset-subsection.stock {
  border-color:rgba(76,178,235,.25);
  background:linear-gradient(145deg,rgba(20,73,105,.20),rgba(5,23,36,.72));
}
.market-pulse-asset-subsection.crypto {
  border-color:rgba(164,127,255,.24);
  background:linear-gradient(145deg,rgba(67,46,111,.20),rgba(11,18,38,.74));
}
.market-pulse-asset-subsection-head {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:.7rem;
  margin:0 0 .68rem;
  padding:.62rem .72rem;
  border-radius:11px;
  border:1px solid rgba(145,174,201,.12);
  background:rgba(4,15,25,.50);
}
.market-pulse-asset-subsection.stock .market-pulse-asset-subsection-head { background:linear-gradient(135deg,rgba(45,139,196,.20),rgba(4,20,32,.62)); border-color:rgba(76,178,235,.22); }
.market-pulse-asset-subsection.crypto .market-pulse-asset-subsection-head { background:linear-gradient(135deg,rgba(126,88,210,.20),rgba(10,16,34,.64)); border-color:rgba(164,127,255,.20); }
.market-pulse-asset-subsection-head > div { display:flex; flex-direction:column; gap:.13rem; min-width:0; }
.market-pulse-asset-subsection-head span { color:#84b8cf; font-size:.6rem; font-weight:820; letter-spacing:.065em; text-transform:uppercase; }
.market-pulse-asset-subsection.crypto .market-pulse-asset-subsection-head span { color:#b8a6ff; }
.market-pulse-asset-subsection-head strong { color:#eefaff; font-size:.86rem; line-height:1.25; }
.market-pulse-asset-subsection-head small { max-width:42%; color:#7f9daf; font-size:.62rem; line-height:1.3; text-align:right; }
.market-pulse-outcomes-group,
.market-pulse-subsection-body { display:grid; gap:.78rem; }
.market-pulse-marketwide { margin-bottom:.8rem; }
.market-pulse-marketwide-label { margin:0 0 .42rem; color:#829fb3; font-size:.62rem; font-weight:800; letter-spacing:.055em; text-transform:uppercase; }
.market-pulse-marketwide-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:.7rem; }
.market-pulse-outcome-card { padding-bottom:.72rem; }
.market-pulse-outcome-card.stock {
  border-color:rgba(77,184,240,.26);
  background:linear-gradient(150deg,rgba(18,63,91,.82),rgba(5,22,34,.92));
}
.market-pulse-outcome-card.crypto {
  border-color:rgba(166,130,255,.25);
  background:linear-gradient(150deg,rgba(49,38,82,.82),rgba(8,19,34,.92));
}
.market-pulse-outcome-card.stock .market-pulse-outcome-head { background:rgba(65,165,222,.10); }
.market-pulse-outcome-card.crypto .market-pulse-outcome-head { background:rgba(145,108,239,.10); }
.market-pulse-outcome-summary { padding:.55rem .78rem .15rem; color:#8aa4b8; font-size:.7rem; line-height:1.4; }
.market-pulse-method-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.62rem;
  padding:.7rem;
}
.market-pulse-method-card {
  min-width:0;
  border:1px solid rgba(67,210,184,.24);
  border-radius:11px;
  background:linear-gradient(150deg,rgba(9,55,52,.72),rgba(3,20,27,.90));
  box-shadow:inset 0 1px 0 rgba(115,255,222,.035);
  overflow:hidden;
}
.market-pulse-method-head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:.7rem;
  padding:.62rem .68rem .46rem;
}
.market-pulse-method-head > div { min-width:0; }
.market-pulse-method-head span,
.market-pulse-investment-metric span {
  display:block;
  color:#7693a7;
  font-size:.58rem;
  font-weight:760;
  letter-spacing:.035em;
  line-height:1.25;
  text-transform:uppercase;
}
.market-pulse-method-head strong {
  display:block;
  margin-top:.14rem;
  color:#dff6ff;
  font-size:.76rem;
  line-height:1.28;
  overflow-wrap:anywhere;
}
.market-pulse-method-return {
  flex:0 0 auto;
  min-width:76px;
  text-align:right;
}
.market-pulse-method-return strong { font-size:.82rem; white-space:nowrap; }
.market-pulse-method-note {
  margin:0;
  padding:0 .68rem .58rem;
  color:#718da4;
  font-size:.64rem;
  line-height:1.38;
  overflow-wrap:anywhere;
}
.market-pulse-investment-list {
  display:grid;
  border-top:1px solid rgba(145,174,201,.09);
}
.market-pulse-investment-row {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.5rem;
  padding:.55rem .68rem;
  border-bottom:1px solid rgba(145,174,201,.08);
}
.market-pulse-investment-row:last-child { border-bottom:0; }
.market-pulse-investment-metric { min-width:0; }
.market-pulse-investment-metric strong {
  display:block;
  margin-top:.12rem;
  color:#eaf8ff;
  font-size:.72rem;
  line-height:1.25;
  white-space:nowrap;
}
.pulse-value { display:block; font-weight:760; }
.pulse-value small { display:block; margin-top:.08rem; color:#7793a7; font-size:.6rem; font-weight:500; }

.market-pulse-trend-card,
.market-pulse-focus-card,
.market-pulse-watch-card { padding:.78rem; }
.market-pulse-trend-card h4,
.market-pulse-focus-card h4 { margin:0 0 .32rem; color:#e8f7ff; font-size:.84rem; }
.market-pulse-trend-card p,
.market-pulse-focus-card p { margin:.2rem 0; color:#96afc2; font-size:.72rem; line-height:1.45; }
.market-pulse-trend-card.positive { border-color:rgba(89,232,166,.22); }
.market-pulse-trend-card.negative { border-color:rgba(255,125,125,.22); }
.market-pulse-trend-card.neutral { border-color:rgba(145,174,201,.18); }
.market-pulse-focus-title { display:flex; align-items:flex-start; justify-content:space-between; gap:.5rem; }
.market-pulse-focus-title span { color:#7190a7; font-size:.64rem; }
.market-pulse-focus-metrics { display:flex; flex-wrap:wrap; gap:.35rem; margin:.55rem 0; }
.market-pulse-focus-metrics span {
  padding:.22rem .42rem;
  border:1px solid rgba(142,173,200,.14);
  border-radius:999px;
  background:rgba(142,173,200,.045);
  color:#9ab4c6;
  font-size:.62rem;
}

.market-pulse-watch-section { min-width:0; }
.market-pulse-window-source {
  display:inline-flex;
  margin:.5rem 0 .6rem;
  padding:.23rem .42rem;
  border:1px solid rgba(84,223,255,.18);
  border-radius:999px;
  color:#91e9ff;
  background:rgba(84,223,255,.055);
  font-size:.61rem;
}
.market-pulse-watch-context { margin:.1rem 0 .6rem; color:#8ca7bb; font-size:.69rem; line-height:1.4; }
.market-pulse-scenario-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.4rem; }
.market-pulse-scenario {
  min-width:0;
  padding:.48rem;
  border:1px solid rgba(145,174,201,.13);
  border-radius:9px;
  background:rgba(3,14,23,.55);
}
.market-pulse-scenario span { display:block; color:#7894a9; font-size:.59rem; text-transform:uppercase; letter-spacing:.035em; }
.market-pulse-scenario strong { display:block; margin:.14rem 0; color:#edfaff; font-size:.77rem; }
.market-pulse-scenario small { color:#6f8ba1; font-size:.58rem; }
.market-pulse-reliability { margin-top:.6rem; padding-top:.55rem; border-top:1px solid rgba(145,174,201,.10); color:#839eb2; font-size:.65rem; line-height:1.42; }
.market-pulse-empty,
.market-pulse-loading { padding:.9rem; border:1px dashed rgba(145,174,201,.18); border-radius:11px; color:#7f9caf; font-size:.75rem; line-height:1.45; }

@media (max-width:1100px) {
  .market-pulse-snapshot-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:1180px) {
  .market-pulse-method-grid { grid-template-columns:1fr; }
  .market-pulse-method-card { width:100%; }
  .market-pulse-investment-row { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .market-pulse-scope-note { grid-template-columns:1fr; align-items:stretch; }
  .market-pulse-capital-controls { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .market-pulse-capital-controls > button { grid-column:1 / -1; width:100%; }
  .market-pulse-two-column,
  .market-pulse-trend-grid,
  .market-pulse-focus-grid,
  .market-pulse-watch-grid { grid-template-columns:1fr; }
  .market-pulse-snapshot-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .market-pulse-asset-subsection-head { align-items:flex-start; flex-direction:column; }
  .market-pulse-asset-subsection-head small { max-width:none; text-align:left; }
}
@media (max-width:460px) {
  .market-pulse-investment-row { grid-template-columns:1fr; gap:.38rem; }
  .market-pulse-investment-metric { display:flex; align-items:baseline; justify-content:space-between; gap:.7rem; }
  .market-pulse-investment-metric strong { text-align:right; }
  .market-pulse-capital-controls { grid-template-columns:1fr; }
  .market-pulse-capital-controls > button { grid-column:auto; }
  .market-pulse-snapshot-grid { grid-template-columns:1fr 1fr; gap:.45rem; }
  .market-pulse-metric { padding:.62rem .58rem; }
  .market-pulse-scenario-strip { grid-template-columns:1fr; }
}

/* v2.6.1 — Trends & Opportunities neon-orange theme refinement */
.section-sidebar .market-pulse-tab.sidebar-nav-item {
  color:#ffd09a;
  border-color:rgba(255,166,74,.24);
  background:linear-gradient(135deg,rgba(255,174,76,.055),rgba(109,48,12,.055));
}
.section-sidebar .market-pulse-tab.sidebar-nav-item:hover,
.section-sidebar .market-pulse-tab.sidebar-nav-item:focus-visible {
  color:#ffe1b9;
  border-color:rgba(255,177,88,.48);
  background:linear-gradient(135deg,rgba(255,174,76,.12),rgba(122,54,13,.16));
}
.section-sidebar .market-pulse-tab.sidebar-nav-item.active {
  color:#fff7ec;
  background:linear-gradient(135deg,rgba(255,171,72,.72),rgba(111,47,10,.88));
  border-color:rgba(255,181,92,.92);
  box-shadow:0 0 22px rgba(255,142,44,.24), inset 0 1px 0 rgba(255,236,208,.18);
  text-shadow:0 1px 8px rgba(71,25,0,.52);
}
.section-sidebar .market-pulse-tab.sidebar-nav-item.active .sidebar-nav-icon { color:#fff2df; }

.active-section-banner.pulse {
  border-color:rgba(255,168,74,.34);
  background:radial-gradient(circle at 90% 12%,rgba(255,171,72,.15),transparent 38%),linear-gradient(135deg,rgba(48,25,9,.96),rgba(15,13,15,.97));
}
.active-section-banner.pulse::before { background:linear-gradient(180deg,#ffd09a,#ff8b35); }
.active-section-banner.pulse .active-section-icon,
.active-section-banner.pulse .active-section-group { color:#ffc47d; }

#market-pulse .market-pulse-title-row {
  margin-bottom:.72rem;
  padding:1.02rem 1.08rem;
  border:1px solid rgba(255,173,82,.24);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(255,177,83,.10),rgba(93,40,8,.14) 55%,rgba(7,18,28,.58));
  box-shadow:inset 0 1px 0 rgba(255,232,199,.045);
}
#market-pulse .market-pulse-title-row h2 {
  margin:.08rem 0 .12rem;
  font-size:clamp(1.72rem,3.1vw,2.55rem);
  line-height:1.04;
  letter-spacing:-.025em;
  background:linear-gradient(90deg,#ffe0b8 0%,#ffc06f 42%,#ff8c36 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 0 24px rgba(255,143,47,.12);
}
#market-pulse .market-pulse-title-row .eyebrow,
#market-pulse .market-pulse-title-row .technical-alias { color:#e8ad70; }

#market-pulse > .section-intro { color:#cbb7a3; }
#market-pulse .ux-section-toolbar {
  border-color:rgba(255,172,80,.20);
  background:linear-gradient(135deg,rgba(67,34,12,.50),rgba(8,20,31,.74));
}
#market-pulse .ux-section-toolbar-copy strong { color:#ffd5a4; }
#market-pulse .ux-section-toolbar-copy small { color:#b79a7c; }
#market-pulse .ux-section-toolbar-btn {
  border-color:rgba(255,173,82,.24);
  background:rgba(90,44,14,.42);
  color:#ffe0b9;
}
#market-pulse .ux-section-toolbar-btn:hover,
#market-pulse .ux-section-toolbar-btn:focus-visible { border-color:rgba(255,184,100,.52); background:rgba(115,53,14,.58); }

#market-pulse .ux-section-toggle {
  border-color:rgba(255,171,76,.30);
  background:linear-gradient(135deg,rgba(93,48,18,.74),rgba(42,29,22,.78));
  color:#fff3e4;
}
#market-pulse .ux-section-toggle:hover,
#market-pulse .ux-section-toggle:focus-visible,
#market-pulse .ux-section-shell.is-open > .ux-section-toggle {
  border-color:rgba(255,187,108,.48);
  background:linear-gradient(135deg,rgba(122,58,17,.82),rgba(55,31,20,.84));
}
#market-pulse .ux-section-toggle-state { color:#ffc57e; }
#market-pulse .ux-section-content {
  border-color:rgba(255,170,75,.17);
  background:linear-gradient(145deg,rgba(71,37,15,.24),rgba(15,27,36,.70));
}

#market-pulse .market-pulse-scope-note {
  border-color:rgba(255,171,77,.22);
  background:linear-gradient(135deg,rgba(255,172,76,.075),rgba(76,37,12,.11));
  color:#d4bd9f;
}
#market-pulse .market-pulse-span-control label { color:#ffc47d; }
#market-pulse .market-pulse-span-control select,
#market-pulse .market-pulse-money-input input {
  border-color:rgba(255,175,86,.24);
  background:rgba(29,19,14,.84);
}
#market-pulse .market-pulse-span-control select:focus,
#market-pulse .market-pulse-money-input input:focus { outline-color:rgba(255,166,74,.28); border-color:#ffad55; }
#market-pulse .market-pulse-capital-panel {
  border-color:rgba(255,174,82,.18);
  background:linear-gradient(145deg,rgba(75,38,14,.28),rgba(8,22,34,.76));
}
#market-pulse .market-pulse-capital-panel .eyebrow { color:#e9a45d; }
#market-pulse .market-pulse-capital-panel h3 { color:#fff0dc; }
#market-pulse .market-pulse-status { color:#c4a98c; }
#market-pulse .market-pulse-metric {
  border-color:rgba(255,176,88,.18);
  background:linear-gradient(150deg,rgba(83,43,16,.34),rgba(7,20,30,.84));
}
#market-pulse .market-pulse-metric span,
#market-pulse .market-pulse-metric small { color:#b89b7d; }
#market-pulse .market-pulse-metric strong { color:#fff0df; }
#market-pulse .market-pulse-list-panel,
#market-pulse .market-pulse-trend-card,
#market-pulse .market-pulse-focus-card,
#market-pulse .market-pulse-watch-card {
  border-color:rgba(255,174,82,.17);
  background:linear-gradient(150deg,rgba(68,36,16,.25),rgba(7,20,31,.82));
}
#market-pulse .market-pulse-view-btn {
  border-color:rgba(255,177,88,.28);
  background:rgba(255,159,55,.075);
  color:#ffd09a;
}
#market-pulse .market-pulse-view-btn:hover,
#market-pulse .market-pulse-view-btn:focus-visible { border-color:#ffad55; background:rgba(255,159,55,.14); }
#market-pulse .market-pulse-disclaimer {
  border-color:rgba(255,173,82,.20);
  background:linear-gradient(135deg,rgba(76,38,14,.25),rgba(8,20,30,.72));
}

@media (max-width:720px) {
  #market-pulse .market-pulse-title-row { padding:.84rem .82rem; }
  #market-pulse .market-pulse-title-row h2 { font-size:clamp(1.52rem,7vw,2rem); }
}


/* ========================================================================== 
   v2.6.3 — Smart Compact Header + Short-Screen Optimization
   Preserve the always-available Sections, Watchlist, Language and asset-search
   controls while returning vertical space to research content after scrolling.
   The Selected Asset panel is normal page content and scrolls away naturally.
   ========================================================================== */

/* Selected Asset is context, not navigation: it should not permanently occupy
   viewport height while the user studies deeper evidence. */
.asset-hero {
  position: relative;
  top: auto;
  z-index: 1;
}

/* Smooth only the geometry that changes during compact-header transitions. */
.topbar-inner,
.topbar .brand-logo,
.topbar .brand,
.topbar .tagline,
.topbar .workspace-badge,
.topbar .section-menu-btn,
.topbar .watchlist-header-btn.radar-center-btn,
.topbar .watchlist-header-btn .radar-center-icon,
.topbar .header-command-group,
.topbar .header-control-stack,
.topbar .header-language-control select,
.search-panel.is-stuck,
.search-panel.is-stuck input,
.search-panel.is-stuck select,
.search-panel.is-stuck .primary-btn {
  transition: padding .18s ease, min-height .18s ease, width .18s ease, height .18s ease,
              gap .18s ease, font-size .18s ease, opacity .14s ease, border-radius .18s ease;
}

/* Desktop/laptop compact state. Mobile already has its own dense header rules. */
@media (min-width: 681px) {
  body.smart-header-compact .topbar-inner {
    padding: .38rem .85rem;
    gap: .45rem;
  }
  body.smart-header-compact .topbar .brand-wrap { gap: .44rem; }
  body.smart-header-compact .topbar .brand-logo {
    width: 34px;
    height: 34px;
    border-radius: 9px;
  }
  body.smart-header-compact .topbar .brand-line { gap: .3rem; }
  body.smart-header-compact .topbar .brand { font-size: .9rem; }
  body.smart-header-compact .topbar .workspace-badge,
  body.smart-header-compact .topbar .tagline { display: none; }
  body.smart-header-compact .topbar .section-menu-btn {
    min-height: 36px;
    padding: .42rem .66rem;
    border-radius: 9px;
  }
  body.smart-header-compact .topbar .header-command-group {
    grid-template-columns: minmax(112px, 128px) minmax(116px, 138px);
    gap: .34rem;
  }
  body.smart-header-compact .topbar .watchlist-header-btn.radar-center-btn {
    min-height: 38px;
    padding: .34rem .48rem;
    border-radius: .68rem;
    gap: .3rem;
  }
  body.smart-header-compact .topbar .watchlist-header-btn .radar-center-icon {
    width: 1.35rem;
    height: 1.35rem;
    flex-basis: 1.35rem;
    font-size: .78rem;
  }
  body.smart-header-compact .topbar .watchlist-header-btn .radar-center-copy strong { font-size: .65rem; }
  body.smart-header-compact .topbar .watchlist-header-btn .radar-center-copy small { display: none; }
  body.smart-header-compact .topbar .header-control-stack {
    display: block;
    min-width: 0;
    width: 100%;
  }
  body.smart-header-compact .topbar .header-language-control select {
    min-height: 34px;
    padding: .32rem 1.65rem .32rem .52rem;
    font-size: .72rem;
    border-radius: .62rem;
  }
  body.smart-header-compact .topbar .market-data-tip-stack,
  body.smart-header-compact .topbar #installBtn { display: none !important; }

  /* The sticky selector becomes a slim command row once the header compacts. */
  body.smart-header-compact .search-panel.is-stuck {
    top: calc(var(--sticky-topbar-height) + 4px);
    padding: .42rem .56rem;
    border-radius: 11px;
  }
  body.smart-header-compact .search-panel.is-stuck .search-grid { gap: .42rem; }
  body.smart-header-compact .search-panel.is-stuck input,
  body.smart-header-compact .search-panel.is-stuck select,
  body.smart-header-compact .search-panel.is-stuck .asset-type-display {
    min-height: 36px;
    padding-top: .46rem;
    padding-bottom: .46rem;
    font-size: .9rem;
  }
  body.smart-header-compact .search-panel.is-stuck .primary-btn {
    min-height: 36px;
    padding: .46rem .75rem;
  }
}

/* Common 1366×768 / 1440×800 laptop class: reduce initial vertical padding as
   well as the scrolled state. Width-based responsiveness alone cannot detect
   this short-screen constraint. */
@media (max-height: 800px) and (min-width: 721px) {
  .topbar-inner { padding-top: .52rem; padding-bottom: .52rem; }
  .topbar .brand-logo { width: 40px; height: 40px; border-radius: 11px; }
  .topbar .tagline { font-size: .72rem; }
  .topbar .watchlist-header-btn.radar-center-btn { min-height: 50px; }
  .topbar .watchlist-header-btn .radar-center-copy small { display: none; }
  .header-language-control select { min-height: 32px; }
  .header-control-stack { gap: .2rem; }
  .header-control-stack .market-data-tip-stack .demo-pill { padding-block: .3rem; }
  .container { padding-top: .82rem; }
  .search-panel { padding: .82rem; }
  .search-panel::before { margin-bottom: .48rem; }
  .search-grid > .primary-btn { margin-top: 1.48rem; }
  .asset-hero {
    margin-top: .5rem;
    margin-bottom: .72rem;
    padding: .68rem .82rem;
    gap: .72rem;
  }
  .asset-name { font-size: clamp(1.18rem, 1.85vw, 1.68rem); }
  .price { font-size: clamp(1.42rem, 2.3vw, 1.95rem); }
  .asof { font-size: .75rem; }
  .watchlist-toggle-btn { min-height: 42px; }
  .watchlist-toggle-note,
  .ux-view-control > small { font-size: .68rem; }
}

/* Very short desktop windows prioritize the research viewport even before the
   user scrolls, without changing mobile composition. */
@media (max-height: 680px) and (min-width: 721px) {
  .topbar-inner { padding-top: .4rem; padding-bottom: .4rem; }
  .topbar .tagline { display: none; }
  .container { padding-top: .6rem; }
  .search-panel { padding: .68rem .78rem; }
  .search-panel::before { display: none; }
  .search-grid > .primary-btn { margin-top: 1.42rem; }
  .asset-hero { padding-top: .56rem; padding-bottom: .56rem; }
  .asset-kicker { font-size: .53rem; }
}

@media (prefers-reduced-motion: reduce) {
  .topbar-inner,
  .topbar .brand-logo,
  .topbar .brand,
  .topbar .tagline,
  .topbar .workspace-badge,
  .topbar .section-menu-btn,
  .topbar .watchlist-header-btn.radar-center-btn,
  .topbar .watchlist-header-btn .radar-center-icon,
  .topbar .header-command-group,
  .topbar .header-control-stack,
  .topbar .header-language-control select,
  .search-panel.is-stuck,
  .search-panel.is-stuck input,
  .search-panel.is-stuck select,
  .search-panel.is-stuck .primary-btn { transition: none; }
}

/* ========================================================================== 
   v2.6.3 — Whole-App Compact Visibility Optimization
   Increases usable research visibility without reducing information quality.
   Desktop and short-screen layouts become denser; phones/tablets preserve
   readable typography, 44px-class touch targets, wrapping, and containment.
   ========================================================================== */

/* Default desktop/tablet density: reduce empty chrome, not content. */
@media (min-width: 681px) {
  .container {
    padding: 1rem 1rem 3.4rem;
  }

  .evidence-workspace {
    grid-template-columns: 252px minmax(0, 1fr);
    gap: .85rem;
    padding: .62rem;
    border-radius: 20px;
  }
  .section-content { padding: .42rem; border-radius: 16px; }
  .section-sidebar { padding: .58rem; border-radius: 14px; }
  .sidebar-head { gap: .55rem; padding: .08rem .08rem .52rem; }
  .sidebar-group { padding-top: .62rem; }
  .sidebar-group + .sidebar-group { margin-top: .62rem; padding-top: .7rem; }
  .sidebar-group-heading { padding: 0 .18rem .4rem; }
  .sidebar-group-heading small { margin-top: .16rem; line-height: 1.25; }
  .sidebar-nav-list { gap: .24rem; }
  .section-sidebar .sidebar-nav-item.tab {
    grid-template-columns: 25px minmax(0,1fr);
    gap: .48rem;
    padding: .52rem .58rem;
    border-radius: 9px;
  }

  .active-section-banner {
    grid-template-columns: 46px minmax(0,1fr);
    gap: .72rem;
    margin-bottom: .72rem;
    padding: .72rem .82rem;
    border-radius: 14px;
  }
  .active-section-icon { width: 44px; height: 44px; border-radius: 11px; font-size: 1.2rem; }
  .active-section-group { margin-bottom: .1rem; font-size: .66rem; }
  .active-section-banner h1 { font-size: clamp(1.25rem, 1.8vw, 1.7rem); line-height: 1.08; }
  .active-section-banner p { margin-top: .24rem; font-size: .82rem; line-height: 1.4; }

  .ux-section-toolbar { gap: .7rem; margin-bottom: .62rem; padding: .52rem .62rem; border-radius: 12px; }
  .ux-section-toolbar-btn { min-height: 36px; padding: .38rem .62rem; }
  .ux-section-shell { margin-bottom: .58rem; }
  .ux-section-toggle { min-height: 46px; gap: .62rem; padding: .56rem .7rem; border-radius: 11px; }
  .ux-section-shell.is-open > .ux-section-toggle { border-radius: 11px 11px 6px 6px; }
  .ux-section-content { padding: .68rem; border-radius: 0 0 11px 11px; }

  .section-title-row { margin: 1.05rem 0 .58rem; }
  .section-title-row.compact { margin: .78rem 0 .46rem; }
  .section-intro { margin: .18rem 0 .68rem; line-height: 1.45; }

  .status-card { gap: 1rem; padding: 1rem; }
  .status-details { margin-top: .62rem; }
  .score-ring { width: 104px; height: 104px; }
  .metrics-grid { gap: .65rem; margin: .75rem 0 1rem; }
  .metric, .indicator, .evidence-item { min-height: 96px; padding: .78rem; }
  .metric strong { margin: .34rem 0 .22rem; font-size: 1.35rem; }

  .chart-card, .source-card, .conversation-card { padding: .88rem; }
  .source-card { margin-top: 1rem; }
  .card-list { gap: .62rem; }
  .card-list article { padding: .82rem; }
  .move-summary { padding: .88rem; gap: .55rem; }
  .move-summary div { padding: .5rem; }
  .scenario-boxes { gap: .65rem; margin: .72rem 0 1rem; }
  .scenario-boxes article, .insight-card, .change-card, .turning-card, .after-card { padding: .82rem; }
  .historical-quality-card { padding: .78rem .88rem; margin: .48rem 0 .72rem; }
  .historical-match-grid { gap: .58rem; margin-bottom: .72rem; }
  .historical-match-card { padding: .72rem; }
  .replay-card { padding: .8rem; margin: .72rem 0; }

  .since-last-view-card { margin-bottom: .72rem; padding: .78rem; }
  .since-last-view-head { margin-bottom: .52rem; }
  .since-last-view-grid { gap: .48rem; }
  .since-last-view-grid article { padding: .58rem .64rem; }
  .research-snapshot-card { margin: .72rem 0; padding: .78rem; }
  .research-snapshot-head { margin-bottom: .58rem; }
  .research-snapshot-grid { gap: .48rem; }
  .research-snapshot-grid article { padding: .58rem .62rem; }
  .evidence-freshness-strip, .radar-freshness { gap: .36rem; margin-top: .52rem; padding-top: .5rem; }

  .discover-command-center { gap: .72rem; margin-bottom: .72rem; padding: .88rem; border-radius: 15px; }
  .discover-query-controls { gap: .52rem; margin-top: .52rem; }
  .discover-quick-grid { gap: .48rem; margin-bottom: .72rem; }
  .discover-quick-card { min-height: 92px; padding: .62rem; }
  .discover-quick-card > span { margin-bottom: .25rem; }
  .discover-quick-card small { margin-top: .2rem; line-height: 1.28; }
  .discover-status-strip { gap: .48rem; margin-bottom: .72rem; }
  .discover-status-strip > div { padding: .6rem .7rem; }

  .watchlist-command-center { gap: .72rem; }
  .watchlist-hero-shell { gap: .72rem; padding: .88rem 1rem; border-radius: 1rem; }
  .watchlist-summary-grid { gap: .58rem; }
  .watchlist-summary-card { padding: .72rem .78rem; border-radius: .82rem; }
  .watchlist-summary-card strong { font-size: 1.45rem; margin: .14rem 0; }
  .watchlist-control-bar { gap: .72rem; padding: .72rem .82rem; }
  .watchlist-change-digest { margin: .58rem 0; padding: .58rem; }

  .opportunity-summary-card { padding: .82rem; }
  .opportunity-context-grid { gap: .58rem; }
  .opportunity-context-card { padding: .72rem; }
  .opportunity-setup-grid, .opportunity-watch-grid, .opportunity-reason-grid { gap: .62rem; }

  .validation-summary-grid { gap: .58rem; margin: .72rem 0 .95rem; }
  .validation-horizon-grid { gap: .62rem; margin-bottom: .95rem; }
  .validation-mode-block { margin-bottom: .72rem; padding: .78rem; }

  .market-pulse-capital-panel { margin-bottom: .72rem; padding: .72rem; }
  .market-pulse-capital-panel > p { margin-bottom: .52rem; }
  .market-pulse-capital-controls { gap: .5rem; }
  .market-pulse-status { margin: .28rem 0 .55rem; }
  .market-pulse-snapshot-grid { gap: .46rem; }
  .market-pulse-metric { padding: .6rem .62rem; }
  .market-pulse-two-column,
  .market-pulse-trend-grid,
  .market-pulse-focus-grid,
  .market-pulse-watch-grid { gap: .62rem; }
  .market-pulse-list-head,
  .market-pulse-outcome-head,
  .market-pulse-watch-head { padding: .58rem .64rem; }

  .evidence-status-summary { margin: .4rem 0 .58rem; padding: .54rem .62rem .62rem; }
  .evidence-status-head { margin-bottom: .42rem; }
  .evidence-status-grid { gap: .34rem; }
  .evidence-status-grid article { padding: .44rem .48rem; }

  footer { margin-top: 1.2rem; }
}

/* When scrolling, compact the remaining sticky chrome as one coordinated unit. */
@media (min-width: 681px) {
  body.smart-header-compact .tabs {
    padding-top: .25rem;
    padding-bottom: .4rem;
  }
  body.smart-header-compact .tab-panel {
    scroll-margin-top: calc(var(--sticky-topbar-height) + var(--sticky-search-height) + 48px);
  }
}

/* Short laptop / split-window optimization. Content is kept readable while
   repeated secondary chrome becomes tighter. */
@media (max-height: 800px) and (min-width: 681px) {
  .container { padding-top: .68rem; padding-bottom: 2.8rem; }
  .evidence-workspace { grid-template-columns: 242px minmax(0,1fr); gap: .68rem; padding: .5rem; }
  .section-content { padding: .34rem; }
  .section-sidebar { padding: .48rem; }
  .sidebar-head { padding-bottom: .42rem; }
  .sidebar-group { padding-top: .48rem; }
  .sidebar-group + .sidebar-group { margin-top: .48rem; padding-top: .56rem; }
  .section-sidebar .sidebar-nav-item.tab { padding: .44rem .5rem; }
  .active-section-banner { margin-bottom: .58rem; padding: .6rem .7rem; }
  .active-section-icon { width: 40px; height: 40px; }
  .active-section-banner { grid-template-columns: 42px minmax(0,1fr); gap: .58rem; }
  .active-section-banner p { line-height: 1.34; }
  .ux-section-toolbar { margin-bottom: .5rem; padding: .44rem .54rem; }
  .ux-section-shell { margin-bottom: .48rem; }
  .ux-section-toggle { min-height: 44px; padding: .48rem .62rem; }
  .ux-section-content { padding: .58rem; }
  .section-title-row { margin: .88rem 0 .48rem; }
  .section-title-row.compact { margin: .66rem 0 .4rem; }
  .section-intro { margin-bottom: .54rem; }
  .status-card, .research-snapshot-card, .since-last-view-card,
  .chart-card, .source-card, .replay-card { padding: .7rem; }
  .metrics-grid { margin: .58rem 0 .78rem; gap: .5rem; }
  .metric, .indicator, .evidence-item { min-height: 88px; padding: .66rem; }
  .discover-command-center { padding: .72rem; gap: .58rem; }
  .discover-quick-card { min-height: 86px; padding: .55rem; }
  .watchlist-hero-shell { padding: .72rem .82rem; }
  .watchlist-summary-card { padding: .62rem .68rem; }
  .validation-summary-grid { margin: .58rem 0 .78rem; }
  .validation-horizon-grid { margin-bottom: .78rem; }
  .market-pulse-capital-panel { padding: .62rem; }
}

/* Very short desktop windows remove repetitive sidebar helper prose only; the
   actionable navigation labels and all research content remain visible. */
@media (max-height: 680px) and (min-width: 721px) {
  .sidebar-group-heading small,
  .sidebar-head small { display: none; }
  .sidebar-group-heading { padding-bottom: .28rem; }
  .sidebar-group + .sidebar-group { margin-top: .35rem; padding-top: .42rem; }
  .active-section-banner p { font-size: .78rem; }
  .evidence-status-summary { padding-block: .44rem; }
}

/* Tablet landscape: slightly narrower navigation gives research cards more
   width while maintaining normal touch geometry. */
@media (min-width: 881px) and (max-width: 1180px) {
  .evidence-workspace { grid-template-columns: 232px minmax(0,1fr); }
}

/* Mobile optimization saves outer whitespace only. Controls retain existing
   phone-specific >=44px touch targets and no content is hidden. */
@media (max-width: 680px) {
  .container { padding-top: .62rem; padding-bottom: 3rem; }
  .evidence-workspace { padding: .28rem; }
  .section-content { padding: .16rem; }
  .active-section-banner { margin-bottom: .58rem; }
  .ux-section-shell { margin-bottom: .56rem; }
  .section-title-row { margin-top: 1rem; margin-bottom: .55rem; }
  .section-title-row.compact { margin-top: .72rem; margin-bottom: .44rem; }
  .section-intro { margin-bottom: .64rem; line-height: 1.48; }
  .status-card, .research-snapshot-card, .since-last-view-card,
  .chart-card, .source-card, .replay-card, .conversation-card { padding: .74rem; }
  .card-list { gap: .56rem; }
  .card-list article { padding: .74rem; }
  .scenario-boxes { gap: .56rem; margin-bottom: .82rem; }
  .scenario-boxes article, .insight-card, .change-card, .turning-card, .after-card { padding: .74rem; }
  .discover-command-center { margin-bottom: .62rem; padding: .76rem; }
  .discover-quick-grid { gap: .5rem; margin-bottom: .62rem; }
  .watchlist-command-center { gap: .62rem; }
  .watchlist-hero-shell { padding: .8rem; }
  .watchlist-summary-grid { gap: .5rem; }
  .watchlist-summary-card { padding: .68rem; }
  .validation-summary-grid { margin-top: .62rem; margin-bottom: .82rem; }
  .validation-horizon-grid { margin-bottom: .82rem; }
}

/* Explicit touch/readability protection after density optimization. */
@media (pointer: coarse) {
  button:not(.help):not(.first-use-close),
  input,
  select { min-height: 44px; }
  .ux-section-toggle { min-height: 48px; }
  .section-sidebar .sidebar-nav-item.tab { min-height: 44px; }
}

/* Avoid animation/layout work when the user requests reduced motion. */
@media (prefers-reduced-motion: reduce) {
  .evidence-workspace,
  .section-sidebar,
  .active-section-banner,
  .ux-section-toggle,
  .discover-quick-card { transition: none !important; }
}

/* ========================================================================== 
   v2.6.3 — Workspace-Wide Compact Refinement r2
   User-requested second pass: compact the actual research workspace, wording,
   section/title surfaces, buttons, tabs, Market Research Command, Guided Tip,
   and Selected Asset. The Selected Asset remains sticky on non-phone screens
   because its normal geometry is now deliberately compact.
   ========================================================================== */

/* --- Compact Market Research Command ------------------------------------------------ */
@media (min-width:681px) {
  .search-panel {
    padding:.56rem .68rem;
    border-radius:12px;
  }
  .search-panel::before {
    margin:0 0 .28rem .08rem;
    font-size:.49rem;
    line-height:1;
    letter-spacing:.14em;
  }
  .search-grid { gap:.38rem .48rem; align-items:end; }
  .search-grid label > span,
  .asset-type-display-field > span {
    margin-bottom:.18rem;
    font-size:.57rem;
    line-height:1.15;
    letter-spacing:.05em;
  }
  .search-grid input,
  .search-grid select,
  .search-grid .asset-type-display {
    min-height:35px;
    padding:.38rem .52rem;
    font-size:.82rem;
    border-radius:8px;
  }
  .search-grid .primary-btn {
    min-height:35px;
    padding:.4rem .7rem;
    font-size:.78rem;
    border-radius:8px;
  }
  .recent-asset-searches { margin-top:.26rem; gap:.3rem; }
  .recent-asset-chip { padding:.26rem .42rem; font-size:.66rem; }
  .notice-row { margin-top:.28rem; }
  .demo-notice,.provider-note { font-size:.67rem; line-height:1.28; }
}

/* --- Selected Asset: compact + sticky ------------------------------------------------
   Keep the context available while reading. Search may be hidden on the
   market-wide Trends & Opportunities page; the sticky top calculation already
   adapts because --sticky-search-height becomes zero there. */
@media (min-width:681px) {
  .asset-hero {
    position:sticky;
    top:calc(var(--sticky-topbar-height) + var(--sticky-search-height) + (var(--sticky-gap) * 2));
    z-index:17;
    display:grid;
    grid-template-columns:minmax(150px,1.05fr) minmax(175px,.82fr) minmax(190px,.92fr) minmax(190px,.9fr);
    grid-template-areas:"asset price watch view";
    align-items:center;
    gap:.45rem .68rem;
    min-height:0;
    margin:.38rem 0 .5rem;
    padding:.42rem .62rem;
    border-radius:11px;
    box-shadow:0 10px 24px rgba(0,0,0,.20),inset 0 1px 0 rgba(222,246,255,.13);
  }
  .asset-hero > div:first-child { grid-area:asset; min-width:0; }
  .asset-hero .price-block { grid-area:price; min-width:0; text-align:right; }
  .asset-hero .watch-hero-control { grid-area:watch; min-width:0; width:100%; }
  .asset-hero .ux-view-control {
    grid-area:view;
    min-width:0;
    width:100%;
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:.22rem .38rem;
    padding:0 0 0 .58rem;
    border:0;
    border-left:1px solid rgba(205,239,255,.15);
  }
  .asset-hero .asset-kicker {
    margin-bottom:.08rem;
    font-size:.46rem;
    line-height:1;
    letter-spacing:.12em;
  }
  .asset-hero .asset-name {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:clamp(.98rem,1.28vw,1.18rem);
    line-height:1.02;
  }
  .asset-hero .asset-symbol,
  .asset-hero .asset-rank-meta {
    margin-top:.08rem;
    font-size:.63rem;
    line-height:1.15;
  }
  .asset-hero .price {
    font-size:clamp(1.18rem,1.55vw,1.46rem);
    line-height:1;
  }
  .asset-hero .quote-change { margin-top:.08rem; font-size:.65rem; line-height:1.1; }
  .asset-hero .asof,
  .asset-hero .window-coverage {
    margin-top:.08rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:.54rem;
    line-height:1.15;
  }
  .asset-hero .watch-hero-control .asset-kicker { margin-bottom:.08rem; }
  .asset-hero .watchlist-toggle-btn {
    min-height:36px;
    padding:.34rem .48rem;
    gap:.4rem;
    border-radius:.7rem;
  }
  .asset-hero .watchlist-toggle-btn .watchlist-toggle-icon {
    width:1.55rem;
    height:1.55rem;
    flex-basis:1.55rem;
    font-size:.76rem;
  }
  .asset-hero .watchlist-toggle-copy strong { font-size:.72rem; line-height:1.12; }
  .asset-hero .watchlist-toggle-copy small { display:none; }
  .asset-hero .ux-view-label { font-size:.52rem; white-space:nowrap; }
  .asset-hero .ux-view-buttons {
    width:100%;
    min-width:0;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    padding:2px;
  }
  .asset-hero .ux-view-btn {
    width:100%;
    min-width:0;
    min-height:32px;
    padding:.25rem .38rem;
    font-size:.67rem;
  }
  .asset-hero .ux-view-control small { display:none; }
}

/* Trends & Opportunities is market-wide, but the user's last Selected Asset
   remains valid context and must never collapse to the empty Research View bar. */
body.market-pulse-active .asset-hero > div:first-child,
body.market-pulse-active .asset-hero .price-block,
body.market-pulse-active .asset-hero .watch-hero-control { display:block !important; }
body.market-pulse-active .asset-hero .ux-view-control { display:grid !important; }
body.market-pulse-active .asset-hero {
  justify-content:initial;
  align-items:center;
  min-height:0;
  margin:.38rem 0 .5rem;
  padding:.42rem .62rem;
}
body.market-pulse-active .asset-hero .ux-view-control { width:100%; margin:0; }

/* --- Actual workspace density --------------------------------------------------------- */
@media (min-width:681px) {
  .container { width:min(1600px,calc(100% - 1rem)); padding-top:.52rem; }
  .evidence-workspace {
    grid-template-columns:210px minmax(0,1fr);
    gap:.46rem;
    padding:.32rem;
    border-radius:14px;
  }
  .section-sidebar { padding:.36rem; border-radius:11px; }
  .sidebar-head { gap:.35rem; padding:.18rem .18rem .34rem; }
  .sidebar-head strong { font-size:.74rem; line-height:1.05; }
  .sidebar-head small { margin-top:.08rem; font-size:.57rem; line-height:1.15; }
  .first-use-launch { min-height:31px; margin-top:.28rem; padding:.28rem .42rem; font-size:.62rem; border-radius:8px; }
  .sidebar-group { padding-top:.34rem; }
  .sidebar-group + .sidebar-group { margin-top:.32rem; padding-top:.4rem; }
  .sidebar-group-heading { gap:.26rem; padding:.32rem .36rem; border-radius:8px; }
  .sidebar-group-heading strong { font-size:.61rem; line-height:1.1; letter-spacing:.07em; }
  .sidebar-group-heading small { margin-top:.07rem; font-size:.53rem; line-height:1.15; }
  .sidebar-nav-list { gap:.16rem; margin-top:.22rem; }
  .section-sidebar .sidebar-nav-item.tab {
    min-height:34px;
    gap:.38rem;
    padding:.3rem .4rem;
    border-radius:7px;
    font-size:.68rem;
    line-height:1.15;
  }
  .sidebar-nav-icon { width:1.18rem; min-width:1.18rem; font-size:.68rem; }
  .section-content { min-width:0; padding:.18rem .24rem .28rem; font-size:.89rem; }
  .section-content p,
  .section-content li,
  .section-content td,
  .section-content th { line-height:1.36; }

  /* Active page title box */
  .active-section-banner {
    grid-template-columns:36px minmax(0,1fr);
    gap:.5rem;
    margin-bottom:.42rem;
    padding:.46rem .58rem;
    border-radius:10px;
  }
  .active-section-icon { width:36px; height:36px; border-radius:8px; font-size:.98rem; }
  .active-section-group { margin-bottom:.05rem; font-size:.51rem; line-height:1; letter-spacing:.1em; }
  .active-section-banner h1 { font-size:clamp(1.05rem,1.36vw,1.32rem); line-height:1.04; }
  .active-section-banner p { margin-top:.12rem; font-size:.68rem; line-height:1.25; }

  /* Show/Hide controls and section shells */
  .ux-section-toolbar { gap:.38rem; margin-bottom:.4rem; padding:.34rem .42rem; border-radius:9px; }
  .ux-section-toolbar-btn { min-height:31px; padding:.28rem .46rem; font-size:.65rem; border-radius:7px; }
  .ux-section-shell { margin-bottom:.4rem; }
  .ux-section-toggle {
    min-height:38px;
    gap:.45rem;
    padding:.4rem .52rem;
    border-radius:9px;
    font-size:.76rem;
  }
  .ux-section-toggle .ux-section-label { line-height:1.15; }
  .ux-section-toggle .ux-section-state { font-size:.58rem; }
  .ux-section-shell.is-open > .ux-section-toggle { border-radius:9px 9px 5px 5px; }
  .ux-section-content { padding:.5rem; border-radius:0 0 9px 9px; }

  /* Repeated titles, intros, helper labels */
  .section-title-row { gap:.42rem; margin:.62rem 0 .35rem; }
  .section-title-row.compact { margin:.46rem 0 .28rem; }
  .section-title-row h2 { font-size:clamp(1rem,1.28vw,1.22rem); line-height:1.08; }
  .section-title-row h3 { font-size:clamp(.9rem,1.06vw,1.05rem); line-height:1.1; }
  .section-title-row .help,.help { width:30px; height:30px; min-width:30px; min-height:30px; font-size:.68rem; border-radius:8px; }
  .section-intro { margin:.1rem 0 .42rem; font-size:.75rem; line-height:1.34; }
  .eyebrow,.technical-alias { font-size:.52rem; line-height:1.15; }
  .technical-alias { margin-top:.1rem; }

  /* Common controls */
  .section-content .primary-btn,
  .section-content .secondary-btn,
  .section-content .ghost-btn {
    min-height:34px;
    padding:.34rem .56rem;
    border-radius:8px;
    font-size:.71rem;
  }
  .section-content input,
  .section-content select,
  .section-content textarea {
    font-size:.78rem;
    border-radius:8px;
  }
  .section-content input,
  .section-content select { min-height:35px; padding:.34rem .48rem; }
  .section-content textarea { padding:.48rem .56rem; line-height:1.32; }

  /* Common card families */
  .status-card,.chart-card,.source-card,.conversation-card,
  .research-snapshot-card,.since-last-view-card,.replay-card,
  .historical-quality-card,.opportunity-summary-card,.opportunity-context-card,
  .validation-mode-block,.market-pulse-capital-panel,
  .forward-basis-note,.opportunity-disclaimer,.discover-method-note {
    padding:.58rem .64rem;
    border-radius:10px;
  }
  .metrics-grid,.indicator-grid,.historical-match-grid,.scenario-boxes,
  .opportunity-context-grid,.opportunity-setup-grid,.opportunity-watch-grid,
  .opportunity-reason-grid,.validation-summary-grid,.validation-horizon-grid {
    gap:.42rem;
  }
  .metric,.indicator,.evidence-item,
  .scenario-boxes article,.insight-card,.change-card,.turning-card,.after-card,
  .historical-match-card {
    min-height:0;
    padding:.52rem .58rem;
    border-radius:9px;
  }
  .metric strong { margin:.2rem 0 .12rem; font-size:1.08rem; }
  .metric span,.metric small,.indicator small,.evidence-item small { font-size:.61rem; }
  .card-list { gap:.4rem; }
  .card-list article { padding:.56rem .62rem; border-radius:9px; }

  /* Discover / Market Intelligence workspace */
  .discover-command-center { gap:.5rem; margin-bottom:.46rem; padding:.58rem .64rem; border-radius:11px; }
  .discover-signal-row { gap:.34rem; margin-bottom:.22rem; }
  .discover-eyebrow,.discover-live-badge { font-size:.51rem; }
  .discover-hero-copy h2 { margin:.14rem 0 .18rem; font-size:1.12rem; line-height:1.05; }
  .discover-hero-copy p { font-size:.7rem; line-height:1.3; }
  .discover-query-shell { padding:.5rem .56rem; border-radius:9px; }
  .discover-query-shell > label { font-size:.64rem; }
  #discoverQuery { min-height:62px; }
  .discover-query-controls { gap:.34rem; margin-top:.34rem; }
  .discover-quick-grid { gap:.34rem; margin-bottom:.45rem; }
  .discover-quick-card { min-height:74px; padding:.44rem .48rem; border-radius:9px; }
  .discover-quick-card > span { margin-bottom:.12rem; font-size:.86rem; }
  .discover-quick-card strong { font-size:.7rem; line-height:1.14; }
  .discover-quick-card small { margin-top:.12rem; font-size:.57rem; line-height:1.18; }
  .discover-status-strip { gap:.34rem; margin-bottom:.46rem; }
  .discover-status-strip > div { padding:.44rem .5rem; border-radius:9px; }
  .discover-status-strip span,.discover-status-strip small { font-size:.55rem; line-height:1.2; }
  .discover-results-head { gap:.5rem; margin:.46rem 0 .36rem; }
  .discover-results-head h2 { font-size:1rem; }
  .discover-results-head p { font-size:.68rem; }

  /* Watchlist / validation / market-wide pages */
  .watchlist-command-center { gap:.46rem; }
  .watchlist-hero-shell { gap:.5rem; padding:.58rem .64rem; border-radius:11px; }
  .watchlist-summary-grid { gap:.4rem; }
  .watchlist-summary-card { padding:.5rem .56rem; border-radius:9px; }
  .watchlist-summary-card strong { margin:.08rem 0; font-size:1.12rem; }
  .watchlist-summary-card span,.watchlist-summary-card small { font-size:.58rem; }
  .watchlist-control-bar { gap:.45rem; padding:.5rem .56rem; border-radius:9px; }
  .validation-summary-grid { margin:.48rem 0 .62rem; }
  .validation-horizon-grid { margin-bottom:.62rem; }
  .market-pulse-scope-note { gap:.42rem; margin-bottom:.48rem; padding:.5rem .56rem; border-radius:9px; }
  .market-pulse-scope-note p { font-size:.66rem; line-height:1.25; }
  .market-pulse-capital-panel { margin-bottom:.48rem; }
  .market-pulse-capital-copy h3 { margin:.12rem 0 .18rem; font-size:.94rem; }
  .market-pulse-capital-copy p { font-size:.67rem; line-height:1.28; }
  .market-pulse-capital-controls { gap:.34rem; }
  .market-pulse-capital-controls label > span { font-size:.57rem; }
  .market-pulse-snapshot-grid { gap:.32rem; }
  .market-pulse-metric { padding:.42rem .48rem; border-radius:8px; }
  .market-pulse-metric span,.market-pulse-metric small { font-size:.55rem; }
  .market-pulse-metric strong { font-size:.94rem; }
  .market-pulse-two-column,.market-pulse-trend-grid,.market-pulse-focus-grid,.market-pulse-watch-grid { gap:.45rem; }
  .market-pulse-list-head,.market-pulse-outcome-head,.market-pulse-watch-head { padding:.45rem .5rem; }

  /* Quick Evidence Status */
  .evidence-status-summary { margin:.28rem 0 .4rem; padding:.42rem .5rem; border-radius:9px; }
  .evidence-status-head { margin-bottom:.28rem; }
  .evidence-status-head h2 { font-size:.87rem; }
  .evidence-status-head small,.evidence-status-eyebrow { font-size:.53rem; }
  .evidence-status-grid { gap:.26rem; }
  .evidence-status-grid article { padding:.36rem .4rem; border-radius:7px; }
  .evidence-status-grid span,.evidence-status-grid small { font-size:.52rem; }
  .evidence-status-grid strong { font-size:.76rem; }
}

/* --- Guided Tip: smaller footprint without sacrificing legibility ------------------- */
@media (min-width:681px) {
  .guided-tip-popover {
    width:min(332px,calc(100vw - 20px));
    max-height:min(470px,calc(100vh - 24px));
    padding:.58rem;
    border-radius:11px;
  }
  .guided-tip-head { gap:.4rem; }
  .guided-tip-eyebrow { font-size:.51rem; }
  .guided-tip-close { width:29px; height:29px; border-radius:7px; font-size:.9rem; }
  .guided-tip-popover h3 { margin:.2rem 0 .38rem; font-size:.82rem; line-height:1.18; }
  .guided-tip-copy { gap:.3rem; }
  .guided-tip-copy > div { padding:.38rem .42rem; border-radius:8px; }
  .guided-tip-copy strong { margin-bottom:.06rem; font-size:.54rem; }
  .guided-tip-copy p { font-size:.66rem; line-height:1.3; }
  .guided-tip-actions { gap:.3rem; margin-top:.42rem; }
  .guided-tip-next,.guided-tip-dismiss { min-height:32px; padding:.32rem .5rem; border-radius:7px; font-size:.64rem; }
}

/* Mid-width desktop/tablet landscape: keep Selected Asset sticky but use two rows. */
@media (min-width:681px) and (max-width:1120px) {
  .asset-hero {
    grid-template-columns:minmax(0,1fr) minmax(190px,.8fr);
    grid-template-areas:"asset price" "watch view";
    gap:.34rem .62rem;
  }
  .asset-hero .ux-view-control { padding-left:.46rem; }
  .evidence-workspace { grid-template-columns:194px minmax(0,1fr); }
}

/* Very short landscape windows remove secondary helper copy, not core labels. */
@media (max-height:720px) and (min-width:681px) {
  .active-section-banner p,
  .sidebar-group-heading small,
  .sidebar-head small,
  .discover-quick-card small { display:none; }
  .search-panel { padding-top:.46rem; padding-bottom:.46rem; }
  .asset-hero { margin-top:.28rem; margin-bottom:.38rem; padding-top:.36rem; padding-bottom:.36rem; }
  .ux-section-shell { margin-bottom:.32rem; }
}

/* Phones keep Selected Asset in normal flow; sticky research context would consume
   too much of a small viewport. Workspace spacing is compact but touch-safe. */
@media (max-width:680px) {
  .asset-hero { position:relative; top:auto; z-index:1; }
  body.market-pulse-active .asset-hero {
    display:grid;
    justify-content:stretch;
    padding:.5rem .52rem;
    margin:.4rem 0 .52rem;
  }
  body.market-pulse-active .asset-hero > div:first-child,
  body.market-pulse-active .asset-hero .price-block,
  body.market-pulse-active .asset-hero .watch-hero-control { display:block !important; }
  body.market-pulse-active .asset-hero .ux-view-control { display:grid !important; width:100%; }
  .guided-tip-popover { padding:.68rem; }
}

/* Touch geometry wins over visual density everywhere. */
@media (pointer:coarse) {
  .asset-hero .watchlist-toggle-btn,
  .asset-hero .ux-view-btn,
  .search-grid input,
  .search-grid select,
  .search-grid .asset-type-display,
  .search-grid .primary-btn,
  .section-content .primary-btn,
  .section-content .secondary-btn,
  .section-content .ghost-btn,
  .section-content input,
  .section-content select,
  .guided-tip-next,.guided-tip-dismiss { min-height:44px !important; }
  .section-sidebar .sidebar-nav-item.tab { min-height:44px !important; }
  .ux-section-toggle { min-height:48px !important; }
}

/* ========================================================================== 
   v2.6.3 — Workspace Compact Refinement r4
   Fixes the Trends & Opportunities Selected Asset specificity collision,
   reduces the duplicated market-wide title scale, and compacts the protected
   Detailed Diagnostics workspace without reducing touch accessibility.
   ========================================================================== */

/* The original market-wide rule used a highly specific :not() selector to hide
   all Selected Asset regions except Research View. Override that exact selector
   after all inherited rules so price/watch context can never disappear again. */
body.market-pulse-active .asset-hero > div:not(.ux-view-control) {
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}
body.market-pulse-active .asset-hero > div.price-block,
body.market-pulse-active .asset-hero > div.watch-hero-control {
  display:block !important;
}
body.market-pulse-active .asset-hero > div.ux-view-control {
  display:grid !important;
  visibility:visible !important;
  opacity:1 !important;
}

@media (min-width:1121px) {
  body.market-pulse-active .asset-hero {
    display:grid !important;
    grid-template-columns:minmax(190px,1.05fr) minmax(180px,.82fr) minmax(190px,.9fr) minmax(260px,1.15fr) !important;
    grid-template-areas:"asset price watch view" !important;
    align-items:center;
    gap:.42rem .62rem;
  }
  body.market-pulse-active .asset-hero > div:first-child { grid-area:asset; }
  body.market-pulse-active .asset-hero > div.price-block { grid-area:price; text-align:right; }
  body.market-pulse-active .asset-hero > div.watch-hero-control { grid-area:watch; }
  body.market-pulse-active .asset-hero > div.ux-view-control { grid-area:view; }
}

@media (min-width:681px) and (max-width:1120px) {
  body.market-pulse-active .asset-hero {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(190px,.8fr) !important;
    grid-template-areas:"asset price" "watch view" !important;
  }
}

/* The active-section banner already identifies Trends & Opportunities. Keep the
   in-panel title as context, but stop it from dominating the workspace. */
#market-pulse .market-pulse-title-row {
  margin:.42rem 0 .28rem;
  padding:.48rem .56rem;
  border-radius:10px;
}
#market-pulse .market-pulse-title-row h2 {
  font-size:clamp(1.12rem,1.6vw,1.48rem) !important;
  line-height:1.04;
  letter-spacing:-.018em;
}
#market-pulse .market-pulse-title-row .eyebrow { font-size:.49rem; }
#market-pulse .market-pulse-title-row .technical-alias { font-size:.53rem; line-height:1.15; }

/* Detailed Diagnostics: dense administrator workspace on keyboard/mouse systems. */
@media (min-width:681px) {
  .admin-diagnostics {
    width:min(1600px,calc(100% - 1rem));
    padding-top:.5rem;
    padding-bottom:2rem;
  }
  .admin-diagnostics > .search-panel {
    margin-bottom:.48rem;
    padding:.58rem .66rem;
    border-radius:11px;
  }
  .admin-diagnostics > .search-panel h1 {
    margin:0 0 .14rem;
    font-size:1.02rem;
    line-height:1.08;
  }
  .admin-diagnostics .source-card {
    margin-top:.5rem;
    padding:.56rem .62rem;
    border-radius:10px;
  }
  .admin-diagnostics .source-card h2 {
    margin:.02rem 0 .24rem;
    font-size:.88rem;
    line-height:1.08;
  }
  .admin-diagnostics .section-intro {
    margin:.08rem 0 .34rem;
    font-size:.65rem;
    line-height:1.28;
  }
  .admin-diagnostics .admin-key-row {
    max-width:720px;
    gap:.42rem;
  }
  .admin-diagnostics .admin-key-row label > span {
    margin-bottom:.16rem;
    font-size:.57rem;
    line-height:1.1;
  }
  .admin-diagnostics .admin-key-row input,
  .admin-diagnostics .admin-key-row .primary-btn {
    min-height:34px;
    padding:.34rem .5rem;
    border-radius:8px;
    font-size:.72rem;
  }
  .admin-diagnostics .diagnostic-grid,
  .admin-diagnostics .status-grid {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:.34rem;
    margin:.34rem 0 .42rem;
  }
  .admin-diagnostics .indicator {
    min-height:0;
    padding:.42rem .48rem;
    border-radius:8px;
  }
  .admin-diagnostics .indicator .metric-label {
    font-size:.54rem;
    line-height:1.14;
  }
  .admin-diagnostics .indicator strong {
    margin:.14rem 0 0;
    font-size:.72rem;
    line-height:1.18;
    overflow-wrap:anywhere;
  }
  .admin-diagnostics .badge {
    padding:.19rem .38rem;
    font-size:.57rem;
  }
  .admin-diagnostics .legal-callout {
    margin:.34rem 0;
    padding:.48rem .54rem;
    font-size:.64rem;
    line-height:1.3;
    border-radius:8px;
  }
  .admin-diagnostics .table-wrap {
    margin-top:.3rem;
    border-radius:8px;
  }
  .admin-diagnostics .table-wrap table { font-size:.64rem; }
  .admin-diagnostics .table-wrap th,
  .admin-diagnostics .table-wrap td {
    padding:.36rem .42rem;
    font-size:.62rem;
    line-height:1.24;
    vertical-align:top;
  }
  .admin-diagnostics .table-wrap th {
    font-size:.55rem;
    line-height:1.16;
  }
  .admin-diagnostics .table-wrap small { font-size:.54rem; line-height:1.18; }
  .admin-diagnostics code { font-size:.58rem; }
  .admin-links { gap:.34rem; }
  .admin-links .ghost-btn {
    min-height:33px;
    padding:.34rem .5rem;
    font-size:.66rem;
  }
}

@media (min-width:681px) and (max-width:1050px) {
  .admin-diagnostics .diagnostic-grid,
  .admin-diagnostics .status-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:680px) {
  .admin-diagnostics .diagnostic-grid,
  .admin-diagnostics .status-grid { grid-template-columns:1fr; }
}

@media (pointer:coarse) {
  .admin-diagnostics .admin-key-row input,
  .admin-diagnostics .admin-key-row .primary-btn,
  .admin-links .ghost-btn { min-height:44px !important; }
}

/* ========================================================================== 
   v2.6.3 — Workspace Compact Refinement r4
   Trends & Opportunities must retain the same Market Research Command used
   throughout the application. The page itself remains market-wide and keeps
   its independent Trends & Opportunities Time Span; these controls continue
   to manage the user's selected-asset context and research report.
   ========================================================================== */
body.market-pulse-active #searchPanel,
body.market-pulse-active .sticky-selection-sentinel {
  display:block !important;
}

/* Keep the restored command compact and visually subordinate to the selected
   market-wide page while preserving the normal sticky-selection behavior. */
@media (min-width:681px) {
  body.market-pulse-active #searchPanel {
    margin-bottom:.32rem;
  }
}

/* ========================================================================== 
   v2.6.3 — Workspace Compact Refinement r5
   Discover Markets previously re-applied the legacy flex Selected Asset row,
   which overrode the v2.6.3 compact grid and allowed Add to Watchlist to grow
   across most of the available workspace. Keep Discover on the shared compact
   Selected Asset geometry used by the rest of Market Evidence.
   ========================================================================== */
body.discover-active .asset-hero {
  display:grid !important;
}

@media (min-width:681px) {
  body.discover-active .asset-hero {
    grid-template-columns:minmax(150px,1.05fr) minmax(175px,.82fr) minmax(190px,.92fr) minmax(190px,.9fr);
    grid-template-areas:"asset price watch view";
    align-items:center;
    gap:.45rem .68rem;
  }
  body.discover-active .asset-hero > div:first-child { grid-area:asset; min-width:0; }
  body.discover-active .asset-hero .price-block { grid-area:price; min-width:0; text-align:right; }
  body.discover-active .asset-hero .watch-hero-control {
    grid-area:watch;
    min-width:0;
    width:min(100%,300px);
    max-width:300px;
    justify-self:center;
  }
  body.discover-active .asset-hero .watchlist-toggle-btn {
    width:100%;
    max-width:300px;
  }
  body.discover-active .asset-hero .ux-view-control { grid-area:view; min-width:0; width:100%; }
}

/* Mid-width layouts continue to use the established two-row compact pattern;
   only the Watchlist action is width-contained so it cannot become a banner. */
@media (min-width:681px) and (max-width:1120px) {
  body.discover-active .asset-hero {
    grid-template-columns:minmax(0,1fr) minmax(190px,.8fr);
    grid-template-areas:"asset price" "watch view";
  }
  body.discover-active .asset-hero .watch-hero-control {
    width:min(100%,320px);
    max-width:320px;
    justify-self:start;
  }
  body.discover-active .asset-hero .watchlist-toggle-btn { max-width:320px; }
}

/* Phone composition remains touch-first and full-width where a separate row is
   more usable than a narrow desktop-style action. */
@media (max-width:680px) {
  body.discover-active .asset-hero { display:grid !important; }
  body.discover-active .asset-hero .watch-hero-control,
  body.discover-active .asset-hero .watchlist-toggle-btn {
    width:100%;
    max-width:none;
  }
}

/* ========================================================================== 
   v2.6.3 — Mobile + Tablet Whole-App Compact Refinement r6
   Extends the desktop compact-density system to tablets and phones across the
   customer workspace and Detailed Diagnostics. The objective is more usable
   viewport area without reducing legibility, creating horizontal overflow, or
   changing any research/provider behavior. Primary touch actions remain large;
   secondary chrome is intentionally denser.
   ========================================================================== */

/* Tablet / small-laptop density. Applies by viewport width rather than pointer
   so iPad/Android tablets and keyboard/mouse tablet modes render consistently. */
@media (min-width:681px) and (max-width:1180px) {
  .topbar-inner { padding:.38rem .52rem; gap:.42rem; }
  .brand-wrap { gap:.42rem; }
  .brand-logo { width:40px; height:40px; }
  .brand { font-size:.86rem; line-height:1.05; }
  .tagline { font-size:.61rem; line-height:1.1; }
  .workspace-badge { font-size:.48rem; padding:.15rem .28rem; }
  .section-menu-btn { min-height:40px; padding:.38rem .52rem; font-size:.72rem; }
  .top-actions { gap:.32rem; }
  .header-command-group { gap:.3rem; grid-template-columns:minmax(94px,112px) minmax(145px,174px); }
  .watchlist-header-btn.radar-center-btn { min-height:46px; padding:.32rem .38rem; }
  .watchlist-header-btn .radar-center-icon { width:1.35rem; height:1.35rem; flex-basis:1.35rem; }
  .watchlist-header-btn .radar-center-copy strong { font-size:.58rem; }
  .watchlist-header-btn .radar-center-copy small { display:none; }
  .header-control-stack { gap:.14rem; }
  .header-language-control select { min-height:30px; padding:.24rem 1.25rem .24rem .36rem; font-size:.62rem; }
  .header-control-stack .market-data-tip-stack .demo-pill { padding:.24rem .3rem; font-size:.5rem; }
  .header-control-stack .guided-tips-toggle { min-height:28px; padding-inline:.28rem; font-size:.48rem; }
  .header-control-stack .guided-tip-replay { width:28px; min-width:28px; min-height:28px; }
  .top-actions > #installBtn:not([hidden]) { min-height:40px; padding:.38rem .54rem; font-size:.72rem; }

  .container { width:min(100% - .7rem,1600px); padding-top:.34rem; padding-bottom:2rem; }
  #searchPanel.search-panel { margin-bottom:.28rem; padding:.4rem .48rem; border-radius:9px; }
  #searchPanel.search-panel::before { margin-bottom:.2rem; font-size:.45rem; }
  #searchPanel .search-grid { gap:.28rem .36rem; }
  #searchPanel .search-grid label > span,
  #searchPanel .asset-type-display-field > span { margin-bottom:.12rem; font-size:.52rem; }
  #searchPanel .search-grid input,
  #searchPanel .search-grid select,
  #searchPanel .search-grid .asset-type-display,
  #searchPanel .search-grid .primary-btn { min-height:40px; padding:.3rem .42rem; font-size:.72rem; border-radius:7px; }
  #searchPanel .notice-row { margin-top:.18rem; }
  #searchPanel .demo-notice,#searchPanel .provider-note { font-size:.59rem; line-height:1.18; }

  .asset-hero,
  body.market-pulse-active .asset-hero,
  body.discover-active .asset-hero {
    gap:.28rem .46rem;
    margin:.26rem 0 .34rem;
    padding:.3rem .42rem;
    border-radius:9px;
  }
  .asset-hero .asset-name { font-size:clamp(.9rem,2vw,1.05rem); }
  .asset-hero .asset-symbol,.asset-hero .asset-rank-meta { font-size:.57rem; }
  .asset-hero .asset-kicker { font-size:.43rem; }
  .asset-hero .price { font-size:clamp(1.08rem,2.35vw,1.3rem); }
  .asset-hero .quote-change { font-size:.58rem; }
  .asset-hero .asof,.asset-hero .window-coverage { font-size:.49rem; }
  .asset-hero .watchlist-toggle-btn { min-height:40px; padding:.28rem .4rem; gap:.3rem; }
  .asset-hero .watchlist-toggle-btn .watchlist-toggle-icon { width:1.35rem; height:1.35rem; flex-basis:1.35rem; font-size:.66rem; }
  .asset-hero .watchlist-toggle-copy strong { font-size:.64rem; }
  .asset-hero .ux-view-control { gap:.18rem .3rem; padding-left:.36rem; }
  .asset-hero .ux-view-label { font-size:.47rem; }
  .asset-hero .ux-view-btn { min-height:38px; padding:.24rem .3rem; font-size:.61rem; }

  .evidence-workspace { grid-template-columns:184px minmax(0,1fr); gap:.3rem; padding:.2rem; border-radius:10px; }
  .section-sidebar { padding:.26rem; border-radius:9px; }
  .sidebar-head { padding:.12rem .12rem .25rem; }
  .sidebar-head strong { font-size:.67rem; }
  .sidebar-head small { font-size:.51rem; }
  .sidebar-group { padding-top:.25rem; }
  .sidebar-group + .sidebar-group { margin-top:.24rem; padding-top:.28rem; }
  .sidebar-group-heading { padding:.25rem .28rem; }
  .sidebar-group-heading strong { font-size:.55rem; }
  .sidebar-group-heading small { font-size:.48rem; }
  .sidebar-nav-list { gap:.12rem; margin-top:.16rem; }
  .section-sidebar .sidebar-nav-item.tab { min-height:40px; padding:.25rem .32rem; font-size:.61rem; }
  .section-content { padding:.12rem .14rem .22rem; font-size:.82rem; }

  .active-section-banner { grid-template-columns:32px minmax(0,1fr); gap:.38rem; margin-bottom:.3rem; padding:.35rem .42rem; border-radius:8px; }
  .active-section-icon { width:32px; height:32px; border-radius:7px; font-size:.82rem; }
  .active-section-group { font-size:.46rem; }
  .active-section-banner h1 { font-size:clamp(.96rem,2vw,1.12rem); }
  .active-section-banner p { margin-top:.08rem; font-size:.61rem; line-height:1.2; }

  .ux-section-toolbar { gap:.3rem; margin-bottom:.3rem; padding:.28rem .34rem; }
  .ux-section-toolbar-copy strong { font-size:.62rem; }
  .ux-section-toolbar-copy small { font-size:.56rem; line-height:1.2; }
  .ux-section-toolbar-btn { min-height:38px; padding:.28rem .4rem; font-size:.59rem; }
  .ux-section-shell { margin-bottom:.3rem; }
  .ux-section-toggle { min-height:42px; padding:.38rem .5rem; gap:.4rem; }
  .ux-section-toggle-label { font-size:.71rem; }
  .ux-section-toggle-state { font-size:.55rem; }
  .ux-section-content { padding:.4rem; }

  .status-card,.research-snapshot-card,.since-last-view-card,.chart-card,.source-card,.replay-card,.conversation-card,
  .move-summary,.card-list article,.scenario-boxes article,.insight-card,.change-card,.turning-card,.after-card { padding:.52rem .56rem; border-radius:9px; }
  .source-card { margin-top:.46rem; }
  .card-list,.scenario-boxes,.discover-quick-grid,.watchlist-summary-grid,.validation-summary-grid,.validation-horizon-grid { gap:.36rem; }
  .section-title-row { margin-top:.62rem; margin-bottom:.32rem; }
  .section-title-row.compact { margin-top:.42rem; margin-bottom:.28rem; }
  .section-title-row h2,.section-title-row h3 { line-height:1.08; }
  .section-intro { margin-bottom:.38rem; font-size:.7rem; line-height:1.28; }
  .discover-command-center,.watchlist-hero-shell { padding:.5rem .54rem; gap:.38rem; border-radius:9px; }
  .watchlist-control-bar { padding:.42rem .48rem; gap:.35rem; }
  .watchlist-summary-card { padding:.42rem .46rem; }
  .evidence-status-grid { gap:.22rem; }
  .evidence-status-grid article { padding:.3rem .34rem; }

  .guided-tip-popover { width:min(330px,calc(100vw - 1rem)); padding:.52rem; border-radius:10px; }
  .guided-tip-popover h3 { font-size:.75rem; margin:.14rem 0 .28rem; }
  .guided-tip-copy { gap:.22rem; }
  .guided-tip-copy > div { padding:.3rem .34rem; }
  .guided-tip-copy strong { font-size:.5rem; }
  .guided-tip-copy p { font-size:.6rem; line-height:1.22; }
  .guided-tip-actions { margin-top:.3rem; gap:.22rem; }
  .guided-tip-next,.guided-tip-dismiss { min-height:40px; padding:.28rem .4rem; font-size:.59rem; }
}

/* Phone density: save vertical space by using two-column command/context rows
   where readable, while preserving natural page flow and scroll containment. */
@media (max-width:680px) {
  .topbar-inner { padding:.26rem .34rem; gap:.22rem; }
  .brand-wrap { gap:.24rem; }
  .brand-wrap .section-menu-btn { width:38px; min-width:38px; min-height:38px; border-radius:9px; }
  .brand-logo { width:38px; height:38px; border-radius:9px; }
  .brand { font-size:.75rem; }
  .header-command-group { grid-template-columns:minmax(70px,82px) minmax(112px,1fr); gap:.18rem; }
  .watchlist-header-btn.radar-center-btn { min-height:40px; padding:.26rem .3rem; border-radius:.66rem; }
  .watchlist-header-btn .radar-center-icon { width:1.18rem; height:1.18rem; flex-basis:1.18rem; }
  .watchlist-header-btn .radar-center-copy strong { font-size:.52rem; }
  .header-control-stack { gap:.1rem; }
  .header-language-control select { min-height:32px; padding:.2rem 1.05rem .2rem .3rem; font-size:.58rem; border-radius:7px; }
  .header-control-stack .market-data-tip-stack { gap:.12rem; }
  .header-control-stack .market-data-tip-stack .demo-pill { padding:.2rem .24rem; font-size:.46rem; }
  .header-control-stack .guided-tips-toggle { min-height:30px; padding-inline:.24rem; font-size:.44rem; }
  .header-control-stack .guided-tip-replay { width:30px; min-width:30px; min-height:30px; }

  .container { width:calc(100% - .4rem); padding-top:.28rem; padding-bottom:2rem; }
  #searchPanel.search-panel { margin-bottom:.24rem; padding:.34rem .38rem; border-radius:8px; }
  #searchPanel.search-panel::before { margin:0 0 .18rem .02rem; font-size:.43rem; }
  #searchPanel .search-grid {
    grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
    gap:.24rem .3rem;
    align-items:end;
  }
  #searchPanel .asset-search-field { grid-column:1/-1; }
  #searchPanel .search-grid > .primary-btn { grid-column:1/-1; margin-top:0; }
  #searchPanel .search-grid label > span,
  #searchPanel .asset-type-display-field > span { margin-bottom:.1rem; font-size:.49rem; }
  #searchPanel .search-grid input,
  #searchPanel .search-grid select,
  #searchPanel .search-grid .asset-type-display,
  #searchPanel .search-grid .primary-btn { min-height:40px; padding:.28rem .36rem; font-size:.68rem; border-radius:7px; }
  #searchPanel .notice-row { margin-top:.14rem; }
  #searchPanel .demo-notice,#searchPanel .provider-note { font-size:.55rem; line-height:1.16; }

  .asset-hero,
  body.market-pulse-active .asset-hero,
  body.discover-active .asset-hero {
    grid-template-columns:minmax(0,1fr) minmax(106px,.72fr);
    grid-template-areas:"asset price" "watch view";
    gap:.28rem .34rem;
    margin:.24rem 0 .34rem;
    padding:.34rem .38rem;
    border-radius:9px;
  }
  .asset-hero > div:first-child { grid-area:asset; }
  .asset-hero .price-block { grid-area:price; text-align:right; }
  .asset-hero .watch-hero-control { grid-area:watch; min-width:0; width:100%; }
  .asset-hero .ux-view-control {
    grid-area:view;
    display:grid !important;
    grid-template-columns:1fr;
    gap:.12rem;
    align-self:stretch;
    padding:0 0 0 .28rem;
    border-top:0;
    border-left:1px solid rgba(125,238,255,.14);
  }
  .asset-hero .asset-kicker { margin-bottom:.05rem; font-size:.4rem; }
  .asset-hero .asset-name { font-size:.9rem; line-height:1; }
  .asset-hero .asset-symbol,.asset-hero .asset-rank-meta { margin-top:.05rem; font-size:.55rem; }
  .asset-hero .price { font-size:1.12rem; }
  .asset-hero .quote-change { margin-top:.05rem; font-size:.56rem; }
  .asset-hero .asof,.asset-hero .window-coverage { margin-top:.05rem; font-size:.47rem; -webkit-line-clamp:1; }
  .asset-hero .watch-hero-control .asset-kicker { display:none; }
  .asset-hero .watchlist-toggle-btn { min-height:40px; padding:.24rem .3rem; gap:.26rem; border-radius:.65rem; }
  .asset-hero .watchlist-toggle-btn .watchlist-toggle-icon { width:1.22rem; height:1.22rem; flex-basis:1.22rem; font-size:.6rem; }
  .asset-hero .watchlist-toggle-copy strong { font-size:.58rem; line-height:1.08; }
  .asset-hero .watchlist-toggle-copy small { display:none; }
  .asset-hero .ux-view-label { display:none; }
  .asset-hero .ux-view-buttons { width:100%; padding:1px; gap:1px; }
  .asset-hero .ux-view-btn { min-height:40px; min-width:0; padding:.22rem .24rem; font-size:.57rem; }
  .asset-hero .ux-view-control small { display:none; }

  .evidence-workspace { padding:.12rem; border-radius:8px; }
  .section-content { padding:.06rem .06rem .16rem; font-size:.78rem; }
  .active-section-banner { grid-template-columns:28px minmax(0,1fr); gap:.3rem; margin-bottom:.26rem; padding:.3rem .34rem; border-radius:8px; }
  .active-section-icon { width:28px; height:28px; border-radius:6px; font-size:.72rem; }
  .active-section-group { font-size:.42rem; }
  .active-section-banner h1 { font-size:.94rem; line-height:1.02; }
  .active-section-banner p { margin-top:.06rem; font-size:.57rem; line-height:1.18; }

  .ux-section-toolbar { flex-direction:row; align-items:center; gap:.24rem; margin-bottom:.26rem; padding:.25rem .3rem; border-radius:8px; }
  .ux-section-toolbar-copy { gap:.04rem; }
  .ux-section-toolbar-copy strong { font-size:.57rem; }
  .ux-section-toolbar-copy small { font-size:.51rem; line-height:1.12; }
  .ux-section-toolbar-actions { display:flex; flex-wrap:nowrap; width:auto; margin-left:auto; gap:.18rem; }
  .ux-section-toolbar-btn { width:auto; min-width:0; min-height:36px; padding:.24rem .32rem; font-size:.53rem; }
  .ux-section-shell { margin-bottom:.24rem; }
  .ux-section-toggle { min-height:42px; padding:.32rem .4rem; gap:.3rem; border-radius:8px; }
  .ux-section-toggle-main { flex-direction:row; align-items:center; gap:.28rem; }
  .ux-section-toggle-label { font-size:.66rem; line-height:1.12; }
  .ux-section-toggle-state { font-size:.5rem; }
  .ux-section-content { padding:.34rem; }

  .section-title-row { margin-top:.48rem; margin-bottom:.26rem; }
  .section-title-row.compact { margin-top:.34rem; margin-bottom:.22rem; }
  .section-intro { margin-bottom:.32rem; font-size:.66rem; line-height:1.24; }
  .status-card,.research-snapshot-card,.since-last-view-card,.chart-card,.source-card,.replay-card,.conversation-card,
  .move-summary,.card-list article,.scenario-boxes article,.insight-card,.change-card,.turning-card,.after-card { padding:.46rem .48rem; border-radius:8px; }
  .source-card { margin-top:.36rem; }
  .card-list,.scenario-boxes,.discover-quick-grid,.watchlist-summary-grid,.validation-summary-grid,.validation-horizon-grid { gap:.3rem; }
  .discover-command-center,.watchlist-hero-shell { margin-bottom:.34rem; padding:.44rem .46rem; gap:.32rem; border-radius:8px; }
  .watchlist-control-bar { padding:.38rem .42rem; gap:.3rem; }
  .watchlist-summary-card { padding:.38rem .4rem; }
  .watchlist-summary-card strong { font-size:1rem; }
  .evidence-status-grid { gap:.18rem; }
  .evidence-status-grid article { padding:.28rem .3rem; border-radius:6px; }
  .evidence-status-grid article > span { font-size:.45rem; }
  .evidence-status-grid article > strong { font-size:.67rem; }
  .evidence-status-grid article > small { font-size:.49rem; }
  .table-wrap { border-radius:7px; }
  .table-wrap th,.table-wrap td { padding:.34rem .38rem; font-size:.61rem; line-height:1.2; }

  #market-pulse .market-pulse-title-row { margin:.3rem 0 .22rem; padding:.36rem .4rem; }
  #market-pulse .market-pulse-title-row h2 { font-size:1rem !important; }
  #market-pulse .market-pulse-title-row .technical-alias { font-size:.48rem; }

  .guided-tip-popover { width:min(94vw,330px); padding:.46rem; border-radius:9px; }
  .guided-tip-head { gap:.26rem; }
  .guided-tip-eyebrow { font-size:.47rem; }
  .guided-tip-close { width:30px; height:30px; }
  .guided-tip-popover h3 { margin:.12rem 0 .24rem; font-size:.7rem; }
  .guided-tip-copy { gap:.18rem; }
  .guided-tip-copy > div { padding:.26rem .3rem; border-radius:7px; }
  .guided-tip-copy strong { font-size:.48rem; }
  .guided-tip-copy p { font-size:.57rem; line-height:1.2; }
  .guided-tip-actions { gap:.18rem; margin-top:.26rem; }
  .guided-tip-next,.guided-tip-dismiss { min-height:38px; padding:.24rem .34rem; font-size:.55rem; }
}

/* Very narrow phones stack Selected Asset controls only when side-by-side
   controls would reduce label clarity below the accepted minimum. */
@media (max-width:390px) {
  .asset-hero,
  body.market-pulse-active .asset-hero,
  body.discover-active .asset-hero {
    grid-template-columns:minmax(0,1fr) 98px;
    grid-template-areas:"asset price" "watch watch" "view view";
    gap:.24rem .28rem;
    padding:.3rem .32rem;
  }
  .asset-hero .ux-view-control { padding:.24rem 0 0; border-left:0; border-top:1px solid rgba(125,238,255,.14); }
  .asset-hero .ux-view-buttons { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #searchPanel .search-grid { gap:.2rem .24rem; }
  .ux-section-toolbar { align-items:stretch; }
  .ux-section-toolbar-copy small { display:none; }
}

/* Detailed Diagnostics — tablet/mobile density. */
@media (max-width:1180px) {
  .admin-diagnostics { width:calc(100% - .7rem); padding-top:.32rem; padding-bottom:1.5rem; }
  .admin-diagnostics > .search-panel { margin-bottom:.34rem; padding:.46rem .5rem; border-radius:9px; }
  .admin-diagnostics > .search-panel h1 { margin:0 0 .1rem; font-size:.9rem; }
  .admin-diagnostics .source-card { margin-top:.36rem; padding:.46rem .5rem; border-radius:9px; }
  .admin-diagnostics .source-card h2 { margin:0 0 .18rem; font-size:.78rem; }
  .admin-diagnostics .section-intro { margin:.04rem 0 .26rem; font-size:.59rem; line-height:1.2; }
  .admin-diagnostics .admin-key-row { gap:.3rem; max-width:none; }
  .admin-diagnostics .admin-key-row label > span { margin-bottom:.1rem; font-size:.52rem; }
  .admin-diagnostics .admin-key-row input,
  .admin-diagnostics .admin-key-row .primary-btn { min-height:40px; padding:.28rem .4rem; font-size:.65rem; }
  .admin-diagnostics .diagnostic-grid,.admin-diagnostics .status-grid { gap:.26rem; margin:.26rem 0 .32rem; }
  .admin-diagnostics .indicator { padding:.34rem .38rem; border-radius:7px; }
  .admin-diagnostics .indicator .metric-label { font-size:.49rem; }
  .admin-diagnostics .indicator strong { margin:.1rem 0 0; font-size:.64rem; }
  .admin-diagnostics .legal-callout { margin:.26rem 0; padding:.38rem .42rem; font-size:.58rem; line-height:1.22; }
  .admin-diagnostics .table-wrap { margin-top:.24rem; border-radius:7px; }
  .admin-diagnostics .table-wrap table { font-size:.58rem; }
  .admin-diagnostics .table-wrap th,.admin-diagnostics .table-wrap td { padding:.3rem .34rem; font-size:.57rem; line-height:1.18; }
  .admin-diagnostics .table-wrap th { font-size:.5rem; }
  .admin-diagnostics .table-wrap small,.admin-diagnostics code { font-size:.49rem; }
  .admin-links { gap:.24rem; }
  .admin-links .ghost-btn { min-height:38px; padding:.28rem .38rem; font-size:.58rem; }
}

@media (max-width:680px) {
  .admin-diagnostics { width:calc(100% - .4rem); padding-top:.24rem; }
  .admin-diagnostics > .search-panel { padding:.38rem .4rem; }
  .admin-diagnostics > .search-panel h1 { font-size:.82rem; }
  .admin-diagnostics .source-card { margin-top:.28rem; padding:.38rem .4rem; }
  .admin-diagnostics .source-card h2 { font-size:.72rem; }
  .admin-diagnostics .section-intro { font-size:.55rem; line-height:1.18; }
  .admin-diagnostics .diagnostic-grid,.admin-diagnostics .status-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.2rem; }
  .admin-diagnostics .indicator { padding:.3rem .32rem; }
  .admin-diagnostics .indicator .metric-label { font-size:.46rem; }
  .admin-diagnostics .indicator strong { font-size:.6rem; }
  .admin-diagnostics .admin-key-row input,.admin-diagnostics .admin-key-row .primary-btn { min-height:40px; }
  .admin-diagnostics .table-wrap th,.admin-diagnostics .table-wrap td { padding:.26rem .3rem; font-size:.54rem; }
  .admin-diagnostics .table-wrap th { font-size:.47rem; }
  .admin-diagnostics .legal-callout { padding:.32rem .36rem; font-size:.54rem; }
  .admin-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; }
  .admin-links .ghost-btn { min-height:38px; width:100%; padding:.26rem .32rem; font-size:.54rem; }
  .admin-diagnostics + * { max-width:100%; }
}

@media (max-width:390px) {
  .admin-diagnostics .diagnostic-grid,.admin-diagnostics .status-grid { grid-template-columns:1fr; }
}

/* Touch override: r6 intentionally distinguishes primary actions from compact
   secondary chrome. All interactive targets remain at least 30px, while core
   search/run/navigation actions remain 38–44px depending on available space. */
@media (max-width:1180px) and (pointer:coarse) {
  .section-menu-btn,.watchlist-header-btn.radar-center-btn,
  #searchPanel .search-grid input,#searchPanel .search-grid select,#searchPanel .search-grid .asset-type-display,#searchPanel .search-grid .primary-btn,
  .asset-hero .watchlist-toggle-btn,.asset-hero .ux-view-btn,
  .section-sidebar .sidebar-nav-item.tab { min-height:40px !important; }
  .ux-section-toggle { min-height:42px !important; }
  .guided-tip-next,.guided-tip-dismiss { min-height:38px !important; }
  .header-control-stack .guided-tips-toggle,.header-control-stack .guided-tip-replay { min-height:30px !important; }
}

/* ========================================================================== 
   v2.6.3 — Real-Device Mobile + Tablet Compact Refinement r7
   The r6 pass reduced individual dimensions but retained several stacked
   compositions on narrow CSS viewports. Real phones/tablets therefore still
   devoted too much vertical space to chrome. r7 changes composition as well
   as spacing: recent assets stay on one horizontal rail, medium tablets place
   the secondary research controls on one row, and Selected Asset remains a
   two-row context strip even on narrow phones.
   ========================================================================== */

/* Tablet / compact-touch landscape: reduce repeated chrome more decisively. */
@media (min-width:681px) and (max-width:1180px) {
  .topbar-inner { padding:.28rem .4rem; gap:.3rem; }
  .brand-logo { width:36px; height:36px; }
  .brand { font-size:.78rem; }
  .tagline { font-size:.55rem; }
  .section-menu-btn { min-height:36px; padding:.3rem .44rem; font-size:.66rem; }
  .watchlist-header-btn.radar-center-btn { min-height:40px; }
  .header-language-control select { min-height:28px; }

  .container { width:min(100% - .5rem,1600px); padding-top:.24rem; }
  #searchPanel.search-panel { padding:.3rem .38rem; margin-bottom:.2rem; }
  #searchPanel.search-panel::before { margin-bottom:.12rem; }
  #searchPanel .search-grid { gap:.2rem .28rem; }
  #searchPanel .search-grid input,
  #searchPanel .search-grid select,
  #searchPanel .search-grid .asset-type-display,
  #searchPanel .search-grid .primary-btn { min-height:36px; }
  #searchPanel .recent-asset-searches {
    flex-wrap:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    max-width:100%;
    margin-top:.14rem;
    padding-bottom:.08rem;
    gap:.2rem;
    scrollbar-width:none;
    white-space:nowrap;
  }
  #searchPanel .recent-asset-searches::-webkit-scrollbar { display:none; }
  #searchPanel .recent-asset-searches > span { flex:0 0 auto; font-size:.56rem; }
  #searchPanel .recent-asset-chip { flex:0 0 auto; min-height:30px; padding:.2rem .34rem; font-size:.6rem; }

  .asset-hero,
  body.market-pulse-active .asset-hero,
  body.discover-active .asset-hero { margin:.18rem 0 .24rem; padding:.24rem .34rem; gap:.2rem .36rem; }
  .asset-hero .watchlist-toggle-btn,.asset-hero .ux-view-btn { min-height:36px; }

  .active-section-banner { margin-bottom:.22rem; padding:.28rem .34rem; }
  .ux-section-toolbar { margin-bottom:.22rem; padding:.22rem .28rem; }
  .ux-section-toolbar-btn { min-height:34px; }
  .ux-section-shell { margin-bottom:.2rem; }
  .ux-section-toggle { min-height:38px; padding:.3rem .42rem; }
  .ux-section-content { padding:.32rem; }
  .status-card,.research-snapshot-card,.since-last-view-card,.chart-card,.source-card,.replay-card,.conversation-card,
  .move-summary,.card-list article,.scenario-boxes article,.insight-card,.change-card,.turning-card,.after-card { padding:.42rem .46rem; }
}

/* Real-device phone composition. */
@media (max-width:680px) {
  .topbar-inner { padding:.18rem .24rem; gap:.16rem; }
  .brand-wrap { gap:.16rem; }
  .brand-wrap .section-menu-btn { width:34px; min-width:34px; min-height:34px; padding:0; border-radius:8px; }
  .brand-wrap .section-menu-btn > span:last-child { display:none; }
  .brand-logo { width:34px; height:34px; border-radius:8px; }
  .header-command-group { grid-template-columns:minmax(62px,72px) minmax(96px,1fr); gap:.12rem; }
  .watchlist-header-btn.radar-center-btn { min-height:34px; padding:.18rem .22rem; border-radius:.55rem; }
  .watchlist-header-btn .radar-center-icon { width:1.05rem; height:1.05rem; flex-basis:1.05rem; }
  .watchlist-header-btn .radar-center-copy strong { font-size:.48rem; line-height:1; }
  .header-control-stack { gap:.06rem; }
  .header-language-control select { min-height:28px; padding:.15rem .9rem .15rem .25rem; font-size:.7rem; }
  .header-control-stack .market-data-tip-stack { gap:.08rem; }
  .header-control-stack .market-data-tip-stack .demo-pill { padding:.15rem .2rem; font-size:.43rem; }
  .header-control-stack .guided-tips-toggle { min-height:26px; padding-inline:.18rem; font-size:.42rem; }
  .header-control-stack .guided-tip-replay { width:26px; min-width:26px; min-height:26px; }

  .container { width:calc(100% - .24rem); padding-top:.18rem; padding-bottom:1.5rem; }
  #searchPanel.search-panel { margin-bottom:.16rem; padding:.24rem .28rem; border-radius:7px; }
  #searchPanel.search-panel::before { margin:0 0 .1rem .01rem; font-size:.4rem; letter-spacing:.12em; }
  #searchPanel .search-grid { gap:.16rem .22rem; }
  #searchPanel .search-grid label > span,
  #searchPanel .asset-type-display-field > span { margin-bottom:.06rem; font-size:.47rem; line-height:1; }
  #searchPanel .search-grid input,
  #searchPanel .search-grid select,
  #searchPanel .search-grid .asset-type-display { min-height:36px; padding:.2rem .3rem; border-radius:6px; }
  /* Keep 16px in editable/select controls to prevent iOS focus zoom. */
  #searchPanel .search-grid input,
  #searchPanel .search-grid select { font-size:16px; }
  #searchPanel .search-grid .asset-type-display { font-size:.78rem; }
  #searchPanel .search-grid .primary-btn { min-height:38px; padding:.22rem .34rem; font-size:.72rem; border-radius:6px; }

  /* Recent assets are navigation shortcuts, not a second card grid. */
  #searchPanel .recent-asset-searches {
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto;
    overflow-y:hidden;
    max-width:100%;
    margin-top:.1rem;
    padding:.02rem 0 .08rem;
    gap:.16rem;
    white-space:nowrap;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  #searchPanel .recent-asset-searches::-webkit-scrollbar { display:none; }
  #searchPanel .recent-asset-searches > span { flex:0 0 auto; align-self:center; font-size:.55rem; }
  #searchPanel .recent-asset-chip { flex:0 0 auto; min-height:28px!important; padding:.16rem .3rem; font-size:.62rem; border-radius:999px; }

  /* Always keep Selected Asset at two rows on phones. The older <=390px rule
     stacked Watchlist and Research View into separate rows, which was the
     largest remaining source of vertical waste in the real-device screenshot. */
  .asset-hero,
  body.market-pulse-active .asset-hero,
  body.discover-active .asset-hero {
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
    grid-template-areas:"asset price" "watch view"!important;
    gap:.16rem .22rem!important;
    margin:.14rem 0 .22rem!important;
    padding:.22rem .26rem!important;
    border-radius:7px!important;
  }
  .asset-hero .asset-kicker { margin-bottom:.02rem; font-size:.38rem; }
  .asset-hero .asset-name { font-size:.82rem; line-height:1; }
  .asset-hero .asset-symbol,.asset-hero .asset-rank-meta { margin-top:.02rem; font-size:.5rem; }
  .asset-hero .price { font-size:1rem; line-height:1; }
  .asset-hero .quote-change { margin-top:.02rem; font-size:.51rem; line-height:1.05; }
  .asset-hero .asof,.asset-hero .window-coverage { margin-top:.02rem; font-size:.42rem; line-height:1.05; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .asset-hero .watch-hero-control { min-width:0; width:100%; }
  .asset-hero .watchlist-toggle-btn { min-height:36px!important; padding:.18rem .22rem; gap:.2rem; border-radius:.55rem; }
  .asset-hero .watchlist-toggle-btn .watchlist-toggle-icon { width:1.05rem; height:1.05rem; flex-basis:1.05rem; font-size:.52rem; }
  .asset-hero .watchlist-toggle-copy strong { font-size:.54rem; white-space:nowrap; }
  .asset-hero .ux-view-control { padding:0 0 0 .2rem!important; border-top:0!important; border-left:1px solid rgba(125,238,255,.14)!important; }
  .asset-hero .ux-view-buttons { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .asset-hero .ux-view-btn { min-height:36px!important; padding:.18rem .18rem; font-size:.53rem; }

  .evidence-workspace { padding:.08rem; border-radius:7px; }
  .section-content { padding:.04rem .04rem .12rem; font-size:.75rem; }
  .active-section-banner { grid-template-columns:24px minmax(0,1fr); gap:.22rem; margin-bottom:.18rem; padding:.22rem .26rem; border-radius:7px; }
  .active-section-icon { width:24px; height:24px; border-radius:5px; font-size:.64rem; }
  .active-section-group { font-size:.39rem; }
  .active-section-banner h1 { font-size:.86rem; line-height:1; }
  .active-section-banner p { margin-top:.03rem; font-size:.53rem; line-height:1.12; }

  .ux-section-toolbar { gap:.16rem; margin-bottom:.18rem; padding:.18rem .22rem; border-radius:7px; }
  .ux-section-toolbar-copy strong { font-size:.54rem; }
  .ux-section-toolbar-copy small { font-size:.47rem; line-height:1.05; }
  .ux-section-toolbar-actions { gap:.1rem; }
  .ux-section-toolbar-btn { min-height:34px; padding:.18rem .24rem; font-size:.49rem; }
  .ux-section-shell { margin-bottom:.16rem; }
  .ux-section-toggle { min-height:38px!important; padding:.26rem .32rem; border-radius:7px; }
  .ux-section-toggle-label { font-size:.62rem; }
  .ux-section-toggle-state { font-size:.46rem; }
  .ux-section-content { padding:.28rem; }

  .section-title-row { margin-top:.36rem; margin-bottom:.18rem; }
  .section-title-row.compact { margin-top:.26rem; margin-bottom:.16rem; }
  .section-intro { margin-bottom:.24rem; font-size:.62rem; line-height:1.18; }
  .status-card,.research-snapshot-card,.since-last-view-card,.chart-card,.source-card,.replay-card,.conversation-card,
  .move-summary,.card-list article,.scenario-boxes article,.insight-card,.change-card,.turning-card,.after-card { padding:.36rem .38rem; border-radius:7px; }
  .card-list,.scenario-boxes,.discover-quick-grid,.watchlist-summary-grid,.validation-summary-grid,.validation-horizon-grid { gap:.22rem; }
  .discover-command-center,.watchlist-hero-shell { margin-bottom:.24rem; padding:.34rem .36rem; gap:.24rem; }
  .table-wrap th,.table-wrap td { padding:.28rem .3rem; font-size:.58rem; }

  .guided-tip-popover { width:min(94vw,310px); padding:.36rem; }
  .guided-tip-popover h3 { margin:.08rem 0 .16rem; font-size:.66rem; }
  .guided-tip-copy { gap:.12rem; }
  .guided-tip-copy > div { padding:.2rem .24rem; }
  .guided-tip-copy p { font-size:.54rem; line-height:1.15; }
  .guided-tip-next,.guided-tip-dismiss { min-height:36px!important; }
}

/* Foldables/small tablets with a CSS viewport between 521–680px can keep all
   secondary research controls on one row, removing another full button row. */
@media (min-width:521px) and (max-width:680px) {
  #searchPanel .search-grid {
    grid-template-columns:minmax(110px,.72fr) minmax(145px,1fr) minmax(135px,.88fr);
    align-items:end;
  }
  #searchPanel .asset-search-field { grid-column:1/-1; }
  #searchPanel .asset-type-display-field { grid-column:1; }
  #searchPanel .search-grid > label:not(.asset-search-field) { grid-column:2; }
  #searchPanel .search-grid > .primary-btn { grid-column:3; margin:0; }
}

/* True narrow phones still keep Asset Type + Time Span side-by-side and the
   primary action beneath them, but Selected Asset remains two rows. */
@media (max-width:520px) {
  #searchPanel .search-grid { grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr); }
  #searchPanel .asset-search-field { grid-column:1/-1; }
  #searchPanel .search-grid > .primary-btn { grid-column:1/-1; }
}

/* Extra-narrow devices: do not reintroduce the old three-row Selected Asset. */
@media (max-width:390px) {
  .asset-hero,
  body.market-pulse-active .asset-hero,
  body.discover-active .asset-hero {
    grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)!important;
    grid-template-areas:"asset price" "watch view"!important;
  }
  .asset-hero .watchlist-toggle-copy strong { font-size:.5rem; }
  .asset-hero .ux-view-btn { font-size:.5rem; }
  .ux-section-toolbar-copy small { display:none; }
}

/* Diagnostics r7: actual mobile composition rather than merely reduced card padding. */
@media (max-width:1180px) {
  .admin-diagnostics { width:calc(100% - .4rem); padding-top:.2rem; }
  .admin-diagnostics > .search-panel { margin-bottom:.22rem; padding:.34rem .38rem; }
  .admin-diagnostics .source-card { margin-top:.24rem; padding:.34rem .38rem; }
  .admin-diagnostics .diagnostic-grid,.admin-diagnostics .status-grid { gap:.18rem; margin:.2rem 0 .24rem; }
  .admin-diagnostics .indicator { padding:.26rem .3rem; }
  .admin-diagnostics .table-wrap th,.admin-diagnostics .table-wrap td { padding:.24rem .28rem; }
}
@media (min-width:521px) and (max-width:680px) {
  .admin-diagnostics .diagnostic-grid,.admin-diagnostics .status-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .admin-links { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:520px) {
  .admin-diagnostics .diagnostic-grid,.admin-diagnostics .status-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .admin-diagnostics .source-card h2 { font-size:.68rem; }
  .admin-diagnostics .section-intro { margin-bottom:.18rem; font-size:.51rem; }
  .admin-links .ghost-btn { min-height:34px; }
}

/* r7 real-device touch policy. WCAG 2.2's 24px minimum target criterion allows
   a denser interface than the earlier blanket 40/44px rule; primary actions
   remain 36–38px and secondary chrome 26–34px with spacing between targets. */
@media (max-width:1180px) and (pointer:coarse) {
  .section-menu-btn,.watchlist-header-btn.radar-center-btn,
  #searchPanel .search-grid input,#searchPanel .search-grid select,#searchPanel .search-grid .asset-type-display,
  .asset-hero .watchlist-toggle-btn,.asset-hero .ux-view-btn,
  .section-sidebar .sidebar-nav-item.tab { min-height:36px!important; }
  #searchPanel .search-grid .primary-btn { min-height:38px!important; }
  .ux-section-toggle { min-height:38px!important; }
  .guided-tip-next,.guided-tip-dismiss { min-height:36px!important; }
  .header-control-stack .guided-tips-toggle,.header-control-stack .guided-tip-replay { min-height:26px!important; }
}
@media (max-width:520px) and (pointer:coarse) {
  .section-menu-btn,.watchlist-header-btn.radar-center-btn { min-height:34px!important; }
  #searchPanel .search-grid input,#searchPanel .search-grid select,#searchPanel .search-grid .asset-type-display { min-height:36px!important; }
  .asset-hero .watchlist-toggle-btn,.asset-hero .ux-view-btn { min-height:36px!important; }
}


/* ==========================================================================
   v2.6.3 — Sticky Mobile Research Command + Full-Mode Alignment r8
   Real-device correction: the Market Research Command must remain entirely
   below the sticky topbar, become materially smaller once stuck, and keep
   Search / Asset Type / Evidence Time Span aligned in full mode.
   ========================================================================== */

#searchPanel:not(.is-stuck) .search-grid {
  align-items:start !important;
}
#searchPanel:not(.is-stuck) .search-grid > label,
#searchPanel:not(.is-stuck) .search-grid > .asset-type-display-field {
  align-self:start;
  min-width:0;
}
#searchPanel:not(.is-stuck) .search-grid > label > span,
#searchPanel:not(.is-stuck) .asset-type-display-field > span {
  display:flex;
  align-items:flex-end;
  min-height:1.05rem;
  margin-top:0;
  margin-bottom:.16rem;
  line-height:1.05;
}
@media (min-width:1101px) {
  #searchPanel:not(.is-stuck) .search-grid {
    grid-template-columns:minmax(300px,2.05fr) minmax(175px,.8fr) minmax(210px,.92fr) auto;
  }
  #searchPanel:not(.is-stuck) .search-grid > .primary-btn {
    align-self:start;
    margin-top:1.21rem !important;
  }
}
@media (min-width:681px) and (max-width:1100px) {
  #searchPanel:not(.is-stuck) .search-grid > .primary-btn {
    margin-top:1.21rem;
  }
}

#searchPanel.search-panel.is-stuck {
  top:calc(var(--sticky-topbar-bottom) + 6px) !important;
}
#searchPanel.search-panel.is-stuck::before {
  display:none !important;
}
#searchPanel.search-panel.is-stuck .recent-asset-searches {
  display:none !important;
}
#searchPanel.search-panel.is-stuck .search-grid > label > span,
#searchPanel.search-panel.is-stuck .asset-type-display-field > span {
  display:none !important;
}
#searchPanel.search-panel.is-stuck .notice-row {
  display:none !important;
}

@media (min-width:681px) and (max-width:1180px) {
  #searchPanel.search-panel.is-stuck {
    padding:.28rem .36rem !important;
    border-radius:8px !important;
  }
  #searchPanel.search-panel.is-stuck .search-grid {
    grid-template-columns:minmax(190px,1.55fr) minmax(110px,.68fr) minmax(135px,.82fr) minmax(104px,.68fr) !important;
    gap:.24rem !important;
    align-items:center !important;
  }
  #searchPanel.search-panel.is-stuck .asset-search-field,
  #searchPanel.search-panel.is-stuck .asset-type-display-field,
  #searchPanel.search-panel.is-stuck .search-grid > label:not(.asset-search-field),
  #searchPanel.search-panel.is-stuck .search-grid > .primary-btn {
    grid-column:auto !important;
    margin:0 !important;
  }
  #searchPanel.search-panel.is-stuck input,
  #searchPanel.search-panel.is-stuck select,
  #searchPanel.search-panel.is-stuck .asset-type-display,
  #searchPanel.search-panel.is-stuck .primary-btn {
    min-height:34px !important;
    height:34px;
    padding:.2rem .32rem !important;
    border-radius:6px !important;
  }
  #searchPanel.search-panel.is-stuck .primary-btn {
    white-space:nowrap;
    font-size:.64rem !important;
  }
}

@media (max-width:680px) {
  #searchPanel.search-panel.is-stuck {
    top:calc(var(--sticky-topbar-bottom) + 5px) !important;
    padding:.2rem .24rem !important;
    margin-bottom:.14rem !important;
    border-radius:7px !important;
    box-shadow:0 10px 28px rgba(0,0,0,.34) !important;
  }
  #searchPanel.search-panel.is-stuck .search-grid {
    grid-template-columns:minmax(74px,.72fr) minmax(118px,1.14fr) minmax(92px,.82fr) !important;
    gap:.14rem .18rem !important;
    align-items:center !important;
  }
  #searchPanel.search-panel.is-stuck .asset-search-field {
    grid-column:1/-1 !important;
    min-width:0;
  }
  #searchPanel.search-panel.is-stuck .asset-type-display-field { grid-column:1 !important; }
  #searchPanel.search-panel.is-stuck .search-grid > label:not(.asset-search-field) { grid-column:2 !important; }
  #searchPanel.search-panel.is-stuck .search-grid > .primary-btn {
    grid-column:3 !important;
    margin:0 !important;
    min-width:0;
    white-space:nowrap;
  }
  #searchPanel.search-panel.is-stuck input,
  #searchPanel.search-panel.is-stuck select,
  #searchPanel.search-panel.is-stuck .asset-type-display {
    min-height:34px !important;
    height:34px;
    padding:.16rem .26rem !important;
    border-radius:6px !important;
  }
  #searchPanel.search-panel.is-stuck input,
  #searchPanel.search-panel.is-stuck select {
    font-size:16px !important;
  }
  #searchPanel.search-panel.is-stuck .asset-type-display {
    font-size:.7rem !important;
  }
  #searchPanel.search-panel.is-stuck .primary-btn {
    min-height:34px !important;
    height:34px;
    padding:.16rem .2rem !important;
    font-size:.56rem !important;
    line-height:1 !important;
  }
  #searchPanel:not(.is-stuck) .search-grid {
    align-items:start !important;
  }
  #searchPanel:not(.is-stuck) .search-grid > .primary-btn {
    align-self:start;
    margin-top:0 !important;
  }
}

@media (max-width:390px) {
  #searchPanel.search-panel.is-stuck .search-grid {
    grid-template-columns:minmax(68px,.68fr) minmax(108px,1.08fr) minmax(84px,.76fr) !important;
  }
  #searchPanel.search-panel.is-stuck .primary-btn {
    font-size:.52rem !important;
    letter-spacing:-.01em;
  }
}


/* ================================================================
   v2.8.1 — Accounts, Founder Beta & Subscription Foundation
   ================================================================ */
.account-header-btn { display:inline-flex; align-items:center; gap:.42rem; white-space:nowrap; }
.account-header-btn.is-authenticated { border-color:rgba(73,220,185,.45); box-shadow:0 0 0 1px rgba(73,220,185,.10) inset; }
.account-header-icon { font-size:1rem; line-height:1; }
.account-dialog { width:min(680px, calc(100vw - 24px)); max-height:min(88vh, 760px); padding:0; border:1px solid rgba(104,161,219,.35); border-radius:20px; background:#07111f; color:#eaf4ff; box-shadow:0 28px 80px rgba(0,0,0,.55); }
.account-dialog::backdrop { background:rgba(1,6,14,.72); backdrop-filter:blur(4px); }
.account-dialog-shell { padding:22px; overflow:auto; max-height:inherit; }
.account-dialog-head { align-items:flex-start; margin-bottom:18px; }
.account-dialog-head button { color:#d9e9f8; background:transparent; border:0; font-size:1.65rem; cursor:pointer; }
.account-eyebrow { color:#69d9c5; font-size:.72rem; font-weight:800; letter-spacing:.14em; }
.account-dialog h2 { margin:.25rem 0 .4rem; }
.account-dialog-subtitle { margin:0; color:#a9bdd0; line-height:1.45; }
.account-mode-tabs { display:grid; grid-template-columns:1fr 1.35fr; gap:8px; margin:16px 0; padding:5px; background:rgba(255,255,255,.035); border:1px solid rgba(141,184,224,.15); border-radius:13px; }
.account-mode-tab { min-height:42px; border:0; border-radius:9px; background:transparent; color:#a9bdd0; font-weight:750; cursor:pointer; }
.account-mode-tab.active { background:rgba(74,151,219,.16); color:#eff8ff; box-shadow:0 0 0 1px rgba(105,184,246,.24) inset; }
.account-form { display:grid; gap:13px; }
.account-form label:not(.account-acknowledgement) { display:grid; gap:6px; color:#cad9e8; font-size:.86rem; font-weight:700; }
.account-form input[type="email"], .account-form input[type="password"], .account-form input[type="text"] { width:100%; min-height:44px; box-sizing:border-box; border-radius:10px; border:1px solid rgba(137,181,222,.28); background:#091827; color:#f3f8fc; padding:10px 12px; font-size:16px; }
.account-password-group { position:relative; min-width:0; }
.account-password-group > label { margin:0; }
.account-password-group #accountSignInPassword { padding-right:72px; }
.account-password-toggle { position:absolute; right:7px; bottom:6px; min-width:54px; min-height:32px; padding:4px 8px; border:1px solid rgba(137,181,222,.28); border-radius:8px; background:#10263a; color:#cfe3f4; font:inherit; font-size:.74rem; font-weight:700; line-height:1; cursor:pointer; }
.account-password-toggle:hover { border-color:rgba(105,217,197,.55); color:#eef9ff; }
.account-password-toggle:focus-visible { outline:2px solid #69d9c5; outline-offset:2px; }
.account-form small { color:#8fa7bc; font-weight:500; }
.account-submit { width:100%; min-height:44px; margin-top:2px; }
.account-beta-callout { display:flex; flex-direction:column; gap:3px; padding:12px 14px; border:1px solid rgba(73,220,185,.24); border-radius:12px; background:rgba(33,145,124,.08); }
.account-beta-callout strong { color:#75e6d0; }
.account-beta-callout span { color:#a8c7c1; font-size:.83rem; line-height:1.35; }
.account-acknowledgement { display:flex; gap:9px; align-items:flex-start; color:#afc1d1; font-size:.83rem; line-height:1.4; cursor:pointer; }
.account-acknowledgement input { margin-top:3px; flex:0 0 auto; }
.account-form-status { min-height:1.25rem; margin:12px 0 0; color:#a8bfd2; font-size:.84rem; }
.account-form-status.error { color:#ffaaa7; }
.account-form-status.success { color:#83e3c9; }
.account-registration-closed { margin:0; padding:10px 12px; border-radius:10px; background:rgba(255,188,82,.08); border:1px solid rgba(255,188,82,.22); color:#e9c785; font-size:.83rem; }
.account-identity-card { display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center; padding:14px; border-radius:14px; background:rgba(73,220,185,.06); border:1px solid rgba(73,220,185,.20); }
.account-avatar { width:42px; height:42px; display:grid; place-items:center; border-radius:50%; background:rgba(73,220,185,.14); color:#72e4cc; font-size:1.3rem; }
.account-identity-card div:nth-child(2) { display:flex; flex-direction:column; min-width:0; }
.account-identity-card strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.account-identity-card span:not(.account-beta-badge) { color:#9eb4c7; font-size:.82rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.account-beta-badge { padding:5px 8px; border-radius:999px; background:rgba(73,220,185,.14); border:1px solid rgba(73,220,185,.24); color:#7ce7d2; font-size:.72rem; font-weight:800; white-space:nowrap; }
.account-status-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:14px; }
.account-status-grid article { padding:13px; border-radius:12px; border:1px solid rgba(137,181,222,.16); background:rgba(255,255,255,.025); display:flex; flex-direction:column; gap:4px; }
.account-status-grid article > span { color:#8fa6ba; font-size:.72rem; text-transform:uppercase; letter-spacing:.07em; }
.account-status-grid strong { color:#ecf7ff; }
.account-status-grid small { color:#92a9bc; line-height:1.4; }
.account-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:14px; }
@media (max-width: 767px) {
  .account-header-btn #accountBtnLabel { display:none; }
  .account-header-btn { min-width:38px; justify-content:center; padding-inline:9px; }
  .account-dialog { width:calc(100vw - 14px); max-height:92vh; border-radius:16px; }
  .account-dialog-shell { padding:16px; }
  .account-mode-tabs { grid-template-columns:1fr; }
  .account-status-grid { grid-template-columns:1fr; }
  .account-identity-card { grid-template-columns:auto 1fr; }
  .account-beta-badge { grid-column:1 / -1; justify-self:start; }
  .account-actions { display:grid; grid-template-columns:1fr 1fr; }
  .account-actions .ghost-btn { width:100%; }
}

/* ================================================================
   v2.8.1-r3 — Founder Beta Account Mobile UI Repair
   ================================================================ */
.header-account-row {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:.4rem;
  align-items:end;
  min-width:0;
}
.header-account-row .header-language-control { min-width:0; }
.account-header-btn {
  min-height:40px;
  padding:.48rem .7rem;
  justify-content:center;
  align-self:end;
}
.account-header-icon {
  width:18px;
  height:18px;
  display:inline-grid;
  place-items:center;
  flex:0 0 18px;
}
.account-header-icon svg {
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.account-acknowledgement {
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  gap:9px;
  align-items:start;
  width:100%;
  min-width:0;
}
.account-acknowledgement input[type="checkbox"] {
  appearance:auto;
  width:18px !important;
  min-width:18px !important;
  max-width:18px !important;
  height:18px !important;
  min-height:18px !important;
  max-height:18px !important;
  margin:2px 0 0 !important;
  padding:0 !important;
  flex:none !important;
  accent-color:#58d0d6;
  box-shadow:none;
}
.account-acknowledgement > span {
  display:block;
  min-width:0;
  width:auto;
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
}
@media (max-width:767px) {
  .account-header-btn #accountBtnLabel { display:inline !important; }
  .account-header-btn {
    width:auto !important;
    min-width:68px !important;
    min-height:34px !important;
    height:34px !important;
    padding:.2rem .42rem !important;
    gap:.26rem !important;
    border-radius:9px !important;
    font-size:.64rem !important;
    white-space:nowrap !important;
  }
  .account-header-icon,
  .account-header-icon svg {
    width:14px;
    height:14px;
  }
  .account-header-icon { flex-basis:14px; }
}

/* ================================================================
   v2.8.1-r3 — Account Button Identification Color Hotfix
   Visual-only change: makes the Account control easy to identify.
   ================================================================ */
.account-header-btn {
  color:#ffffff !important;
  background:linear-gradient(135deg, rgba(111,72,255,.96), rgba(42,184,232,.92)) !important;
  border-color:rgba(167,151,255,.72) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.10) inset, 0 4px 16px rgba(91,77,220,.24) !important;
}
.account-header-btn:hover,
.account-header-btn:focus-visible {
  color:#ffffff !important;
  background:linear-gradient(135deg, rgba(126,88,255,1), rgba(51,199,240,.98)) !important;
  border-color:rgba(204,194,255,.92) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.16) inset, 0 0 0 2px rgba(110,91,255,.18), 0 6px 20px rgba(91,77,220,.30) !important;
}
.account-header-btn.is-authenticated {
  border-color:rgba(121,238,205,.85) !important;
  box-shadow:0 0 0 1px rgba(121,238,205,.16) inset, 0 4px 16px rgba(91,77,220,.24) !important;
}


/* ================================================================
   v2.8.1-r5.1 — Market Evidence Account Compact Responsive Repair
   Keeps only the active account form visible and reduces modal height
   across desktop, tablet, phone, short-screen and landscape layouts.
   ================================================================ */
#accountSignInForm[hidden],
#accountCreateForm[hidden],
#accountSignedOutView[hidden],
#accountSignedInView[hidden] {
  display:none !important;
}

.account-dialog {
  width:min(560px, calc(100vw - 28px));
  max-height:min(82dvh, 690px);
  border-radius:16px;
}
.account-dialog-shell {
  padding:16px 17px;
  max-height:inherit;
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
}
.account-dialog-head {
  margin-bottom:10px;
  gap:10px;
}
.account-dialog-head button {
  font-size:1.35rem;
  line-height:1;
  min-width:34px;
  min-height:34px;
  padding:0;
}
.account-eyebrow {
  font-size:.64rem;
  letter-spacing:.12em;
}
.account-dialog h2 {
  margin:.12rem 0 .2rem;
  font-size:1.12rem;
  line-height:1.2;
}
.account-dialog-subtitle {
  font-size:.78rem;
  line-height:1.35;
}
.account-mode-tabs {
  grid-template-columns:minmax(0,.92fr) minmax(0,1.25fr);
  gap:6px;
  margin:10px 0;
  padding:4px;
  border-radius:11px;
}
.account-mode-tab {
  min-height:36px;
  padding:6px 9px;
  font-size:.78rem;
  line-height:1.15;
}
.account-form {
  gap:9px;
}
.account-form label:not(.account-acknowledgement) {
  gap:4px;
  font-size:.75rem;
}
.account-form input[type="email"],
.account-form input[type="password"],
.account-form input[type="text"] {
  min-height:40px;
  padding:8px 10px;
  border-radius:9px;
}
.account-form small {
  font-size:.72rem;
  line-height:1.25;
}
.account-submit {
  min-height:40px;
  margin-top:0;
}
.account-beta-callout {
  gap:2px;
  padding:9px 11px;
  border-radius:10px;
}
.account-beta-callout strong {
  font-size:.82rem;
}
.account-beta-callout span {
  font-size:.74rem;
  line-height:1.3;
}
.account-acknowledgement {
  gap:8px;
  font-size:.74rem;
  line-height:1.3;
}
.account-form-status {
  min-height:.9rem;
  margin:8px 0 0;
  font-size:.75rem;
}
.account-registration-closed {
  padding:8px 10px;
  border-radius:9px;
  font-size:.74rem;
  line-height:1.3;
}
.account-identity-card {
  gap:9px;
  padding:11px;
  border-radius:11px;
}
.account-avatar {
  width:36px;
  height:36px;
  font-size:1.1rem;
}
.account-status-grid {
  gap:8px;
  margin-top:10px;
}
.account-status-grid article {
  padding:10px;
  border-radius:10px;
  gap:3px;
}
.account-actions {
  margin-top:10px;
}

/* Two-column Founder Beta setup on roomier screens cuts vertical height
   without changing field order, labels, validation or account logic. */
@media (min-width:600px) {
  #accountCreateForm:not([hidden]) {
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    column-gap:10px;
    row-gap:9px;
  }
  #accountCreateForm:not([hidden]) > .account-beta-callout,
  #accountCreateForm:not([hidden]) > .account-acknowledgement,
  #accountCreateForm:not([hidden]) > .account-submit,
  #accountCreateForm:not([hidden]) > .account-registration-closed {
    grid-column:1 / -1;
  }
}

@media (max-width:767px) {
  .account-dialog {
    width:calc(100vw - 12px);
    max-height:90dvh;
    border-radius:14px;
  }
  .account-dialog-shell {
    padding:12px;
  }
  .account-dialog-head {
    margin-bottom:8px;
  }
  .account-dialog h2 {
    font-size:1.02rem;
  }
  .account-dialog-subtitle {
    font-size:.73rem;
  }
  .account-mode-tabs {
    grid-template-columns:minmax(0,.8fr) minmax(0,1.35fr);
    margin:8px 0;
  }
  .account-mode-tab {
    min-height:38px;
    padding:6px 7px;
    font-size:.71rem;
    white-space:normal;
  }
  .account-form {
    gap:8px;
  }
  .account-form input[type="email"],
  .account-form input[type="password"],
  .account-form input[type="text"],
  .account-submit {
    min-height:42px;
  }
  .account-beta-callout {
    padding:8px 10px;
  }
  .account-actions {
    gap:6px;
  }
}

@media (max-width:390px) {
  .account-dialog {
    width:calc(100vw - 8px);
    max-height:92dvh;
    border-radius:12px;
  }
  .account-dialog-shell {
    padding:10px;
  }
  .account-dialog-head {
    margin-bottom:6px;
  }
  .account-eyebrow {
    font-size:.58rem;
  }
  .account-dialog h2 {
    font-size:.96rem;
  }
  .account-dialog-subtitle {
    font-size:.69rem;
  }
  .account-mode-tab {
    min-height:36px;
    font-size:.66rem;
  }
  .account-form label:not(.account-acknowledgement),
  .account-acknowledgement,
  .account-registration-closed {
    font-size:.69rem;
  }
}

/* Short desktop/tablet/phone landscape screens: prioritize usable form
   space and avoid the dialog appearing to occupy the entire viewport. */
@media (max-height:620px) {
  .account-dialog {
    max-height:94dvh;
  }
  .account-dialog-shell {
    padding-top:10px;
    padding-bottom:10px;
  }
  .account-dialog-head {
    margin-bottom:5px;
  }
  .account-dialog-subtitle {
    line-height:1.2;
  }
  .account-mode-tabs {
    margin:6px 0;
  }
  .account-form {
    gap:6px;
  }
  .account-beta-callout {
    padding:7px 9px;
  }
}


/* ================================================================
   v2.9.0 — Founder Beta Feedback inside signed-in Account dialog
   ================================================================ */
.account-feedback-panel { margin-top:10px; padding:11px; border:1px solid rgba(105,217,197,.22); border-radius:11px; background:rgba(33,145,124,.055); }
.account-feedback-panel[hidden] { display:none !important; }
.account-feedback-head { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; margin-bottom:8px; }
.account-feedback-head > div { display:flex; flex-direction:column; gap:2px; min-width:0; }
.account-feedback-head strong { color:#e9f8ff; font-size:.82rem; }
.account-feedback-head span { color:#94adbe; font-size:.7rem; line-height:1.3; }
.account-feedback-head .ghost-btn { min-height:32px; padding:5px 8px; flex:0 0 auto; }
.account-feedback-form { display:grid; grid-template-columns:minmax(120px,.42fr) minmax(0,1fr) auto; gap:8px; align-items:end; }
.account-feedback-form label { display:grid; gap:4px; min-width:0; color:#cad9e8; font-size:.72rem; font-weight:700; }
.account-feedback-form select, .account-feedback-form textarea { width:100%; box-sizing:border-box; border:1px solid rgba(137,181,222,.28); border-radius:9px; background:#091827; color:#f3f8fc; font:inherit; }
.account-feedback-form select { min-height:38px; padding:7px 9px; }
.account-feedback-form textarea { min-height:38px; height:38px; max-height:110px; resize:vertical; padding:8px 10px; line-height:1.3; }
.account-feedback-form .primary-btn { min-height:38px; padding:7px 12px; white-space:nowrap; }
@media (max-width:767px) { .account-actions { grid-template-columns:1fr 1fr 1fr; } .account-feedback-form { grid-template-columns:1fr; align-items:stretch; } .account-feedback-form textarea { min-height:72px; height:72px; } .account-feedback-form .primary-btn { width:100%; } }
@media (max-width:390px) { .account-actions { grid-template-columns:1fr; } .account-feedback-head { flex-direction:column; } .account-feedback-head .ghost-btn { width:100%; } }

/* Inline search clear control; preserves the evidence already displayed. */
.asset-search-input-wrap #symbolInput { padding-inline-end: 3.25rem; }
.asset-search-clear { position:absolute; inset-inline-end:4px; top:4px; bottom:4px; width:2.75rem; min-height:32px; padding:0; display:grid; place-items:center; border:1px solid transparent; border-radius:8px; background:transparent; color:#b7d8ed; font-size:1.5rem; line-height:1; cursor:pointer; z-index:2; }
.asset-search-clear:hover { background:rgba(80,190,240,.16); color:#fff; }
.asset-search-clear:focus-visible { outline:2px solid #45d9f2; outline-offset:-2px; }
.asset-search-clear[hidden] { display:none !important; }

#featureUpdateNotice { width:min(440px,calc(100vw - 32px)); padding:24px; border:1px solid #45d9f2; border-radius:16px; background:#0b1c2d; color:#edf7ff; }
#featureUpdateNotice::backdrop { background:rgba(0,8,18,.65); }
#featureUpdateNotice p { line-height:1.55; }