#devnet-terminal .live-order{padding:0;background:var(--theme-background);--swap-buy:var(--theme-accent);--swap-sell:var(--theme-negative)}
#devnet-terminal .live-order [hidden]{display:none!important}
#devnet-terminal .swap-top{display:flex;align-items:center;gap:8px;padding:14px 14px 10px}.swap-sides{display:flex;flex:1;border:1px solid var(--theme-border-base);border-radius:7px;padding:3px;gap:3px}.swap-sides button{flex:1;min-height:32px;border-radius:4px;font-size:12px;font-weight:600;color:var(--theme-muted)}.swap-sides button[aria-pressed=true]{background:var(--swap-buy);color:var(--theme-on-accent)}.live-order[data-swap-direction=sell] .swap-sides button[aria-pressed=true]{background:var(--swap-sell);color:var(--theme-on-accent)}.swap-settings-button{display:grid;place-items:center;width:32px;min-height:38px;color:var(--theme-muted)}.swap-settings-button .icon{width:18px;height:18px}.swap-settings-button[aria-expanded=true]{color:var(--ink)}
.swap-settings{margin:0 14px 10px;padding:12px;background:var(--theme-surface);border:1px solid var(--theme-border-base);border-radius:7px;font-size:11px}.swap-settings label{display:inline-block;margin-right:12px}.swap-settings select{background:var(--theme-background);border:1px solid var(--theme-border-base);color:var(--ink);border-radius:5px;padding:7px}.swap-settings p{margin:8px 0 0;font-size:10px!important}
.swap-form{padding:0 14px 14px}.swap-amount{display:flex;align-items:center;gap:12px;min-width:0;padding:12px;border:1px solid var(--theme-border-base);border-radius:7px;background:var(--theme-surface)}.swap-amount:focus-within{outline:1px solid var(--swap-buy);outline-offset:1px}.swap-amount input{flex:1;min-width:0;width:100%;color:var(--ink);font:600 18px var(--font);border:0;outline:none;background:transparent}.swap-amount strong{font-size:11px;max-width:40%;overflow:hidden;text-overflow:ellipsis}.swap-amount .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.swap-balance{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:33px;font-size:10px;color:var(--muted)}.swap-balance button{font-size:9px;padding:7px;color:var(--theme-muted);flex:none}.swap-balance>span{overflow-wrap:anywhere}
.swap-submit{display:flex;align-items:center;justify-content:center;width:100%;min-height:42px;margin:3px 0 12px;background:var(--swap-buy);color:var(--theme-on-accent);border:1px solid var(--theme-accent);border-radius:6px;font-weight:700;font-size:12px}.live-order[data-swap-direction=sell] .swap-submit{background:var(--swap-sell);border-color:var(--theme-negative);color:var(--theme-on-accent)}.swap-submit:disabled{opacity:.55;cursor:default}.swap-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:5px 0}.swap-presets button{min-height:30px;border:1px solid var(--theme-border-base);border-radius:5px;font-size:11px;font-weight:600;color:var(--theme-muted);background:var(--theme-background)}.swap-presets button:hover:not(:disabled){border-color:var(--theme-accent);background:var(--theme-surface)}.swap-percentages button{font-size:10px;color:var(--theme-muted)}.swap-presets button:disabled,.swap-balance button:disabled{opacity:.38;cursor:default}
#devnet-terminal .live-order .swap-note{font-size:10px;line-height:1.6;color:var(--theme-muted);margin:10px 0 0}.swap-error{font-size:11px!important;color:var(--theme-negative)!important;line-height:1.5!important;overflow-wrap:anywhere;margin:8px 0 0}.swap-error:empty{display:none}.swap-section{border-top:1px solid var(--theme-border-base);padding:12px 14px}.swap-stat-nav{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.swap-stat-nav>div{display:flex;gap:10px}.swap-stat-nav button{min-height:32px;font-size:11px;color:var(--theme-muted);border-bottom:2px solid transparent}.swap-stat-nav button[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--swap-buy)}.swap-stat-nav .swap-periods{gap:0;border:1px solid var(--theme-border-base);border-radius:5px;padding:2px}.swap-periods button{min-height:25px;padding:3px 7px;border:0;font-size:10px}.swap-periods button[aria-pressed=true]{border:0;border-radius:3px;background:var(--theme-surface);color:var(--theme-text)}
.swap-stat-summary{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--theme-muted);margin-bottom:16px}.swap-stat-summary>span{display:flex;flex-direction:column;gap:6px;min-width:0}.swap-stat-summary>span:last-child{text-align:right}.swap-stat-summary strong{font-size:12px;color:var(--ink);overflow-wrap:anywhere}.swap-stat-pair{display:flex;justify-content:space-between;gap:8px;font-size:10px;margin-top:12px;line-height:1.5}.swap-stat-pair>strong{font-size:13px}.swap-stat-pair>span:last-child,.swap-stat-pair>strong:last-child{text-align:right}.swap-up{color:var(--swap-buy)!important}.swap-down{color:var(--swap-sell)!important}.swap-ratio{display:flex;height:4px;overflow:hidden;margin-top:7px;border-radius:3px;background:var(--swap-sell)}.swap-ratio>span{height:100%;background:var(--swap-buy)}
#devnet-terminal .live-order .swap-section h3{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px;font-size:12px}.swap-section .tag{font-size:7px;letter-spacing:.4px;padding:4px 6px}.swap-info-row{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid var(--theme-border-base);font-size:10px;line-height:1.6}.swap-info-row>span{color:var(--theme-muted);flex:1;min-width:0}.swap-info-row>strong{max-width:66%;text-align:right;overflow-wrap:anywhere;font-size:11px;font-weight:600}.swap-info-row .icon{width:12px;height:12px;vertical-align:middle}.swap-links{display:grid;gap:0;border-top:1px solid var(--theme-border-base);padding:8px 14px}.swap-links button{display:flex;align-items:center;justify-content:space-between;min-height:32px;color:var(--theme-muted);font-size:10px;text-align:left}.swap-links .icon{width:13px;height:13px}
@media(min-width:1101px){#devnet-terminal .live-layout{grid-template-columns:210px minmax(0,1fr) 300px}}
@media(max-width:1100px){#devnet-terminal .live-order{max-width:480px;margin-inline:auto}.swap-form{padding-bottom:16px}}
@media(max-width:600px){.swap-amount input{font-size:18px}.swap-presets button{min-height:36px}.swap-submit{min-height:46px}.swap-stat-summary,.swap-info-row{font-size:11px}.swap-info-row>strong{font-size:12px}}

.swap-ratio.swap-empty{background:var(--theme-surface)}

.swap-balance-actions{display:inline-flex;align-items:center;gap:3px;flex:none}.swap-balance-actions [data-swap-balance-refresh]{font-size:15px;padding:4px 7px}