/*
 * M4-B-R1 / R1.1 — Light theme structural surfaces + hierarchy (html[data-theme="light"] only).
 * Fixes desktop shell dark residue, typography depth, sidebar accent, control contrast.
 * NOT a third theme system · business/series colors frozen.
 */

/* ── Desktop shell (Dashboard / Watchlist / shell-wrapped pages) ── */
@media (min-width: 768px) {
  html[data-theme="light"] body.has-desktop-shell {
    background:
      radial-gradient(circle at 12% 0%, rgba(90, 140, 190, 0.12), transparent 28%),
      radial-gradient(circle at 88% 100%, rgba(60, 110, 170, 0.08), transparent 30%),
      linear-gradient(
        180deg,
        var(--color-bg-page) 0%,
        var(--color-bg-page-mid) 52%,
        var(--color-bg-page-deep) 100%
      ) !important;
  }

  html[data-theme="light"] body.has-desktop-shell .desktop-main {
    background:
      radial-gradient(circle at 12% 0%, rgba(90, 140, 190, 0.1), transparent 28%),
      radial-gradient(circle at 88% 100%, rgba(60, 110, 170, 0.06), transparent 30%),
      linear-gradient(
        180deg,
        var(--color-bg-page) 0%,
        var(--color-bg-page-mid) 52%,
        var(--color-bg-page-deep) 100%
      );
  }

  html[data-theme="light"] body.has-desktop-shell .desktop-page-head p {
    color: var(--color-text-muted);
  }

  html[data-theme="light"] body.has-desktop-shell .desktop-version {
    color: var(--color-text-muted);
  }

  html[data-theme="light"] body.has-desktop-shell .desktop-member {
    border-color: var(--color-border-control);
    color: var(--color-text-primary);
  }

  /* ── Sidebar: restore family accent on Light (do NOT gray out) ── */
  html[data-theme="light"] body.has-desktop-shell .desktop-nav-item {
    color: var(--color-text-secondary);
  }

  html[data-theme="light"] body.has-desktop-shell .desktop-nav-ico {
    color: var(--color-text-muted);
    font-weight: 700;
  }

  html[data-theme="light"] body.has-desktop-shell .desktop-nav-item.nav-fund::before {
    background: linear-gradient(180deg, #8b7ad4 0%, #6a58b0 100%);
    opacity: 0.92;
  }
  html[data-theme="light"] body.has-desktop-shell .desktop-nav-item.nav-hot::before {
    background: linear-gradient(180deg, #c9789e 0%, #a85584 100%);
    opacity: 0.92;
  }
  html[data-theme="light"] body.has-desktop-shell .desktop-nav-item.nav-trade::before {
    background: linear-gradient(180deg, #5a94c9 0%, #3d78ad 100%);
    opacity: 0.92;
  }
  html[data-theme="light"] body.has-desktop-shell .desktop-nav-item.nav-mood::before {
    background: linear-gradient(180deg, #c9925a 0%, #a87340 100%);
    opacity: 0.92;
  }

  html[data-theme="light"] body.has-desktop-shell .desktop-nav-item.nav-fund .desktop-nav-ico {
    color: #6a58b0;
  }
  html[data-theme="light"] body.has-desktop-shell .desktop-nav-item.nav-hot .desktop-nav-ico {
    color: #a85584;
  }
  html[data-theme="light"] body.has-desktop-shell .desktop-nav-item.nav-trade .desktop-nav-ico {
    color: #3d78ad;
  }
  html[data-theme="light"] body.has-desktop-shell .desktop-nav-item.nav-mood .desktop-nav-ico {
    color: #a87340;
  }

  html[data-theme="light"] body.has-desktop-shell .desktop-nav-item.nav-fund:hover {
    color: var(--color-text-primary);
    background: linear-gradient(90deg, rgba(106, 88, 176, 0.14), rgba(106, 88, 176, 0.05));
    border-color: rgba(106, 88, 176, 0.28);
    box-shadow: none;
  }
  html[data-theme="light"] body.has-desktop-shell .desktop-nav-item.nav-fund.active {
    color: var(--color-text-primary);
    font-weight: 900;
    background: linear-gradient(90deg, rgba(106, 88, 176, 0.22), rgba(106, 88, 176, 0.1));
    border-color: rgba(106, 88, 176, 0.38);
    box-shadow: inset 0 0 0 1px rgba(106, 88, 176, 0.18);
  }
  html[data-theme="light"] body.has-desktop-shell .desktop-nav-item.nav-fund.active .desktop-nav-ico {
    color: #5b48a0;
  }

  html[data-theme="light"] body.has-desktop-shell .desktop-nav-item.nav-hot:hover {
    color: var(--color-text-primary);
    background: linear-gradient(90deg, rgba(168, 85, 132, 0.14), rgba(168, 85, 132, 0.05));
    border-color: rgba(168, 85, 132, 0.28);
    box-shadow: none;
  }
  html[data-theme="light"] body.has-desktop-shell .desktop-nav-item.nav-hot.active {
    color: var(--color-text-primary);
    font-weight: 900;
    background: linear-gradient(90deg, rgba(168, 85, 132, 0.2), rgba(168, 85, 132, 0.09));
    border-color: rgba(168, 85, 132, 0.36);
    box-shadow: inset 0 0 0 1px rgba(168, 85, 132, 0.16);
  }
  html[data-theme="light"] body.has-desktop-shell .desktop-nav-item.nav-hot.active .desktop-nav-ico {
    color: #9a4570;
  }

  html[data-theme="light"] body.has-desktop-shell .desktop-nav-item.nav-trade:hover {
    color: var(--color-text-primary);
    background: linear-gradient(90deg, rgba(61, 120, 173, 0.14), rgba(61, 120, 173, 0.05));
    border-color: rgba(61, 120, 173, 0.28);
    box-shadow: none;
  }
  html[data-theme="light"] body.has-desktop-shell .desktop-nav-item.nav-trade.active {
    color: var(--color-text-primary);
    font-weight: 900;
    background: linear-gradient(90deg, rgba(61, 120, 173, 0.2), rgba(61, 120, 173, 0.09));
    border-color: rgba(61, 120, 173, 0.36);
    box-shadow: inset 0 0 0 1px rgba(61, 120, 173, 0.16);
  }
  html[data-theme="light"] body.has-desktop-shell .desktop-nav-item.nav-trade.active .desktop-nav-ico {
    color: #2f6694;
  }

  html[data-theme="light"] body.has-desktop-shell .desktop-nav-item.nav-mood:hover {
    color: var(--color-text-primary);
    background: linear-gradient(90deg, rgba(168, 115, 64, 0.14), rgba(168, 115, 64, 0.05));
    border-color: rgba(168, 115, 64, 0.28);
    box-shadow: none;
  }
  html[data-theme="light"] body.has-desktop-shell .desktop-nav-item.nav-mood.active {
    color: var(--color-text-primary);
    font-weight: 900;
    background: linear-gradient(90deg, rgba(168, 115, 64, 0.2), rgba(168, 115, 64, 0.09));
    border-color: rgba(168, 115, 64, 0.36);
    box-shadow: inset 0 0 0 1px rgba(168, 115, 64, 0.16);
  }
  html[data-theme="light"] body.has-desktop-shell .desktop-nav-item.nav-mood.active .desktop-nav-ico {
    color: #946032;
  }

  html[data-theme="light"] body.has-desktop-shell .desktop-nav-item.nav-me:hover,
  html[data-theme="light"] body.has-desktop-shell .desktop-nav-item.nav-me.active {
    color: var(--color-text-primary);
    background: var(--color-bg-selected-soft);
    border-color: var(--color-border-selected);
  }
}

/* ── Watch flow toolbar / chart actions (button contrast) ── */
html[data-theme="light"] .toolbarBtn,
html[data-theme="light"] .toolbarGrid button,
html[data-theme="light"] .toolbarGrid .chartActionBtn,
html[data-theme="light"] .chartActionBtn {
  background: var(--color-bg-control);
  border-color: var(--color-border-control);
  color: var(--color-text-primary);
  font-weight: 800;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

html[data-theme="light"] .toolbarBtn:hover:not(:disabled),
html[data-theme="light"] .toolbarGrid button:hover:not(:disabled),
html[data-theme="light"] .chartActionBtn:hover:not(:disabled) {
  background: var(--color-bg-control-hover);
  border-color: var(--color-border-selected);
  color: var(--color-text-primary);
}

html[data-theme="light"] .toolbarBtn.is-active,
html[data-theme="light"] .toolbarGrid button.is-active,
html[data-theme="light"] .chartActionBtn.active {
  background: var(--color-bg-selected);
  border-color: var(--color-border-selected);
  color: var(--color-text-on-selected);
  box-shadow: var(--shadow-selected-inset);
}

html[data-theme="light"] .toolbarBtn:disabled,
html[data-theme="light"] .toolbarGrid button:disabled,
html[data-theme="light"] .chartActionBtn:disabled {
  opacity: 1;
  color: var(--color-text-disabled);
  background: #e8eef4;
  border-color: var(--color-border-subtle);
}

html[data-theme="light"] .toolbarGrid .historyDateInput,
html[data-theme="light"] .toolbarGrid .chartDateInput,
html[data-theme="light"] .chartDateInput {
  background: var(--color-bg-control);
  border-color: var(--color-border-control);
  color: var(--color-text-primary);
  color-scheme: light;
}

html[data-theme="light"] #btnClearHighlights {
  border-color: rgba(245, 158, 11, 0.45);
  color: #b45309;
  background: rgba(245, 158, 11, 0.1);
}

html[data-theme="light"] #btnClearHighlights:hover:not(:disabled) {
  border-color: rgba(245, 158, 11, 0.65);
  background: rgba(245, 158, 11, 0.16);
  color: #92400e;
}

html[data-theme="light"] .toolbarTinyStatus.playbackTonePlaying .playbackStatusMain {
  color: #c2410c;
}

html[data-theme="light"] .localSaveStatus,
html[data-theme="light"] .sectorLocalSaveHint {
  color: var(--color-text-muted);
}

/* ── V4 tabs / market trend panels ── */
html[data-theme="light"] .v4ChartLabel {
  color: var(--color-text-primary);
}

html[data-theme="light"] .v4TabBtn {
  background: var(--color-bg-control);
  border-color: var(--color-border-control);
  color: var(--color-text-secondary);
  font-weight: 700;
}

html[data-theme="light"] .v4TabBtn:hover {
  background: var(--color-bg-control-hover);
  color: var(--color-text-primary);
  border-color: var(--color-border-selected);
}

html[data-theme="light"] .v4TabBtn.is-active {
  background: var(--color-bg-selected);
  border-color: var(--color-border-selected);
  color: var(--color-text-on-selected);
  font-weight: 800;
}

html[data-theme="light"] .v4TierRankItem .dir.is-flat,
html[data-theme="light"] .v4SectorRankRow .dir.is-flat {
  color: var(--color-text-muted);
}

html[data-theme="light"] .v4TrackRank {
  background: var(--color-bg-control);
  border-color: var(--color-border-control);
  color: var(--color-text-secondary);
}

html[data-theme="light"] .v4TrackDir.is-flat {
  color: var(--color-text-muted);
}

html[data-theme="light"] body.v4-mobile .v4MarketTierToggle[aria-expanded="true"],
html[data-theme="light"] body.watch-mobile-embed.v4-mobile .v4MarketTierToggle[aria-expanded="true"] {
  background: var(--color-bg-selected-soft);
  border-color: var(--color-border-selected);
}

html[data-theme="light"] body.v4-mobile .v4HotRankToggle[aria-expanded="true"],
html[data-theme="light"] body.watch-mobile-embed.v4-mobile .v4HotRankToggle[aria-expanded="true"] {
  background: var(--color-bg-selected-soft);
  border-color: var(--color-border-selected);
}

/* ── Dashboard page gradient residue ── */
html[data-theme="light"] .v2-dash-page {
  background-color: var(--color-bg-page);
  background:
    radial-gradient(1200px 480px at 12% -10%, var(--color-bg-canvas-glow-1), transparent 55%),
    radial-gradient(900px 420px at 90% 0%, var(--color-bg-canvas-glow-2), transparent 50%),
    linear-gradient(180deg, var(--color-bg-elevated-soft), transparent 120px);
}

html[data-theme="light"] .v2-wl-page {
  background-color: var(--color-bg-page);
  background:
    radial-gradient(900px 360px at 8% -8%, var(--color-bg-canvas-glow-1), transparent 52%),
    linear-gradient(180deg, var(--color-bg-elevated-soft), transparent 100px);
}

/* ── Desktop shell side panel / picker (token fallback if shell CSS stale) ── */
html[data-theme="light"] body.has-desktop-shell .sidePanel,
html[data-theme="light"] body.has-desktop-shell .mainFlowCard .sidePanel {
  background: var(--color-bg-side-panel) !important;
  border-color: var(--color-border-card) !important;
  box-shadow: var(--shadow-panel) !important;
}

html[data-theme="light"] body.has-desktop-shell .sidePanelHead {
  background: linear-gradient(180deg, var(--color-bg-elevated-soft), var(--color-bg-panel-2)) !important;
  border-bottom-color: var(--color-border-subtle) !important;
}

html[data-theme="light"] body.has-desktop-shell .desktopSectorPickerBlock,
html[data-theme="light"] body.has-desktop-shell .mainFlowCard .sectorPickerBlock {
  background: var(--color-bg-picker) !important;
  border-color: var(--color-border-card) !important;
}

html[data-theme="light"] body.has-desktop-shell .sidePanelSub {
  color: var(--color-text-muted) !important;
}

html[data-theme="light"] body.has-desktop-shell .sidePanelHead {
  color: var(--color-text-primary) !important;
}

html[data-theme="light"] body.has-desktop-shell .sideName {
  color: var(--color-text-primary) !important;
  font-weight: 700;
}

html[data-theme="light"] body.has-desktop-shell .sideVal {
  color: var(--color-text-body) !important;
  font-weight: 750;
}

html[data-theme="light"] body.has-desktop-shell .sideFooter {
  color: #0f766e !important;
  background: rgba(13, 148, 136, 0.08) !important;
  border-top-color: rgba(13, 148, 136, 0.22) !important;
}

html[data-theme="light"] .sideDot {
  box-shadow: 0 0 0 1px rgba(30, 60, 100, 0.12);
}

html[data-theme="light"] .sideRow.isHighlighted .sideName,
html[data-theme="light"] .sideRow.isHighlighted .sideVal {
  color: var(--color-text-primary);
}

html[data-theme="light"] .toolbarGrid #btnPlaybackReturnLive {
  background: linear-gradient(180deg, #e6fffa, #ccfbf1);
  border-color: #5eead4;
  color: #0f766e;
  font-weight: 800;
}

html[data-theme="light"] .toolbarGrid #btnPlaybackReturnLive:hover:not(:disabled) {
  background: linear-gradient(180deg, #ccfbf1, #99f6e4);
  border-color: #2dd4bf;
  color: #115e59;
}

/* R2-C：主图区用 chart-bg，避免纯白「白纸图」；业务 series 色不动 */
html[data-theme="light"] body.has-desktop-shell #chart,
html[data-theme="light"] body.has-desktop-shell .mainFlowCard #chart,
html[data-theme="light"] body.watch-chart-embed #chart,
html[data-theme="light"] body.v4-mobile #chart {
  background: var(--chart-bg, #eef3f8) !important;
  border-color: var(--color-border-card) !important;
}

/* ── V4 market trend / structure panels ── */
html[data-theme="light"] .v4MarketTrend,
html[data-theme="light"] .v4MarketTrendRank,
html[data-theme="light"] .v4StructureChartCard {
  background: var(--color-bg-inset);
  border-color: var(--color-border-card);
}

html[data-theme="light"] .v4TrackRank {
  background: var(--color-bg-control);
  border-color: var(--color-border-control);
  color: var(--color-text-secondary);
}

html[data-theme="light"] .v4SectorRankBoard,
html[data-theme="light"] .v4TrackCard {
  background: var(--color-bg-panel);
  border-color: var(--color-border-card);
}

/* ── Dashboard / Watchlist main surfaces ── */
html[data-theme="light"] .v2-dash-page,
html[data-theme="light"] .v2-wl-page {
  color: var(--color-text-primary);
  background-color: var(--color-bg-page);
}

html[data-theme="light"] .v2-dash-page .v2d-panel,
html[data-theme="light"] .v2-dash-page .v2-dash-card,
html[data-theme="light"] .v2-wl-page .v2wl-panel,
html[data-theme="light"] .v2-wl-page .v2-wl-card,
html[data-theme="light"] .v2-wl-page .v2-wl-table-wrap {
  background-color: var(--v2d-panel, var(--color-bg-panel));
  border-color: var(--v2d-line, var(--color-border-card));
  color: var(--v2d-text, var(--color-text-primary));
}

html[data-theme="light"] body.has-desktop-shell .desktop-page-head p {
  color: var(--color-text-muted);
}

html[data-theme="light"] .sectorSearchResultsWrap {
  background: var(--color-bg-inset);
}

html[data-theme="light"] .sectorSearchResultsTitle {
  color: var(--color-text-soft);
}

html[data-theme="light"] .chartActionBtn:disabled,
html[data-theme="light"] .toolbarBtn:disabled,
html[data-theme="light"] .toolbarGrid button:disabled {
  opacity: 1;
  color: var(--color-text-disabled);
  background: #e8eef4;
  border-color: var(--color-border-subtle);
}

/* Watch shell loading card (iframe shell pages) */
html[data-theme="light"] .watch-shell-loading-card {
  background: var(--color-bg-modal);
  border-color: var(--color-border-card);
  box-shadow: var(--shadow-modal);
}

html[data-theme="light"] .watch-shell-loading-title {
  color: var(--color-text-primary);
}

html[data-theme="light"] .watch-shell-loading-desc {
  color: var(--color-text-secondary);
}

html[data-theme="light"] .watch-shell-loading-sub {
  color: var(--color-text-muted);
}

/* ══════════════════════════════════════════════════════════
 * M4-B-R1.2 — Dashboard / Watchlist / Mobile final polish
 * (scoped light only · no global token / sidebar redesign)
 * ══════════════════════════════════════════════════════════ */

/* Dashboard: override component blocks that hardcode dark-era table header blues */
html[data-theme="light"] .v2-dash-c15 {
  --v2d-c15-th: var(--color-text-muted);
  --v2d-c15-code: var(--color-text-muted);
}

html[data-theme="light"] .v2-dash-c16 {
  --v2d-c16-th: var(--color-text-muted);
  --v2d-c16-th-active: var(--color-text-secondary);
}

html[data-theme="light"] .v2-dash-c21 {
  --v2d-c21-th: var(--color-text-muted);
  --v2d-c21-muted: var(--color-text-muted);
}

html[data-theme="light"] .v2-dash-c22 {
  --v2d-c22-th: var(--color-text-muted);
  --v2d-c22-muted: var(--color-text-muted);
  --v2d-c22-dim: var(--color-text-disabled);
}

html[data-theme="light"] .v2-dash-card {
  background-color: var(--v2d-panel);
}

html[data-theme="light"] .v2-dash-card.market {
  opacity: 1;
}

html[data-theme="light"] .v2-dash-pill.muted {
  color: var(--color-text-muted);
  background: var(--color-bg-control);
  border-color: var(--color-border-control);
}

html[data-theme="light"] .v2-dash-page .th-sort,
html[data-theme="light"] .v2-dash-page .v2-dash-wcard-thead th {
  color: var(--color-text-muted);
}

html[data-theme="light"] .v2-dash-page .th-sort.is-active,
html[data-theme="light"] .v2-dash-page .th-sort:hover {
  color: var(--color-text-secondary);
}

/* Watchlist: c17/c18 terminal table header blues → semantic muted */
html[data-theme="light"] .v2-wl-c17 {
  --v2wl-c17-th: var(--color-text-muted);
  --v2wl-c17-th-active: var(--color-text-secondary);
  --v2wl-c17-code: var(--color-text-muted);
}

html[data-theme="light"] .v2-wl-c18 {
  --v2wl-c18-th: var(--color-text-muted);
  --v2wl-c18-th-active: var(--color-text-secondary);
}

html[data-theme="light"] .v2-wl-c17 .v2-wl-table-wrap {
  border-color: var(--color-border-card);
}

html[data-theme="light"] .v2-wl-c17 .v2-wl-table th,
html[data-theme="light"] .v2-wl-c17 .v2-wl-table td,
html[data-theme="light"] .v2-wl-c18 .v2-wl-table th,
html[data-theme="light"] .v2-wl-c18 .v2-wl-table td {
  border-bottom-color: var(--color-border-subtle);
}

html[data-theme="light"] .v2-wl-c17 .th-sort:hover {
  background: var(--color-bg-hover-soft);
  color: var(--color-text-secondary);
}

html[data-theme="light"] .v2-wl-c17 .th-sort.is-active {
  color: var(--color-text-secondary);
}

html[data-theme="light"] .v2-wl-card {
  background-color: var(--v2wl-panel);
}

html[data-theme="light"] .v2-wl-c19 tr.v2-wl-row.is-clickable:hover {
  background: var(--color-bg-hover-soft);
}

html[data-theme="light"] .v2-wl-empty {
  color: var(--color-text-muted);
  border-color: var(--color-border-subtle);
}

/* Mobile shells */
html[data-theme="light"] .mobile-watch-shell,
html[data-theme="light"] body:has(.mobile-watch-shell) {
  background: var(--color-bg-mobile-chrome) !important;
  color: var(--color-text-primary) !important;
}

html[data-theme="light"] .mobile-shell-back {
  background: var(--color-bg-panel) !important;
  border-color: var(--color-border-control) !important;
  color: var(--color-text-primary) !important;
}

html[data-theme="light"] .mobile-watch-loading-card {
  background: var(--color-bg-card);
  border-color: var(--color-border-card);
}

html[data-theme="light"] body.v4-mobile,
html[data-theme="light"] body.watch-mobile-embed.v4-mobile {
  background: var(--color-bg-mobile-chrome);
  color: var(--color-text-primary);
}

html[data-theme="light"] body.v4-mobile .card,
html[data-theme="light"] body.watch-mobile-embed.v4-mobile .card {
  background: var(--color-bg-card);
  border-color: var(--color-border-card);
  color: var(--color-text-primary);
}

html[data-theme="light"] .v2-dash-page button,
html[data-theme="light"] .v2-wl-page button {
  background: var(--color-bg-control);
  border: 1px solid var(--color-border-control);
  color: var(--color-text-primary);
  border-radius: 6px;
}

html[data-theme="light"] .v2-dash-page button:hover:not(:disabled),
html[data-theme="light"] .v2-wl-page button:hover:not(:disabled) {
  background: var(--color-bg-control-hover);
  border-color: var(--color-border-selected);
}

/* R1.2 residual: Dashboard module titles / live pill / page title (structure only) */
html[data-theme="light"] .v2-dash-c8 .v2-dash-page-title {
  background: none;
  -webkit-background-clip: unset;
  background-clip: unset;
  color: var(--color-text-primary);
}

html[data-theme="light"] .v2-dash-c8 .accent-market h2 {
  color: #2f6694;
}
html[data-theme="light"] .v2-dash-c8 .accent-market .v2-dash-mod-ico {
  color: #3d78ad;
}
html[data-theme="light"] .v2-dash-c8 .accent-watch h2 {
  color: #0f766e;
}
html[data-theme="light"] .v2-dash-c8 .accent-watch .v2-dash-mod-ico {
  color: #0d9488;
}
html[data-theme="light"] .v2-dash-c8 .accent-discover h2 {
  color: #b45309;
}
html[data-theme="light"] .v2-dash-c8 .accent-discover .v2-dash-mod-ico {
  color: #c2410c;
}
html[data-theme="light"] .v2-dash-c8 .accent-alert h2 {
  color: #7e22ce;
}
html[data-theme="light"] .v2-dash-c8 .accent-alert .v2-dash-mod-ico {
  color: #9333ea;
}

html[data-theme="light"] .v2-dash-pill.live {
  color: #0f766e;
  border-color: rgba(13, 148, 136, 0.35);
  background: rgba(13, 148, 136, 0.1);
  box-shadow: none;
}

/* ICP footer readable on light page */
html[data-theme="light"] .site-icp-footer,
html[data-theme="light"] .site-icp-contact,
html[data-theme="light"] .site-icp-meta,
html[data-theme="light"] .site-icp-risk {
  color: var(--color-text-muted);
}
html[data-theme="light"] .site-icp-brand {
  color: var(--color-text-secondary);
}
html[data-theme="light"] .site-icp-links a {
  color: var(--color-text-link);
}
html[data-theme="light"] .site-icp-links a:hover {
  color: var(--color-interactive-primary-hover);
}
html[data-theme="light"] .site-icp-sep {
  color: var(--color-text-disabled);
}

/* ── R1.2 residual Dark islands (structure only) ── */

/* Radar mobile sticky chrome */
@media (max-width: 919px) {
  html[data-theme="light"] .radar-chrome {
    background: rgba(245, 248, 252, 0.97) !important;
    border-bottom-color: var(--color-border-card) !important;
  }
}

/* Theme Library mobile hub toggle */
html[data-theme="light"] .hub-toggle {
  background: var(--color-bg-panel);
  border-color: var(--color-border-control);
  color: var(--color-text-primary);
  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.08);
}

/* Crowding reason track (4px bar) */
html[data-theme="light"] .reason-bar {
  background: rgba(80, 120, 170, 0.18);
}

/* Admin data-status floating chip (injected M19 chrome) */
html[data-theme="light"] #m19-ds-panel-btn {
  background: rgba(255, 255, 255, 0.94) !important;
  border-color: var(--color-border-control) !important;
  color: var(--color-text-primary) !important;
  box-shadow: var(--shadow-panel) !important;
}
html[data-theme="light"] #m19-ds-panel-btn:hover {
  background: var(--color-bg-control-hover) !important;
}
html[data-theme="light"] #m19-ds-panel-body {
  background: rgba(255, 255, 255, 0.97) !important;
  border-color: var(--color-border-card) !important;
  color: var(--color-text-primary) !important;
  box-shadow: var(--shadow-modal) !important;
}
html[data-theme="light"] #m19-ds-panel-body .m19-dsp-title {
  color: var(--color-text-link) !important;
}
html[data-theme="light"] #m19-ds-panel-body .m19-dsp-sub {
  color: var(--color-text-muted) !important;
}

/* Dashboard / Watchlist: ensure opaque page base (gradient alone can probe as transparent) */
html[data-theme="light"] .v2-dash-page {
  background-color: var(--color-bg-page) !important;
}
html[data-theme="light"] .v2-wl-page {
  background-color: var(--color-bg-page) !important;
}

/* ETF / Main mobile embed shell: keep chrome light when iframe body is transparent */
html[data-theme="light"] .mobile-watch-shell,
html[data-theme="light"] .mobile-etf-shell,
html[data-theme="light"] body:has(.mobile-watch-frame),
html[data-theme="light"] body:has(.mobile-etf-frame) {
  background: var(--color-bg-mobile-chrome);
  color: var(--color-text-primary);
}