.with-quick-buy { min-width:1800px; }
.with-quick-buy th:nth-child(2), .with-quick-buy td:nth-child(2) { width:212px; }
.with-quick-buy .valuation-cell { position:relative; padding-left:120px; }
.valuation-cell .quick-buy { position:absolute; left:8px; top:50%; transform:translateY(-50%); width:100px; min-height:36px; padding:8px; border:1px solid #303a32; border-radius:6px; background:#232b25; color:var(--green); font-size:12px; font-weight:600; font-variant-numeric:tabular-nums; }
.valuation-cell .quick-buy:hover:not(:disabled) { background:#2b3930; border-color:#46664f; }
.valuation-cell .quick-buy:disabled { color:var(--muted); opacity:1; cursor:default; }
.quick-buy span { min-width:0; max-width:100%; white-space:normal; overflow-wrap:anywhere; line-height:1.25; }
.quick-buy svg { width:13px; height:13px; flex:none; }
#trading-dialog { color:var(--text); background:var(--bg); border:1px solid #536057; border-radius:6px; width:min(720px,calc(100vw - 24px)); max-height:calc(100dvh - 32px); padding:20px; }
#trading-dialog::backdrop { background:#0009; }
.trading-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.trading-heading h2 { margin:0; font-size:18px; }
#trading-feedback { color:var(--yellow); overflow-wrap:anywhere; }
.trading-credentials { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:20px 0; }
.trading-credentials label, .trading-chain label { display:grid; gap:6px; color:var(--muted); min-width:0; }
#trading-credential-state { grid-column:1/-1; color:var(--muted); font-size:12px; }
#trading-form input:not([type=checkbox]):not([type=radio]) { width:100%; min-width:0; height:36px; border:1px solid #536057; border-radius:4px; padding:6px 8px; color:var(--text); background:var(--surface); font:inherit; }
.trading-chain { border:0; border-top:1px solid var(--line); padding:14px 0; margin:0; display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr) 130px; gap:12px; align-items:start; }
.trading-slippage { display:grid; gap:6px; color:var(--muted); min-width:0; }
.slippage-mode { display:grid; grid-template-columns:1fr 1fr; border:1px solid #536057; border-radius:4px; overflow:hidden; }
.slippage-mode label { display:flex; align-items:center; justify-content:center; gap:4px; height:34px; font-size:12px; }
.slippage-mode label:has(:checked) { color:var(--text); background:#284537; }
.slippage-mode input { width:12px; height:12px; margin:0; accent-color:var(--green); }
.trading-fees { grid-column:1/-1; display:grid; gap:10px; color:var(--muted); }
.trading-fees > label { max-width:180px; }
.trading-fees select { height:36px; border:1px solid #536057; border-radius:4px; color:var(--text); background:var(--surface); padding:6px 8px; font:inherit; }
.trading-fee-values { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.trading-fee-values .trading-mev { display:flex; align-items:center; gap:6px; }
.fee-recommendation-heading { display:flex; align-items:center; gap:8px; }
.fee-recommendation-heading button { width:28px; height:28px; min-height:28px; padding:4px; }
.fee-recommendation-heading svg { width:14px; height:14px; }
.fee-recommendations { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:6px 16px; margin:0; max-height:200px; overflow:auto; font-size:12px; }
.fee-recommendations dd { margin:0; color:var(--text); text-align:right; overflow-wrap:anywhere; }
.trading-chain legend { position:static; width:auto; height:auto; overflow:visible; clip-path:none; padding:0 6px 0 0; }
.trading-chain legend label, .trading-toggle { display:flex; align-items:center; gap:6px; color:var(--text); }
.trading-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; }
.trading-actions button { min-height:36px; padding:6px 12px; }
.trading-history { margin-top:24px; border-top:1px solid var(--line); }
.trading-history h3 { font-size:14px; }
.trading-history a, .trade-receipt a { color:var(--cyan); }
.trading-history p { display:flex; flex-wrap:wrap; gap:8px 16px; padding:10px 0; margin:0; border-bottom:1px solid var(--line); }
.trade-receipt { padding-top:32px; }
.trade-receipt h1 { font-size:22px; }
.trade-receipt dl { display:grid; grid-template-columns:80px minmax(0,1fr); gap:16px; margin:24px 0; }
.trade-receipt dt { color:var(--muted); }
.trade-receipt dd { margin:0; overflow-wrap:anywhere; }
#trade-message { color:var(--yellow); }
#trade-resolution { display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-top:24px; }
#trade-resolution select { max-width:100%; min-height:36px; background:var(--surface); color:var(--text); }
@media(max-width:600px){
 #trading-dialog { padding:14px; }
 .trading-credentials { grid-template-columns:1fr; }
 .trading-chain { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
 .trading-chain .trading-wallet { grid-column:1/-1; }
 .trading-fee-values { grid-template-columns:minmax(0,1fr); }
}