/* swap-pro.css : VibeSwap swap page, pro card styling only (beta). Original shell sidebar and top bar stay. */
.vp-swap .stage.vp-wrap{width:min(560px,calc(100% - 24px));max-width:none;margin:18px auto 48px;display:block;padding:0}
.vp-swap .vp-grid{display:block}
.vp-swap .desk.vp-card{max-width:none;width:auto;margin:0;padding:18px}
.vp-swap .hero-banner{height:84px;margin:0 0 12px}
.vp-swap .title-row{margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid var(--vp-line)}
.vp-swap .title-row h1{background:var(--vp-accent);-webkit-background-clip:text;background-clip:text;color:transparent}
.vp-swap .leg{border-radius:16px;border:1px solid var(--vp-line);background:color-mix(in srgb,var(--vp-bg) 55%,transparent)}
.vp-swap .leg:focus-within{border-color:color-mix(in srgb,var(--vp-mint) 60%,var(--vp-line))}
.vp-swap .swap-cta{border-radius:14px}
.vp-swap .tx-box{border-radius:16px;border:1px solid var(--vp-line);background:color-mix(in srgb,var(--vp-bg) 50%,transparent)}
@media(max-width:640px){.vp-swap .stage.vp-wrap{width:calc(100% - 16px);margin-top:10px}.vp-swap .desk.vp-card{padding:12px}.vp-swap .hero-banner{height:64px}}
.vp-swap #rev-fee{color:var(--muted);font-weight:500}.vp-swap .swap-legal{color:var(--muted)}