/* Reserve the action row: hovering never moves the amount or token selector. */
.trade-card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:30px;margin-bottom:9px}
.trade-card-heading>label{font-size:13px;color:var(--muted);white-space:nowrap}
.trade-shortcuts{display:flex;align-items:center;gap:4px;min-height:30px;opacity:0;pointer-events:none;transform:translateY(3px);transition:opacity 160ms ease,transform 200ms cubic-bezier(.2,.7,.2,1)}
.trade-box:hover .trade-shortcuts,.trade-box:focus-within .trade-shortcuts{opacity:1;pointer-events:auto;transform:translateY(0)}
.trade-shortcuts button{display:grid;place-items:center;border:1px solid #e2e5ec;background:#fff;color:#60697c;border-radius:20px;min-width:36px;height:28px;padding:0 7px;font-size:12px;font-weight:650;line-height:1;letter-spacing:0;box-shadow:0 1px 2px #17234604}
.trade-shortcuts button:hover:enabled{background:#e9edff;border-color:#cad2ff;color:var(--accent)}
.trade-shortcuts button:disabled{opacity:.4;cursor:default}
.trade-shortcuts button:focus-visible,.swap-settings-button:focus-visible,.swap-settings-panel button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.trade-shortcuts.token-shortcuts{gap:6px}
.token-shortcuts button{position:relative;width:28px;min-width:28px;height:28px;padding:2px;background:#fff;border-color:#e9ecf3}
.token-shortcuts .swap-token-icon{width:22px;height:22px;font-size:11px;pointer-events:none}
.token-shortcuts .swap-token-icon.native{padding:3px}
.quick-token-tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,3px);padding:6px 9px;border-radius:8px;color:#fff;background:#253047;font-size:11px;line-height:1.3;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 130ms,transform 160ms;z-index:3;box-shadow:0 4px 14px #17234614}
.token-shortcuts button:hover .quick-token-tip,.token-shortcuts button:focus-visible .quick-token-tip{opacity:1;transform:translate(-50%,0)}
.swap-workspace .swap-token{gap:8px;padding-right:12px;border-color:#e5e8f0;box-shadow:0 1px 3px #14223d05}
.swap-token .token-chevron{display:grid;place-items:center;flex:none;margin-left:2px;transition:transform 180ms ease;color:#657087}
.swap-workspace .swap-token .token-chevron .ui-icon{width:18px;height:18px;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.swap-token[aria-expanded=true] .token-chevron{transform:rotate(180deg)}
.swap-heading-actions{display:flex;align-items:center;gap:14px}
.swap-settings-button{display:grid;place-items:center;position:relative;width:34px;height:34px;padding:7px;border:0;border-radius:11px;background:transparent;color:#737c8d}
.swap-settings-button>.ui-icon{width:20px;height:20px;stroke-width:1.5}
.swap-settings-button:hover,.swap-settings-button[aria-expanded=true]{background:#f0f2f7;color:var(--ink)}
.swap-settings-button[data-custom=true]:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--accent);right:4px;top:3px}
.swap-settings-panel{position:fixed;inset:auto;margin:0;box-sizing:border-box;width:320px;border:1px solid #e7eaf1;border-radius:20px;padding:20px;background:#fff;box-shadow:0 12px 45px #1d2b4521,0 2px 6px #1d2b4505;color:var(--ink);overflow:auto;font-family:inherit;opacity:0;transform:translateY(-5px) scale(.985);transform-origin:top right;transition:opacity 160ms,transform 200ms cubic-bezier(.2,.7,.2,1),display 200ms allow-discrete,overlay 200ms allow-discrete}
.swap-settings-panel:popover-open{opacity:1;transform:translateY(0) scale(1)}
@starting-style{.swap-settings-panel:popover-open{opacity:0;transform:translateY(-5px) scale(.985)}}
.swap-settings-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.swap-settings-heading h2{font-size:16px;font-weight:650;margin:0;letter-spacing:-.3px}
.settings-close{display:grid;place-items:center;width:26px;height:26px;padding:6px;border:0;border-radius:8px;background:transparent;color:var(--muted)}
.settings-close:hover{background:#f1f3f7}
.settings-close .ui-icon{width:13px;height:13px}
.slippage-label{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:550;margin-bottom:12px}
.slippage-reset{background:transparent;color:var(--muted);border:0;padding:3px 0;font-size:11px}
.slippage-reset:hover{color:var(--accent)}
.slippage-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.slippage-presets button{border:1px solid #e8ebf1;border-radius:11px;background:#f6f7fa;color:#5f687c;font-size:13px;min-height:37px;font-weight:550}
.slippage-presets button[aria-pressed=true]{border-color:#cdd5ff;background:#edf0ff;color:var(--accent)}
.slippage-custom{display:flex;align-items:center;gap:12px;min-height:48px;border:1px solid #e5e9f1;border-radius:12px;margin-top:10px;padding:6px 12px;font-size:13px;color:var(--muted);cursor:text}
.slippage-custom:focus-within{border-color:#a1afff;box-shadow:0 0 0 3px #ecefff}
.slippage-custom:has([aria-invalid=true]){border-color:#d78383}
.slippage-value{display:flex;align-items:center;gap:5px;flex:1;min-width:0}
.slippage-custom input{border:0;background:transparent;outline:0;width:100%;min-width:0;min-height:32px;text-align:right;padding:0;font-family:inherit;font-weight:550;font-size:16px;line-height:1.5;color:var(--ink);caret-color:var(--accent);font-variant-numeric:tabular-nums}
.slippage-feedback{min-height:38px;margin:12px 0 0;color:#747d8e;font-size:11px;line-height:1.65}
.slippage-feedback[data-tone=warning]{color:#a06518}.slippage-feedback[data-tone=error]{color:#c14954}
.slippage-explainer{border-top:1px solid #edf0f4;padding-top:13px;margin:12px 0 0;color:#8991a0;font-size:11px;line-height:1.65}
@media(hover:none),(pointer:coarse){.trade-shortcuts{opacity:1;pointer-events:auto;transform:none}.trade-shortcuts button{height:32px;min-width:36px}.token-shortcuts button{width:32px;min-width:32px}.quick-token-tip{display:none}}
@media(max-width:380px){.trade-card-heading{gap:4px}.trade-shortcuts{gap:3px}.trade-shortcuts button{min-width:30px;padding:0 5px;font-size:10px}.swap-heading-actions{gap:8px}}
@media(prefers-reduced-motion:reduce){.trade-shortcuts,.quick-token-tip,.swap-settings-panel,.swap-token .token-chevron{transition:none}}