/* Fast checkout (Tokens window, wallet island only): spending limit choice and the shop allowance. */
.resource-window .fast-checkout{display:grid;gap:calc(8 * var(--r));margin-bottom:calc(8 * var(--r));background:#fff6df}
.resource-window .fast-checkout-copy{margin:0;font-size:calc(12 * var(--r));line-height:1.7;color:#4b3126}
.fast-checkout-caps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(7 * var(--r))}
.fast-checkout-caps .fast-checkout-cap{min-width:0;padding-inline:calc(4 * var(--r));font-size:calc(13 * var(--r));white-space:nowrap}
.fast-checkout-caps .fast-checkout-cap:disabled{cursor:default;opacity:.6}
.resource-window .fast-checkout-hint{margin:0;font-size:calc(11 * var(--r));line-height:1.6;color:#755742}
.fast-checkout-allowance{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:calc(6 * var(--r)) calc(12 * var(--r));padding-top:calc(8 * var(--r));border-top:1px dashed #d9b17d}
.fast-checkout-allowance>div{min-width:0}
.fast-checkout-amount{display:block;font-size:calc(18 * var(--r));line-height:1.45;color:#3e211d;overflow-wrap:anywhere}
.fast-checkout-worth{display:block;font-size:calc(11 * var(--r));line-height:1.5;color:#806249}
.fast-checkout-allowance .resource-inline-link:disabled{color:#9a8b7c;cursor:default}
.resource-window .fast-checkout-notice{margin:0;padding:calc(6 * var(--r)) calc(9 * var(--r));font-size:calc(12 * var(--r));line-height:1.6;background:#e6f2d8;border:1px solid #b9d39b;color:#33522a}
.resource-window .fast-checkout-notice[data-error=true]{background:#f8ddd5;border-color:#e2a99a;color:#8b3027}
@media (max-width:420px){.fast-checkout-caps{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* The checkout step (transaction-ui.mjs CheckoutPanel; owner, 7 Oct 2026, G21): one clean panel above the shop for
   every wallet purchase, never over the cards. The dollar price first, about how many tokens and at most how many,
   the two wallet steps as progress, one plain status line and clear actions. */
.checkout-panel{--r:clamp(.9px,min(.075vw,.12dvh),1.2px);width:min(calc(430 * var(--r)),calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;margin:auto;
  border:calc(12 * var(--r)) solid transparent;border-image:url('../ui/frames/hud.svg') 12 fill stretch;background:none;color:#35201e;overflow:auto;
  font:400 calc(15 * var(--r))/1.5 Pixeloid,monospace;font-synthesis:none;box-shadow:0 12px 40px #090f2433}
.checkout-panel::backdrop{background:#111d3966;backdrop-filter:blur(2px)}
.checkout-card{display:grid;gap:calc(12 * var(--r));padding:calc(14 * var(--r)) calc(16 * var(--r)) calc(16 * var(--r))}
.checkout-title{margin:0;font:700 calc(21 * var(--r))/1.25 Pixeloid,monospace;color:#3e211d;text-align:center;overflow-wrap:anywhere}
.checkout-price{display:grid;justify-items:center;gap:calc(3 * var(--r));padding:calc(12 * var(--r)) calc(10 * var(--r));background:#fff6df;
  border:calc(2 * var(--r)) solid #d9b17d;box-shadow:inset 0 0 0 calc(2 * var(--r)) #fffbe9;text-align:center}
.checkout-usd{font:700 calc(34 * var(--r))/1.1 Pixeloid,monospace;color:#622d25}
.checkout-tokens{font:700 calc(18 * var(--r))/1.3 Pixeloid,monospace;color:#3e211d}
.checkout-max{font:400 calc(14 * var(--r))/1.3 Pixeloid,monospace;color:#4b3126}
.checkout-changed{margin:0;padding:calc(8 * var(--r)) calc(10 * var(--r));background:#fff0c9;border:calc(2 * var(--r)) solid #e2b04f;color:#6b4515;font-weight:700;text-align:center}
.checkout-steps{display:grid;gap:calc(6 * var(--r));margin:0;padding:0;list-style:none}
.checkout-step{display:flex;align-items:center;gap:calc(10 * var(--r));min-height:calc(40 * var(--r));padding:calc(6 * var(--r)) calc(10 * var(--r));
  background:#fbf3df;border:calc(2 * var(--r)) solid #e3cfa6;color:#6f5a49}
.checkout-step-number{display:grid;place-items:center;flex:none;width:calc(26 * var(--r));height:calc(26 * var(--r));background:#eadcb8;color:#5d4638;font-weight:700}
.checkout-step[data-state=active]{background:#e3f1ff;border-color:#6f9ccb;color:#143b5e;font-weight:700}
.checkout-step[data-state=active] .checkout-step-number{background:#4d7fb8;color:#fff}
.checkout-step[data-state=done]{background:#e6f2d8;border-color:#a9c68a;color:#33522a}
.checkout-step[data-state=done] .checkout-step-number{background:#4fa85a;color:#fff}
.checkout-status{display:flex;align-items:center;gap:calc(10 * var(--r));margin:0;padding:calc(10 * var(--r)) calc(12 * var(--r));
  background:#e1f0ed;border:calc(2 * var(--r)) solid #92acb4;color:#284d4e;font-weight:700;line-height:1.45}
.checkout-status[data-tone=success]{background:#e6f2d8;border-color:#7fb15e;color:#2f5a22}
.checkout-status[data-tone=calm]{background:#fff6df;border-color:#d9b17d;color:#4b3126}
.checkout-status[data-tone=wait]{background:#fff3d6;border-color:#e2b04f;color:#6b4515}
.checkout-status[data-tone=warn]{background:#f8ddd5;border-color:#e2a99a;color:#8b3027}
.checkout-link{justify-self:center;font-weight:700;color:#244f86}
/* Side by side while each label fits on one line; on a narrow phone each action takes its own full-width row. */
.checkout-actions{display:flex;flex-wrap:wrap;gap:calc(10 * var(--r))}
.checkout-action{flex:1 1 0;min-width:fit-content;min-height:calc(52 * var(--r));padding:calc(4 * var(--r)) calc(10 * var(--r));border:calc(9 * var(--r)) solid transparent;
  border-image:url('../ui/frames/cream.svg') 12 fill stretch;background:none;color:#3e211d;font:700 calc(16 * var(--r))/1.2 Pixeloid,monospace;cursor:pointer}
.checkout-action.checkout-primary{border-image-source:url('../ui/frames/resource-blue.svg');color:#143b5e}
.checkout-action:focus-visible{outline:3px solid #58a7ce;outline-offset:2px}
/* Not enough tokens (transaction-ui.mjs): "Get $<SYMBOL>" is a link drawn as the primary action; without a buy page,
   one line names where the token's address is posted. */
a.checkout-action{display:flex;align-items:center;justify-content:center;box-sizing:border-box;text-align:center;text-decoration:none}
.checkout-hint{margin:0;justify-self:center;text-align:center;font-size:calc(13 * var(--r));line-height:1.6;color:#4b3126}
.checkout-figure{white-space:nowrap}
@media(max-width:600px){.checkout-panel{--r:1px;width:calc(100vw - 16px);border-width:9px}.checkout-usd{font-size:30px}}
/* The owner's sale (10 Oct 2026; transaction-ui.mjs): the list price struck through and muted, the sale price and its
   "−25%" chip (token-prices.css .price-sale) in one row, which wraps between them on a narrow phone. */
.checkout-usd-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:calc(2 * var(--r)) calc(10 * var(--r))}
.checkout-was{font:400 calc(20 * var(--r))/1.1 Pixeloid,monospace;color:#622d25;opacity:.62;text-decoration:line-through;text-decoration-thickness:.12em}
.checkout-usd-row>.checkout-off{font-size:calc(16 * var(--r))}