/* ═══════════════════════════════════════════════════════════════
   CREZUS CAPITAL — Readability & Design Overhaul v1.3.0
   Inspired by Bloomberg Terminal, Simply Wall St, Refinitiv Eikon
   Issues fixed:
   - text-2 #7a8a9e → #AABDD0 (dramatically more readable)
   - text-3 #3e4f63 → #6B84A0 (was nearly invisible)
   - Base font 13px → 14px
   - All 9px/10px labels → 11px minimum
   - Borders brightened by 40%
   - Section dividers bold and clear
   - Stat cells larger and higher contrast
   - Charts: grid lines visible, labels readable
   - Tooltips: prominent, discoverable ℹ️ buttons
   - Data cards: elevated surfaces with subtle glows
═══════════════════════════════════════════════════════════════ */

/* ── 1. CORE COLOR VARIABLES (override main.css) ───────────── */
:root {
  /* Text — dramatically improved contrast ratios */
  --text-1:      #EDF2F7;   /* was #e4e8f0 — brighter primary text */
  --text-2:      #AABDD0;   /* was #7a8a9e — THE key fix, +40% brightness */
  --text-3:      #6B84A0;   /* was #3e4f63 — was invisible, now readable */

  /* Backgrounds — slightly lifted for depth */
  --bg-base:     #070C12;   /* kept very dark */
  --bg-surface:  #0D1520;   /* was #0d1117 — subtle blue tint */
  --bg-card:     #121C2C;   /* was #111620 — more distinct from surface */
  --bg-hover:    #18253A;   /* was #161d2a — clearer hover state */

  /* Borders — 50% more visible */
  --border:      #243344;   /* was #1c2535 */
  --border-mid:  #2E4058;   /* was #253040 */

  /* Accent system */
  --accent:      #00C8F0;
  --accent-dim:  rgba(0,200,240,0.10);  /* was .08 */
  --accent-glow: rgba(0,200,240,0.06);

  /* Status colors — brighter for visibility */
  --up:          #00E08A;   /* was #00d68a — more vibrant green */
  --down:        #FF4E4E;   /* was #ff5050 */
  --up-dim:      rgba(0,224,138,0.12);
  --down-dim:    rgba(255,78,78,0.12);

  /* New: warning/neutral */
  --warn:        #F5A623;
  --warn-dim:    rgba(245,166,35,0.10);
}

