/* decision_tree.css — the business decision-tree / EMV lab (see decision_tree.js).
   Reuses the .lv-* chrome; only tree-specific strokes and node fills live here. */

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

/* branches: the chosen option keeps full strength, the rejected one recedes */
.dtree-branch { stroke: #8fa8cf; stroke-width: 2.4; stroke-linecap: round; }
.dtree-branch-thin { stroke-width: 1.8; }
.dtree-off .dtree-branch { stroke: #4b5b76; stroke-width: 1.8; }
.dtree-off { opacity: 0.72; }
.dtree-cut { stroke: #fb7185; stroke-width: 2.2; stroke-linecap: round; }

/* nodes: square = decision, circle = chance (exam notation) */
.dtree-decision { fill: rgba(56, 189, 248, 0.16); stroke: #38bdf8; stroke-width: 1.8; }
.dtree-chance { fill: rgba(251, 191, 36, 0.14); stroke: #fbbf24; stroke-width: 1.8; }
.dtree-nodelab { fill: #8a9bb0; font-size: 9px; font-weight: 600; letter-spacing: 0.04em; }

/* branch labels — haloed so they read over the strokes */
.dtree-lab, .dtree-cost, .dtree-net, .dtree-prob {
  paint-order: stroke; stroke: #0b1220; stroke-width: 2.6px; stroke-linejoin: round;
  font-variant-numeric: tabular-nums;
}
.dtree-lab { fill: #e8eef6; font-size: 11px; font-weight: 700; }
.dtree-cost { fill: #fda4af; font-size: 9.5px; font-weight: 600; }
.dtree-net { fill: #9fb0c4; font-size: 10.5px; font-weight: 700; }
.dtree-net-win { fill: #34d399; }
.dtree-prob { font-size: 9.5px; font-weight: 600; }
.dtree-prob-s { fill: #86dcbe; }
.dtree-prob-f { fill: #fda4af; }

/* payoff boxes at the leaves */
.dtree-payoff rect { fill: rgba(255, 255, 255, 0.04); stroke: rgba(143, 168, 207, 0.55); stroke-width: 1.3; }
.dtree-payoff-s rect { stroke: #34d399; fill: rgba(52, 211, 153, 0.1); }
.dtree-payoff-f rect { stroke: #fb7185; fill: rgba(251, 113, 133, 0.1); }
.dtree-payoff-num { fill: #ffffff; font-size: 12px; font-weight: 700; font-variant-numeric: tabular-nums; }

/* the rolled-back EMV badge under the chance node */
.dtree-emv rect { fill: rgba(251, 191, 36, 0.12); stroke: #fbbf24; stroke-width: 1.2; }
.dtree-emv text { fill: #fcd34d; font-size: 10.5px; font-weight: 700; font-variant-numeric: tabular-nums; }