/* WARs DEX: the Burn & Lock page (burn.html, js/burn.js), on top of css/pools.css, css/orders.css and css/otc.css. */
.burnpage #act{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
.burnpage #act>.card,.burnpage #board{min-width:0}
.burnpage .cardhead{flex-wrap:wrap;gap:8px}
.burnpage #view{flex-wrap:wrap}
.blines{display:grid;gap:6px}
.blines>div{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;min-width:0}
.blines>div>span{min-width:0;overflow-wrap:break-word}
#aLines>div>span{flex:0 1 auto;max-width:46%}
.blines>div>b{flex:1 1 0;min-width:0;font:600 13px var(--mono);text-align:right;overflow-wrap:break-word}
#aLines{margin-block:12px;padding:10px 12px;border:1px solid var(--edge);border-radius:14px;background:var(--glass-2)}
.burnpage .field{display:grid;gap:8px;margin-top:12px}
.burnpage .field>.muted{text-transform:none;letter-spacing:0;font-weight:400;font-size:12.5px}
.burnpage .field input[type=date]{background:var(--glass);border:1px solid var(--edge);color:var(--fg);border-radius:10px;padding:8px 10px;font:13px var(--mono);max-width:200px}
.burnpage #aGo{width:100%}
.bdone{display:grid;gap:4px;justify-items:center;text-align:center;padding:12px;margin-bottom:12px;border:1px solid color-mix(in srgb,var(--a2,var(--a1)) 50%,transparent);border-radius:16px;background:color-mix(in srgb,var(--a1) 8%,transparent)}
.bdone .bbig{font-size:32px;line-height:1}
.bdone a.otcchip{text-decoration:none}
.btable{min-width:520px}
.btable td,.btable th{padding-inline:6px}
.brow{display:inline-flex;gap:8px;align-items:center}
.bbar{display:inline-block;width:80px;height:6px;border-radius:99px;background:color-mix(in srgb,var(--fg) 10%,transparent);overflow:hidden}
.bbar i{display:block;height:100%;background:linear-gradient(90deg,var(--a1),var(--a3))}
.btable tr.bclick{cursor:pointer}
.btable tr.bclick:hover td{background:color-mix(in srgb,var(--fg) 4%,transparent)}
.btable tr.bsub td{background:var(--glass-2)}
/* the Burned / Locked facts beside MCAP (Exchange header, Swap chart) */
.bfact{text-decoration:none;color:inherit}
.bfact:hover b{color:var(--a3)}
@media (max-width:860px){ .burnpage #act{grid-template-columns:minmax(0,1fr)} .burnpage #act>aside{order:2} } /* pools.css puts .swapcard first on a phone; the form comes first, Latest under it */
@media (max-width:560px){ .btable{min-width:0} .btable .bbar{width:44px} }