/* ============================================================
   DELTRON® — deck.css
   Loaded on tool pages AFTER each page's own <style> block, so
   it re-skins the six tools into the flight-deck look without
   touching their markup or maths. Only visual overrides here.
   ============================================================ */

/* square glass everywhere inside the tool */
.wrap *{border-radius:var(--r)!important}
.wrap .badge{border-radius:20px!important}

/* header block */
.wrap .head{border-bottom:1px solid var(--line);padding-top:46px}
.wrap .crumb{color:var(--accent);letter-spacing:.24em}
.wrap .badge{color:var(--good);border-color:var(--good-line)}
.wrap h1{font-family:var(--display);letter-spacing:.005em}
.wrap .sub{color:var(--text-2)}

/* section labels like "01 Your trade" */
.wrap .label{color:var(--muted);letter-spacing:.2em}
.wrap .label .n{color:var(--accent)}

/* inputs = data-entry fields */
.wrap input,.wrap textarea,.wrap select{background:#020304!important;border-color:var(--line-strong)!important;color:var(--text)!important;font-family:var(--mono)}
.wrap input:focus,.wrap textarea:focus,.wrap select:focus{border-color:var(--accent)!important;box-shadow:0 0 0 1px var(--accent) inset}

/* segmented switches */
.wrap .seg{border-color:var(--line-strong)}
.wrap .seg button{letter-spacing:.04em}

/* readout boxes */
.wrap .resbox,.wrap .tokbox,.wrap .panel,.wrap .chartbox,.wrap .stat,.wrap .results,.wrap .entry{background:#020304!important;border-color:var(--line-strong)!important}
.wrap .resbox .rl{color:var(--accent)}
.wrap .resbig,.wrap .tokbig,.wrap .vbig{font-family:var(--display);color:var(--good)!important;text-shadow:0 0 18px rgba(61,220,132,.25)}
.wrap .rrow{border-bottom-color:var(--line)}
.wrap .rrow .v.risk{color:var(--amber)!important}

/* footnote */
.wrap .note{border-top-color:var(--line)}
.wrap .note b{color:var(--text)}