.ep-exchange .balances{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}
.ep-exchange .balances>div{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:20px}
.ep-exchange .balances p,.ep-exchange .small{color:var(--muted);font-size:13px;line-height:1.8}
.ep-exchange .balances strong{display:block;font-size:32px;color:var(--gold);font-variant-numeric:tabular-nums}
.ep-exchange .balances span{font-size:12px;color:var(--muted)}
.ep-exchange .columns{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px}
.ep-exchange .panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}
.ep-exchange h2{font-size:19px;margin:0 0 8px}
.ep-exchange select,.ep-exchange input[type=number]{display:block;width:100%;min-height:48px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:12px;font:inherit;margin:8px 0 20px}
.ep-exchange fieldset{border:0;padding:0;margin:0 0 20px;min-width:0}
.ep-exchange legend,.ep-exchange label{font-size:13px;line-height:1.8}
.ep-exchange .directions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ep-exchange .directions label{display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:12px;border-radius:8px;min-height:64px;cursor:pointer}
.ep-exchange .directions small{display:block;color:var(--muted);font-size:12px}
.ep-exchange .directions input{accent-color:var(--gold)}
.ep-exchange .directions label:has(input:checked){border-color:var(--gold);background:#30291f}
.ep-exchange .amount{position:relative}.ep-exchange .amount>span{position:absolute;right:14px;top:15px;font-size:12px;color:var(--gold)}
.ep-exchange .amount input{padding-right:100px;font-size:20px}
.ep-exchange .quote{padding:18px;background:var(--bg);border:1px solid var(--line);border-radius:8px;margin:20px 0}
.ep-exchange .quote div{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.ep-exchange .quote strong{font-size:24px;color:var(--gold)}
.ep-exchange .guide li{margin-bottom:24px;line-height:1.8}.ep-exchange .guide li p{color:var(--muted);font-size:13px}
.ep-exchange .history{margin-top:24px}.ep-exchange .history-row{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:16px 0;font-size:13px}
.ep-exchange .history-row small{display:block;color:var(--muted);overflow-wrap:anywhere}.ep-exchange .history-row strong{white-space:nowrap;color:var(--gold)}
.ep-exchange .message{overflow-wrap:anywhere}.ep-exchange .message.error{color:#ffb8a8}
.ep-exchange button{min-height:44px}.ep-exchange #coin-review{width:100%}.ep-exchange #coin-recovery button{margin:8px 8px 0 0}
.ep-exchange dialog{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:26px;width:min(480px,calc(100% - 32px));max-height:90dvh;overflow:auto}
.ep-exchange dialog::backdrop{background:#000b}.ep-exchange .dialog-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
@media(max-width:850px){.ep-exchange .columns{grid-template-columns:1fr}}
@media(max-width:520px){.ep-exchange .balances{grid-template-columns:1fr;gap:10px}.ep-exchange .balances>div{padding:14px 18px}.ep-exchange .balances p{margin-top:0}.ep-exchange .balances strong{font-size:27px}.ep-exchange .directions{grid-template-columns:1fr}.ep-exchange .panel-head,.ep-exchange .history-row{align-items:flex-start;flex-wrap:wrap}}

.ep-exchange .directions input[type=radio]{width:18px;max-width:18px;height:18px;min-height:18px;flex:0 0 18px;padding:0;margin:0;appearance:auto}
.ep-exchange .directions label>span{flex:1;min-width:0}
.ep-exchange button:not(.primary){background:transparent;color:var(--gold);border:1px solid var(--line);border-radius:8px;padding:10px 16px}
.ep-exchange button:not(.primary):hover:enabled{background:#30291f}
@media(max-width:520px){.ep-exchange>.eyebrow{font-size:10px;letter-spacing:1px;line-height:1.8}}