/* decision-card.css — scenario lens + leverage / decision insight */

.decision {
  margin-top: var(--s-5); border: 1px solid var(--c-hair-strong); border-radius: var(--r-lg);
  background: var(--c-surface); overflow: hidden; box-shadow: var(--shadow-rest);
}
.decision__head { display: flex; align-items: center; justify-content: space-between; gap: var(--s-3); padding: var(--s-4) var(--s-5); border-bottom: var(--hair); }
.decision__title { font-family: var(--f-mono); font-size: var(--t-xs); letter-spacing: 0.14em; text-transform: uppercase; color: var(--c-ink-faint); }
.decision__tag { font-family: var(--f-mono); font-size: var(--t-xs); color: var(--c-accent); }

/* ---- scenario lens (current / benchmark / optimized) ---- */
.scenario { display: grid; grid-template-columns: 1fr; }
.scenario__row {
  display: grid; grid-template-columns: 104px 1fr auto auto; align-items: center; gap: var(--s-4);
  padding: var(--s-4) var(--s-5); border-bottom: var(--hair); transition: background var(--dur-2) var(--ease);
}
.scenario__row:last-child { border-bottom: 0; }
.scenario__row[data-state="optimized"] { background: color-mix(in srgb, var(--c-accent-wash) 50%, transparent); }
.scenario__state { font-family: var(--f-mono); font-size: var(--t-xs); letter-spacing: 0.1em; text-transform: uppercase; color: var(--c-ink-faint); }
.scenario__row[data-state="optimized"] .scenario__state { color: var(--c-accent-deep); }
.scenario__bar { height: 6px; border-radius: 999px; background: var(--c-surface-sunk); position: relative; overflow: hidden; }
.scenario__bar > i { position: absolute; inset: 0 auto 0 0; right: calc(100% - var(--fill, 0%)); background: var(--c-accent); border-radius: 999px; transition: right var(--dur-4) var(--ease-out); }
.scenario__row[data-state="current"] .scenario__bar > i { background: var(--c-ink-faint); }
.scenario__metric { font-family: var(--f-mono); font-variant-numeric: tabular-nums; font-size: var(--t-md); font-weight: var(--w-med); min-width: 92px; text-align: right; }
.scenario__delta { font-family: var(--f-mono); font-size: var(--t-sm); min-width: 76px; text-align: right; }
.scenario__delta[data-dir="pos"] { color: var(--c-pos); }
.scenario__delta[data-dir="neg"] { color: var(--c-neg); }
.scenario__delta[data-dir="flat"] { color: var(--c-ink-faint); }

/* ---- leverage — warm gold callout (drives attention), prose business translation ---- */
.leverage { padding: var(--s-5); background: var(--c-note-wash); border-top: var(--hair); border-left: 4px solid var(--c-note-line); display: grid; gap: var(--s-2); }
.leverage__label { font-family: var(--f-mono); font-size: var(--t-xs); letter-spacing: 0.14em; text-transform: uppercase; color: var(--c-note); }
.leverage__text { font-family: var(--f-sans); font-size: var(--t-sm); line-height: 1.6; color: var(--c-ink); max-width: 64ch; }
.leverage__context { font-family: var(--f-mono); font-size: var(--t-xs); color: var(--c-ink-soft); letter-spacing: 0.01em; }
.leverage__line { font-family: var(--f-mono); font-size: var(--t-sm); color: var(--c-ink-soft); display: flex; justify-content: space-between; gap: var(--s-4); padding: var(--s-2) 0; border-bottom: var(--hair); }
.leverage__line:last-child { border-bottom: 0; }
.leverage__line b { color: var(--c-ink); font-weight: var(--w-semi); }

/* assumption strip feeding the leverage translation */
.assume { display: flex; flex-wrap: wrap; gap: var(--s-4); padding: var(--s-4) var(--s-5); border-top: var(--hair); background: var(--c-surface); }
.assume .field { gap: var(--s-1); }
.assume .field__label { font-size: var(--t-xs); color: var(--c-ink-faint); font-family: var(--f-mono); letter-spacing: 0.04em; }
.assume .field__wrap { max-width: 160px; }