/* StockVersity single-page dashboard layer. Scoped to the new view; existing feeds and scanner DOM stay intact. */
:root {
  --sv-dash-bg: #071522;
  --sv-dash-panel: #0d1e2e;
  --sv-dash-panel-alt: #102438;
  --sv-dash-row: #0b1a29;
  --sv-dash-border: #263d51;
  --sv-dash-text: #f1f7fc;
  --sv-dash-muted: #9bb0c4;
  --sv-dash-blue: #45b8ff;
  --sv-dash-positive: #11d9a0;
  --sv-dash-negative: #ff647c;
  --sv-dash-purple: #9c83f6;
  --sv-dash-shadow: 0 8px 24px rgba(0,0,0,.08);
}
html[data-sv-theme="light"] {
  --bg: #f2f5f9;
  --panel: #ffffff;
  --panel-alt: #f3f7fb;
  --row: #f7f9fc;
  --border: #d7e0e9;
  --border-soft: #e3e9ef;
  --text: #172f45;
  --muted: #61788d;
  --blue: #087dba;
  --cyan: #087dba;
  --green: #07855c;
  --green-dark: #baded2;
  --red: #d33e56;
  --red-dark: #e7c1c8;
  --track: #e0e8ef;
  --sidebar: #eaf0f6;
  --header: #ffffff;
  --sv-dash-bg: #f2f5f9;
  --sv-dash-panel: #ffffff;
  --sv-dash-panel-alt: #f3f7fb;
  --sv-dash-row: #f7f9fc;
  --sv-dash-border: #d7e0e9;
  --sv-dash-text: #172f45;
  --sv-dash-muted: #61788d;
  --sv-dash-blue: #087dba;
  --sv-dash-positive: #07855c;
  --sv-dash-negative: #d33e56;
  --sv-dash-purple: #7850b8;
  --sv-dash-shadow: 0 8px 24px rgba(28,52,72,.06);
}

html, body { min-width: 0 !important; width: 100% !important; }
html[data-sv-theme] .app-shell { min-width: 0 !important; width: 100% !important; }
html[data-sv-theme] .main-area { min-width: 0 !important; width: auto !important; flex: 1 1 0 !important; }
.main-header { gap: 7px !important; padding: 7px 12px !important; overflow-x: auto !important; overflow-y: hidden !important; }
.main-header .quote-card { min-width: 140px !important; width: 140px !important; max-width: 140px !important; flex: 0 0 140px !important; background: var(--sv-dash-panel) !important; border: 1px solid var(--sv-dash-border) !important; border-radius: 9px !important; }
.main-header .quote-name { color: var(--sv-dash-muted) !important; }
.main-header .quote-price { color: var(--sv-dash-text) !important; }
.main-header .header-controls { gap: 8px !important; flex: 0 0 auto !important; margin-left: auto !important; }
.main-header .header-controls .header-market { display: none !important; }
.main-header .header-controls .sv-header-time { color: var(--sv-dash-muted) !important; font-size: 10px !important; white-space: nowrap !important; }
.main-header .header-controls .sv-v2-icon-btn { width: 38px !important; height: 38px !important; min-width: 38px !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 1px solid var(--sv-dash-border) !important; border-radius: 50% !important; background: var(--sv-dash-panel) !important; color: var(--sv-dash-blue) !important; cursor: pointer !important; box-shadow: none !important; }
.main-header .header-controls .sv-v2-icon-btn svg { width: 19px !important; height: 19px !important; fill: none !important; stroke: currentColor !important; stroke-width: 1.8 !important; stroke-linecap: round !important; stroke-linejoin: round !important; }
.main-header .header-controls .sv-v2-profile { font-family: "Segoe UI Emoji", "Apple Color Emoji", sans-serif !important; font-size: 20px !important; line-height: 1 !important; }
.main-header .header-controls #refresh-btn { display: none !important; }

