/* =========================================================================
   Filing Clarity for Advisors — LIGHT THEME (content area only)
   Design north star: "WSJ mobile app married to the Morning Brief email."
   The TOP NAV (_app_header.html) stays DARK and is intentionally excluded —
   these tokens live on :root but the header ships its own self-contained CSS.
   ========================================================================= */

:root{
  /* content surfaces */
  --bg:#F8F9FA;
  --card:#FFFFFF;
  --panel:#FFFFFF;
  --border:#E5E7EB;
  --divider:#F3F4F6;
  --alt-row:#FAFAFA;
  --row-hover:#F0FDF9;
  /* text */
  --text:#111827;
  --muted:#6B7280;
  --meta:#9CA3AF;
  /* brand + change colors */
  --accent:#00b386;
  --up:#059669;
  --down:#DC2626;
  --flat:#6B7280;
}

/* Content shell -> light. The dark top nav is a sibling include and keeps its
   own colors; we only repaint the app content region. */
body{background:var(--bg);color:var(--text);}
main.wrap,main.main-content{background:var(--bg);color:var(--text);}
a{color:var(--accent);}

/* =========================================================================
   MOBILE HORIZONTAL-OVERFLOW GUARD (T51)
   At a 375px viewport the document rendered ~945px wide (mobile got a
   horizontal scrollbar). Root cause: wide multi-column data tables
   (Institutional Ownership / peer-comparison / SEC filings / command-center
   feed) render at their min-content width — with no fixed layout and no
   bounded scroll wrapper they force their container, and thus the whole
   document, past the viewport. Fix at the root: (1) clamp the page box so no
   child can push the DOCUMENT past 100%, using overflow-x:clip (page-level
   clip only — does NOT create a scroll container, so position:sticky and the
   intentionally-scrollable tab strip keep working); (2) make content tables
   shrink-to-fit and scroll WITHIN their own bounded box instead of expanding
   the page; (3) let long unbroken strings wrap. No content is clipped: wide
   tables become horizontally scrollable inside their card, not off-page. */
/* (1) PAGE-LEVEL CLAMP — the primary guarantee. overflow-x:clip at the page
   root forces documentElement.scrollWidth == viewport width and, unlike
   overflow-x:hidden/auto, does NOT establish a scroll container, so
   position:sticky, tooltips and absolutely-positioned dropdowns that reach
   within the page are unaffected. box-sizing so fixed widths include padding. */
html,body{max-width:100%;overflow-x:clip;}
*{box-sizing:border-box;}
/* (2) Content tables never exceed their container. */
main.main-content table,main.wrap table{max-width:100%;}
/* (3) The specific wide data tables scroll WITHIN their own box so nothing is
   clipped off-page. Scoped to table hosts that contain NO absolutely-positioned
   popovers (setting overflow-x:auto also computes overflow-y to auto, which
   would clip a popover — so #summary/.sum-card-body are deliberately excluded;
   the page-level clip above still protects them). */
main.main-content #filings-body,
main.main-content #ownership,
main.main-content #marketpulse{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
/* Long unbroken tokens (URLs, wide labels) in wrapping text blocks break
   rather than forcing width. (Single-line ellipsis rows keep their nowrap.) */
main.main-content .cc-what,main.main-content .ccd-sum{overflow-wrap:anywhere;}

/* ---- generic panels / cards -> clean white, thin dividers, no heavy borders ---- */
.card,.ac-card,.wa-card,.etf-card,.news-bar,.cc,table.cc,.empty,.qv-empty{
  background:var(--card);border-color:var(--border);
  box-shadow:0 1px 2px rgba(16,24,40,.04);
}
.muted,.cc-sub,.qv-sub,.wa-sub{color:var(--muted);}

/* ---- typography hierarchy (AlphaSense-style density) ---- */
.rl-ticker{font-size:15px;font-weight:700;color:var(--accent);letter-spacing:.01em;}
.rl-company{font-size:12px;color:var(--muted);}
.rl-signal{font-size:14px;color:var(--text);}
.rl-meta{font-size:12px;color:var(--meta);}

.chg-pos{color:var(--up)!important;font-variant-numeric:tabular-nums;}
.chg-neg{color:var(--down)!important;font-variant-numeric:tabular-nums;}
.chg-flat{color:var(--flat)!important;font-variant-numeric:tabular-nums;}

/* ---- section headers (uppercase 11px + right-aligned count + view-all link) ---- */
.rl-sechead{display:flex;align-items:baseline;gap:10px;margin:22px 0 8px;}
.rl-sechead .rl-sh-title{font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);}
.rl-sechead .rl-sh-count{font-size:11px;color:var(--meta);font-weight:600;}
.rl-sechead .rl-sh-link{margin-left:auto;font-size:12px;font-weight:700;color:var(--accent);text-decoration:none;white-space:nowrap;}
.rl-sechead .rl-sh-link:hover{text-decoration:underline;}

