/* 推送跟踪视图 (tracking-view.js) */
.tracking-toolbar {
  display: flex;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;
  padding: 12px 16px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 10px;
  margin-bottom: 14px;
}

.filter-field { display: flex; align-items: center; gap: 8px; }
.filter-label { color: var(--muted); font-size: 13px; }

.filter-select {
  padding: 6px 10px;
  border: 1px solid var(--line-strong);
  border-radius: 8px;
  background: var(--surface-soft);
  color: var(--ink);
  font: inherit;
  min-width: 140px;
}

/* 紧凑下拉（情绪周期 / AI用量的「范围」筛选）。
   ⚠️ compact-select 此前**在 CSS 里完全不存在** —— 两处都用的浏览器默认外观。 */
.compact-select {
  padding: 5px 9px;
  border: 1px solid var(--line-strong);
  border-radius: 8px;
  background: var(--surface-soft);
  color: var(--ink);
  font: inherit;
  font-size: 13px;
  min-width: 84px;
  cursor: pointer;
}
.compact-select:hover { border-color: var(--muted); }

/* 「仅看实际推送」开关（用户2026-09-22：\"打钩不明显\"）——
   原生 checkbox 太小 ⇒ 加大到 16px + 主题红作勾选色(accent-color)，右侧再挂「已开启/已关闭」状态字，
   开关态一眼可辨；整块做成胶囊按钮，与旁边的下拉/刷新按钮同一视觉层级。 */
.filter-toggle {
  display: flex; align-items: center; gap: 7px; cursor: pointer;
  padding: 3px 10px 3px 8px; border: 1px solid var(--line-strong); border-radius: 999px;
  background: var(--surface); color: var(--muted); font-size: 13px;
}
.filter-toggle:hover { border-color: var(--muted); }
.filter-toggle .filter-check {
  width: 16px; height: 16px; margin: 0; cursor: pointer;
  accent-color: var(--red);
}
.filter-toggle-text { color: var(--ink); }
.filter-toggle-state {
  padding: 1px 7px; border-radius: 999px; white-space: nowrap;
  font-size: 11.5px; font-weight: 700;
  color: var(--muted); background: #eef0ed;
}
.filter-toggle-state.is-on { color: #fff; background: var(--red); }

/* 行内「已推送 / 未推送」标记：仅当取消勾选（候选池全量）时出现，
   用于区分"候选"与"当天真的推出去的" —— 用户反馈"取消后看不出区别"的正面解法。 */
.push-tag {
  display: inline-block; margin-top: 2px; padding: 0 5px; border-radius: 3px;
  font-size: 10.5px; color: var(--muted); background: #eef0ed;
}
.push-tag.is-pushed { color: #9f2f2a; background: #f9e6e3; font-weight: 700; }

/* ── 早盘情绪周期（2026-09-19 用户要求）────────────────────────
   推送跟踪里显示"推送时的情绪环境"，用于判断推送质量
   （如: 退潮期/冰点期推的票，命中率天然更低）。 */
.mood-stage-chip {
  display: inline-block; margin-left: 10px; padding: 2px 10px;
  border: 1px solid var(--line-strong); border-radius: 999px;
  background: var(--surface-soft); color: var(--ink);
  font-size: 12px; font-weight: 600; white-space: nowrap;
}
.review-table .mood-cell { font-size: 11.5px; white-space: nowrap; }
.review-table td.mood-cell { color: var(--ink); }

.stat-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.stat-card {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 14px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 10px;
}

.stat-label { color: var(--muted); font-size: 12px; }
.stat-value { font-size: 18px; }
.stat-note { color: var(--muted); font-size: 12px; }

.stock-cell { display: flex; flex-direction: column; gap: 2px; min-width: 120px; }
.stock-name { font-weight: 600; }
.stock-code, .stock-industry { color: var(--muted); font-size: 12px; }

.tracking-table th, .tracking-table td { white-space: nowrap; }
.best-cell, .worst-cell { font-weight: 700; }

.view-footnote {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
  margin: 12px 2px 0;
}

.refresh-button.compact { padding: 6px 12px; }

/* 收盘复盘：展示与推送一致的正文，不展示股票明细表。 */
.closing-review-report {
  max-width: 1680px;
  padding: 4px 2px 18px;
  color: var(--ink);
}
.review-report-title {
  margin: 0 0 12px;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 750;
}
.review-report-heading {
  margin: 16px 0 8px;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 750;
}
.review-report-text {
  margin: 7px 0;
  font-size: 14px;
  line-height: 1.85;
  white-space: pre-wrap;
}
.review-performance-box {
  margin: 4px 0 14px;
  padding: 9px 14px;
  background: #f3f4f2;
  border: 1px solid #e6e8e4;
  border-radius: 6px;
}
.review-performance-box .review-report-text { margin: 3px 0; }
.review-pnl { color: #c9342f; font-weight: 750; }
.review-report-footer {
  margin: 18px 0 0;
  font-size: 13px;
  line-height: 1.7;
  color: var(--muted);
}