/* The legacy dashboard DOM is retained for its current JS bindings, but the new page replaces its display. */
.dashboard-scroll > .dashboard-grid { display: none !important; }
.dashboard-scroll { overflow: auto !important; min-width: 0 !important; padding: 0 !important; }
.statusbar { flex: 0 0 26px !important; }
#sv-dashboard-v2 { width: 100%; min-width: 0; box-sizing: border-box; padding: 16px 18px 24px; color: var(--sv-dash-text); background: var(--sv-dash-bg); font-family: Roboto, Arial, Helvetica, sans-serif; }
#sv-dashboard-v2 * { box-sizing: border-box; }
#sv-dashboard-v2 .sv-dash-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-bottom: 14px; min-height: 28px; }
#sv-dashboard-v2 .sv-dash-live-meta { display: flex; align-items: center; gap: 7px; font-size: 11px; font-weight: 700; color: var(--sv-dash-muted); }
#sv-dashboard-v2 .sv-dash-live-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--sv-dash-positive); box-shadow: 0 0 0 4px color-mix(in srgb, var(--sv-dash-positive) 13%, transparent); }
#sv-dashboard-v2 .sv-dash-meta-spacer { flex: 1 1 auto; }
#sv-dashboard-v2 .sv-dash-chip { display: inline-flex; align-items: center; min-height: 26px; border: 1px solid var(--sv-dash-border); border-radius: 6px; padding: 4px 9px; background: var(--sv-dash-panel); color: var(--sv-dash-muted); font-size: 10px; font-weight: 800; white-space: nowrap; }
#sv-dashboard-v2 .sv-dash-layout { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: 14px; align-items: start; }
#sv-dashboard-v2 .sv-dash-panel { min-width: 0; border: 1px solid var(--sv-dash-border); border-radius: 12px; background: var(--sv-dash-panel); box-shadow: var(--sv-dash-shadow); overflow: hidden; }
#sv-dashboard-v2 .sv-dash-panel-head { display: flex; align-items: center; gap: 10px; min-height: 56px; padding: 14px 16px; border-bottom: 1px solid var(--sv-dash-border); }
#sv-dashboard-v2 .sv-dash-head-icon { width: 33px; height: 33px; min-width: 33px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; background: color-mix(in srgb, var(--sv-dash-blue) 12%, transparent); color: var(--sv-dash-blue); font-size: 15px; font-weight: 900; }
#sv-dashboard-v2 .sv-dash-head-icon svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
#sv-dashboard-v2 .sv-dash-panel-head h2 { margin: 0; color: var(--sv-dash-text); font-size: 15px; font-weight: 900; line-height: 1.2; letter-spacing: .15px; }
#sv-dashboard-v2 .sv-dash-panel-head p { margin: 4px 0 0; color: var(--sv-dash-muted); font-size: 11px; line-height: 1.4; }
#sv-dashboard-v2 .sv-dash-panel-head .sv-dash-head-right { margin-left: auto; color: var(--sv-dash-muted); font-size: 10px; font-weight: 800; white-space: nowrap; }
#sv-dashboard-v2 .sv-dash-sector-panel { grid-column: span 12; }
#sv-dashboard-v2 .sv-dash-sector-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; padding: 14px; }
#sv-dashboard-v2 .sv-dash-sector-side { min-width: 0; padding: 12px; border: 1px solid var(--sv-dash-border); border-radius: 9px; background: var(--sv-dash-panel-alt); }
#sv-dashboard-v2 .sv-dash-sector-side h3 { display: flex; align-items: center; gap: 7px; margin: 0 0 13px; color: var(--sv-dash-positive); font-size: 12px; font-weight: 900; }
#sv-dashboard-v2 .sv-dash-sector-side.down h3 { color: var(--sv-dash-negative); }
#sv-dashboard-v2 .sv-dash-sector-side h3 svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
#sv-dashboard-v2 .sv-dash-sector-row { display: grid; grid-template-columns: minmax(84px,1.2fr) minmax(70px,2fr) auto auto; gap: 10px; align-items: center; margin: 10px 0; font-size: 11px; }
#sv-dashboard-v2 .sv-dash-sector-name { color: var(--sv-dash-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700; }
#sv-dashboard-v2 .sv-dash-sector-track { display: block; height: 7px; border-radius: 99px; overflow: hidden; background: color-mix(in srgb, var(--sv-dash-muted) 15%, transparent); }
#sv-dashboard-v2 .sv-dash-sector-track i { display: block; height: 100%; border-radius: inherit; background: var(--sv-dash-positive); }
#sv-dashboard-v2 .sv-dash-sector-side.down .sv-dash-sector-track i { background: var(--sv-dash-negative); }
#sv-dashboard-v2 .sv-dash-sector-row strong { color: var(--sv-dash-positive); white-space: nowrap; font-variant-numeric: tabular-nums; }
#sv-dashboard-v2 .sv-dash-sector-side.down .sv-dash-sector-row strong { color: var(--sv-dash-negative); }
#sv-dashboard-v2 .sv-dash-sector-row small { color: var(--sv-dash-muted); white-space: nowrap; }
#sv-dashboard-v2 .sv-dash-empty-mini { padding: 18px 8px; color: var(--sv-dash-muted); text-align: center; font-size: 11px; line-height: 1.55; }
#sv-dashboard-v2 .sv-dash-flow-panel { grid-column: span 12; }
#sv-dashboard-v2 .sv-dash-flow-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; padding: 14px; }
#sv-dashboard-v2 .sv-dash-flow-card { min-width: 0; border: 1px solid var(--sv-dash-border); border-radius: 10px; padding: 14px; background: var(--sv-dash-panel-alt); }
#sv-dashboard-v2 .sv-dash-flow-fii { border-top: 3px solid #2ba9f7; }
#sv-dashboard-v2 .sv-dash-flow-dii { border-top: 3px solid #12c994; }
#sv-dashboard-v2 .sv-dash-flow-pro { border-top: 3px solid var(--sv-dash-purple); }
#sv-dashboard-v2 .sv-dash-flow-head { display: flex; align-items: center; gap: 8px; }
#sv-dashboard-v2 .sv-dash-flow-icon { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 7px; background: color-mix(in srgb, var(--sv-dash-blue) 12%, transparent); color: var(--sv-dash-blue); font-size: 13px; font-weight: 900; }
#sv-dashboard-v2 .sv-dash-flow-dii .sv-dash-flow-icon { background: color-mix(in srgb, var(--sv-dash-positive) 12%, transparent); color: var(--sv-dash-positive); }
#sv-dashboard-v2 .sv-dash-flow-pro .sv-dash-flow-icon { background: color-mix(in srgb, var(--sv-dash-purple) 12%, transparent); color: var(--sv-dash-purple); }
#sv-dashboard-v2 .sv-dash-flow-head strong { color: var(--sv-dash-text); font-size: 13px; font-weight: 900; }
#sv-dashboard-v2 .sv-dash-flow-tag { margin-left: auto; color: var(--sv-dash-muted); font-size: 9px; font-weight: 800; letter-spacing: .35px; }
#sv-dashboard-v2 .sv-dash-flow-net { margin-top: 15px; overflow-wrap: anywhere; font-size: clamp(16px,1.5vw,23px); font-weight: 900; font-variant-numeric: tabular-nums; }
#sv-dashboard-v2 .sv-dash-flow-label { margin-top: 3px; color: var(--sv-dash-muted); font-size: 10px; }
#sv-dashboard-v2 .sv-dash-flow-pair { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 12px; margin-top: 16px; }
#sv-dashboard-v2 .sv-dash-flow-pair div { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
#sv-dashboard-v2 .sv-dash-flow-pair div:last-child { text-align: right; align-items: flex-end; }
#sv-dashboard-v2 .sv-dash-flow-pair small { color: var(--sv-dash-muted); font-size: 9px; font-weight: 900; }
#sv-dashboard-v2 .sv-dash-flow-pair strong { color: var(--sv-dash-text); font-size: clamp(11px,1vw,14px); font-weight: 800; overflow-wrap: anywhere; }
#sv-dashboard-v2 .sv-dash-flow-bar { display: flex; height: 8px; border-radius: 99px; margin-top: 15px; overflow: hidden; background: color-mix(in srgb, var(--sv-dash-muted) 16%, transparent); }
#sv-dashboard-v2 .sv-dash-flow-bar span { display: block; height: 100%; }
#sv-dashboard-v2 .sv-dash-flow-bar i { display: block; height: 100%; background: var(--sv-dash-negative); }
#sv-dashboard-v2 .sv-dash-flow-share { display: flex; justify-content: space-between; gap: 8px; margin-top: 7px; color: var(--sv-dash-muted); font-size: 10px; }
#sv-dashboard-v2 .sv-dash-flow-total { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 13px 16px; border-top: 1px solid var(--sv-dash-border); background: var(--sv-dash-panel-alt); }
#sv-dashboard-v2 .sv-dash-flow-total span { color: var(--sv-dash-muted); font-size: 11px; font-weight: 800; }
#sv-dashboard-v2 .sv-dash-total-net { font-size: 15px; font-weight: 900; }
#sv-dashboard-v2 .sv-dash-total-net.is-positive { color: var(--sv-dash-positive); }
#sv-dashboard-v2 .sv-dash-total-net.is-negative { color: var(--sv-dash-negative); }
#sv-dashboard-v2 .sv-dash-data-date { padding: 9px 16px 12px; color: var(--sv-dash-muted); font-size: 10px; }
#sv-dashboard-v2 .sv-dash-stock-panel { grid-column: span 12; }
#sv-dashboard-v2 .sv-dash-pills { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; padding: 12px 14px 0; }
#sv-dashboard-v2 .sv-dash-pill { display: inline-flex; align-items: center; padding: 5px 9px; min-height: 25px; border: 1px solid var(--sv-dash-border); border-radius: 6px; color: var(--sv-dash-muted); background: var(--sv-dash-panel-alt); font-size: 10px; font-weight: 800; }
#sv-dashboard-v2 .sv-dash-tabs { display: flex; flex-wrap: wrap; gap: 4px; padding: 14px 14px 0; }
#sv-dashboard-v2 .sv-dash-tab { appearance: none; border: 1px solid var(--sv-dash-border); border-radius: 7px 7px 0 0; background: transparent; color: var(--sv-dash-muted); padding: 10px 14px; font-size: 11px; font-weight: 900; cursor: pointer; }
#sv-dashboard-v2 .sv-dash-tab.active { border-color: var(--sv-dash-blue); color: var(--sv-dash-blue); background: color-mix(in srgb, var(--sv-dash-blue) 10%, transparent); }
#sv-dashboard-v2 .sv-dash-stock-hint { color: var(--sv-dash-muted); font-size: 11px; padding: 9px 14px 12px; }
#sv-dashboard-v2 .sv-dash-table-scroll { width: 100%; overflow: auto; border-top: 1px solid var(--sv-dash-border); }
#sv-dashboard-v2 table { width: 100%; min-width: 960px; border-collapse: collapse; background: var(--sv-dash-panel); }
#sv-dashboard-v2 th { padding: 12px 12px; background: var(--sv-dash-panel-alt); color: var(--sv-dash-muted); text-align: left; font-size: 9px; font-weight: 900; letter-spacing: .45px; white-space: nowrap; border-bottom: 1px solid var(--sv-dash-border); }
#sv-dashboard-v2 td { padding: 12px; border-bottom: 1px solid var(--sv-dash-border); color: var(--sv-dash-text); font-size: 11px; line-height: 1.4; vertical-align: middle; white-space: nowrap; }
#sv-dashboard-v2 tbody tr:hover td { background: color-mix(in srgb, var(--sv-dash-blue) 5%, transparent); }
#sv-dashboard-v2 .sv-dash-stock-link { color: var(--sv-dash-blue); text-decoration: none !important; border: 0 !important; font-weight: 900; }
#sv-dashboard-v2 .sv-dash-stock-link:hover, #sv-dashboard-v2 .sv-dash-stock-link:focus { color: var(--sv-dash-blue); text-decoration: none !important; outline: none; }
#sv-dashboard-v2 .sv-dash-timestamp { color: var(--sv-dash-muted); font-size: 10px; }
#sv-dashboard-v2 .sv-dash-number { font-variant-numeric: tabular-nums; text-align: right; }
#sv-dashboard-v2 .sv-dash-signal { display: inline-block; color: var(--sv-dash-text); max-width: 380px; white-space: normal; }
#sv-dashboard-v2 .sv-dash-signal.is-positive { color: var(--sv-dash-positive); font-weight: 800; }
#sv-dashboard-v2 .sv-dash-signal.is-negative { color: var(--sv-dash-negative); font-weight: 800; }
#sv-dashboard-v2 .sv-dash-empty-cell { padding: 28px 16px !important; text-align: center; color: var(--sv-dash-muted) !important; white-space: normal; line-height: 1.6; }
#sv-dashboard-v2 .sv-dash-options-panel { grid-column: span 12; }
#sv-dashboard-v2 .sv-dash-empty-note { padding: 10px 14px 14px; color: var(--sv-dash-muted); font-size: 10px; line-height: 1.5; }