/* ── 2. BODY & BASE TYPOGRAPHY ─────────────────────────────── */
body {
  font-size: 14px !important;   /* was 13px */
  line-height: 1.65 !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Enforce minimum readable font sizes everywhere */
* {
  -webkit-font-smoothing: antialiased;
}

/* ── 3. NAVIGATION — more legible ──────────────────────────── */
.main-nav a {
  font-size: 11px !important;   /* was 11px but improve weight */
  letter-spacing: 0.06em !important;
  color: var(--text-2) !important;
  font-weight: 500 !important;
}
.main-nav a:hover,
.main-nav .current_page_item a {
  color: var(--text-1) !important;
}

/* ── 4. TICKER BAR ─────────────────────────────────────────── */
.ticker-label {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
}
.tick-sym { color: var(--text-2) !important; font-size: 11px !important; }
.tick-val { font-size: 12px !important; font-weight: 600 !important; }
.tick-chg { font-size: 11px !important; }

/* ── 5. SECTION DIVIDERS — much more prominent ─────────────── */
.section-divider {
  border-bottom: 1px solid var(--border-mid) !important;
  padding-bottom: 10px !important;
  margin-bottom: 20px !important;
}
.section-divider h2 {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  color: var(--text-1) !important;
  text-transform: uppercase !important;
}
.divider-line {
  background: var(--accent) !important;
  height: 2px !important;
  opacity: 0.7 !important;
}
.divider-count {
  font-size: 11px !important;   /* was 10px */
  color: var(--text-3) !important;
  letter-spacing: 0.06em !important;
}

/* ── 6. ANALYSIS PAGE — STATS STRIP ───────────────────────── */
.stats-row {
  background: var(--bg-surface) !important;
  border: 1px solid var(--border-mid) !important;
  border-radius: 6px !important;
  padding: 4px 0 !important;
}
.stat-cell {
  padding: 14px 18px !important;  /* was tighter */
  border-right: 1px solid var(--border) !important;
}
.stat-label {
  font-size: 11px !important;   /* was 9-10px */
  color: var(--text-3) !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  margin-bottom: 5px !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}
.stat-val {
  font-size: 16px !important;   /* was ~13px */
  font-weight: 700 !important;
  color: var(--text-1) !important;
  letter-spacing: 0.02em !important;
}

/* ── 7. STOCK HEADER ───────────────────────────────────────── */
.stock-name {
  font-size: 22px !important;
  color: var(--text-1) !important;
  font-weight: 800 !important;
}
.stock-price {
  font-size: 28px !important;
  font-weight: 700 !important;
  color: var(--text-1) !important;
}
.stock-change { font-size: 14px !important; font-weight: 600 !important; }
.stock-ticker-badge {
  font-size: 12px !important;
  letter-spacing: 0.1em !important;
}

/* ── 8. INTELLIGENCE REPORT — SNOWFLAKE ────────────────────── */
.snowflake-panel {
  background: var(--bg-surface) !important;
  border: 1px solid var(--border-mid) !important;
  border-radius: 8px !important;
  padding: 24px !important;
}
.snowflake-title {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  color: var(--text-1) !important;
  text-transform: uppercase !important;
  margin-bottom: 16px !important;
}
.score-row { margin-bottom: 8px !important; }
.score-label {
  font-size: 12px !important;   /* was 9-10px */
  color: var(--text-2) !important;
  font-weight: 500 !important;
  text-transform: capitalize !important;
}
.score-val { font-size: 13px !important; font-weight: 700 !important; }
.score-bar-track {
  height: 5px !important;      /* was 3px — more visible */
  background: var(--bg-hover) !important;
  border-radius: 3px !important;
}
.score-bar-fill {
  border-radius: 3px !important;
  transition: width 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

/* ── 9. ANALYSIS TABS ──────────────────────────────────────── */
.analysis-tab {
  font-size: 12px !important;   /* was 10px */
  letter-spacing: 0.08em !important;
  padding: 12px 18px !important;
  font-weight: 600 !important;
}
.analysis-tab.active {
  color: var(--accent) !important;
  border-bottom-color: var(--accent) !important;
}

/* ── 10. VALUATION TABLE ───────────────────────────────────── */
.val-table { border-collapse: collapse !important; width: 100% !important; }
.val-table th {
  font-size: 10px !important;   /* was 9px */
  letter-spacing: 0.12em !important;
  padding: 10px 14px !important;
  background: var(--bg-card) !important;
  color: var(--text-3) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}
.val-table td {
  font-size: 13px !important;   /* was 11px */
  padding: 10px 14px !important;
  color: var(--text-2) !important;
  border-bottom: 1px solid var(--border) !important;
}
.val-table td.highlight {
  color: var(--text-1) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
}
.val-table tr:hover td { background: var(--bg-hover) !important; }
.badge-up {
  background: var(--up-dim) !important;
  color: var(--up) !important;
  border: 1px solid rgba(0,224,138,0.2) !important;
  font-size: 10px !important;
  padding: 2px 8px !important;
  border-radius: 2px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
}
.badge-dn {
  background: var(--down-dim) !important;
  color: var(--down) !important;
  border: 1px solid rgba(255,78,78,0.2) !important;
  font-size: 10px !important;
  padding: 2px 8px !important;
  border-radius: 2px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
}

/* ── 11. INSIGHTS LIST ─────────────────────────────────────── */
.insight-item {
  padding: 12px 14px !important;
  border-radius: 4px !important;
  margin-bottom: 8px !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
}
.insight-item.positive {
  background: rgba(0,224,138,0.05) !important;
  border: 1px solid rgba(0,224,138,0.15) !important;
  border-left: 3px solid var(--up) !important;
}
.insight-item.negative {
  background: rgba(255,78,78,0.05) !important;
  border: 1px solid rgba(255,78,78,0.12) !important;
  border-left: 3px solid var(--down) !important;
}
.insight-item.neutral {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  border-left: 3px solid var(--text-3) !important;
}
.insight-icon { font-size: 14px !important; flex-shrink: 0 !important; margin-top: 2px !important; }
.insight-text {
  font-size: 13px !important;   /* was 11px */
  color: var(--text-2) !important;
  line-height: 1.55 !important;
}
.insight-text strong { color: var(--text-1) !important; font-weight: 600 !important; }

/* ── 12. PROFILE SECTION ───────────────────────────────────── */
.profile-desc {
  font-size: 14px !important;   /* was 12px */
  color: var(--text-2) !important;
  line-height: 1.75 !important;
}
.profile-kv { font-size: 12px !important; }
.profile-kv .kv-label {
  font-size: 10px !important;
  color: var(--text-3) !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
}
.profile-kv .kv-val {
  font-size: 13px !important;
  color: var(--text-1) !important;
}

/* ── 13. FINANCIAL TRENDS SPARKLINES ───────────────────────── */
.trend-cell {
  background: var(--bg-surface) !important;
  border: 1px solid var(--border) !important;
  border-radius: 6px !important;
  padding: 18px !important;
  transition: border-color 0.2s !important;
}
.trend-cell:hover { border-color: var(--border-mid) !important; }
.trend-label {
  font-size: 11px !important;   /* was 9px */
  color: var(--text-3) !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  margin-bottom: 6px !important;
}
.trend-latest {
  font-size: 20px !important;   /* was 16px */
  font-weight: 700 !important;
  color: var(--text-1) !important;
}
.trend-change { font-size: 12px !important; font-weight: 600 !important; margin-top: 2px !important; }
.trend-years { font-size: 10px !important; color: var(--text-3) !important; margin-top: 4px !important; }

/* ── 14. EARNINGS ──────────────────────────────────────────── */
.mkt-table-title {
  font-size: 11px !important;   /* was 9-10px */
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  color: var(--text-2) !important;
  text-transform: uppercase !important;
}
.mkt-table-badge {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
}
.earnings-date-label {
  font-size: 10px !important;
  color: var(--text-3) !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}
.earnings-date-val {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--accent) !important;
}

/* EPS history rows */
.eps-row {
  font-size: 12px !important;   /* was 10px */
  padding: 10px 12px !important;
}

/* ── 15. PEER COMPARISON ───────────────────────────────────── */
.peer-cell {
  background: var(--bg-surface) !important;
  border: 1px solid var(--border) !important;
  border-radius: 6px !important;
  padding: 16px !important;
  transition: border-color 0.2s, transform 0.15s !important;
}
.peer-cell:hover {
  border-color: rgba(0,200,240,0.3) !important;
  transform: translateY(-2px) !important;
}
.peer-ticker {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--accent) !important;
}
.peer-name {
  font-size: 11px !important;   /* was 9px */
  color: var(--text-3) !important;
}
.peer-val {
  font-size: 14px !important;   /* was 11px */
  font-weight: 600 !important;
  color: var(--text-1) !important;
}
.peer-metric-label {
  font-size: 10px !important;
  color: var(--text-3) !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

/* ── 16. NEWS CARDS ────────────────────────────────────────── */
.news-item {
  border-bottom: 1px solid var(--border) !important;
  padding: 16px 0 !important;
  transition: background 0.15s !important;
}
.news-item:hover { background: var(--bg-hover) !important; border-radius: 4px !important; padding-left: 10px !important; }
.news-title {
  font-size: 14px !important;   /* was 12px */
  color: var(--text-1) !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
}
.news-meta {
  font-size: 11px !important;   /* was 10px */
  color: var(--text-3) !important;
  margin-top: 5px !important;
}
.news-source { color: var(--accent) !important; font-weight: 600 !important; }
.news-category {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  padding: 2px 7px !important;
}

/* ── 17. SEC FILINGS ───────────────────────────────────────── */
.sec-list { font-size: 13px !important; }
.sec-item {
  padding: 12px 16px !important;
  border-bottom: 1px solid var(--border) !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}
.sec-type {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  padding: 3px 8px !important;
  border-radius: 2px !important;
  background: var(--accent-dim) !important;
  color: var(--accent) !important;
  min-width: 44px !important;
  text-align: center !important;
}
.sec-description { font-size: 13px !important; color: var(--text-1) !important; font-weight: 500 !important; }
.sec-date { font-size: 11px !important; color: var(--text-3) !important; }

/* ── 18. MARKET SENTIMENT GAUGES ──────────────────────────── */
.sentiment-cell {
  background: var(--bg-surface) !important;
  border: 1px solid var(--border) !important;
  border-radius: 6px !important;
  padding: 20px 16px !important;
  text-align: center !important;
}
.gauge-title {
  font-size: 11px !important;   /* was 9px */
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--text-3) !important;
  margin-bottom: 8px !important;
}
.gauge-value {
  font-size: 26px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
}
.gauge-label {
  font-size: 13px !important;
  font-weight: 700 !important;
  margin-top: 2px !important;
}
.gauge-sublabel {
  font-size: 10px !important;
  color: var(--text-3) !important;
  margin-top: 3px !important;
}

