/* investment_appraisal.css — payback & ARR lab (see investment_appraisal.js). */

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

.iva-zero { stroke: rgba(203, 213, 225, 0.55); stroke-width: 1.3; }
.iva-red { fill: rgba(251, 113, 133, 0.06); }
.iva-axis { fill: #97a6ba; font-size: 9px; font-variant-numeric: tabular-nums; }
.iva-year { fill: #8a9bb0; font-size: 9px; font-weight: 600; }
.iva-line { stroke: #34d399; stroke-width: 2.4; stroke-linejoin: round; stroke-linecap: round; filter: drop-shadow(0 0 4px rgba(52, 211, 153, 0.45)); }
.iva-dot { fill: #34d399; stroke: #04130c; stroke-width: 0.8; }
.iva-dot-neg { fill: #fb7185; stroke: #3d0a14; stroke-width: 0.8; }
.iva-flag, .iva-pb {
  paint-order: stroke; stroke: #0b1220; stroke-width: 2.4px; stroke-linejoin: round;
  font-variant-numeric: tabular-nums;
}
.iva-flag { fill: #fda4af; font-size: 9px; font-weight: 600; }
.iva-pb { fill: #fcd34d; font-size: 10px; font-weight: 700; }
.iva-zone { font-size: 9px; font-weight: 600; font-style: italic; }
.iva-zone-neg { fill: rgba(251, 113, 133, 0.75); }
.iva-zone-pos { fill: rgba(52, 211, 153, 0.7); }