/*
 * M4-B-R2-D — Crowding / Stock / Auction / Yesterday Light 专项
 * Scope: html[data-theme="light"] only · 业务 Series / 涨跌 / 拥挤语义色冻结 · 不改 Dark
 * 不改 Global 正文字 token · Adapter 不改 · Radar 不主动重设计
 */

/* ========== Crowding (.crowding-app) ========== */
html[data-theme="light"] .crowding-app .section-hint,
html[data-theme="light"] .crowding-app .focus-hint,
html[data-theme="light"] .crowding-app .metric-hint,
html[data-theme="light"] .crowding-app .metric-tip,
html[data-theme="light"] .crowding-app .metric-expand-hint,
html[data-theme="light"] .crowding-app .metric-detail-hint,
html[data-theme="light"] .crowding-app .metric-detail-hint--sub,
html[data-theme="light"] .crowding-app .metric-detail-k,
html[data-theme="light"] .crowding-app .score-risk-note,
html[data-theme="light"] .crowding-app .metric-card .metric-hint {
  color: var(--color-text-secondary);
  opacity: 1;
}

html[data-theme="light"] .crowding-app .metric-name,
html[data-theme="light"] .crowding-app .focus-k,
html[data-theme="light"] .crowding-app .metric-calc-fold > summary {
  color: var(--color-text-secondary);
  opacity: 1;
}

html[data-theme="light"] .crowding-app .name-cell,
html[data-theme="light"] .crowding-app .focus-name,
html[data-theme="light"] .crowding-app .rank-name-btn .name-text {
  color: var(--color-text-primary);
  font-weight: 700;
}

html[data-theme="light"] .crowding-app .name-cell .stock-code,
html[data-theme="light"] .crowding-app .focus-code,
html[data-theme="light"] .crowding-app .stock-sector-sub,
html[data-theme="light"] .crowding-app .rank-name-btn .stock-code {
  color: var(--color-text-secondary);
  opacity: 1;
}

/* 排名：Secondary，禁止 dim/极淡 */
html[data-theme="light"] .crowding-app .crowding-table .rank,
html[data-theme="light"] .crowding-app .rank {
  color: var(--color-text-secondary);
  font-weight: 800;
}

/* 排名圆 / pill：浅底 + 深字，禁止浅圆白字 */
html[data-theme="light"] .crowding-app .score-pill {
  background: rgba(37, 99, 235, 0.12);
  color: #1e3a8a;
  border: 1px solid rgba(37, 99, 235, 0.28);
}
html[data-theme="light"] .crowding-app .score-pill.hot {
  background: rgba(255, 90, 90, 0.12);
  color: #b91c1c;
  border-color: rgba(255, 90, 90, 0.28);
}
html[data-theme="light"] .crowding-app .score-pill.warm {
  background: rgba(255, 154, 61, 0.14);
  color: #c2410c;
  border-color: rgba(255, 154, 61, 0.32);
}
html[data-theme="light"] .crowding-app .score-pill.mid {
  background: rgba(37, 99, 235, 0.1);
  color: #1e40af;
  border-color: rgba(37, 99, 235, 0.24);
}
html[data-theme="light"] .crowding-app .score-pill.cool {
  background: rgba(45, 189, 110, 0.12);
  color: #047857;
  border-color: rgba(45, 189, 110, 0.28);
}

html[data-theme="light"] .crowding-app .sector-chip--industry {
  color: #1e40af;
  background: rgba(37, 99, 235, 0.1);
  border-color: rgba(37, 99, 235, 0.28);
}
html[data-theme="light"] .crowding-app .sector-chip--theme {
  color: #5b21b6;
  background: rgba(180, 156, 255, 0.14);
  border-color: rgba(124, 58, 237, 0.28);
}
html[data-theme="light"] .crowding-app .sector-chip--na {
  color: var(--color-text-secondary);
  background: var(--color-bg-elevated-soft);
  border-color: var(--color-border-subtle);
}

html[data-theme="light"] .crowding-app .share-band {
  color: var(--color-text-secondary);
  background: var(--color-bg-elevated-soft);
  border-color: var(--color-border-control);
}
html[data-theme="light"] .crowding-app .share-band.high {
  color: #b91c1c;
  background: rgba(255, 90, 90, 0.1);
  border-color: rgba(255, 90, 90, 0.28);
}
html[data-theme="light"] .crowding-app .share-band.mid {
  color: #c2410c;
  background: rgba(255, 154, 61, 0.12);
  border-color: rgba(255, 154, 61, 0.3);
}