/* ── 19. CHART — grid lines and labels ─────────────────────── */
.stock-chart-canvas { border-radius: 4px !important; overflow: hidden !important; }

/* Chart range buttons */
.range-btn {
  font-size: 11px !important;   /* was 10px */
  font-weight: 600 !important;
  padding: 5px 12px !important;
  letter-spacing: 0.06em !important;
  border-radius: 3px !important;
  border: 1px solid var(--border) !important;
  color: var(--text-3) !important;
  background: transparent !important;
  cursor: pointer !important;
  transition: all 0.15s !important;
}
.range-btn:hover { color: var(--text-2) !important; border-color: var(--border-mid) !important; }
.range-btn.active {
  color: var(--accent) !important;
  border-color: var(--accent) !important;
  background: var(--accent-dim) !important;
}

/* ── 20. MARKET OVERVIEW CARDS ─────────────────────────────── */
.m-name { font-size: 13px !important; color: var(--text-1) !important; font-weight: 600 !important; }
.m-sub  { font-size: 11px !important; color: var(--text-3) !important; margin-top: 2px !important; }
.m-val  { font-size: 15px !important; font-weight: 700 !important; }
.m-chg  { font-size: 12px !important; font-weight: 600 !important; }

/* ── 21. FOOTER ────────────────────────────────────────────── */
.footer-col h4 {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  color: var(--text-2) !important;  /* was text-3 */
  margin-bottom: 14px !important;
  text-transform: uppercase !important;
}
.footer-col a {
  font-size: 13px !important;   /* was 12px */
  color: var(--text-3) !important;
}
.footer-col a:hover { color: var(--text-2) !important; }
.footer-disclaimer p {
  font-size: 11px !important;   /* was 10px */
  color: var(--text-3) !important;
  line-height: 1.7 !important;
}
.footer-bottom p { font-size: 11px !important; color: var(--text-3) !important; }