/* ---- gain-summary bar (top of Total/Client View) ---- */
.rl-gainbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--card);
  border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin:8px 0 6px;
  box-shadow:0 1px 2px rgba(16,24,40,.04);}
.rl-gain-name{font-size:15px;font-weight:800;color:var(--text);}
.rl-gain-pct{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums;}
.rl-gain-sub{font-size:12px;color:var(--muted);}
.rl-gain-alerts{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;
  color:var(--text);background:var(--divider);border:1px solid var(--border);border-radius:999px;padding:6px 13px;}
.rl-gain-alerts .n{color:var(--down);font-weight:800;}
.rl-gain-alerts.calm .n{color:var(--up);}
.rl-gain-monthlink{width:100%;margin-top:2px;font-size:11.5px;font-weight:600;color:var(--muted);}
.rl-gain-monthlink a{color:var(--muted);text-decoration:none;}
.rl-gain-monthlink a:hover{color:var(--accent);}

/* ---- ONE-LINE WATCHLIST ROWS (~52px) ---- */
.rl-rows{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;
  box-shadow:0 1px 2px rgba(16,24,40,.04);}
.rl-row{display:grid;grid-template-columns:minmax(0,1.6fr) 78px minmax(0,2fr) 30px;align-items:center;gap:12px;
  min-height:52px;padding:0 14px;border-bottom:1px solid var(--divider);
  text-decoration:none;color:var(--text);cursor:pointer;}