html[data-theme="light"] .crowding-app .reason-bar {
  background: rgba(70, 110, 160, 0.16);
}
html[data-theme="light"] .crowding-app .chart-panel,
html[data-theme="light"] .crowding-app .history-chart {
  background: var(--chart-bg, #eef3f8);
}
html[data-theme="light"] .crowding-app .table-wrap {
  background: var(--color-bg-panel);
  border-color: var(--color-border-card);
}
html[data-theme="light"] .crowding-app .crowding-table thead th {
  color: var(--color-text-secondary);
  background: var(--color-bg-elevated-soft);
  border-bottom-color: var(--color-border-default);
  font-weight: 750;
}

/* M4-B Visual G6：表格次级数字 / metric 壳 — 去掉浅青硬编码在 Light 下发虚 */
html[data-theme="light"] .crowding-app .crowding-table .num-amount,
html[data-theme="light"] .crowding-app .crowding-table .num-share {
  color: var(--color-accent);
}
html[data-theme="light"] .crowding-app .crowding-table .num-turnover {
  color: var(--color-text-link);
}
html[data-theme="light"] .crowding-app .metric-card {
  background: var(--color-bg-panel);
  border-color: var(--color-border-card);
}
html[data-theme="light"] .crowding-app .focus-panel {
  background: var(--color-bg-panel);
  border-color: var(--color-border-card);
}
html[data-theme="light"] .crowding-app .metric-detail-block-text {
  color: var(--color-text-body);
}

/* 趋势区间 Tab */
html[data-theme="light"] .crowding-app .history-range-btn {
  background: var(--color-bg-control);
  border-color: var(--color-border-control);
  color: var(--color-text-secondary);
  opacity: 1;
}
html[data-theme="light"] .crowding-app .history-range-btn.is-active {
  background: rgba(37, 99, 235, 0.14);
  border-color: #2563eb;
  color: #1e3a8a;
  font-weight: 800;
}
html[data-theme="light"] .crowding-app .history-range-btn:disabled,
html[data-theme="light"] .crowding-app .history-range-btn[aria-disabled="true"] {
  opacity: 1;
  color: var(--color-text-disabled);
  background: var(--color-bg-elevated-soft);
}

/* ========== Stock Flow + validation (body[data-page-mode]) ========== */
html[data-theme="light"] body[data-page-mode] .sideCode,
html[data-theme="light"] body[data-page-mode] .stock-code {
  color: var(--color-text-secondary);
  opacity: 1;
}
html[data-theme="light"] body[data-page-mode] .sideName,
html[data-theme="light"] body[data-page-mode] .stock-name {
  color: var(--color-text-primary);
  font-weight: 750;
}
html[data-theme="light"] body[data-page-mode] .sidePanelHead,
html[data-theme="light"] body[data-page-mode] .sidePanelHead #sidePanelTitle,
html[data-theme="light"] body[data-page-mode] .sidePanelHead[data-view="replay"] #sidePanelTitle,
html[data-theme="light"] body[data-page-mode] .sidePanelHead[data-view="live"] #sidePanelTitle,
html[data-theme="light"] body[data-page-mode] .chartHead strong {
  color: var(--color-text-primary);
}
html[data-theme="light"] body[data-page-mode] .sidePanelSub,
html[data-theme="light"] body[data-page-mode] .hint,
html[data-theme="light"] body[data-page-mode] .sectorPickerCount,
html[data-theme="light"] body[data-page-mode] .sectorPickerSectionHint,
html[data-theme="light"] body[data-page-mode] .chartHead span,
html[data-theme="light"] body[data-page-mode] .qualitySummaryStats,
html[data-theme="light"] body[data-page-mode] .quality-detail,
html[data-theme="light"] body[data-page-mode] .stockChipsEmpty,
html[data-theme="light"] body[data-page-mode] .sideEmpty {
  color: var(--color-text-muted);
  opacity: 1;
}
html[data-theme="light"] body[data-page-mode] .toolbarTinyStatus,
html[data-theme="light"] body[data-page-mode] .toolbarTinyStatus .playbackStatusMain {
  color: var(--color-text-secondary);
  opacity: 1;
}
html[data-theme="light"] body[data-page-mode] .toolbarTinyStatus strong {
  color: var(--color-text-primary);
}

html[data-theme="light"] body[data-page-mode] .toolbarBtn,
html[data-theme="light"] body[data-page-mode] .toolbarGrid button {
  color: var(--color-text-primary);
  background: var(--color-bg-control);
  border-color: var(--color-border-control);
}
html[data-theme="light"] body[data-page-mode] .toolbarBtn:hover:not(:disabled),
html[data-theme="light"] body[data-page-mode] .toolbarGrid button:hover:not(:disabled) {
  background: rgba(37, 99, 235, 0.1);
  border-color: var(--color-border-selected);
}
html[data-theme="light"] body[data-page-mode] .toolbarBtn.active,
html[data-theme="light"] body[data-page-mode] .modeButtons button.active {
  color: #1e3a8a;
  background: rgba(37, 99, 235, 0.16);
  border-color: #2563eb;
  box-shadow: inset 3px 0 0 #2563eb;
}
html[data-theme="light"] body[data-page-mode] .toolbarBtn:disabled,
html[data-theme="light"] body[data-page-mode] .toolbarGrid button:disabled {
  opacity: 1;
  color: var(--color-text-disabled);
  border-color: var(--color-border-subtle);
  background: var(--color-bg-elevated-soft);
  filter: none;
}

/* Modal：本体 Light；Overlay 可深 */
html[data-theme="light"] body[data-page-mode] .sectorPickerModalPanel,
html[data-theme="light"] body[data-page-mode] .unifiedReplayPanelCard {
  background: var(--color-bg-modal, var(--color-bg-panel));
  border-color: var(--color-border-strong);
  color: var(--color-text-body);
}
html[data-theme="light"] body[data-page-mode] .sectorPickerModalHead,
html[data-theme="light"] body[data-page-mode] .unifiedReplayPanelHead {
  color: var(--color-text-primary);
  background: linear-gradient(180deg, var(--color-bg-elevated-soft), var(--color-bg-panel));
  border-bottom-color: var(--color-border-subtle);
}
html[data-theme="light"] body[data-page-mode] .modalAddButton,
html[data-theme="light"] body[data-page-mode] .chip-action--join {
  color: #1e3a8a;
  background: rgba(37, 99, 235, 0.12);
  border-color: rgba(37, 99, 235, 0.42);
  font-weight: 800;
}
html[data-theme="light"] body[data-page-mode] .search-result span,
html[data-theme="light"] body[data-page-mode] .chip-action {
  color: var(--color-text-secondary);
}
html[data-theme="light"] body[data-page-mode] .search-result:hover,
html[data-theme="light"] body[data-page-mode] .search-result.active {
  background: rgba(37, 99, 235, 0.08);
}
html[data-theme="light"] body[data-page-mode] .qualityExpandHint {
  color: var(--color-text-link);
}
html[data-theme="light"] body[data-page-mode] .productModeBadge[data-mode="historical-ready"],
html[data-theme="light"] body[data-page-mode] .productModeBadge[data-view="history"],
html[data-theme="light"] body[data-page-mode] .productModeBadge[data-view="history_fallback"] {
  color: #5b21b6;
  border-color: rgba(124, 58, 237, 0.35);
  background: rgba(124, 58, 237, 0.1);
}
html[data-theme="light"] body[data-page-mode] .normalizedHint {
  color: #92400e;
  background: rgba(255, 200, 87, 0.12);
}
html[data-theme="light"] body[data-page-mode] .qualityDetails,
html[data-theme="light"] body[data-page-mode] .qualityTableWrap {
  background: var(--color-bg-panel);
  border-color: var(--color-border-card);
}
html[data-theme="light"] body[data-page-mode] .qualityDetails th,
html[data-theme="light"] body[data-page-mode] table th {
  color: var(--color-text-secondary);
  background: var(--color-bg-elevated-soft);
}

/* ========== Auction (.page + auction-only widgets) ========== */
html[data-theme="light"] .page {
  --sub: var(--color-text-secondary);
  --muted: var(--color-text-muted);
}
html[data-theme="light"] .page .page-header-time,
html[data-theme="light"] .page .card-sub,
html[data-theme="light"] .page .overview-stats,
html[data-theme="light"] .page .stock-cell .stock-code,
html[data-theme="light"] .page .stock-cell .stock-rank,
html[data-theme="light"] .page .stock-cell .stock-seen,
html[data-theme="light"] .page .hot-card p,
html[data-theme="light"] .page .hot-card .prob {
  color: var(--color-text-muted);
  opacity: 1;
}
html[data-theme="light"] .page .main-tabs button {
  color: var(--color-text-secondary);
}
html[data-theme="light"] .page .main-tabs button.active {
  color: var(--color-interactive-primary);
  font-weight: 850;
}
html[data-theme="light"] .page .stock-cell .stock-name,
html[data-theme="light"] .page .hot-card h4,
html[data-theme="light"] .page .card-title,
html[data-theme="light"] .page .page-header-title {
  color: var(--color-text-primary);
}

/* Chip：Light 可读；禁止 Dark 青字；未选不要靠 opacity 抹掉 */
html[data-theme="light"] .page .chip {
  opacity: 1;
  background: var(--color-bg-control);
  border-color: var(--color-border-control);
  color: var(--color-text-secondary);
}
html[data-theme="light"] .page .chip:not(.active) {
  opacity: 1;
  color: var(--color-text-muted);
  background: var(--color-bg-elevated-soft);
}
html[data-theme="light"] .page .chip.active {
  opacity: 1;
  color: #1e3a8a;
  background: rgba(37, 99, 235, 0.14);
  border-color: #2563eb;
  font-weight: 800;
}
html[data-theme="light"] .page .chip.live {
  color: #0e7490;
  border-color: rgba(8, 145, 178, 0.4);
  background: rgba(8, 145, 178, 0.1);
}
html[data-theme="light"] .page .chip.live.active {
  color: #155e75;
  background: rgba(8, 145, 178, 0.16);
  border-color: #0891b2;
}
html[data-theme="light"] .page .chip.snapshot {
  color: var(--color-text-secondary);
  border-color: var(--color-border-control);
  background: var(--color-bg-elevated-soft);
}
html[data-theme="light"] .page .chip.snapshot.active {
  color: #1e3a8a;
  background: rgba(37, 99, 235, 0.12);
  border-color: #2563eb;
}
html[data-theme="light"] .page .chip.cache {
  color: #b45309;
  border-color: rgba(245, 158, 11, 0.4);
  background: rgba(245, 158, 11, 0.12);
}
html[data-theme="light"] .page .chip.warn {
  color: #be123c;
  border-color: rgba(244, 63, 94, 0.35);
  background: rgba(244, 63, 94, 0.1);
}

html[data-theme="light"] .page .hot-card .samples {
  color: var(--color-text-secondary);
}
html[data-theme="light"] .page .hot-card.muted {
  opacity: 1;
  border-style: dashed;
}
html[data-theme="light"] .page .hot-card.muted .cnt {
  color: var(--color-text-secondary);
}
html[data-theme="light"] .page .yd-tag.yd-more {
  color: var(--color-text-secondary);
  background: var(--color-bg-elevated-soft);
}
html[data-theme="light"] .page .mark-920 {
  color: #b45309;
  background: rgba(245, 158, 11, 0.12);
  border-color: rgba(245, 158, 11, 0.35);
}
html[data-theme="light"] .page .chart-box {
  background: var(--chart-bg, #eef3f8);
  border-radius: 8px;
}
html[data-theme="light"] .page .seg button {
  color: var(--color-text-secondary);
  background: var(--color-bg-control);
  border-color: var(--color-border-control);
}
html[data-theme="light"] .page .seg button.active {
  color: #1e3a8a;
  background: rgba(37, 99, 235, 0.14);
  border-color: #2563eb;
}
html[data-theme="light"] .page table.data-table th {
  color: var(--color-text-secondary);
  background: var(--color-bg-elevated-soft);
}

/* ========== Yesterday (Main 同族：复用 #chart + wrap/card) ========== */
html[data-theme="light"] body.has-desktop-shell .wrap > .card:not(.mainFlowCard) {
  background: var(--color-bg-panel);
  border: 1px solid var(--color-border-card);
  box-shadow: var(--shadow-panel);
}
html[data-theme="light"] body.has-desktop-shell .wrap .title {
  color: var(--color-text-primary);
}
html[data-theme="light"] body.has-desktop-shell .wrap .status,
html[data-theme="light"] body.has-desktop-shell .wrap .hint,
html[data-theme="light"] body.has-desktop-shell .wrap .meta {
  color: var(--color-text-muted);
  opacity: 1;
}
html[data-theme="light"] body.has-desktop-shell .wrap #btnRefresh,
html[data-theme="light"] body.has-desktop-shell .wrap #btnReplay,
html[data-theme="light"] body.has-desktop-shell .wrap button {
  color: var(--color-text-primary);
  background: var(--color-bg-control);
  border-color: var(--color-border-control);
}
html[data-theme="light"] body.has-desktop-shell .wrap button:hover {
  background: rgba(37, 99, 235, 0.1);
  border-color: var(--color-border-selected);
}