/* QYRON compact workstation composition layer. Existing IDs remain the data contract. */
:root { --bg-primary:#071014; --bg-secondary:#0b171c; --bg-card:#0e1c21; --text-primary:#edf4f2; --text-secondary:#a9bcba; --text-muted:#7f9595; --border-color:#1d3438; --border-light:#29474a; --accent-primary:#6bd4b3; --accent-secondary:#4ba98e; }
body { background:var(--bg-primary); }
.skip-link { position:fixed; top:10px; left:10px; z-index:10000; padding:10px 14px; border-radius:5px; background:var(--text-primary); color:var(--bg-primary); font:700 13px var(--font-sans); transform:translateY(-160%); transition:transform .15s ease; }
.skip-link:focus { transform:translateY(0); }
.app-container { max-width:1680px; padding:14px 18px 28px; }
.background-effects,.tagline,.workspace-mode,.context-chart-status { display:none; }
.header { margin-bottom:12px; border-bottom:1px solid rgba(107,212,179,.12); }
.header-content { min-height:58px; margin:0; gap:18px; }
.logo-mark { width:38px; height:38px; border-color:var(--border-light); background:#0d191d; }
.logo-text h1 { font-size:24px; letter-spacing:-.04em; }
.brand-descriptor { display:block; margin-right:auto; font-size:10px; letter-spacing:.17em; color:var(--text-muted); text-transform:uppercase; }
.header-nav { display:none; }
.system-status { font-size:9px; letter-spacing:.15em; color:var(--text-muted); }
.system-status .status-dot { background:var(--accent-primary); }
.global-disclaimer-banner { position:static; max-width:none; width:auto; margin:0 0 8px; padding:0; border:0; background:transparent; box-shadow:none; text-align:right; }
.disclaimer-bold-text { max-width:100%; font:500 11px/1.55 var(--font-sans); color:#c5a85e!important; text-shadow:none; overflow-wrap:anywhere; }
.search-section { margin:0 0 12px; }
.search-container { max-width:none; padding:8px 10px; border-radius:6px; border-color:var(--border-color); background:#091418; }
.command-label,.keyboard-hint { display:none; }
.search-wrapper { min-height:38px; border-radius:4px; }
.ticker-input { min-width:0; padding-block:9px; font-size:15px; }
.analyze-btn { min-width:112px; min-height:40px; padding:8px 18px; font-size:12px; }
.search-actions { margin-top:6px; }
.quick-picks { flex-wrap:wrap; }
.quick-label,.quick-btn { font-size:11px; }
.quick-btn { min-height:34px; }

/* First-run value proposition */
.welcome-panel { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(480px,1fr); gap:clamp(28px,5vw,80px); align-items:center; min-height:clamp(360px,52vh,620px); padding:clamp(38px,6vw,88px) clamp(20px,5vw,72px); border:1px solid var(--border-color); border-radius:10px; background:radial-gradient(circle at 12% 18%,rgba(107,212,179,.08),transparent 34%),#081216; }
.welcome-copy { max-width:680px; }
.welcome-eyebrow { display:block; margin-bottom:16px; color:var(--accent-primary); font:600 11px var(--font-mono); letter-spacing:.13em; text-transform:uppercase; }
.welcome-copy h2 { max-width:760px; margin:0; color:var(--text-primary); font:600 clamp(30px,4vw,58px)/1.08 var(--font-sans); letter-spacing:-.045em; text-wrap:balance; }
.welcome-copy p { max-width:650px; margin:22px 0 0; color:var(--text-secondary); font:400 16px/1.75 var(--font-sans); }
.welcome-cta { display:inline-flex; align-items:center; gap:12px; min-height:46px; margin-top:28px; padding:0 18px; border:1px solid #376e61; border-radius:6px; background:#123027; color:#d9f8ed; font:600 13px var(--font-sans); cursor:pointer; transition:transform .18s ease,background .18s ease,border-color .18s ease; }
.welcome-cta:hover,.welcome-cta:focus-visible { border-color:var(--accent-primary); background:#173d32; transform:translateY(-1px); outline:none; }
.welcome-capabilities { display:grid; gap:10px; }
.welcome-capabilities article { display:grid; grid-template-columns:34px 1fr; column-gap:14px; padding:18px 0; border-bottom:1px solid var(--border-color); }
.welcome-capabilities article:first-child { border-top:1px solid var(--border-color); }
.capability-index { grid-row:1/3; color:#6f8988; font:500 11px var(--font-mono); }
.welcome-capabilities h3 { margin:0; color:var(--text-primary); font:600 15px var(--font-sans); }
.welcome-capabilities p { margin:7px 0 0; color:var(--text-muted); font:400 13px/1.6 var(--font-sans); }
.results-section { padding:0; overflow:visible; border:0; background:transparent!important; box-shadow:none; }
.quant-workspace { overflow:hidden; border:1px solid var(--border-color); border-radius:10px; background:#081216; box-shadow:0 24px 80px rgba(0,0,0,.24); }
.quant-workspace-tabs { display:grid; grid-template-columns:minmax(240px,1fr) auto minmax(140px,1fr); align-items:center; min-height:52px; padding:0 16px; border-bottom:1px solid var(--border-color); background:#0b171c; }
.quant-workspace-tabset { display:flex; align-self:stretch; }
.quant-workspace-tab,.quant-export,.quant-rail-link,.quant-ticker,.quant-rail-status,.quant-card-link { border:0; color:var(--text-muted); background:transparent; cursor:pointer; }
.quant-workspace-tab { padding:0 16px; font:500 11px var(--font-sans); }
.quant-workspace-tab:first-child { justify-self:start; padding-left:0; color:var(--text-secondary); }
.quant-workspace-tabset .quant-workspace-tab { position:relative; }
.quant-workspace-tabset .quant-workspace-tab:first-child { color:var(--text-primary); }
.quant-workspace-tabset .quant-workspace-tab:first-child::after { content:''; position:absolute; right:16px; bottom:0; left:16px; height:2px; background:var(--accent-primary); }
.workspace-leds { display:inline-flex; gap:4px; margin-right:9px; }
.workspace-leds i { width:5px; height:5px; border-radius:50%; background:#456267; }
.workspace-leds i:last-child { background:var(--accent-primary); }
.quant-export { justify-self:end; padding:8px 12px; border:1px solid var(--border-color); border-radius:5px; font:500 10px var(--font-sans); }
.quant-export:hover,.quant-workspace-tab:hover,.quant-card-link:hover { color:var(--accent-primary); }
.quant-workspace-body { display:grid; grid-template-columns:166px minmax(0,1fr); }
.quant-rail { position:relative; display:flex; flex-direction:column; min-width:0; padding:22px 13px 18px; border-right:1px solid var(--border-color); background:#091419; }
.quant-rail-label { margin:0 8px 10px; font:600 8px var(--font-mono); letter-spacing:.18em; text-transform:uppercase; color:#496064; }
.quant-rail-link { display:flex; align-items:center; gap:9px; width:100%; min-height:36px; padding:0 9px; border-radius:5px; font:500 10px var(--font-sans); text-align:left; }
.quant-rail-link.active { color:#9adfc9; border:1px solid #244a43; background:rgba(56,133,111,.18); }
.tickers-label { margin-top:32px; }
.quant-ticker-list { display:grid; gap:2px; }
.quant-ticker { display:flex; justify-content:space-between; align-items:center; width:100%; padding:9px 10px; border-radius:4px; font:500 10px var(--font-mono); text-align:left; }
.quant-ticker i { width:4px; height:4px; border-radius:50%; background:transparent; }
.quant-ticker.active { color:var(--text-primary); background:#101f24; outline:1px solid var(--border-color); }
.quant-ticker.active i { background:var(--accent-primary); }
.quant-rail-status { display:flex; align-items:center; gap:7px; margin-top:auto; padding:26px 8px 0; font:500 8px var(--font-sans); }
.quant-rail-status i { width:5px; height:5px; border-radius:50%; background:var(--accent-primary); }
.quant-main { min-width:0; padding:18px 20px 22px; }
.quant-summary>.stock-header { min-height:58px; padding:0 0 14px!important; border:0!important; background:transparent; grid-template-columns:minmax(220px,1fr) auto; }
.stock-info { display:flex; align-items:center; gap:14px; }
.stock-title { margin:0!important; gap:7px; }
.stock-title h2 { font-size:25px!important; }
.stock-price-row { gap:8px; }
.current-price { font-size:16px; }
.price-change { font-size:11px; }
.analysis-meta { grid-template-columns:auto auto auto; gap:8px; }
.meta-time-row { flex-wrap:wrap; }
.analysis-time,.data-feed-badge { font-size:8px; }
.data-feed-badge.synthetic { color:#d4b35f; border-color:rgba(212,179,95,.38); background:rgba(130,101,38,.16); }
.data-feed-badge.delayed { color:#c6a961; border-color:rgba(198,169,97,.3); }
.period-btn,.auto-refresh-btn,.export-btn { min-height:30px; font-size:9px; }
.quant-summary>.data-ledger { margin:-13px 0 10px; padding:0; border:0; background:transparent; justify-content:flex-end; }
.ledger-kicker,.quant-summary>.data-ledger>div:first-child { display:none; }
.source-chip { padding:3px 6px; font-size:8px; }
.synthetic-data-banner { margin:0 0 10px; padding:7px 10px; font-size:9px; border-radius:4px; }
.quant-hero-grid { display:grid; grid-template-columns:minmax(0,2.25fr) minmax(260px,.9fr); gap:14px; }
/* Container queries: workspace cards reflow within their own column width,
   not just the viewport */
.quant-main, .analysis-card { container-type: inline-size; }
@container (max-width: 640px) {
  .quant-hero-grid { grid-template-columns: 1fr; }
  .quant-verdict-card { order: -1; }
}
@container (max-width: 420px) {
  .quant-card-heading { flex-wrap: wrap; }
  .data-status-panel { grid-template-columns: 1fr; }
}
/* Empty-state illustration */
.empty-state { position: relative; padding-top: 34px; }
.empty-state::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 28px; height: 28px; border-radius: 8px; border: 1.5px dashed var(--border-light); background:
  linear-gradient(var(--border-light), var(--border-light)) center/14px 1.5px no-repeat,
  linear-gradient(var(--border-light), var(--border-light)) center/1.5px 14px no-repeat; opacity: .55; }
.quant-chart-slot { min-width:0; }
.persistent-market-canvas { display:block!important; margin:0!important; }
.persistent-market-canvas::before,.persistent-market-canvas>.chart-container.small { display:none!important; }
.chart-container { height:300px!important; min-height:0; padding:16px; border-radius:7px; background:var(--bg-card); }
.chart-wrapper { height:225px; }
.chart-wrapper canvas { display:block; max-width:100%!important; }
.chart-header { margin-bottom:7px; gap:8px; flex-wrap:wrap; }
.chart-header-left { flex-wrap:wrap; }
.chart-header h3 { font-size:16px; }
.chart-section .chart-header::before,.chart-section .chart-header-left::before { display:none!important; }
.chart-overlay-pills { flex-wrap:wrap; gap:5px; }
.overlay-label,.overlay-pill,.chart-type-btn { font-size:8px; }
.quant-verdict-card,.quant-snapshot-card { min-width:0; border:1px solid var(--border-color); border-radius:7px; background:var(--bg-card); }
.quant-verdict-card { display:flex; flex-direction:column; min-height:300px; padding:20px; }
.quant-card-kicker { font:600 8px var(--font-mono); letter-spacing:.16em; color:#567377; text-transform:uppercase; }
.quant-verdict-card h2,.quant-snapshot-card h3 { margin:9px 0 14px; font-size:16px; font-weight:500; letter-spacing:-.03em; }
.quant-verdict-value { color:#e0bd69; font:600 21px var(--font-sans); }
.quant-verdict-value.strong-buy,.quant-verdict-value.buy { color:var(--accent-primary); }
.quant-verdict-value.sell,.quant-verdict-value.strong-sell { color:#df7373; }
.quant-verdict-meta { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin-top:20px; }
.quant-verdict-meta span { color:var(--text-muted); font-size:8px; }
.quant-verdict-meta b { display:block; margin-top:5px; color:var(--text-secondary); font:600 9px var(--font-mono); text-transform:uppercase; }
.quant-conviction { display:flex; justify-content:space-between; align-items:baseline; margin-top:auto; padding-top:18px; color:var(--text-muted); font-size:8px; }
.quant-conviction b { color:var(--text-primary); font:500 18px var(--font-mono); }
.quant-score-track { height:3px; margin-top:8px; background:#223338; }
.quant-score-track i { display:block; width:0; height:100%; background:var(--accent-primary); transition:width .35s ease; }
.quant-verdict-card p { margin:10px 0 0; color:var(--text-muted); font-size:8px; line-height:1.5; }
.quant-snapshot-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:14px; }
.quant-snapshot-card { min-height:170px; padding:16px; }
.quant-snapshot-card h3 { margin-bottom:13px; }
.quant-stat-pair,.quant-earnings-head { display:grid; grid-template-columns:1fr 1fr; gap:16px; color:var(--text-muted); font-size:8px; }
.quant-stat-pair b,.quant-earnings-head b { display:block; margin-top:5px; color:var(--text-primary); font:500 20px var(--font-mono); }
.quant-meter { height:3px; margin-top:15px; background:linear-gradient(90deg,#9a5558,#d1bd76 30%,#547d70 70%,#62cfa9); }
.quant-meter i { display:block; width:50%; height:8px; border-right:2px solid white; transform:translateY(-3px); }
.quant-snapshot-card small { display:flex; justify-content:space-between; margin-top:7px; color:#55696c; font:500 7px var(--font-mono); }
.quant-breadth-head { display:flex; justify-content:space-between; color:var(--text-muted); font-size:8px; }
.quant-breadth-head b { color:var(--text-secondary); font:500 9px var(--font-mono); }
.quant-sector-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-top:12px; }
.quant-sector-loading { grid-template-columns:1fr; }
.quant-sector-loading>span { padding:9px; color:var(--text-muted); font-size:8px; text-align:center; }
.quant-sector-tile { min-width:0; padding:7px 5px; border:1px solid var(--border-color); border-radius:3px; background:#101f24; color:var(--text-secondary); cursor:pointer; }
.quant-sector-tile span,.quant-sector-tile b { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.quant-sector-tile span { font:500 8px var(--font-mono); }
.quant-sector-tile b { margin-top:3px; font:600 8px var(--font-mono); }
.quant-sector-tile.positive { border-color:rgba(80,190,149,.42); background:rgba(43,128,98,.2); color:#78d8b6; }
.quant-sector-tile.negative { border-color:rgba(207,99,105,.4); background:rgba(142,52,59,.18); color:#e88a8f; }
.quant-sector-tile.neutral { border-color:rgba(173,158,105,.35); background:rgba(130,113,56,.14); color:#cbbb78; }
.quant-breadth-legend { display:flex; gap:10px; margin-top:8px; color:var(--text-muted); font-size:7px; }
.quant-breadth-legend span { display:flex; align-items:center; gap:4px; }
.quant-breadth-legend i { width:5px; height:5px; border-radius:50%; }
.quant-breadth-legend i.positive { background:#64cfa9; }.quant-breadth-legend i.neutral { background:#c2ae68; }.quant-breadth-legend i.negative { background:#df7379; }
.quant-earnings-head span:last-child { text-align:right; }
.quant-quarter-bars { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); align-items:end; gap:7px; min-height:92px; margin-top:8px; padding-top:4px; border-bottom:1px solid var(--border-color); }
.quant-empty-chart { grid-column:1/-1; align-self:center; color:var(--text-muted); font-size:8px; text-align:center; }
.quant-quarter { display:grid; grid-template-rows:14px 52px 14px; align-items:end; min-width:0; text-align:center; }
.quant-quarter>b { overflow:hidden; color:var(--text-secondary); font:600 7px var(--font-mono); text-overflow:ellipsis; white-space:nowrap; }
.quant-quarter-track { display:flex; align-items:flex-end; justify-content:center; height:52px; }
.quant-quarter-track i { display:block; width:min(24px,70%); min-height:3px; border-radius:2px 2px 0 0; background:#809193; }
.quant-quarter.positive .quant-quarter-track i { background:#57b995; }.quant-quarter.negative .quant-quarter-track i { background:#b85b63; }.quant-quarter.neutral .quant-quarter-track i { background:#b19d61; }
.quant-quarter>span { overflow:hidden; color:var(--text-muted); font:500 7px var(--font-mono); text-overflow:ellipsis; white-space:nowrap; }
.quant-quarter.forecast { position:relative; grid-template-rows:14px 52px 14px 10px; }
.quant-quarter.forecast::before { position:absolute; top:-2px; bottom:3px; left:-4px; border-left:1px dashed rgba(108,213,178,.28); content:""; }
.quant-quarter.forecast .quant-quarter-track i { position:relative; width:min(28px,78%); border:1px dashed #69d2b0; background:repeating-linear-gradient(135deg,rgba(87,185,149,.42) 0 4px,rgba(87,185,149,.12) 4px 8px); box-shadow:0 0 10px rgba(87,185,149,.15); }
.quant-quarter.forecast.negative .quant-quarter-track i { border-color:#d6757c; background:repeating-linear-gradient(135deg,rgba(184,91,99,.42) 0 4px,rgba(184,91,99,.12) 4px 8px); }
.quant-quarter.forecast.neutral .quant-quarter-track i { border-color:#c5af69; background:repeating-linear-gradient(135deg,rgba(177,157,97,.42) 0 4px,rgba(177,157,97,.12) 4px 8px); }
.quant-quarter.forecast .quant-quarter-track em { position:absolute; top:-11px; left:50%; color:var(--text-muted); font:500 6px var(--font-mono); white-space:nowrap; transform:translateX(-50%); }
.quant-quarter.forecast>span { color:var(--accent-primary); }
.quant-quarter.forecast>small { overflow:hidden; color:#698184; font:500 6px var(--font-mono); text-overflow:ellipsis; white-space:nowrap; }
.quant-earnings-foot { display:flex; justify-content:space-between; gap:8px; margin-top:8px; color:var(--text-muted); font-size:7px; text-transform:uppercase; }
.quant-earnings-foot span:last-child { color:var(--text-secondary); white-space:nowrap; }
.quant-card-link { margin-top:10px; padding:0; font:500 8px var(--font-sans); color:var(--accent-primary); }
.quant-detail { margin-top:24px; padding-top:14px; border-top:1px solid var(--border-color); }
.research-tabs { position:sticky; top:0; z-index:90; gap:12px; margin:0; padding:0; overflow-x:auto; border:0; border-bottom:1px solid var(--border-color); border-radius:0; background:var(--bg-primary); box-shadow:none; }
.research-tab { flex:0 0 auto; min-height:42px; padding:0 8px; border-radius:0; font:600 11px var(--font-sans); letter-spacing:0; text-transform:none; }
.research-tab.active { color:var(--accent-primary); border-color:transparent; background:transparent; box-shadow:inset 0 -2px var(--accent-primary); }
.workspace-feature-unavailable { display:none!important; }
.synthetic-inline { display:block; margin-top:2px; color:#b5964f; font:600 7px var(--font-mono); letter-spacing:.08em; text-transform:uppercase; }
.context-heading { grid-template-columns:auto 1fr; align-items:center; gap:20px; margin:16px 0 8px; padding:0; border:0; }
.context-kicker { display:none; }
.context-heading h2 { margin:0; font-size:17px; }
.context-heading p { font-size:10px; }
.persona-selector-bar { margin-bottom:10px; padding:7px 0; border:0; background:transparent; }
.persona-bar-label { font:500 9px var(--font-sans); }
.persona-info-banner { display:none; }
.persona-pill { padding:5px 8px; border-radius:3px; font-size:9px; }
.cards-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; align-items:start; }
.analysis-card { min-width:0; min-height:0; height:auto; padding:14px; border-radius:6px; background:var(--bg-secondary); }
.trade-setup-card { grid-column:1/-1; }
.card-header { margin-bottom:9px; padding-bottom:9px; }
.card-header h3 { font-size:12px; }
.card-content { gap:7px; }
.trend-item { padding:4px 0; }
.trend-label,.indicator-label,.metric-label { font-size:9px; }
.trend-value { font-size:10px; text-align:right; }
.indicator-value,.indicator .indicator-value { font-size:15px; }
.levels-visual { padding:8px; }
.level { padding:3px 0; }
.level-label { font-size:9px; }
.level-value { font-size:12px; }
.fundamentals-section,.earnings-section,.news-impact-section,.bulletproof-section,.master-rec-card,.confluence-matrix-card { margin-bottom:10px; background:var(--bg-secondary); }
.fund-card,.insider-banner-card { background:var(--bg-secondary); }
.fund-card-header,.fund-card-body,.master-rec-header,.fund-section-header,.bp-section-header { padding:12px 14px; }
table { font-size:10px; }
th,td { padding:8px 10px; }
.footer { align-items:center; margin-top:14px; padding-top:13px; }
.footer-content { font-size:11px; }
.footer-shortcuts { display:none; }
.data-status-panel { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px 24px; min-width:0; font-size:11px!important; line-height:1.55; }
.data-status-panel>div { min-width:0; overflow-wrap:anywhere; }

/* Results readability baseline: reserve micro type for decorative marks, not data. */
.quant-export,.quant-rail-link,.quant-ticker { font-size:12px; }
.quant-rail-label,.quant-rail-status,.analysis-time,.data-feed-badge,.source-chip,.synthetic-data-banner { font-size:11px; line-height:1.45; }
.period-btn,.auto-refresh-btn,.export-btn { min-height:36px; font-size:11px; }
.overlay-label,.overlay-pill,.chart-type-btn { min-height:32px; font-size:11px; }
.quant-card-kicker { font-size:10px; }
.quant-card-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.quant-verdict-meta span,.quant-conviction,.quant-verdict-card p,.quant-stat-pair,.quant-earnings-head,.quant-breadth-head { font-size:11px; }
.quant-verdict-meta b,.quant-breadth-head b { font-size:11px; }
.quant-snapshot-card small,.quant-sector-loading>span,.quant-sector-tile span,.quant-sector-tile b,.quant-breadth-legend,.quant-empty-chart,.quant-quarter>b,.quant-quarter>span,.quant-earnings-foot,.quant-card-link,.synthetic-inline { font-size:10px; line-height:1.4; }
.quant-quarter.forecast .quant-quarter-track em,.quant-quarter.forecast>small { font-size:9px; }
.context-heading p { font-size:13px; line-height:1.55; }
.persona-bar-label,.persona-pill,.trend-label,.indicator-label,.metric-label,.level-label { font-size:12px; }
.trend-value { font-size:12px; }
table { font-size:12px; }
.context-heading:focus { outline:none; }
.context-heading:focus-visible { border-radius:4px; outline:2px solid var(--accent-primary); outline-offset:5px; }
.price-change.unavailable,.indicator-status.unavailable { color:var(--text-muted); font-style:normal; }
.data-coverage { font-size:11px; color:var(--text-muted); border:1px solid rgba(173,158,105,.35); border-radius:999px; padding:2px 10px; cursor:help; }
.card-freshness { font-size:10px; color:var(--text-muted); margin-left:auto; }
/* SEO SSR pages (/a/<TICKER>) */
.seo-summary, .seo-explainer, .seo-explainer-detail, .seo-related { max-width: 860px; margin: 1rem auto; padding: 0 1rem; color: var(--text-primary, #e8e4d8); font-family: var(--font-sans, sans-serif); }
.seo-summary ul { line-height: 1.7; }
.seo-note, .seo-explainer p, .seo-faq p { color: var(--text-muted, #9a917c); line-height: 1.6; }
.seo-faq { border: 1px solid rgba(173,158,105,.25); border-radius: 8px; padding: .6rem .9rem; margin: .5rem 0; }
.seo-faq summary { cursor: pointer; }
.seo-related ul { columns: 2; line-height: 1.8; }
.data-asof { font-size:11px; color:var(--text-muted); }
.metric-val.neutral, .indicator-value.unavailable, .stat-value.unavailable { color:var(--text-muted); font-style:italic; }

.provenance-badge { display:inline-flex; align-items:center; width:max-content; padding:4px 7px; border:1px solid var(--border-color); border-radius:999px; font:600 9px/1 var(--font-mono); letter-spacing:.08em; text-transform:uppercase; white-space:nowrap; }
.provenance-badge.observed { color:#8edcc3; border-color:rgba(107,212,179,.3); background:rgba(107,212,179,.07); }
.provenance-badge.calculated { color:#a8c7df; border-color:rgba(116,169,209,.3); background:rgba(116,169,209,.07); }
.provenance-badge.modeled { color:#d8c17c; border-color:rgba(207,177,91,.32); background:rgba(207,177,91,.08); }
.provenance-badge.scenario { color:#c7a9dd; border-color:rgba(169,121,199,.3); background:rgba(169,121,199,.08); }
.methodology-panel { margin:0 0 16px; border:1px solid var(--border-color); border-radius:7px; background:var(--bg-secondary); }
.methodology-panel summary { display:flex; justify-content:space-between; align-items:center; gap:16px; min-height:46px; padding:0 14px; color:var(--text-primary); font:600 12px var(--font-sans); cursor:pointer; }
.methodology-summary-note { color:var(--text-muted); font-size:11px; font-weight:400; }
.methodology-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; border-top:1px solid var(--border-color); background:var(--border-color); }
.methodology-grid article { min-width:0; padding:16px; background:var(--bg-secondary); }
.methodology-grid h3 { margin:12px 0 6px; color:var(--text-primary); font-size:13px; }
.methodology-grid p { margin:0; color:var(--text-muted); font-size:12px; line-height:1.6; }
[data-workspace-panel]:not(.persistent-market-canvas) { content-visibility:auto; contain-intrinsic-size:auto 520px; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible { outline:2px solid var(--accent-primary); outline-offset:3px; }
.mob-nav-item { min-width:44px; min-height:44px; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto!important; }
  *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
}
[data-theme="light"] { --bg-primary:#f2f5f3; --bg-secondary:#fff; --bg-card:#fff; --text-primary:#152a2c; --text-secondary:#3c5659; --text-muted:#667d80; --border-color:#d5e0de; --border-light:#b9d0cc; --accent-primary:#167961; }
@media(max-width:1100px) {
  .quick-btn { min-height:44px; }
  .brand-descriptor { display:none; }
  .quant-workspace-tabs { grid-template-columns:1fr auto; }
  .quant-workspace-tabset { grid-row:2; grid-column:1/-1; justify-content:center; min-height:42px; }
  .quant-workspace-tab:first-child { min-height:48px; }
  .quant-export { grid-column:2; grid-row:1; }
  .quant-workspace-body { grid-template-columns:138px minmax(0,1fr); }
  .quant-rail-link span { font-size:9px; }
  .quant-hero-grid { grid-template-columns:1fr; }
  .quant-verdict-card { min-height:220px; }
  .quant-snapshot-grid,.cards-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .quant-snapshot-card:last-child { grid-column:1/-1; }
  .quant-summary>.stock-header { grid-template-columns:1fr; }
  .analysis-meta { justify-content:start; }
  .welcome-panel { grid-template-columns:1fr; min-height:auto; }
  .welcome-capabilities { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .welcome-capabilities article,.welcome-capabilities article:first-child { display:block; padding:16px; border:1px solid var(--border-color); border-radius:6px; }
  .welcome-capabilities h3 { margin-top:14px; }
  .data-status-panel { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .methodology-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:700px) {
  .app-container { padding:10px 10px 72px; }
  .header-content { min-height:48px; }
  .logo-text h1 { font-size:20px; }
  .system-status { margin-left:auto; font-size:7px; }
  .system-status { display:none; }
  .global-disclaimer-banner { margin-bottom:10px; text-align:left; }
  .disclaimer-bold-text { font-size:12px; }
  .search-container { padding:10px; }
  .search-wrapper { display:grid; grid-template-columns:auto minmax(0,1fr); gap:0; padding:4px; }
  .search-icon { grid-column:1; padding:0 10px; }
  .ticker-input { grid-column:2; width:100%; min-height:44px; padding:8px 4px!important; text-align:left; }
  .analyze-btn { grid-column:1/-1; width:100%; min-height:44px; margin-top:4px; }
  .search-actions { align-items:stretch; }
  .quick-picks { max-width:100%; }
  .quick-btn,.quant-workspace-tab,.quant-export,.quant-rail-link,.watchlist-btn,.alert-btn,.auto-refresh-btn,.period-btn,.export-btn,.research-tab,.persona-pill,.overlay-pill,.chart-type-btn,.quant-card-link { min-height:44px; }
  .watchlist-btn,.alert-btn,.period-btn { min-width:44px; }
  .quant-card-link { display:inline-flex; align-items:center; }
  .quick-label { align-self:center; }
  .welcome-panel { display:block; min-height:0; padding:32px 20px; }
  .welcome-copy h2 { font-size:32px; }
  .welcome-copy p { font-size:15px; line-height:1.65; }
  .welcome-cta { width:100%; justify-content:center; }
  .welcome-capabilities { display:grid; grid-template-columns:1fr; margin-top:34px; }
  .welcome-capabilities article,.welcome-capabilities article:first-child { padding:16px 0; border-width:0 0 1px; border-radius:0; }
  .data-status-panel { grid-template-columns:1fr; gap:10px; font-size:12px!important; }
  .footer-content { max-width:100%; font-size:10px; line-height:1.5; overflow-wrap:anywhere; }
  .methodology-panel summary { align-items:flex-start; flex-direction:column; justify-content:center; padding-block:10px; }
  .methodology-grid { grid-template-columns:1fr; }
  .tooltip-popup { display:none!important; }
  .quant-workspace-tabs { display:flex; min-height:46px; padding:0 10px; overflow-x:auto; }
  .quant-workspace-tab:first-child { min-width:190px; }
  .quant-workspace-tabset { display:contents; }
  .quant-workspace-tabset .quant-workspace-tab::after { display:none; }
  .quant-export { min-width:116px; margin-left:auto; }
  .quant-workspace-body { display:block; }
  .quant-rail { position:static; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; padding:9px; border:0; border-bottom:1px solid var(--border-color); }
  .quant-rail-label,.quant-ticker-list,.quant-rail-status { display:none; }
  .quant-rail-link { justify-content:center; padding:0 4px; text-align:center; }
  .quant-main { padding:12px 10px 16px; }
  .quant-summary>.stock-header { min-height:0; gap:9px; }
  .stock-info { flex-wrap:wrap; }
  .stock-title h2 { font-size:22px!important; }
  .analysis-meta { display:flex!important; flex-wrap:wrap; }
  .meta-time-row { width:100%; }
  .quant-summary>.data-ledger { justify-content:flex-start; overflow-x:auto; }
  .ledger-sources { flex-wrap:nowrap; }
  .source-chip { white-space:nowrap; }
  .chart-container { height:265px!important; padding:12px; }
  .chart-wrapper { height:196px; }
  .quant-verdict-card { min-height:230px; padding:15px; }
  .quant-snapshot-grid,.cards-grid { grid-template-columns:1fr; }
  .quant-snapshot-card:last-child { grid-column:auto; }
  .research-tabs { gap:3px; }
  .research-tab { min-height:40px; padding:0 10px; }
  .context-heading { grid-template-columns:1fr; gap:3px; }
  .persona-bar-top { align-items:flex-start; gap:7px; }
  .persona-pills { flex-wrap:wrap; }
  .fund-card-body { overflow-x:auto; }
}

/* tasteskill 2.5 motion tokens & micro-interactions */
:root {
  --m-in: 150ms;
  --m-out: 120ms;
  --m-press: 90ms;
  --m-ease: cubic-bezier(.2, .8, .2, 1);
  --m-ease-enter: cubic-bezier(.22, 1, .36, 1);
}

@keyframes qyron-enter {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

[data-enter] {
  animation: qyron-enter 380ms var(--m-ease-enter) both;
}

@media (hover: hover) and (pointer: fine) {
  .analyze-btn, .welcome-cta, .quick-btn, .quant-workspace-tab,
  .quant-export, .quant-rail-link, .watchlist-btn, .alert-btn, .auto-refresh-btn,
  .period-btn, .export-btn, .research-tab, .persona-pill, .overlay-pill, .chart-type-btn,
  .app-frame-ticker-btn {
    transition: transform var(--m-out) var(--m-ease), background-color var(--m-out) var(--m-ease), border-color var(--m-out) var(--m-ease), color var(--m-out) var(--m-ease);
  }
  .analyze-btn:hover, .welcome-cta:hover, .quick-btn:hover,
  .app-frame-ticker-btn:hover {
    transform: translateY(-1px);
    transition-duration: var(--m-in);
  }
  .analyze-btn:active, .welcome-cta:active, .quick-btn:active,
  .app-frame-ticker-btn:active {
    transform: translateY(1px) scale(0.985);
    transition-duration: var(--m-press);
  }
  .quant-snapshot-card, .welcome-capabilities article, .welcome-app-frame {
    transition: transform 120ms var(--m-ease), border-color 120ms var(--m-ease);
  }
  .quant-snapshot-card:hover, .welcome-capabilities article:hover, .welcome-app-frame:hover {
    transform: translateY(-2px);
    transition-duration: 180ms;
  }
}

/* Welcome hero split: copy left, live app-frame right (tasteskill 2.5 software rule) */
.welcome-hero-split {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  gap: clamp(24px, 4vw, 56px);
  align-items: center;
}
.welcome-app-frame {
  border: 1px solid var(--border-color);
  border-radius: 10px;
  background: rgba(9, 16, 20, 0.82);
  overflow: hidden;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.35);
}
[data-theme="light"] .welcome-app-frame {
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 18px 44px rgba(20, 30, 40, 0.12);
}
.app-frame-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 14px;
  border-bottom: 1px solid var(--border-color);
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--text-secondary);
}
.app-frame-dots {
  display: inline-flex;
  gap: 5px;
}
.app-frame-dots i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--border-color);
  display: inline-block;
}
.app-frame-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app-frame-body {
  padding: 18px 16px;
}
.pipeline-diagram {
  width: 100%;
  height: auto;
  display: block;
}
.diag-node {
  fill: var(--bg-secondary);
  stroke: var(--border-color);
  stroke-width: 1;
}
.diag-node-accent {
  fill: rgba(6, 182, 212, 0.10);
  stroke: #06b6d4;
}
.diag-title {
  fill: var(--text-primary);
  font-size: 9px;
  font-family: var(--font-sans);
  font-weight: 600;
}
.diag-sub {
  fill: var(--text-muted);
  font-size: 7.5px;
  font-family: var(--font-mono);
}
.diag-wire {
  stroke: var(--border-color);
  stroke-width: 1.2;
  fill: none;
}
.diag-pulse {
  stroke: #06b6d4;
  stroke-width: 1.6;
  fill: none;
  stroke-dasharray: 5 9;
  animation: diagram-pulse 2.8s linear infinite;
}
@keyframes diagram-pulse {
  to { stroke-dashoffset: -28; }
}
@media (max-width: 900px) {
  .welcome-hero-split { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  [data-enter], .diag-pulse { animation: none !important; }
}