/* ── 22. TOOLTIP BUTTON ℹ️ — HIGHLY VISIBLE ──────────────── */
/* Complete override of the tooltip trigger to make it unmissable */
.cc-tip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;
  background: rgba(0,200,240,0.15) !important;
  border: 1.5px solid rgba(0,200,240,0.5) !important;
  color: var(--accent) !important;
  font-family: var(--font-mono) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  position: relative !important;
  vertical-align: middle !important;
  margin-left: 6px !important;
  flex-shrink: 0 !important;
  transition: all 0.15s !important;
  user-select: none !important;
  line-height: 1 !important;
  text-indent: 0 !important;
}
.cc-tip:hover {
  background: rgba(0,200,240,0.3) !important;
  border-color: var(--accent) !important;
  transform: scale(1.2) !important;
  box-shadow: 0 0 8px rgba(0,200,240,0.3) !important;
}
.cc-tip::before { content: 'i' !important; }

/* Tooltip bubble — redesigned */
.cc-tip-bubble {
  position: fixed !important;
  z-index: 99999 !important;
  max-width: 300px !important;
  padding: 12px 16px !important;
  background: #0D1825 !important;
  border: 1px solid var(--border-mid) !important;
  border-top: 2px solid var(--accent) !important;
  border-radius: 6px !important;
  font-family: var(--font-body) !important;
  font-size: 12.5px !important;
  color: var(--text-2) !important;
  line-height: 1.6 !important;
  pointer-events: none !important;
  opacity: 0 !important;
  transform: translateY(6px) !important;
  transition: opacity 0.15s, transform 0.15s !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.7), 0 0 0 1px rgba(0,200,240,0.08) !important;
}
.cc-tip-bubble.visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
.cc-tip-title {
  font-family: var(--font-mono) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--accent) !important;
  margin-bottom: 6px !important;
}
.cc-tip-formula {
  font-family: var(--font-mono) !important;
  font-size: 11px !important;
  color: var(--text-3) !important;
  background: var(--bg-base) !important;
  border: 1px solid var(--border) !important;
  border-radius: 3px !important;
  padding: 5px 8px !important;
  margin-top: 7px !important;
  display: block !important;
  line-height: 1.5 !important;
}
.cc-tip-bubble strong { color: var(--text-1) !important; font-weight: 600 !important; }

