/* Iron Bank swap panel. Builds on .iron-bank (iron-bank.css); only what differs lives here. */
.iron-bank-swap { margin-top:16px; }
.iron-bank-swap-rate { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:center; gap:6px 14px; margin:20px 0 4px; padding:14px 12px;
  border-top:1px solid #e5bf7940; border-bottom:1px solid #e5bf7940; text-align:center; }
.iron-bank-swap-rate strong { font:700 1.5rem/1.1 var(--heading,'Arial Narrow',sans-serif); color:var(--ib-gold); text-transform:uppercase; }
.iron-bank-swap-rate strong:last-child { color:var(--ib-green); }
.iron-bank-swap-rate span { color:var(--ib-muted); font-size:1.1rem; }
.iron-bank-swap-balances { grid-template-columns:repeat(2,minmax(0,1fr)); }
.iron-bank-swap-balances > div:last-child strong { color:var(--ib-green); }
.iron-bank-swap-direction { display:grid; grid-template-columns:1fr 1fr; gap:0; }
.iron-bank-swap-direction button { background:#ffffff07; }
.iron-bank-swap-direction button[aria-pressed="true"] { background:#e5bf7922; border-color:var(--ib-gold); color:var(--ib-gold); }
.iron-bank-swap-direction button + button { border-left-width:0; }
.iron-bank-swap-trade { margin:4px 0 0; }
.iron-bank-swap-trade > div { display:flex; justify-content:space-between; gap:16px; padding:10px 12px; background:#070b1399; border:1px solid #ffffff1a; }
.iron-bank-swap-trade dt { color:var(--ib-muted); font-size:.72rem; }
.iron-bank-swap-trade dd { margin:0; font-weight:800; font-size:.82rem; text-align:right; }
.iron-bank-swap-trade > div:last-child dd { color:var(--ib-green); }
@media (max-width:600px) {
  .iron-bank-swap-rate strong { font-size:1.2rem; }
  .iron-bank-swap-balances { grid-template-columns:1fr 1fr; }
  .iron-bank-swap-balances > div:last-child { grid-column:auto; }
}