.rl-row:last-child{border-bottom:none;}
.rl-row:nth-child(even){background:var(--alt-row);}
.rl-row:hover{background:var(--row-hover);}
.rl-row-name{min-width:0;display:flex;flex-direction:column;gap:1px;}
.rl-row-name .top{display:flex;align-items:baseline;gap:8px;min-width:0;}
.rl-row-name .rl-ticker{white-space:nowrap;}
.rl-row-name .rl-company{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rl-row-chg{text-align:right;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;}
.rl-row-sig{min-width:0;display:flex;align-items:center;gap:8px;}
.rl-badge{flex:0 0 auto;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  border-radius:5px;padding:2px 7px;white-space:nowrap;}
.rl-badge.action{background:rgba(220,38,38,.10);color:#B91C1C;border:1px solid rgba(220,38,38,.28);}
.rl-badge.monitor{background:rgba(217,119,6,.10);color:#B45309;border:1px solid rgba(217,119,6,.28);}
.rl-badge.context{background:rgba(107,114,128,.10);color:#4B5563;border:1px solid rgba(107,114,128,.24);}
.rl-row-hl{font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rl-row-hl.quiet{color:var(--meta);font-style:italic;}
.rl-row-status{display:flex;align-items:center;justify-content:flex-end;gap:8px;color:var(--meta);}
.rl-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto;background:var(--flat);}
.rl-dot.new{background:var(--up);}
.rl-dot.ess{background:#D97706;}
.rl-arrow{font-size:13px;color:var(--meta);}
@media(max-width:640px){
  .rl-row{grid-template-columns:minmax(0,1.4fr) 66px minmax(0,1.5fr) 22px;gap:8px;padding:0 12px;}
  .rl-row-hl{display:none;}
}

/* ---- ONE-LINE SIGNAL FEED ROWS (~44px) ---- */
.rl-feed{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;
  box-shadow:0 1px 2px rgba(16,24,40,.04);}
.rl-feed-row{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;
  border-bottom:1px solid var(--divider);text-decoration:none;color:var(--text);}
.rl-feed-row:last-child{border-bottom:none;}
.rl-feed-row:hover{background:var(--row-hover);}
.rl-feed-row .rl-dot{flex:0 0 auto;}
.rl-feed-tk{font-size:13px;font-weight:800;color:var(--accent);white-space:nowrap;}
.rl-feed-hl{flex:1 1 auto;min-width:0;font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rl-feed-date{font-size:12px;color:var(--meta);white-space:nowrap;font-variant-numeric:tabular-nums;}
.rl-feed-arrow{font-size:12px;color:var(--meta);}

/* ---- UPCOMING dated list (~44px) ---- */
.rl-events{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;
  box-shadow:0 1px 2px rgba(16,24,40,.04);}
.rl-event-row{display:grid;grid-template-columns:96px 84px 1fr;align-items:center;gap:12px;
  min-height:44px;padding:0 14px;border-bottom:1px solid var(--divider);
  text-decoration:none;color:var(--text);}
.rl-event-row:last-child{border-bottom:none;}
.rl-event-row:hover{background:var(--row-hover);}
.rl-event-date{font-size:12.5px;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums;}
.rl-event-date small{display:block;font-size:10.5px;color:var(--meta);font-weight:600;}
.rl-event-tk{font-size:13px;font-weight:800;color:var(--text);}
.rl-event-type{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rl-event-type small{color:var(--meta);}

/* ---- subtle "not advice" line ---- */
.rl-notadvice{font-size:11px;color:var(--meta);margin-top:12px;line-height:1.5;}

/* =========================================================================
   RIA DARK-THEME OVERRIDES — repaint the per-view <style> hardcoded darks so
   legacy blocks inherit the light palette. Scoped to content classes only.
   ========================================================================= */
main.wrap table.cc th{background:var(--divider)!important;color:var(--muted)!important;border-color:var(--border)!important;}
main.wrap table.cc td{border-color:var(--divider)!important;color:var(--text)!important;}
main.wrap table.cc{border-color:var(--border)!important;}
main.wrap tr.cc-main:hover{background:var(--row-hover)!important;}
main.wrap tr.cc-detail>td{background:var(--alt-row)!important;}
main.wrap .cc-sect{background:var(--card)!important;border-color:var(--border)!important;color:var(--muted)!important;}
main.wrap .cc-tkr a{color:var(--text)!important;}
main.wrap .cc-co,main.wrap .cc-heldby-lbl,main.wrap .price-stamp{color:var(--muted)!important;}
main.wrap .cc-note{background:rgba(0,179,134,.05)!important;border-color:rgba(0,179,134,.2)!important;color:var(--muted)!important;}

main.wrap .card{background:var(--card)!important;border-color:var(--border)!important;}
main.wrap .card-why,main.wrap .card-head{color:var(--text)!important;}
main.wrap .card-co,main.wrap .card-quiet{color:var(--muted)!important;}
main.wrap .card.up{border-left-color:var(--up)!important;}
main.wrap .card.down{border-left-color:var(--down)!important;}
main.wrap .card.flat{border-left-color:var(--flat)!important;}
main.wrap .card-earn{background:var(--divider)!important;border-color:var(--border)!important;}
main.wrap .card-earn-h{color:var(--text)!important;}
main.wrap .card-earn-q{color:var(--muted)!important;background:rgba(100,116,139,.12)!important;}

main.wrap .hl-row,main.wrap .hd-row{color:var(--text)!important;border-color:var(--divider)!important;}
main.wrap .hl-row:hover,main.wrap .hd-row:hover{background:var(--row-hover)!important;}
main.wrap .hl-co,main.wrap .hd-co,main.wrap .hl-head{color:var(--muted)!important;}
main.wrap .hl-move.up{color:var(--up)!important;}
main.wrap .hl-move.down{color:var(--down)!important;}
main.wrap .hl-chip{background:var(--divider)!important;color:var(--muted)!important;border:1px solid var(--border);}
main.wrap .hl-etf{background:var(--divider)!important;color:var(--muted)!important;border-color:var(--border)!important;}

main.wrap .news-bar{background:var(--card)!important;border-color:var(--border)!important;}
main.wrap .news-bar-title,main.wrap .news-headline{color:var(--text)!important;}
main.wrap .news-item{border-color:var(--divider)!important;}
main.wrap .news-ago{color:var(--meta)!important;}

main.wrap .wa-card{background:var(--card)!important;border-color:var(--border)!important;border-left-color:var(--accent)!important;}
main.wrap .wa-tk{color:var(--text)!important;}
main.wrap .wa-co,main.wrap .wa-expo,main.wrap .wa-note,main.wrap .wa-sub{color:var(--muted)!important;}
main.wrap .wa-chip{background:var(--divider)!important;border-color:var(--border)!important;color:var(--text)!important;}
main.wrap .ac-card{background:var(--card)!important;border-color:var(--border)!important;}
main.wrap .ac-name{color:var(--text)!important;}
main.wrap .ac-mover{color:var(--text)!important;}

main.wrap .btn{background:var(--card)!important;border-color:var(--border)!important;color:var(--text)!important;}
main.wrap .btn:hover{border-color:var(--accent)!important;}
main.wrap .btn-accent{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important;}
main.wrap .demo-tag{background:#FEF3C7!important;color:#92400E!important;border-color:#FDE68A!important;}
main.wrap .empty{background:var(--card)!important;border-color:var(--border)!important;color:var(--muted)!important;}

main.wrap h1,main.wrap .cc-head h1,main.wrap .wa-title{color:var(--text)!important;}

/* =========================================================================
   MOBILE — bottom nav + responsive company header + touch targets.
   Bottom nav is hidden on desktop, shown <=768px.
   ========================================================================= */
.rl-bottomnav{display:none;}
@media(max-width:768px){
  .rl-bottomnav{
    display:flex;position:fixed;left:0;right:0;bottom:0;z-index:9000;
    background:#0b1220;border-top:1px solid #1e293b;
    padding:4px 2px calc(4px + env(safe-area-inset-bottom,0px));
    box-shadow:0 -2px 12px rgba(0,0,0,.28);
  }
  .rl-bn-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:2px;min-height:52px;text-decoration:none;color:#94a3b8;font-size:10px;font-weight:700;position:relative;}
  .rl-bn-item.active{color:#00c9a7;}
  .rl-bn-ic{font-size:18px;line-height:1;}
  .rl-bn-badge{position:absolute;top:4px;left:calc(50% + 6px);min-width:16px;height:16px;
    background:#DC2626;color:#fff;border-radius:8px;font-size:9px;font-weight:800;
    display:flex;align-items:center;justify-content:center;padding:0 4px;}
  body{padding-bottom:72px;}
  /* T32: FAB bottom offset is set in the T25d/T32 block below (bottom:132px) so
     it clears BOTH the bottom nav and the Help bubble; do not re-pin it here. */
  /* hide the secondary top bar (portfolio scope strip) on mobile to reduce chrome */
  .pf-toggle-wrap{display:none!important;}
  /* larger mobile price header */
  .company-header .company-title h1{font-size:34px;}
  /* touch targets */
  .rl-row{min-height:56px;}
  .rl-feed-row,.rl-event-row{min-height:48px;}
  .btn,.rl-sh-link{min-height:44px;display:inline-flex;align-items:center;}
  /* T61: keep the compact inline Draft a real tap target */
  .card-draft{min-height:34px;}
}

/* T61: client signal card is now a link (card-as-Details). Light-theme affordance. */
main.wrap .card[role="link"]{cursor:pointer;}
main.wrap .card[role="link"]:hover{border-color:var(--accent)!important;box-shadow:0 2px 12px rgba(15,23,42,.10);}
main.wrap .card[role="link"]:active{background:var(--panel,#f3f6fb)!important;}
main.wrap .card-draft{border-color:var(--border)!important;color:var(--accent)!important;background:transparent!important;}
main.wrap .card-draft:hover{border-color:var(--accent)!important;background:rgba(37,99,235,.08)!important;}

/* Desktop safety: never let the bottom nav show */
@media(min-width:769px){ .rl-bottomnav{display:none!important;} }

/* =========================================================================
   COMPANY PAGE (dark base.html) — this page keeps the dark app chrome, but
   we add the light-theme structural pieces used by the redesign below.
   ========================================================================= */
/* horizontal-scroll tab bar */
.cd-tabscroll{display:flex;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;padding:2px 20px;border-bottom:1px solid #1e2a3a;}
.cd-tabscroll::-webkit-scrollbar{display:none;height:0;}
/* teal-tinted "Your Notes first" panel */
.cd-notes-first{margin:14px 20px 4px;padding:14px 16px;background:rgba(0,179,134,.06);
  border:1px solid rgba(0,179,134,.28);border-radius:12px;}
.cd-notes-first .lbl{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#00b386;}
.cd-notes-first .txt{font-size:14px;color:#e2e8f0;line-height:1.6;margin:6px 0 4px;}
.cd-notes-first .empty{font-size:13px;color:#94a3b8;line-height:1.5;margin:6px 0 4px;}
.cd-notes-first a{color:#00c9a7;font-size:12.5px;font-weight:700;text-decoration:none;}
.cd-notes-first a:hover{text-decoration:underline;}
/* sticky draft button */
.cd-sticky-draft{position:fixed;left:50%;transform:translateX(-50%);bottom:16px;z-index:8500;
  display:inline-flex;align-items:center;gap:8px;background:#00b386;color:#fff;font-size:14px;font-weight:800;
  padding:13px 22px;border-radius:999px;text-decoration:none;box-shadow:0 8px 24px rgba(0,179,134,.4);white-space:nowrap;}
.cd-sticky-draft:hover{background:#00a078;color:#fff;}
/* big price header additions */
.cd-backlink{display:inline-block;margin:14px 20px 0;font-size:12.5px;color:#94a3b8;text-decoration:none;}
.cd-backlink:hover{color:#00c9a7;}
.cd-priceblock{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-top:8px;}
.cd-price{font-size:24px;font-weight:800;color:#e2e8f0;font-variant-numeric:tabular-nums;}
.cd-price-chg{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums;}
.cd-price-chg.up{color:#3fb950;}.cd-price-chg.down{color:#f85149;}
.cd-52w{font-size:12px;font-weight:700;color:#f5b23c;background:rgba(245,158,11,.12);
  border:1px solid rgba(245,158,11,.3);border-radius:6px;padding:2px 9px;}

/* =========================================================================
   COMPANY PAGE — LIGHT-THEME REPAINT (T21) + header/tab/FAB/density (T25)
   ROOT CAUSE: company_dashboard.html renders inside <main class="main-content">
   (NOT main.wrap), so the "RIA DARK-THEME OVERRIDES" above (scoped to main.wrap)
   never reach it. The page's own inline <style> blocks hardcode dark cards
   (#0f1729 / #0b1220) which then float on the light #F8F9FA body.
   FIX (no !important pile-on): descendant selectors under .cd-wrap raise
   specificity to (0,2,0), beating the template's single-class inline rules
   (0,1,0) regardless of load order. Top nav is a sibling include -> stays dark.
   ========================================================================= */
.cd-wrap{color:var(--text);}

/* --- generic dark cards -> white --- */
.cd-wrap .sum-card,
.cd-wrap .thesis-section,
.cd-wrap .mn-card,
.cd-wrap .ecycle-q,
.cd-wrap .mp-brief,
.cd-wrap .em-quarter,
.cd-wrap .inline-eco{
  background:var(--card);border-color:var(--border);
  box-shadow:0 1px 2px rgba(16,24,40,.04);
}
.cd-wrap .sum-card-head{background:var(--divider);border-bottom-color:var(--border);}
.cd-wrap .sum-card-title{color:var(--accent);}
.cd-wrap .sum-grip,.cd-wrap .sum-x{color:var(--meta);}

/* --- body / muted text inside cards -> dark on white --- */
.cd-wrap .sum-notes,.cd-wrap .thesis-text{color:var(--text);}
.cd-wrap .sum-muted,.cd-wrap .sum-sig-when,.cd-wrap .fin-trend,
.cd-wrap .fin-mini,.cd-wrap .em-kpi-n,.cd-wrap .mn-context,
.cd-wrap .section-note,.cd-wrap .em-empty-note{color:var(--muted);}
.cd-wrap .sum-sig-hl,.cd-wrap .mn-detail,.cd-wrap .em-headline{color:var(--text);}
.cd-wrap .sum-sig,.cd-wrap .em-kpi{border-bottom-color:var(--divider);}
.cd-wrap .fin-src,.cd-wrap .thesis-updated,.cd-wrap .thesis-empty,
.cd-wrap .thesis-hint,.cd-wrap .sum-hint{color:var(--meta);}
.cd-wrap .sum-link,.cd-wrap .mn-src{color:var(--accent);}
.cd-wrap .sum-topic,.cd-wrap .em-topic{background:var(--divider);color:var(--text);}
.cd-wrap .thesis-label{color:var(--muted);}
.cd-wrap .thesis-edit-btn,.cd-wrap .sum-add-btn{background:var(--card);border-color:var(--border);color:var(--muted);}
.cd-wrap .thesis-edit-btn:hover,.cd-wrap .sum-add-btn:hover{border-color:var(--accent);color:var(--text);}
.cd-wrap .thesis-textarea{background:#fff;border-color:var(--border);color:var(--text);}
.cd-wrap .em-q{color:var(--text);}

/* --- KEY FINANCIALS table: light + tabular numerals + tighter (T25g) --- */
.cd-wrap .fin-table{font-size:12px;}
.cd-wrap .fin-table td{color:var(--text);padding:2.5px 0;font-variant-numeric:tabular-nums;}
.cd-wrap .fin-table td:first-child{color:var(--muted);}
.cd-wrap .fin-table td:last-child{color:var(--text);font-variant-numeric:tabular-nums;}
.cd-wrap .fin-table tr.fin-sep td{border-top-color:var(--border);padding-top:5px;}
.cd-wrap .peer-table td{color:var(--text);border-bottom-color:var(--divider);}
.cd-wrap .peer-table td:first-child{color:var(--muted);}
.cd-wrap .peer-table th{color:var(--muted);border-bottom-color:var(--border);}
.cd-wrap .peer-table tr.peer-self td{color:var(--accent);}
.cd-wrap .sum-card-body{padding:10px 12px;}

/* =========================================================================
   T218 — PAGE-WIDE OVERFLOW ROOT FIX (one container class, every tab).
   The page guard is html,body{overflow-x:clip} (T51): any child whose
   MIN-CONTENT exceeds the 375/320 viewport is not scrollable — it is clipped
   UNREACHABLE (the exact failure T217 fixed on the header, then seen again on
   Earnings/Filings). The tab panels share ONE offending pattern — the
   .section-header-row flex (an <h3> plus right-hand nowrap controls, laid out
   space-between with no wrap): on Earnings it is two "…→" links, on Filings a
   180px search box + a select. Fixing the shared class fixes every tab at once.
   The inner control groups (a flex <span>/<div> of nowrap links) must also wrap,
   or a 320px viewport still clips them even after the outer row wraps. Plus the
   summary widget grid: minmax(280px,…) forces a 280px track even when the
   column is narrower, so it is clamped with min(). Wrapping/shrinking is inert
   on desktop where the room already exists. =========================================================================*/
.cd-wrap .section-header-row{flex-wrap:wrap;gap:6px 12px;}
.cd-wrap .section-header-row > span,
.cd-wrap .section-header-row > div{flex-wrap:wrap;min-width:0;}
.cd-wrap .sum-grid{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));}

/* --- section headings + dividers on the light page --- */
.cd-wrap .company-section{border-bottom-color:var(--border);}
.cd-wrap .company-section h3{color:var(--accent);}
.cd-wrap .company-name{color:var(--muted);}
.cd-wrap .company-sic{color:var(--meta);}
.cd-wrap .no-signals-note{color:var(--muted);}
.cd-wrap .signal-row{border-bottom-color:var(--divider);}
.cd-wrap .signal-headline,.cd-wrap .eco-sig-desc,.cd-wrap .eco-sig-head{color:var(--text);}
.cd-wrap .signal-time,.cd-wrap .eco-sig-when{color:var(--meta);}
.cd-wrap .company-header{border-bottom-color:var(--border);}

/* --- ecosystem list rows on light --- */
.cd-wrap .ecosystem-company-link{color:var(--text);border-bottom-color:var(--divider);}
.cd-wrap .eco-sig-card{border-bottom-color:var(--divider);}
.cd-wrap .eco-sig-co{color:var(--text);}

/* =========================================================================
   T25a — PRICE-LED HEADER (Seeking Alpha style): price is the largest, darkest
   element; % change colored beside it; as-of timestamp beneath; ticker a
   normal-weight label near the company name.
   ========================================================================= */
.cd-wrap .company-title-row h1{font-size:20px;font-weight:600;color:var(--muted);letter-spacing:.02em;}
.cd-wrap .cd-priceblock{align-items:baseline;gap:10px;margin-top:6px;}
.cd-wrap .cd-price{font-size:34px;font-weight:800;color:var(--text);line-height:1.05;}
.cd-wrap .cd-price-chg{font-size:16px;}
.cd-wrap .cd-price-chg.up{color:var(--up);}
.cd-wrap .cd-price-chg.down{color:var(--down);}
.cd-asof{display:block;font-size:11px;color:var(--meta);margin-top:3px;font-variant-numeric:tabular-nums;}
/* T25b — company name on one line, ellipsis past a sensible width */
.cd-wrap .company-name{display:block;max-width:min(480px,86vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;}
@media(max-width:640px){
  .cd-wrap .company-title-row h1{font-size:18px;}
  .cd-wrap .cd-price{font-size:30px;}
  .cd-wrap .company-name{max-width:78vw;}
  /* T217 mobile-overflow ROOT FIX: .company-header is a non-wrapping flex whose
     right-hand controls (.hub-header-right) are flex-shrink:0 + white-space:nowrap
     (Alerts button + "On your watchlist" badge / "+ Add to watchlist"). Combined
     with the title's min-content (~$price) the header's content floor is ~400px+,
     wider than a 375/320 viewport — the excess spilled right and, because the T51
     page guard uses overflow-x:clip, became UNREACHABLE (cut off, no scroll).
     Stacking the header on mobile drops the controls to their own row so the
     header can never exceed the viewport. Fix at the source, not by clipping. */
  .cd-wrap .company-header{flex-wrap:wrap;}
  .cd-wrap .company-header .company-title{flex:1 1 100%;min-width:0;}
  .cd-wrap .company-header .hub-header-right{flex:1 1 100%;justify-content:flex-start;flex-wrap:wrap;}
  /* Keep the 52-week / price row wrapping cleanly within the narrow column. */
  .cd-wrap .cd-priceblock{max-width:100%;}
  .cd-wrap .cd-52w{white-space:normal;}
}

/* T25c — tab strip: force ONE horizontally-scrolling row (override the base
   .hub-quick-nav flex-wrap:wrap defined in the template's inline <style>). */
.cd-wrap .hub-quick-nav.cd-tabscroll{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;-ms-overflow-style:none;}
.cd-wrap .hub-quick-nav.cd-tabscroll::-webkit-scrollbar{display:none;height:0;}
.cd-wrap .hub-quick-nav .hub-nav-link{flex:0 0 auto;white-space:nowrap;}
.cd-wrap .hub-nav-label{color:var(--muted);}
.cd-wrap .hub-nav-link{background:var(--card);border-color:var(--border);}
.cd-wrap .hub-nav-link:hover{border-color:var(--accent);background:var(--row-hover);}
.cd-wrap .hub-tab-active{background:var(--accent);border-color:var(--accent);}
/* T217 contrast fix: the selected tab was white text (#fff) on the mid-teal
   accent (#00b386) — ~2.6:1, unreadable, and near-invisible if the accent
   background failed to paint (white-on-white). Dark text reads cleanly on the
   accent (~6.9:1) AND on the fallback white card background, so it is safe
   regardless of which background wins the cascade. */
.cd-wrap .hub-tab-active .hub-nav-label,.cd-wrap .hub-tab-active .hub-nav-count{color:#04211c;}
.cd-wrap .hub-nav-count{color:var(--accent);}

/* T25d — FAB: nudge left so it never sits under the Help bubble (bottom-right)
   or over content; on desktop pin bottom-left of the content column. The draft
   button wins any collision with Help. */
/* T32 — the Help bubble (.chat-widget in base.html) is fixed at bottom:64px /
   right:24px and is ~44px tall (top edge ~108px). Pin the Draft FAB ABOVE it in
   the same right column so the two never overlap and the FAB never sits over the
   Help affordance. The FAB wins the corner; Help stays reachable just beneath. */
.cd-sticky-draft{left:auto;right:20px;transform:none;bottom:120px;z-index:8500;}
/* And reserve bottom space so the fixed FAB never occludes the last content
   block (YOUR NOTES / thesis) on a populated page. 120px(bottom)+~48px(FAB) */
.cd-wrap{padding-bottom:180px;}
@media(max-width:768px){
  /* mobile has a 72px bottom nav + the Help bubble; stack the FAB above both */
  .cd-sticky-draft{right:14px;bottom:132px!important;left:auto;transform:none;font-size:13px;padding:11px 16px;}
  .cd-wrap{padding-bottom:200px;}
}

/* T25e/25f handled in the template (duplicate back-link + widget-instruction copy removed). */

/* T21 polish — content chips/menus inside now-white cards (earnings cycle,
   add-widget dropdown) that were still dark. Nav/help/feedback chrome stays dark. */
.cd-wrap .ecycle-item{background:var(--divider);border-color:var(--border);color:var(--text);}
.cd-wrap a.ecycle-item:hover{border-color:var(--accent);color:var(--accent);}
.cd-wrap .ecycle-item.ecycle-missing{color:var(--meta);}
.cd-wrap .ecycle-date{color:var(--meta);}
.cd-wrap .ecycle-period{color:var(--text);}
.cd-wrap .sum-add-menu{background:var(--card);border-color:var(--border);box-shadow:0 8px 24px rgba(16,24,40,.12);}
.cd-wrap .sum-add-item{color:var(--text);}
.cd-wrap .sum-add-item:hover{background:var(--row-hover);}
.cd-wrap .sum-add-empty{color:var(--meta);}
.cd-wrap .em-kpi-v{color:var(--text);}
.cd-wrap .em-tone{color:var(--up);background:rgba(5,150,105,.10);}
.cd-wrap .mn-filer,.cd-wrap .mn-headline{color:var(--text);}

/* =========================================================================
   T31 — LIGHT-THEME CONTRAST REGRESSION CLEANUP (systematic token pass).
   MAIN-1's conversion repainted card BACKGROUNDS white but left a whole class
   of dark-tuned TEXT/BADGE colors (#cbd5e1 / #94a3b8 / #64748b / #cfd… etc)
   hardcoded in the template's inline <style> blocks, which then float near-
   invisible on the white .cd-wrap cards. Rather than N one-off template edits
   we redefine those content-text/badge colors ONCE under .cd-wrap. Dark chrome
   (top nav, Help bubble, the display:none .alerts-menu popover) is intentionally
   excluded — it keeps its own dark background so its light text stays correct.
   All fg/bg pairs below verified >= WCAG AA 4.5:1 on the white (#FFFFFF) card.
   ========================================================================= */

/* --- SIGNAL-TYPE BADGES: legible + semantic (beat=green / miss=red /
   comment-letter=blue / neutral=slate / peer=violet). The base pill was
   #cbd5e1 on rgba(148,163,184,.14) ~= invisible on white. --- */
.cd-wrap .signal-type-pill{background:rgba(51,65,85,.10);color:#334155;border:1px solid rgba(51,65,85,.20);}      /* 8.8:1 */
.cd-wrap .signal-type-pill.pill-pos{background:rgba(5,150,105,.12);color:#047857;border-color:rgba(5,150,105,.30);}   /* 4.7:1 green */
.cd-wrap .signal-type-pill.pill-neg{background:rgba(220,38,38,.10);color:#B91C1C;border-color:rgba(220,38,38,.28);}   /* 5.5:1 red */
.cd-wrap .signal-type-pill.pill-info{background:rgba(37,99,235,.10);color:#1D4ED8;border-color:rgba(37,99,235,.28);}  /* 5.8:1 blue */
.cd-wrap .signal-type-pill.pill-neutral{background:rgba(51,65,85,.10);color:#334155;border-color:rgba(51,65,85,.20);}/* 8.8:1 slate */
.cd-wrap .signal-type-pill.pill-peer{background:rgba(124,58,237,.10);color:#6D28D9;border-color:rgba(124,58,237,.30);}/* 6.1:1 violet */

/* --- earnings-quarter body text/chips that were dark-tuned --- */
.cd-wrap .em-topic{background:var(--divider);color:var(--text);}
.cd-wrap .em-kpi-t{color:var(--meta);}
.cd-wrap .em-sent{color:var(--muted);border-left-color:var(--border);}
.cd-wrap .em-sent-bullish{border-left-color:var(--up);}
.cd-wrap .em-sent-bearish{border-left-color:var(--down);}

/* --- Key Financials trailing-trend mini strip --- */
.cd-wrap .fin-mini{color:var(--muted);}
.cd-wrap .fin-mini-q{color:var(--text);}

/* --- ecosystem list rows: tickers/strength chips/evidence/source on white --- */
.cd-wrap .eco-sig-tk,.cd-wrap .eco-ticker,.cd-wrap .eco-sig-tk-sm{color:var(--accent);background:rgba(0,179,134,.10);}
.cd-wrap .eco-name{color:var(--text);}
.cd-wrap .ecosystem-group-label{color:var(--muted);}
.cd-wrap .eco-evidence{color:var(--muted);}
.cd-wrap .eco-src-tag{color:var(--muted);border-color:var(--border);}
.cd-wrap .ecosystem-source{color:var(--meta);}
.cd-wrap .eco-high{background:rgba(5,150,105,.14);color:#047857;}     /* 4.8:1 */
.cd-wrap .eco-medium{background:rgba(245,158,11,.16);color:#92400E;}  /* 6.3:1 */
.cd-wrap .eco-low{background:rgba(107,114,128,.14);color:#4B5563;}    /* 6.3:1 */
.cd-wrap .eco-sig-kind.signal{background:rgba(0,179,134,.12);color:#047857;}
.cd-wrap .eco-sig-kind.risk{background:rgba(245,158,11,.16);color:#92400E;}
.cd-wrap .eco-rel-competitor{background:rgba(220,38,38,.10);color:#B91C1C;}
.cd-wrap .eco-rel-supplier{background:rgba(37,99,235,.10);color:#1D4ED8;}
.cd-wrap .eco-rel-customer{background:rgba(5,150,105,.12);color:#047857;}
.cd-wrap .eco-rel-related{background:rgba(107,114,128,.12);color:#4B5563;}

/* --- inline ecosystem (violet) block: white card, dark body text --- */
.cd-wrap .inline-eco-item{color:var(--text);}
.cd-wrap .inline-eco-txt{color:var(--muted);}
.cd-wrap .inline-eco-rel{color:var(--meta);}

/* --- Market Pulse peer-read-through card body text --- */
.cd-wrap .mp-themes-label{color:var(--text);}
.cd-wrap .mp-brief-text{color:var(--text);}
.cd-wrap .mp-peer-stmt{color:var(--muted);}
.cd-wrap .mp-peer-src{color:var(--meta);}

/* --- price-context strap under the header --- */
.cd-wrap .price-context{color:var(--muted);}
.cd-wrap .about-src{color:var(--meta);}

/* --- Risk-context exposures: repaint the dark "stable" box + its text --- */
.cd-wrap .exposure-stable{background:var(--divider);border-left-color:var(--border);}
.cd-wrap .exposure-name{color:var(--text);}
.cd-wrap .exposure-detail{color:var(--muted);}
.cd-wrap .exposure-condition-note{color:var(--muted);}
.cd-wrap .risk-narrative-summary{color:var(--muted);border-top-color:var(--border);}
.cd-wrap .risk-last-addressed{color:var(--meta);}
.cd-wrap .risk-no-exposure,.cd-wrap .risk-no-data{color:var(--muted);}
.cd-wrap .condition-elevated{background:rgba(220,38,38,.12);color:#B91C1C;}
.cd-wrap .condition-moderate{background:rgba(245,158,11,.16);color:#92400E;}