@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

/* 1XW Bloomberg Trial Theme
   Visual-only override layer.
   Load this AFTER theme.css and components.css.
   No HTML structure or JS logic changes required.
*/

:root{
  --bg:#000000;
  --bg2:#050505;
  --panel:#0a0a0a;
  --panel2:#101010;

  --text:#f2f2f2;
  --muted:#b7b7b7;
  --muted2:#7d7d7d;

  --hairline:#242424;
  --line:rgba(255,255,255,.08);

  --accent:#ff9f1a;
  --accent-strong:#ffbc5a;

  --good:#57d38c;
  --bad:#ff6b6b;
  --warn:#ffd166;

  --radius-lg:6px;
  --radius-md:4px;
  --radius-sm:3px;

  --font-main:'IBM Plex Sans', sans-serif;
  --font-mono:'IBM Plex Mono', monospace;
}

html, body{
  background:var(--bg) !important;
  color:var(--text) !important;
}

body{
  font-family:var(--font-main) !important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

a{ color:inherit; }

/* Shared nav */
#siteNav .site-nav,
.site-nav,
.nav{
  background:rgba(0,0,0,.96) !important;
  border-bottom:1px solid var(--hairline) !important;
  backdrop-filter:none !important;
  box-shadow:none !important;
}

#siteNav .site-nav-inner,
.site-nav-inner,
.nav-inner{
  min-height:54px;
}

#siteNav .site-brand,
#siteNav .site-brand-text,
.site-brand,
.site-brand-text,
.brand,
.logo{
  color:var(--text) !important;
  font-family:var(--font-main) !important;
  font-weight:700 !important;
  letter-spacing:-.02em !important;
  text-transform:none !important;
}

#siteNav .site-nav-link,
#siteNav .site-nav-button,
.site-nav-link,
.site-nav-button,
.nav-links a,
.nav-links button{
  color:var(--muted) !important;
  font-size:13px !important;
  font-weight:600 !important;
}

#siteNav .site-nav-link:hover,
#siteNav .site-nav-button:hover,
.site-nav-link:hover,
.site-nav-button:hover,
.nav-links a:hover,
.nav-links button:hover{
  color:var(--text) !important;
  background:transparent !important;
}

#siteNav .site-nav-link.is-cta,
#siteNav .site-nav-button.is-cta,
.site-nav-link.is-cta,
.site-nav-button.is-cta,
.nav-cta{
  color:var(--accent-strong) !important;
  border:1px solid rgba(255,159,26,.35) !important;
  background:rgba(255,159,26,.08) !important;
  border-radius:4px !important;
  box-shadow:none !important;
}

/* Global text hierarchy */
h1, h2, h3, .h3{
  color:var(--text) !important;
  font-family:var(--font-main) !important;
  letter-spacing:-.03em !important;
}

.page-hero h1,
.hero h1,
h1{
  font-weight:700 !important;
}

.sub,
.hero .sub,
.page-hero .sub,
.p,
.muted{
  color:var(--muted) !important;
}

.muted2,
.hero .meta,
.meta-line,
.event-src,
.mini,
small.muted{
  color:var(--muted2) !important;
}

/* Panels / cards / charts */
.panel,
.card{
  background:linear-gradient(180deg, var(--panel), var(--panel2)) !important;
  border:1px solid var(--hairline) !important;
  border-radius:6px !important;
  box-shadow:none !important;
}

.panel.soft{
  background:linear-gradient(180deg, #0c0c0c, #101010) !important;
}

.chart,
.chartWrap{
  background:linear-gradient(180deg, #080808, #0d0d0d) !important;
  border:1px solid var(--hairline) !important;
  border-radius:6px !important;
  box-shadow:none !important;
}

.notice{
  background:rgba(255,159,26,.08) !important;
  border-color:rgba(255,159,26,.28) !important;
  color:var(--text) !important;
}

.error{
  background:rgba(255,107,107,.10) !important;
  border-color:rgba(255,107,107,.28) !important;
  color:#ffd1d1 !important;
}

/* Labels / tags */
.kicker,
.tag,
.badge{
  color:var(--accent-strong) !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
}

.meta-chip{
  border:1px solid var(--hairline) !important;
  background:#0a0a0a !important;
  color:var(--muted) !important;
  border-radius:4px !important;
  font-family:var(--font-mono) !important;
  font-size:12px !important;
}

/* Buttons */
.btn,
.btn-primary{
  border-radius:4px !important;
  box-shadow:none !important;
  background:var(--accent) !important;
  border:1px solid var(--accent) !important;
  color:#000 !important;
  font-weight:700 !important;
}

.btn:hover,
.btn-primary:hover{
  background:var(--accent-strong) !important;
  border-color:var(--accent-strong) !important;
}

/* Pills / tones / states */
.pill{
  border-radius:4px !important;
  border:1px solid var(--hairline) !important;
  background:#111 !important;
  color:var(--text) !important;
  font-family:var(--font-mono) !important;
  font-size:11px !important;
  box-shadow:none !important;
}

.side.long,
.tone.supportive,
.state.pos{
  color:var(--good) !important;
  border-color:rgba(87,211,140,.28) !important;
  background:rgba(87,211,140,.08) !important;
}

.side.short,
.tone.cautious,
.state.neg{
  color:var(--bad) !important;
  border-color:rgba(255,107,107,.28) !important;
  background:rgba(255,107,107,.08) !important;
}

.tone.mixed,
.state.mix{
  color:var(--warn) !important;
  border-color:rgba(255,209,102,.28) !important;
  background:rgba(255,209,102,.08) !important;
}

/* Numeric feel */
.num-pos,
.num-neg,
.meta-chip,
.pill,
.badge,
.hist-btn,
.hist-select,
.table th,
.table td{
  font-family:var(--font-mono) !important;
}

.num-pos{ color:var(--good) !important; }
.num-neg{ color:var(--bad) !important; }

/* Tables / research rows */
.table{
  border:1px solid var(--hairline) !important;
  border-radius:6px !important;
}

.table th{
  background:#111 !important;
  color:var(--accent-strong) !important;
  border-bottom:1px solid var(--hairline) !important;
}

.table td{
  border-bottom:1px solid rgba(255,255,255,.06) !important;
}

.col-head{
  color:var(--accent-strong) !important;
  background:rgba(255,159,26,.04) !important;
  border-bottom:1px solid var(--hairline) !important;
  font-size:11px !important;
}

.data-row{
  border-bottom:1px solid rgba(255,255,255,.06) !important;
}

.data-row:hover{
  background:rgba(255,159,26,.03) !important;
}

/* History controls */
.hist-btn,
.hist-select{
  background:#0a0a0a !important;
  color:var(--text) !important;
  border:1px solid var(--hairline) !important;
  border-radius:4px !important;
}

.hist-btn:hover{
  border-color:rgba(255,159,26,.35) !important;
  color:var(--accent-strong) !important;
}

/* Tooltips */
.info-tip{
  border:1px solid rgba(255,159,26,.35) !important;
  background:rgba(255,159,26,.08) !important;
  color:var(--accent-strong) !important;
}

.tooltip-pop{
  background:rgba(8,8,8,.98) !important;
  border:1px solid var(--hairline) !important;
  border-radius:6px !important;
  color:var(--text) !important;
  box-shadow:none !important;
}

.tooltip-pop strong{
  color:var(--accent-strong) !important;
}

.tooltip-pop.is-mobile .tooltip-close{
  border:1px solid rgba(255,159,26,.35) !important;
  background:rgba(255,159,26,.08) !important;
  color:var(--accent-strong) !important;
  border-radius:4px !important;
}

/* Footer */
footer{
  background:#050505 !important;
  border-top:1px solid var(--hairline) !important;
  color:var(--muted2) !important;
}

.footer-title{
  color:var(--accent-strong) !important;
}

/* Public landing sections */
.section-head p,
.legal,
.footer-sub{
  color:var(--muted) !important;
}

.dot{
  background:var(--accent) !important;
}

/* Keep charts readable */
canvas{
  image-rendering:auto;
}