/* Icon-only header actions. Legacy buttons remain hidden to preserve older click hooks. */
html[data-sv-theme="light"] body, html[data-sv-theme="light"] .app-shell, html[data-sv-theme="light"] .main-area, html[data-sv-theme="light"] .dashboard-scroll { background: #f2f5f9 !important; color: #172f45 !important; }
html[data-sv-theme="light"] .main-header { background: #ffffff !important; border-bottom-color: #d7e0e9 !important; }
html[data-sv-theme="light"] .main-header .quote-card { background: #f7fafc !important; border-color: #d7e0e9 !important; }
html[data-sv-theme="light"] .main-header .quote-name { color: #61788d !important; }
html[data-sv-theme="light"] .main-header .quote-price { color: #172f45 !important; }
html[data-sv-theme="light"] .main-header .quote-change { color: #61788d; }
/* The existing sidebar/brand stay dark in both themes; the main dashboard switches themes. */
html[data-sv-theme="light"] .statusbar { background: #ffffff !important; border-top-color: #d7e0e9 !important; color: #61788d !important; }
html[data-sv-theme="light"] .header-controls .sv-v2-icon-btn { background: #f7fafc !important; color: #087dba !important; border-color: #d7e0e9 !important; }

/* Use clean icon glyphs in the retained sidebar instead of legacy mojibake text. */
.frozen-nav-icon { font-size: 0 !important; }
.frozen-nav-icon::before { display: inline-block; font-family: Arial, sans-serif; font-size: 16px; line-height: 1; }
.frozen-nav-fixed .frozen-nav-icon::before { content: "▦"; }
.frozen-nav-scroll > .frozen-nav-item:nth-of-type(1) .frozen-nav-icon::before { content: "↗"; }
#sv-intraday-scanner .frozen-nav-icon::before { content: "⌕"; }
#sv-intraday-futures .frozen-nav-icon::before, #sv-final-intraday-fo-child .frozen-nav-icon::before { content: "▤"; }
.frozen-nav-scroll > .frozen-nav-item:nth-of-type(2) .frozen-nav-icon::before { content: "◉"; }
#sv-main-futures .frozen-nav-icon::before { content: "▣"; }
.frozen-nav-scroll > .frozen-nav-item:nth-of-type(3) .frozen-nav-icon::before { content: "₿"; font-size: 15px; }
.frozen-nav-scroll > .frozen-nav-item:nth-of-type(4) .frozen-nav-icon::before { content: "▥"; }
.frozen-nav-scroll > .frozen-nav-item:nth-of-type(5) .frozen-nav-icon::before { content: "▤"; }

@media (max-width: 1100px) {
  #sv-dashboard-v2 { padding: 12px; }
  #sv-dashboard-v2 .sv-dash-sector-grid { grid-template-columns: 1fr; }
  #sv-dashboard-v2 .sv-dash-flow-cards { grid-template-columns: 1fr; }
  #sv-dashboard-v2 .sv-dash-panel-head { align-items: flex-start; }
  #sv-dashboard-v2 .sv-dash-panel-head .sv-dash-head-right { margin-left: auto; }
  .main-header .quote-card { min-width: 125px !important; width: 125px !important; max-width: 125px !important; flex-basis: 125px !important; }
}
@media (max-width: 760px) {
  .app-shell { min-width: 0 !important; }
  .frozen-sidebar { width: 60px !important; flex-basis: 60px !important; padding: 8px 5px !important; }
  .frozen-brand-name, .brand-pro, .focus-card, .frozen-nav-item > span:not(.frozen-nav-icon), .frozen-expand b, .sidebar-bottom { display: none !important; }
  .frozen-brand-logo { width: 45px !important; flex-basis: 45px !important; }
  .frozen-nav-item { justify-content: center !important; padding: 0 !important; }
  #sv-dashboard-v2 .sv-dash-meta { align-items: flex-start; }
  #sv-dashboard-v2 .sv-dash-sector-row { grid-template-columns: minmax(72px,1fr) minmax(54px,1.4fr) auto; }
  #sv-dashboard-v2 .sv-dash-sector-row small { display: none; }
  #sv-dashboard-v2 .sv-dash-tabs { padding-left: 10px; padding-right: 10px; }
}


/* V2.1: remove the side navigation and place the existing daily focus card beside the market tickers. */
html, body { width: 100% !important; min-width: 0 !important; }
.app-shell { display: flex !important; width: 100% !important; min-width: 0 !important; }
.frozen-sidebar, .sidebar { display: none !important; width: 0 !important; flex: 0 0 0 !important; }
.main-area { display: flex !important; width: 100% !important; min-width: 0 !important; flex: 1 1 100% !important; }
.main-header { width: 100% !important; min-width: 0 !important; height: 84px !important; flex: 0 0 84px !important; gap: 7px !important; padding: 7px 10px !important; overflow-x: auto !important; overflow-y: hidden !important; }
.main-header .quote-card { flex: 0 0 150px !important; width: 150px !important; min-width: 150px !important; max-width: 150px !important; }
.main-header .sv-header-focus-card {
  display: grid !important;
  grid-template-columns: minmax(83px,.85fr) minmax(96px,1fr) minmax(150px,1.65fr) !important;
  grid-template-rows: minmax(0,1fr) minmax(0,1fr) !important;
  grid-template-areas: "greeting quote today" "title quote today" !important;
  align-items: center !important;
  column-gap: 9px !important;
  row-gap: 0 !important;
  align-self: center !important;
  flex: 1 1 370px !important;
  min-width: 370px !important;
  max-width: 470px !important;
  height: 66px !important;
  min-height: 66px !important;
  margin: 0 !important;
  padding: 6px 10px !important;
  overflow: hidden !important;
  border: 1px solid #b34cf3 !important;
  border-radius: 10px !important;
  background: linear-gradient(110deg,#314fe6 0%,#5723c8 48%,#ce2086 100%) !important;
  color: #fff !important;
}
.main-header .sv-header-focus-card .focus-greeting { grid-area: greeting !important; min-width: 0 !important; margin: 0 !important; font-size: 10px !important; font-weight: 900 !important; line-height: 1.1 !important; white-space: nowrap !important; }
.main-header .sv-header-focus-card .focus-greeting span { font-size: 11px !important; }
.main-header .sv-header-focus-card .focus-title { grid-area: title !important; min-width: 0 !important; margin: 0 !important; font-size: 9px !important; font-weight: 900 !important; line-height: 1.1 !important; }
.main-header .sv-header-focus-card .focus-accent,
.main-header .sv-header-focus-card .focus-divider,
.main-header .sv-header-focus-card .quote-mark,
.main-header .sv-header-focus-card .focus-target { display: none !important; }
.main-header .sv-header-focus-card .focus-quote { grid-area: quote !important; min-width: 0 !important; display: flex !important; align-items: center !important; margin: 0 !important; padding: 0 !important; gap: 0 !important; font-size: 10px !important; font-weight: 900 !important; line-height: 1.15 !important; }
.main-header .sv-header-focus-card .focus-quote > div { min-width: 0 !important; }
.main-header .sv-header-focus-card .focus-today { grid-area: today !important; min-width: 0 !important; display: flex !important; align-items: center !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; }
.main-header .sv-header-focus-card .focus-today > div { min-width: 0 !important; }
.main-header .sv-header-focus-card .focus-label { display: block !important; margin: 0 0 3px !important; color: #c9fff0 !important; font-size: 9px !important; line-height: 1 !important; font-weight: 900 !important; }
.main-header .sv-header-focus-card .focus-copy { display: -webkit-box !important; overflow: hidden !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; color: #fff !important; font-size: 10px !important; line-height: 1.15 !important; font-weight: 700 !important; overflow-wrap: anywhere !important; }
.main-header .header-controls { flex: 0 0 auto !important; margin-left: auto !important; gap: 7px !important; padding-left: 0 !important; }
@media (max-width: 1500px) {
  .main-header .quote-card { flex-basis: 132px !important; width: 132px !important; min-width: 132px !important; max-width: 132px !important; }
  .main-header .sv-header-focus-card { flex-basis: 330px !important; min-width: 330px !important; }
  .main-header .sv-header-focus-card { grid-template-columns: minmax(72px,.8fr) minmax(85px,1fr) minmax(130px,1.6fr) !important; column-gap: 7px !important; }
}
@media (max-width: 1150px) {
  .main-header .quote-card { flex-basis: 122px !important; width: 122px !important; min-width: 122px !important; max-width: 122px !important; }
  .main-header .sv-header-focus-card { flex-basis: 300px !important; min-width: 300px !important; }
}
@media (max-width: 760px) {
  .main-header { overflow-x: auto !important; }
  .main-header .sv-header-focus-card { flex: 0 0 300px !important; min-width: 300px !important; }
}