/* ── 23. CARDS — elevated surfaces ─────────────────────────── */
.stock-chart-section,
.earnings-grid,
.analysis-grid,
.profile-grid,
.trends-grid,
.sentiment-section {
  background: var(--bg-surface) !important;
  border: 1px solid var(--border) !important;
  border-radius: 8px !important;
  padding: 20px !important;
}

/* ── 24. CONSENSUS CHART ───────────────────────────────────── */
.consensus-verdict {
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
}
.consensus-count { font-size: 11px !important; color: var(--text-3) !important; }
.cons-bar-label { font-size: 12px !important; font-weight: 600 !important; color: var(--text-2) !important; }
.cons-bar-count { font-size: 12px !important; color: var(--text-2) !important; }

.pt-label { font-size: 10px !important; color: var(--text-3) !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; }
.pt-val   { font-size: 16px !important; font-weight: 700 !important; color: var(--text-1) !important; }
.pt-upside{ font-size: 18px !important; font-weight: 700 !important; }

/* ── 25. STARTUPS PAGE — cards ─────────────────────────────── */
.startup-card .startup-cover-logo { font-size: 20px !important; }

/* ── 26. MARKETS PAGE ──────────────────────────────────────── */
.strip-name {
  font-size: 11px !important;   /* was 10px */
  color: var(--text-3) !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  margin-bottom: 6px !important;
}
.strip-val  { font-size: 16px !important; font-weight: 700 !important; }
.strip-chg  { font-size: 12px !important; font-weight: 600 !important; }

