.swap-page{max-width:1120px;margin:0 auto;padding:36px 20px;display:grid;grid-template-columns:420px 1fr;gap:20px;align-items:start}
.swap-card{display:flex;flex-direction:column;gap:6px}
.leg{background:var(--bg2);border:1px solid var(--line2);border-radius:16px;padding:12px 14px;margin-top:8px}
.leg input{font-size:26px;font-weight:700;background:none;border:0;padding:6px 0}
.leg select{width:auto;min-width:130px;font-weight:700;border-radius:999px}
.link{background:none;border:0;color:var(--orange2);font-weight:700;font-size:12px;padding:0 0 0 8px}
.flip{align-self:center;margin:-14px 0 -14px;z-index:1;width:38px;height:38px;border-radius:12px;border:3px solid var(--card);background:var(--card2);font-size:18px}
.details{font-size:13px;color:var(--muted);display:flex;flex-direction:column;gap:4px;margin:10px 2px}
.details .row span:last-child{color:var(--text)}
.warn{background:#2a171c;border:1px solid #5a2a33;color:#FFB0B0;border-radius:12px;padding:10px 12px;font-size:13.5px;margin-top:8px}
.big{padding:14px;font-size:16px;margin-top:6px}
.chart{height:260px;margin:12px 0}
.chart svg{width:100%;height:100%}
.pool .stat{background:var(--bg2);border-radius:12px;padding:10px}
#token-table table{width:100%;border-collapse:collapse;font-size:13.5px}
#token-table td,#token-table th{padding:8px 6px;border-bottom:1px solid var(--line);text-align:left}
#token-table th{color:var(--dim);font-weight:600}
#token-table tr{cursor:pointer}
#token-table tr:hover td{background:var(--card2)}
@media (max-width:900px){.swap-page{grid-template-columns:1fr}}