/* 2Fastboy. Clean White theme: light pages, the maroon top bar unchanged. Loaded last on every page. */

:root, :root[data-theme="dark"], :root:not([data-theme="light"]) { color-scheme: light !important; --paper: #FFFFFF !important; --field: #FFFFFF !important; --ink: #1E1A1B !important; --graphite: #5F5557 !important; --rule: #E7E1E2 !important; --faint: #F4F0F0 !important;
  --healthy: #157F4C !important; --caution: #B45309 !important; --critical: #C0262D !important; --healthy-bg: #157F4C14 !important; --caution-bg: #B4530914 !important; --critical-bg: #C0262D14 !important;
  --gold-text: linear-gradient(180deg, #0F6B3E 0%, #157F4C 100%) !important; --gold-bar: linear-gradient(90deg, #157F4C 0%, #1F9D61 100%) !important;
  --copper-text: linear-gradient(180deg, #B45309 0%, #B45309 100%) !important; --copper-bar: #B45309 !important;
  --ruby-text: linear-gradient(180deg, #C0262D 0%, #C0262D 100%) !important; --ruby-bar: #C0262D !important;
  --platinum-text: linear-gradient(180deg, #5F5557 0%, #1E1A1B 100%) !important; --platinum-bar: #5F5557 !important; }
body { background: #FFFFFF; color: #1E1A1B; }
/* the top bar stays exactly as it is today */
.topbar { --paper: #4A1320; --field: #3B0F19; --ink: #F7EFEA; --graphite: #DCC6C6; --rule: rgba(247,239,234,.2); --faint: rgba(247,239,234,.1);
  background: #4A1320; color: #F7EFEA; border-bottom: 0; color-scheme: dark; }
.topbar input { background: #3B0F19; color: #F7EFEA; border-color: rgba(247,239,234,.25); }
/* panels: white cards with a soft border */
.card, .tile, .side, .gauge-card, .cx-sec .tests, .cmp-card, .panel { background: #FAF8F8 !important; border-color: #E7E1E2 !important; }
.card, .tile { box-shadow: 0 1px 2px rgba(16,24,40,.05); }
.tile.flag { background: #C0262D08 !important; border-color: #C0262D55 !important; }
.tile.flag h2, .card.flag h2 { color: #C0262D !important; }
a, .link, .cmp-link { color: #7A1E2C; }
.cx-tab[aria-pressed="true"], .seg button[aria-pressed="true"] { background: #7A1E2C; color: #fff; border-color: #7A1E2C; }
.btn { background: #7A1E2C; color: #fff; }
.topbar .btn { background: #F7EFEA; color: #4A1320; }
.cx-chip.t-good, .chip { color: #157F4C; border-color: #157F4C66; } .cx-chip.t-warn { color: #B45309; border-color: #B4530966; } .cx-chip.t-bad { color: #C0262D; border-color: #C0262D66; }
.up { color: #157F4C !important; } .down { color: #C0262D !important; }
.dv-tag.next { color: #7A1E2C; } .dv-tag.up { color: #157F4C; } .dv-pay tr.next td { background: #157F4C0D; }
.meter { background: #F4F0F0; } .r-seg { opacity: .9; }
.foot { background: #F4F0F0; }
.foot-motto .m-gold, .m-gold { background: linear-gradient(180deg, #D6941C 0%, #B07A12 55%, #8A5D0B 100%) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; color: #A8740E !important; }
.lv-pop { background: #fff; box-shadow: 0 18px 40px rgba(16,24,40,.15); }
/* watchlist sidebar: light too */
.side { --paper: #FAF8F8; --field: #FFFFFF; --ink: #1E1A1B; --graphite: #5F5557; --rule: #E7E1E2; --faint: #F4F0F0; --healthy: #157F4C; --caution: #B45309; --critical: #C0262D;
  color-scheme: light; border-left: 1px solid #E7E1E2 !important; color: #1E1A1B; }
.side select, .side input { background: #fff; color: #1E1A1B; border: 1px solid #E7E1E2; }
.side .link { color: #7A1E2C; } .side .wl-row[aria-current="true"] { box-shadow: inset 3px 0 0 #7A1E2C; }
select, input[type=search], .dv-f select, .dv-f input { color-scheme: light; }
.g { background: none !important; -webkit-text-fill-color: #157F4C !important; color: #157F4C !important; } .r { color: #C0262D !important; }
/* gauges: dark needle on a light page */
.g-svg { color: #1E1A1B; }
/* MSTR charts were drawn for a dark page: re-colour their light strokes and text */
svg text[fill="#F7EFEA"] { fill: #1E1A1B; } svg text[fill="#DCC6C6"] { fill: #5F5557; } svg text[fill="rgba(247,239,234,.5)"] { fill: #5F5557; }
svg [stroke="rgba(247,239,234,.16)"] { stroke: #E7E1E2; } svg [stroke="#D9DEE4"] { stroke: #334155; } svg [stroke="#E8B4A0"] { stroke: #B4532A; }
svg circle[fill="#F7EFEA"] { fill: #1E1A1B; } svg [stroke="#4A1320"] { stroke: #fff; }
svg text[fill="#D9DEE4"] { fill: #334155; } svg line[stroke="#F7EFEA"] { stroke: #1E1A1B; }
svg rect[fill^="rgba(227,154,107"] { fill: rgba(227,154,107,.10); } svg rect[fill^="rgba(217,222,228"] { fill: rgba(100,116,139,.07); } svg rect[fill^="rgba(255,197,61"] { fill: rgba(255,197,61,.12); }

/* TradingView live quotes: light widgets that blend into the white page */
.live-quote .lq-clip, .lq .lq-clip { background: #FFFFFF !important; }
.live-quote iframe, .lq iframe { mix-blend-mode: multiply !important; filter: none !important; color-scheme: light !important; }
.tradingview-widget-copyright a, .lq-credit a { color: #5F5557 !important; }
.tv-box { border-color: #E7E1E2 !important; }
/* MSTR chart crosshair readout: dark box with white text on the light page */
svg rect[fill="#F7EFEA"] { fill: #1E1A1B; } svg text[fill="#4A1320"] { fill: #FFFFFF; }
/* welcome page */
main > h1.brand { background: linear-gradient(180deg, #D6941C 0%, #B07A12 55%, #8A5D0B 100%) !important; -webkit-background-clip: text !important; background-clip: text !important; }
.go { background: #7A1E2C !important; color: #FFFFFF !important; box-shadow: 0 6px 18px rgba(122, 30, 44, 0.25); transition: background .15s ease; }
.go:hover { background: #5E1622 !important; }
.go:focus-visible { outline: 2px solid #7A1E2C !important; }
body > footer { color: #5F5557; } body > footer a { color: #5F5557; } body > footer a:hover { color: #1E1A1B; }

/* legal notes and footer links */
.not-rec { margin: 6px 0 0; font-size: 12.5px; color: var(--graphite); }
.foot-legal { margin-top: 10px; font-size: 13px; color: var(--graphite); }
.foot-legal a { color: var(--graphite); text-decoration: underline; text-underline-offset: 2px; }
.foot-legal a:hover { color: var(--ink); }
.lq-credit { font-size: 11.5px; color: var(--graphite); }
/* the top bar's brand: "Benchmark" stays white on every page (page link colours never reach it) */
.topbar .brand a { color: #F7EFEA !important; text-decoration: none !important; }
.topbar .topnav a { text-decoration: none; }
/* TradingView price boxes: shown whole (logo, name, price and TradingView's own badge), not cropped to the price */
.live-quote, .lq { width: 350px !important; max-width: 100% !important; }
.live-quote .lq-clip, .lq .lq-clip { width: 100% !important; height: auto !important; overflow: visible !important; background: none !important; }
.live-quote .lq-clip .tradingview-widget-container, .lq .lq-clip .tradingview-widget-container { position: static !important; left: auto !important; top: auto !important; width: 100% !important; }
.live-quote iframe, .lq iframe { transform: none !important; width: 100% !important; height: 92px !important; mix-blend-mode: normal !important; pointer-events: auto !important; }
/* the price box's TradingView credit always shows, including when the chart is hidden (TradingView requires it) */
.rep-cols.tv-off .live-quote .lq-credit, .live-quote .lq-credit { display: block !important; }
/* MSTR legend: the dashed "stock only" swatch is drawn in a light grey meant for the dark page */
b[style*="#D9DEE4"] { color: #334155 !important; }
/* the widget's own 17px left padding is pulled back, so the company logo lines up with the ticker heading
   (and on the MSTR page with the "MSTR" and "Bitcoin" labels); nothing in the widget is hidden */
.live-quote .lq-clip, .lq .lq-clip { margin-left: -17px !important; width: calc(100% + 17px) !important; }
/* TradingView draws a thin border around its quote card (y 0 to 68 inside the frame) even in transparent mode.
   The window shows the card from 3px inside its edges, so the border never shows; nothing else is trimmed,
   and the logo still lines up with the heading (the frame sits 17px left of the text edge, as before). */
.live-quote .lq-clip, .lq .lq-clip { margin-left: -14px !important; width: calc(100% + 7px) !important; height: 60px !important; overflow: hidden !important; }
.live-quote .lq-clip .tradingview-widget-container, .lq .lq-clip .tradingview-widget-container { margin: -3px 0 0 -3px !important; width: calc(100% + 6px) !important; }
/* TradingView lights its card up on hover; the box isn't meant to be clicked (the credit link under it goes to TradingView) */
.live-quote iframe, .lq iframe { pointer-events: none !important; }