/* ── 27. SEARCH BAR ────────────────────────────────────────── */
.ticker-search {
  font-size: 15px !important;
  color: var(--text-1) !important;
  background: var(--bg-card) !important;
  border: 1px solid var(--border-mid) !important;
  border-radius: 4px !important;
  padding: 12px 16px !important;
}
.ticker-search::placeholder { color: var(--text-3) !important; }
.ticker-search:focus {
  border-color: var(--accent) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(0,200,240,0.1) !important;
}
.ticker-search-btn {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  padding: 12px 20px !important;
}
.quick-tick {
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 5px 11px !important;
  border-radius: 3px !important;
  border: 1px solid var(--border) !important;
  color: var(--text-2) !important;
  background: transparent !important;
  cursor: pointer !important;
  transition: all 0.15s !important;
  letter-spacing: 0.05em !important;
}
.quick-tick:hover {
  color: var(--accent) !important;
  border-color: var(--accent) !important;
  background: var(--accent-dim) !important;
}

/* ── 28. AUTOCOMPLETE DROPDOWN ─────────────────────────────── */
.autocomplete-dropdown {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-mid) !important;
  border-radius: 4px !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.6) !important;
}
.autocomplete-item {
  font-size: 13px !important;
  padding: 10px 14px !important;
  color: var(--text-2) !important;
}
.autocomplete-item:hover { background: var(--bg-hover) !important; color: var(--text-1) !important; }
.autocomplete-sym { font-weight: 700 !important; color: var(--accent) !important; font-size: 12px !important; }
.autocomplete-name { color: var(--text-3) !important; font-size: 12px !important; }

/* ── 29. HOME PAGE SECTIONS ────────────────────────────────── */
.stat-highlight { font-size: 28px !important; font-weight: 800 !important; }
.stat-sub       { font-size: 12px !important; color: var(--text-3) !important; }

/* ── 30. SCROLLBARS — styled for dark theme ────────────────── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--bg-base); }
::-webkit-scrollbar-thumb { background: var(--border-mid); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--text-3); }

/* ── 31. GLOBAL LINK IMPROVEMENTS ──────────────────────────── */
a { color: var(--accent); }
a:hover { opacity: 0.85; }

/* ── 32. RESPONSIVE — ensure min readable sizes on mobile ──── */
@media (max-width: 640px) {
  body { font-size: 14px !important; }
  .stat-val { font-size: 14px !important; }
  .stock-price { font-size: 24px !important; }
  .trend-latest { font-size: 18px !important; }
}

/* ── 33. ANALYSIS NEW SECTIONS (v1.2.0+) ──────────────────── */
/* Positives & Risks */
.cc-posrisk-header.pos { font-size: 11px !important; letter-spacing: 0.1em !important; }
.cc-posrisk-header.neg { font-size: 11px !important; letter-spacing: 0.1em !important; }
.cc-posrisk-item { font-size: 13px !important; line-height: 1.5 !important; }
.cc-posrisk-item .dot { font-size: 12px !important; }

/* Fair Value gauge */
.cc-fv-title { font-size: 13px !important; font-weight: 700 !important; }
.cc-fv-num-label { font-size: 10px !important; letter-spacing: 0.08em !important; }
.cc-fv-num-val { font-size: 17px !important; font-weight: 700 !important; }

/* Management cards */
.cc-mgmt-role { font-size: 10px !important; letter-spacing: 0.12em !important; }
.cc-mgmt-name { font-size: 15px !important; }
.cc-mgmt-meta { font-size: 12px !important; }
.cc-mgmt-pay  { font-size: 11px !important; }

/* Insider table */
.cc-insider-table th { font-size: 10px !important; letter-spacing: 0.1em !important; }
.cc-insider-table td { font-size: 12px !important; }

/* Watchlist */
.cc-watchlist-btn { font-size: 11px !important; }
.cc-watchlist-table th { font-size: 10px !important; }
.cc-watchlist-table td { font-size: 13px !important; }
.wl-ticker { font-size: 14px !important; font-weight: 700 !important; }

/* MiFID banner */
.cc-mifid-banner p { font-size: 11px !important; line-height: 1.6 !important; }