@import url("../../trader/lessons/style.css");

/* ───────────────────────────────────────────────────────────────
   财报的逻辑 / financials track  (The Logic of Financial Statements —
   How to Read a Financial Report Like a Buy-side / Sell-side Analyst)
   Third sibling of markets (外部看机器) & trader (坐进椅子). This one
   reads the company's own self-report to reverse-engineer the business
   and find the expectation gap.

   Inherits trader's sheet verbatim (which @imports cosmos → RL base),
   so it already has: kicker / source-note / takeaway / position-grid /
   coverage-grid / lesson-flow / mini-flow / trade-table / lesson-grid /
   toc-grid / widget / kpi-grid / controls / prompt-list / dist-canvas /
   callout ok|warn, plus trader's ledger / chip-row / chip(.keep/.hedge) /
   payoff-legend — all of which fit financial statements perfectly
   (ledger = a line-item mini-statement, chip = a north-star metric).

   A few financials-only helpers below. They degrade gracefully — every
   widget still works with the standard .widget / .kpi-grid / .dist-canvas
   shells, so these are optional sugar.
   ─────────────────────────────────────────────────────────────── */

/* 危险信号筹码：红框红字，用于第 16 课的"闻味道"清单 */
.chip.flag {
  border-color: rgba(239,68,68,0.6);
  color: #fca5a5;
  background: rgba(239,68,68,0.06);
}
.chip.flag .k { color: #fca5a5; }

/* 真北指标小卡：高亮"这门生意该盯的那一行" */
.northstar {
  border: 1px solid rgba(34,197,94,0.45);
  border-left: 3px solid var(--ok, #22c55e);
  border-radius: 10px;
  background: rgba(34,197,94,0.05);
  padding: 12px 14px;
  margin: 14px 0;
}
.northstar .label {
  display: block;
  margin-bottom: 4px;
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.04em;
  color: var(--ok, #22c55e);
}
.northstar .metric {
  font-family: var(--mono);
  font-weight: 700;
}

/* 噪声行：会骗你的那一行，划一条弱化的斜线感 */
.noise-row {
  color: var(--text-mute);
  text-decoration: line-through;
  text-decoration-color: rgba(239,68,68,0.4);
}