/* Arc quote surface: paired amounts above a compact, expandable route. */
.bridge-card{width:min(650px,100%);max-width:650px;padding:0;border:0;background:none;box-shadow:none;border-radius:0}
.card-toolbar{padding:0 8px;margin-bottom:17px}
.asset-panel{padding:24px;border-radius:23px;background:#172a40;border:1px solid #334a6570;min-height:166px}
.source-panel{background:#192d44}.destination-panel{background:#15283e;border-color:#38516e80}
.panel-label{display:flex;align-items:center;gap:12px;color:#c4dcff;font-size:14px;font-weight:550;line-height:1.4;margin:0 0 6px}
.receive-caption{font-size:12px;font-weight:400;color:#8ba3c1}
.amount-row{gap:20px;align-items:center;min-height:66px}
#amount,#receive{font-size:clamp(30px,4.8vw,43px);line-height:1.2;font-weight:400;letter-spacing:-1.4px;font-variant-numeric:tabular-nums;min-width:0}
#amount{width:100%;color:#d5e6ff}
#receive{display:block;flex:1;color:#728baa}#receive.has-amount{color:#c4dcff}
#receive.quote-long{font-size:32px}#receive.quote-extra-long{font-size:24px}
.asset-choice{flex:0 0 151px;display:flex;flex-direction:column;gap:1px;border:1px solid #536b882d;background:#c1d9ff09;border-radius:14px;padding:8px 10px;min-width:0}
.asset-choice .token-select{width:100%;min-height:31px;display:flex;gap:8px;padding:0;border:0;border-radius:0;background:none;font-size:16px;font-weight:600;box-shadow:none}
.asset-choice .token-logo{width:28px;height:28px;flex-shrink:0}.asset-choice .token-logo img{width:28px;height:28px}
.asset-choice .token-select>.icon{width:14px;height:14px;margin-left:auto;color:#9bb2cf}
.asset-choice .chain-select{display:flex;align-items:center;width:100%;padding:3px 0 0;gap:5px;font-size:12px;line-height:1.4;color:#9cb2cf;min-width:0}
.asset-choice .chain-select>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.asset-choice .chain-select .chain-dot{width:14px;height:14px;margin-left:7px;margin-right:7px}.asset-choice .chain-select .chain-dot img{width:14px;height:14px}
.asset-choice .chain-select>.icon{width:12px;height:12px;margin-left:auto}
.asset-choice button:hover{color:#e6efff;background:none}
.amount-meta{margin-top:10px;gap:10px;min-height:18px;font-size:12px;color:#7e97b7}
.amount-meta>span:last-child{white-space:nowrap}.native-label{color:#91accd}
.switch-row{height:8px;margin:0;position:relative;z-index:1}
.switch-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:38px;border:4px solid #0b192a;border-radius:14px;background:#263c55;color:#a8c4e8;box-shadow:none}
.switch-button:hover{background:#324e70;transform:translate(-50%,-50%)}
.recipient-toggle{margin:14px 5px 13px;font-size:13px;color:#9eb6d7}
.quote-action-card{padding:12px;background:#13253a;border:1px solid #3047625c;border-radius:22px}
.route-summary{padding:0;margin:0;border:0}
.quote-summary-toggle{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;padding:5px 7px 17px;background:none;color:#afc7e7;text-align:left;font-size:12px}
.quote-name{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#c4dcff;white-space:nowrap}
.quote-name img{object-fit:contain}
.quote-metrics{display:flex;align-items:center;justify-content:flex-end;gap:16px;min-width:0}
.quote-fee,.quote-time{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.quote-time{padding-left:16px;border-left:1px solid #54698566}
.quote-currency{width:14px;height:14px;border:1px solid #8fa7c5;border-radius:50%;font-size:10px;line-height:12px;text-align:center}
#fee-percent{color:#809cbe;font-size:11px}
.quote-chevron{transition:transform .25s}.quote-summary-toggle[aria-expanded="true"] .quote-chevron{transform:rotate(180deg)}
.quote-details{border-top:1px solid #354c6866;margin:0 7px 17px;padding-top:14px;animation:quote-open .2s ease}
.quote-route{display:flex;align-items:center;gap:10px;color:#c1d7f5;font-size:13px;margin-bottom:16px}
.quote-route .icon{color:#6e8bac;width:14px}
.quote-details dl{margin:0;display:grid;gap:11px}.quote-details dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:20px;line-height:1.55;font-size:13px}
.quote-details dt{color:#8da7c8}.quote-details dd{margin:0;color:#c4d8f4;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.quote-note{font-size:12px;line-height:1.55;color:#839dbe;margin:17px 0 0}
.quote-provider{display:flex;justify-content:space-between;gap:15px;margin-top:18px;font-size:12px;color:#9ebcdf}.quote-provider a{display:inline-flex;align-items:center;gap:4px}.quote-provider .icon{width:12px;height:12px}.quote-provider button{padding:0;background:none;color:#c4dcff;font-size:12px}.quote-provider a:hover,.quote-provider button:hover{color:#fff}
.quote-error{margin:0 7px 15px;color:#e9bcac;font-size:13px;line-height:1.55}.quote-loading .quote-name img{animation:quote-pulse 1.1s ease-in-out infinite}.quote-loading #receive{color:#839dbe}
@keyframes quote-pulse{50%{opacity:.35}}
.quote-action-card .primary-button{margin:0;min-height:55px;border-radius:12px;justify-content:center;gap:10px}
.quote-action-card .primary-button>span{flex:0 1 auto}.quote-action-card .primary-button>.icon:last-child{margin-left:5px}
.quote-action-card>.field-error{margin:3px 7px 13px}
.card-footnote{margin-top:15px;color:#7e98b9}
@keyframes quote-open{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(max-width:560px){.bridge-card{max-width:480px}.asset-panel{padding:20px 18px;border-radius:20px}.amount-row{gap:12px}.asset-choice{flex-basis:132px;padding:8px}.asset-choice .token-select{font-size:15px}.asset-choice .chain-select{font-size:12px}#amount,#receive{font-size:34px}#receive.quote-long{font-size:26px}#receive.quote-extra-long{font-size:21px}.quote-summary-toggle{flex-wrap:wrap;gap:13px;padding:5px 5px 16px}.quote-metrics{margin-left:auto;gap:10px}.quote-time{padding-left:10px}.quote-name{font-size:13px}.quote-action-card{border-radius:19px;padding:11px}.card-footnote{font-size:11px}}
@media(max-width:390px){.asset-panel{padding:18px 15px}.asset-choice{flex-basis:124px}.amount-row{gap:9px}#amount,#receive{font-size:30px}#receive.quote-long{font-size:23px}#receive.quote-extra-long{font-size:18px}.receive-caption{font-size:11px}.amount-meta{font-size:11px}.native-label{font-size:11px}}
@media(prefers-reduced-motion:reduce){.quote-details,.quote-loading .quote-name img{animation:none}.quote-chevron{transition:none}}