/* AXO Swap page — uses the site's pink/gold tokens from site.css */
.sw-wrap{display:flex;flex-direction:column;align-items:center;padding-bottom:24px}
.sw-card{width:min(460px,100%);background:linear-gradient(180deg,var(--panel),rgba(27,17,40,.7));border:1px solid var(--line2);border-radius:var(--r-lg);padding:18px;box-shadow:0 30px 80px -30px rgba(255,95,168,.35)}
.sw-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:rgba(0,0,0,.28);padding:5px;border-radius:999px;margin-bottom:14px}
.sw-tab{border:0;background:none;color:var(--mut);font:600 .95rem Inter,system-ui,sans-serif;padding:11px 0;border-radius:999px;cursor:pointer;transition:.15s}
.sw-tab.on{background:var(--grad);color:#1a0614}
.sw-price{text-align:center;color:var(--mut);font-size:.9rem;margin:2px 0 12px}
.sw-price b{color:var(--a2);font-family:"JetBrains Mono",monospace;font-size:1rem}
.sw-price em{font-style:normal;color:var(--mut2);margin-left:6px}
.sw-box{background:rgba(0,0,0,.28);border:1px solid var(--line);border-radius:var(--r-md);padding:12px 14px}
.sw-box:focus-within{border-color:var(--a)}
.sw-row{display:flex;justify-content:space-between;gap:8px;font-size:.8rem;color:var(--mut)}
.sw-bal{color:var(--mut2);text-align:right}
.sw-field{display:flex;align-items:center;gap:10px;margin-top:6px}
.sw-field input,.sw-field output{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--txt);font:600 1.6rem "JetBrains Mono",monospace;padding:0;overflow:hidden;text-overflow:ellipsis}
.sw-field output{color:var(--pink)}
.sw-sym{font-weight:700;background:rgba(255,255,255,.07);border-radius:999px;padding:6px 12px;font-size:.9rem;white-space:nowrap}
.sw-chips{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;margin-top:10px;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:4px}
.sw-chips::-webkit-scrollbar{display:none}
.sw-chips>*{flex:none;white-space:nowrap}
.sw-chips button,.sw-slip-btns button{border:1px solid var(--line2);background:none;color:var(--mut);border-radius:999px;padding:5px 11px;font:500 .78rem Inter,sans-serif;cursor:pointer}
.sw-chips button:hover,.sw-slip-btns button:hover,.sw-slip-btns button.on{color:#fff;border-color:var(--a)}
.sw-flip{display:block;margin:-8px auto;position:relative;z-index:1;width:38px;height:38px;border-radius:50%;border:1px solid var(--line2);background:var(--panel2);color:var(--a2);font-size:1.2rem;cursor:pointer}
.sw-flip:hover{border-color:var(--a)}
.sw-slip{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;margin:14px 2px 4px;font-size:.85rem;color:var(--mut)}
.sw-slip-btns{display:flex;gap:5px;flex:1;min-width:0;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:4px}
.sw-slip-btns::-webkit-scrollbar{display:none}
.sw-slip-btns>*{flex:none;white-space:nowrap}
.sw-slip-c{display:flex;align-items:center;gap:3px;border:1px solid var(--line2);border-radius:999px;padding:4px 10px}
.sw-slip-c input{width:42px;background:none;border:0;outline:0;color:var(--txt);text-align:right;font:500 .85rem "JetBrains Mono",monospace}
.sw-info{margin:12px 2px;font-size:.82rem}
.sw-info div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px solid var(--line)}
.sw-info div:last-child{border:0}
.sw-info dt{color:var(--mut)}
.sw-info dd{margin:0;text-align:right;color:var(--txt);font-family:"JetBrains Mono",monospace;font-size:.78rem}
.sw-info dd.bad{color:#ff7a7a}
.sw-err,.sw-warn{border:1px solid rgba(255,90,90,.45);background:rgba(255,90,90,.08);color:#ffb3b3;border-radius:var(--r-sm);padding:10px 12px;font-size:.85rem;margin:10px 0}
.sw-warn{border-color:rgba(255,184,77,.5);background:rgba(255,184,77,.08);color:var(--a2)}
.sw-warn a{color:var(--a2);text-decoration:underline}
.sw-go{width:100%;justify-content:center;padding:15px 0;font-size:1rem;margin-top:6px}
.sw-go:disabled{opacity:.5;cursor:not-allowed;transform:none}
.sw-status{text-align:center;font-size:.85rem;color:var(--mut);margin-top:10px;min-height:1em;word-break:break-all}
.sw-status a{color:var(--a2)}
.sw-status.ok{color:#7be0a4}
.sw-note{max-width:460px;margin-top:20px}
.sw-note code{font-size:.75rem;word-break:break-all}
@media(max-width:480px){.sw-card{padding:14px}.sw-field input,.sw-field output{font-size:1.35rem}}