/* ── tradeoffs.css — the trade-offs before the click, the numbers before the
   irreversible, the undo link in the hint (banking/js/tradeoffs.js). Tokens
   from desk.css only. ──────────────────────────────────────────────────── */

/* the two columns on a credit decision */
.gc-trade{ display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-0) var(--sp-4); margin:var(--sp-2h) 0 var(--sp-0); padding:var(--sp-2) var(--sp-2h); border:1px solid var(--line); background:var(--panel-2); font:var(--fs-2)/var(--lh-2) var(--sans); color:var(--text); }
.decide-box .gc-trade{ margin:0 var(--sp-4) var(--sp-2h); }
.gc-k{ font:600 var(--fs-1) var(--mono); letter-spacing:.14em; color:var(--accent); margin-bottom:var(--sp-1); }
.gc-col.decline .gc-k{ color:var(--muted); }
.gc-r{ display:flex; justify-content:space-between; align-items:baseline; gap:var(--sp-2h); padding:var(--sp-px) 0; border-bottom:1px solid var(--line); }
.gc-r:last-child{ border-bottom:0; }
.gc-r span{ color:var(--muted); }
.gc-r b{ font:500 var(--fs-2) var(--mono); text-align:right; }
.gc-r b i{ font-style:normal; color:var(--dim); font-size:var(--fs-1); margin-left:var(--sp-1); }
.gc-r b.warn{ color:var(--accent); } .gc-r b.bad{ color:var(--down); }
.gc-note{ grid-column:1 / -1; color:var(--muted); font-size:var(--fs-2); margin-top:var(--sp-1); }
.gc-col .gc-note{ grid-column:auto; }

/* the line under a queue card */
.qi-trade{ font:var(--fs-1) var(--mono); color:var(--muted); margin-top:var(--sp-1); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.qi-trade b{ color:var(--text); font-weight:500; } .qi-trade i{ color:var(--accent); font-style:normal; letter-spacing:.08em; }

/* the effect lines under a letter's buttons */
.gc-fx{ margin:var(--sp-1h) 0 0; font:var(--fs-2)/var(--lh-3) var(--sans); color:var(--muted); border-left:2px solid var(--line-2); padding-left:var(--sp-2); }
.gc-fx div{ padding:var(--sp-px) 0; } .gc-fx b{ color:var(--text); font-weight:500; } .gc-fx .u{ color:var(--dim); font-style:italic; }
.decide-box .gc-fx{ margin:0 var(--sp-4) var(--sp-2h); }

/* confirm with numbers */
.gc-ct{ border-collapse:collapse; width:100%; margin:var(--sp-0) 0 var(--sp-2); font-size:var(--fs-3); }
.gc-ct td{ padding:var(--sp-1) var(--sp-1h); border-bottom:1px solid var(--line); vertical-align:top; }
.gc-ct td:first-child{ width:calc(128 * var(--u)); font:var(--fs-1) var(--mono); letter-spacing:.1em; text-transform:uppercase; color:var(--muted); padding-top:var(--sp-1h); }
.gc-ct td b{ font-family:var(--mono); font-weight:500; }
.gc-irrev{ font:var(--fs-2) var(--sans); color:var(--accent); }

/* the undo link in the command-line hint */
.gc-undo{ color:var(--accent); cursor:pointer; text-decoration:underline; text-underline-offset:2px; }
.gc-dim{ color:var(--dim); }