/* The shared bridge form inherits the homepage's palette and card. */
.trade-mode-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
.trade-modes{display:flex;gap:4px;padding:4px;border-radius:32px;background:color-mix(in srgb,var(--mute) 13%,transparent)}
.trade-modes button{min-width:92px;min-height:42px;padding:10px 24px;border:0;border-radius:28px;background:transparent;color:var(--ink);font:650 14px/1.2 Archivo,Arial,sans-serif;cursor:pointer}
.trade-modes button[aria-selected=true]{background:var(--ink);color:var(--plate)}
.trade-modes button:disabled{cursor:default;opacity:.6}
[data-theme=dark] .trade-modes button[aria-selected=true]{background:var(--lime);color:#17231c}
.bridge-widget{--panel:var(--plate);--muted:var(--mute);min-width:0}
.bridge-widget [hidden],.trade-mode-heading [hidden],#trade>[hidden]{display:none!important}
.bridge-widget #bridge-form{margin-top:0}
.bridge-widget label{display:grid;gap:9px}
.bridge-widget input,.bridge-widget select{width:100%;min-width:0;font-family:inherit;color:var(--ink)}
.bridge-widget .network-pair select{appearance:auto}
.bridge-widget .amount-line input{line-height:1.25}
.bridge-widget .button.dark{background:var(--ink);color:var(--plate);border-color:var(--ink)}
[data-theme=dark] .bridge-widget .button.dark{background:var(--lime);color:#17231c;border-color:var(--lime)}
.bridge-widget .button{justify-content:center}
.bridge-widget .bridge-history{margin-top:24px;padding-top:22px}
.bridge-widget .history-heading{gap:12px;margin-bottom:10px}
.bridge-widget .history-heading .eyebrow{display:none}
.bridge-widget .history-heading h2{font-size:20px;margin:0;letter-spacing:-.5px}
.bridge-widget .text-button{background:transparent;border:0;color:var(--muted);font:12px Archivo,Arial,sans-serif;text-decoration:underline;text-underline-offset:4px;padding:5px 0;cursor:pointer}
.bridge-widget .history-empty{padding:6px 0;font-size:12px}
.bridge-widget .history-note{margin-top:8px}
.bridge-widget .bridge-history .transfer{grid-template-columns:1fr 1fr;padding:15px;gap:12px}
.bridge-widget .transfer-links{grid-column:1/-1}
.bridge-widget dialog{width:min(480px,calc(100% - 30px));max-height:90dvh;padding:26px;border-radius:20px;background:var(--panel);color:var(--ink)}
.bridge-widget .dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.bridge-widget dialog h2{font-size:26px;line-height:1.15;letter-spacing:-.7px}
.bridge-widget dialog p{font-size:12px;line-height:1.7;color:var(--muted);margin-top:15px}
.bridge-widget .dialog-close{width:40px;height:40px;border-radius:10px;flex:none;cursor:pointer}
.bridge-widget #wallet-options{display:grid;gap:10px;margin-top:20px}
.bridge-widget .wallet-choice{padding:14px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--muted) 12%,var(--panel));font:13px Archivo,Arial,sans-serif;text-align:left}
.bridge-widget #token-search{min-height:50px;padding:13px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 85%,white);font-size:16px}
[data-theme=dark] .bridge-widget #token-search{background:var(--field)}
.page-swap[data-trade-mode=bridge] .swap-supplement{display:none}
@media(max-width:480px){.trade-mode-heading{margin-bottom:18px;gap:8px}.trade-modes button{min-width:78px;min-height:40px;padding:9px 19px;font-size:13px}.trade-mode-heading .provider-chip{font-size:9px}.bridge-widget dialog{padding:21px}.bridge-widget .bridge-amount{padding:14px}.bridge-widget .bridge-output{padding:16px}}