.exchange-display{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-block:18px;padding:16px 22px;border:1px solid #f0d7c9;border-radius:14px;background:linear-gradient(110deg,#fff5ee,#fff);color:var(--ink,#182231)}.exchange-display>div{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px}.exchange-label{font-size:10px;font-weight:800;letter-spacing:1.2px;color:#cc481b}.exchange-display strong{font-size:15px}.exchange-display small{font-size:11px;color:var(--muted,#667382)}.exchange-display button{flex:none;padding:9px 13px;border:1px solid #f0c7b6;border-radius:8px;background:#fff;color:#b83b13;font-size:11px;font-weight:700}.exchange-display button:disabled{opacity:.5;cursor:wait}html[data-theme=dark] .exchange-display{background:linear-gradient(110deg,#29282a,#202832);border-color:#634336;color:#fff}html[data-theme=dark] .exchange-display small{color:#b9c3ce}html[data-theme=dark] .exchange-label{color:#ff9870}html[data-theme=dark] .exchange-display button{background:#342c2a;border-color:#634336;color:#ffab88}.promotion-list .promotion-actions{display:flex;gap:8px;margin-left:auto;flex:none}.promotion-list .promotion-actions button{margin-left:0}.promotion-list [data-promo-edit]{border-color:#c6d7f0;color:#325f96;background:#f3f7fd}#promotion-cancel{margin-left:10px}.promotion-list>div>strong{overflow-wrap:anywhere;min-width:0}@media(max-width:760px){.exchange-display{padding:14px 16px;align-items:flex-start;gap:12px}.exchange-display>div{display:grid;gap:6px}.exchange-display strong{font-size:13px}.exchange-display small{font-size:10px}.exchange-display button{max-width:110px;font-size:10px}.promotion-list .promotion-actions{width:100%;justify-content:flex-end}#promotion-cancel{margin:10px 0 0}}
