/* cash_flow.css — the cash-flow forecast lab (see cash_flow.js).
   Chart strokes + the exam-style forecast table. Reuses the .lv-* chrome. */

.cfl .lv-stage { padding: 8px 6px 4px; }
.cfl .lv-stage svg { display: block; width: 100%; height: auto; }

/* chart */
.cfl-zero { stroke: rgba(203, 213, 225, 0.55); stroke-width: 1.3; }
.cfl-axis { fill: #97a6ba; font-size: 9px; font-variant-numeric: tabular-nums; }
.cfl-bar-in { fill: rgba(52, 211, 153, 0.55); stroke: #34d399; stroke-width: 0.8; }
.cfl-bar-out { fill: rgba(251, 113, 133, 0.5); stroke: #fb7185; stroke-width: 0.8; }
.cfl-line { stroke: #fbbf24; stroke-width: 2.4; stroke-linejoin: round; stroke-linecap: round; filter: drop-shadow(0 0 4px rgba(251, 191, 36, 0.45)); }
.cfl-dot { fill: #fbbf24; stroke: #3a2a05; stroke-width: 0.8; }
.cfl-dot-neg { fill: #fb7185; stroke: #3d0a14; stroke-width: 0.8; }
.cfl-flag { fill: #fda4af; font-size: 9px; font-weight: 700; paint-order: stroke; stroke: #0b1220; stroke-width: 2.4px; stroke-linejoin: round; font-variant-numeric: tabular-nums; }
.cfl-month { fill: #97a6ba; font-size: 9.5px; font-weight: 600; }
.cfl-dim { opacity: 0.22; }
.cfl-legend text { fill: #8a9bb0; font-size: 9px; }

/* the exam-style forecast table */
.cfl-tablewrap { overflow-x: auto; }
.cfl-table {
  width: 100%; border-collapse: collapse; font-size: 0.82rem;
  font-variant-numeric: tabular-nums; color: #cbd5e1;
}
.cfl-table caption { caption-side: top; text-align: left; padding: 0 0 0.35rem 0.1rem; color: #8a9bb0; font-size: 0.78rem; }
.cfl-table th, .cfl-table td { padding: 0.28rem 0.5rem; text-align: right; border-bottom: 1px solid rgba(104, 130, 176, 0.16); }
.cfl-table thead th { color: #9fb0c4; font-weight: 700; border-bottom-color: rgba(104, 130, 176, 0.4); }
.cfl-table tbody th { text-align: left; font-weight: 600; color: #9fb0c4; white-space: nowrap; }
.cfl-table .cfl-netrow { color: #a5f3fc; }
.cfl-table .cfl-closerow { color: #fcd34d; font-weight: 700; }
.cfl-table .cfl-neg { color: #fb7185; font-weight: 800; }
.cfl-table .cfl-hid { color: rgba(148, 163, 184, 0.35); }
.cfl-eq-pos { color: #34d399; }
.cfl-eq-neg { color: #fb7185; }