/* Swap Nexus: display-only flow; transaction review stays in the existing ticket. */
#xrt-combined-liquidity{
  --swap-ink:#e9f7f2;--swap-muted:#97b5ad;--swap-line:rgba(158,219,194,.16);--swap-green:#76edb5;--swap-cyan:#70d5e5;
  box-sizing:border-box;position:relative;isolation:isolate;min-width:0;padding:22px;border:1px solid #29473e;border-radius:22px;
  background:radial-gradient(ellipse at 84% 0%,rgba(28,123,91,.18),transparent 56%),#081411;color:var(--swap-ink);
  font-family:inherit;font-size:12px;line-height:1.5;box-shadow:0 18px 45px rgba(0,20,14,.14);
}
#xrt-combined-liquidity *{box-sizing:border-box}
#xrt-combined-liquidity h2,#xrt-combined-liquidity p{margin:0}
#xrt-combined-liquidity h2{font-size:27px;line-height:1.2;letter-spacing:-.8px;font-weight:700;color:var(--swap-ink)}
#xrt-combined-liquidity h2 span{color:var(--swap-green);font-weight:400}
#xrt-combined-liquidity .swap-nexus-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}
#xrt-combined-liquidity .swap-eyebrow{display:block;color:var(--swap-muted);font-size:10px;letter-spacing:1.2px;line-height:1.6;font-weight:650}
#xrt-combined-liquidity .swap-nexus-heading .swap-eyebrow{margin-bottom:4px}
#xrt-combined-liquidity .swap-state{max-width:45%;display:inline-flex;align-items:center;gap:7px;font-size:10px;line-height:1.3;color:var(--swap-muted);padding:6px 9px;border:1px solid var(--swap-line);border-radius:20px}
#xrt-combined-liquidity .swap-state:before{content:'';width:5px;height:5px;flex-shrink:0;background:#7f918d;border-radius:50%}
#xrt-combined-liquidity[data-liquidity="complete"] .swap-state:before{background:var(--swap-green);box-shadow:0 0 8px rgba(118,237,181,.4)}
#xrt-combined-liquidity[data-liquidity="partial"] .swap-state:before{background:#f4c477}
#xrt-combined-liquidity .swap-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(115px,.65fr);align-items:end;gap:12px;margin-bottom:12px}
#xrt-combined-liquidity label{display:grid;gap:6px;color:var(--swap-muted);font-size:11px;font-weight:550;min-width:0}
#xrt-combined-liquidity #combined-unit{color:var(--swap-ink)}
#xrt-combined-liquidity input,#xrt-combined-liquidity select{
  appearance:auto;width:100%;min-width:0;min-height:44px;margin:0;padding:10px 12px;border:1px solid #365347;border-radius:10px;
  background:#0f221c;color:var(--swap-ink);font:inherit;font-size:14px;line-height:1.4;color-scheme:dark;box-shadow:none;
}
#xrt-combined-liquidity input:focus-visible,#xrt-combined-liquidity select:focus-visible,#xrt-combined-liquidity button:focus-visible,#xrt-combined-liquidity summary:focus-visible{outline:2px solid var(--swap-cyan);outline-offset:3px}
#xrt-combined-liquidity input[aria-invalid="true"]{border-color:#e19387}
#xrt-combined-liquidity .swap-pay-receive{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
#xrt-combined-liquidity .swap-amount-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:15px;border:1px solid var(--swap-line);border-radius:13px;background:rgba(24,44,35,.65)}
#xrt-combined-liquidity .swap-amount-card strong{color:var(--swap-ink);font-size:clamp(20px,2.2vw,29px);font-weight:650;line-height:1.25;font-variant-numeric:tabular-nums;letter-spacing:-.6px;max-width:100%;overflow-wrap:anywhere}
#xrt-combined-liquidity .swap-receive{background:linear-gradient(135deg,rgba(29,75,51,.45),rgba(15,37,29,.65));border-color:#315b46}
#xrt-combined-liquidity .swap-receive strong{color:var(--swap-green)}
#xrt-combined-liquidity .swap-asset{font-size:12px;color:var(--swap-muted);overflow-wrap:anywhere}
#xrt-combined-liquidity .swap-exchange-arrow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#10251b;border:1px solid #45654e;color:var(--swap-green);font-size:17px;line-height:1}
#xrt-combined-liquidity .swap-flow{position:relative;margin:15px 0 12px;padding:11px 12px 10px;border:1px solid var(--swap-line);border-radius:13px;background:radial-gradient(ellipse at 50% 55%,rgba(40,128,88,.12),transparent 60%),linear-gradient(rgba(67,100,85,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(67,100,85,.07) 1px,transparent 1px),#08130f;background-size:auto,24px 24px,24px 24px,auto;overflow:hidden}
#xrt-combined-liquidity .swap-flow-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--swap-muted);font-size:9px;letter-spacing:1px}
#xrt-combined-liquidity .swap-flow svg{display:block;width:100%;height:auto;max-height:112px;overflow:visible;margin:2px 0}
#xrt-combined-liquidity .swap-flow-track{fill:none;stroke:#294137;stroke-width:1}
#xrt-combined-liquidity .swap-flow-path{fill:none;stroke-linecap:round;stroke-dasharray:9 13;animation:swap-nexus-flow 4.8s linear infinite;animation-play-state:paused;transition:stroke-width .3s,opacity .3s}
#xrt-combined-liquidity .swap-book-path{stroke:var(--swap-green)}
#xrt-combined-liquidity .swap-amm-path{stroke:var(--swap-cyan);animation-delay:-2.4s}
#xrt-combined-liquidity .swap-source{stroke:#08130f;stroke-width:3}
#xrt-combined-liquidity .swap-book-source{fill:var(--swap-green)}
#xrt-combined-liquidity .swap-amm-source{fill:var(--swap-cyan)}
#xrt-combined-liquidity .swap-core-halo{fill:rgba(66,166,110,.08);stroke:rgba(118,237,181,.1);stroke-width:1}
#xrt-combined-liquidity .swap-core-ring{fill:#10251a;stroke:#476e50;stroke-width:1;stroke-dasharray:2 4}
#xrt-combined-liquidity .swap-core{fill:#173727;stroke:var(--swap-green);stroke-width:1.1}
#xrt-combined-liquidity .swap-core-mark{fill:none;stroke:var(--swap-green);stroke-width:1.5;stroke-linejoin:round}
#xrt-combined-liquidity .swap-flow-arrival{fill:none;stroke:#93cbb0;stroke-width:1.5;stroke-linejoin:round}
#xrt-combined-liquidity[data-motion="running"] .swap-flow-path{animation-play-state:running}
#xrt-combined-liquidity[data-liquidity="unavailable"] .swap-source,#xrt-combined-liquidity[data-liquidity="unavailable"] .swap-core{opacity:.35}
#xrt-combined-liquidity .swap-route-shares{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;color:var(--swap-muted);font-size:11px}
#xrt-combined-liquidity .swap-route-shares>span{display:inline-flex;align-items:center;gap:6px}
#xrt-combined-liquidity .swap-route-shares strong{color:var(--swap-ink);font-size:11px;font-weight:650;font-variant-numeric:tabular-nums}
#xrt-combined-liquidity .swap-route-shares i{width:7px;height:7px;border-radius:2px}
#xrt-combined-liquidity .swap-legend-book{background:var(--swap-green)}
#xrt-combined-liquidity .swap-legend-amm{background:var(--swap-cyan)}
#xrt-combined-liquidity .swap-flow-note{margin-top:8px;color:#8daba0;font-size:10px;text-align:center;line-height:1.4}
#xrt-combined-liquidity .swap-metrics{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:10px;border-bottom:1px solid var(--swap-line);padding:0 0 12px;margin-bottom:12px}
#xrt-combined-liquidity .swap-metrics>div{display:flex;flex-direction:column;gap:4px;min-width:0}
#xrt-combined-liquidity .swap-metrics span{color:var(--swap-muted);font-size:10px}
#xrt-combined-liquidity .swap-metrics strong{color:var(--swap-ink);font-weight:550;font-size:12px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#xrt-combined-liquidity #combined-route{font-size:11px;line-height:1.55;color:#b5cec2;margin-bottom:7px}
#xrt-combined-liquidity .swap-muted{color:var(--swap-muted);font-size:10px;line-height:1.6}
#xrt-combined-liquidity #combined-costs{margin-bottom:13px}
#xrt-combined-liquidity button{min-height:42px;padding:9px 14px;font:inherit;cursor:pointer;border-radius:9px}
#xrt-combined-liquidity button:disabled{opacity:.5;cursor:default}
#xrt-combined-liquidity #combined-motion{min-height:30px;padding:4px 7px;border:1px solid #385546;border-radius:6px;background:#11221a;color:#bad8ca;font-size:10px;letter-spacing:0;box-shadow:none}
#xrt-combined-liquidity #combined-use{display:flex;width:100%;justify-content:space-between;align-items:center;background:var(--swap-green);color:#052016;border:1px solid var(--swap-green);font-size:13px;font-weight:750;min-height:44px;box-shadow:0 0 24px rgba(90,201,142,.08)}
#xrt-combined-liquidity #combined-use:not(:disabled):hover{background:#9bf6ca}
#xrt-combined-liquidity #combined-use span{font-size:19px;line-height:1}
#xrt-combined-liquidity #combined-status{margin:9px 0 12px}
#xrt-combined-liquidity details{border-top:1px solid var(--swap-line);padding:0;margin:0;background:transparent;border-radius:0}
#xrt-combined-liquidity summary{padding:10px 0;min-height:38px;color:#b9d5c8;font-size:11px;font-weight:550;cursor:pointer;list-style-position:inside}
#xrt-combined-liquidity details>p{padding-bottom:10px}
#xrt-combined-liquidity .swap-table{overflow-x:auto;margin-bottom:10px;max-width:100%}
#xrt-combined-liquidity table{width:100%;border-collapse:collapse;color:var(--swap-ink);font-variant-numeric:tabular-nums;background:transparent}
#xrt-combined-liquidity th,#xrt-combined-liquidity td{text-align:left;padding:8px 7px;border-bottom:1px solid var(--swap-line);white-space:nowrap;font-size:11px;background:transparent;color:var(--swap-ink)}
#xrt-combined-liquidity th{font-weight:550;color:var(--swap-muted)}
#xrt-combined-liquidity caption{padding:0 0 8px;text-align:left;font-size:10px;color:var(--swap-muted)}
/* Keep this dark data surface legible under the site's important institutional theme rules. */
body.xrbc-institutional #trade #xrt-combined-liquidity :is(h2,strong){color:var(--swap-ink)!important}
body.xrbc-institutional #trade #xrt-combined-liquidity h2{font-size:27px!important}
body.xrbc-institutional #trade #xrt-combined-liquidity .swap-receive strong{color:var(--swap-green)!important}
body.xrbc-institutional #trade #xrt-combined-liquidity p{color:var(--swap-muted)!important;font-size:10px!important;line-height:1.6!important}
body.xrbc-institutional #trade #xrt-combined-liquidity #combined-route{color:#b5cec2!important;font-size:11px!important;line-height:1.55!important}
body.xrbc-institutional #trade #xrt-combined-liquidity .swap-flow-note{text-align:center!important;line-height:1.4!important;color:#8daba0!important}
body.xrbc-institutional #trade #xrt-combined-liquidity :is(input,select){background:#0f221c!important;color:var(--swap-ink)!important;border:1px solid #365347!important;border-radius:10px!important;font-size:16px!important}
body.xrbc-institutional #trade #xrt-combined-liquidity input[aria-invalid="true"]{border-color:#e19387!important}
body.xrbc-institutional #trade #xrt-combined-liquidity :is(input,select,button,summary):focus-visible{outline:2px solid var(--swap-cyan)!important;outline-offset:3px!important;box-shadow:none!important}
body.xrbc-institutional #trade #xrt-combined-liquidity #combined-use{background:var(--swap-green)!important;color:#052016!important;border:1px solid var(--swap-green)!important;border-radius:9px!important;font-size:13px!important}
body.xrbc-institutional #trade #xrt-combined-liquidity #combined-use:not(:disabled):hover{background:#9bf6ca!important;border-color:#9bf6ca!important}
body.xrbc-institutional #trade #xrt-combined-liquidity #combined-motion{background:#11221a!important;color:#bad8ca!important;border:1px solid #385546!important;border-radius:6px!important;font-size:10px!important}
body.xrbc-institutional #trade #xrt-combined-liquidity #combined-motion:not(:disabled):hover{background:#1a3326!important;border-color:#72a789!important}
body.xrbc-institutional #trade #xrt-combined-liquidity details{border-color:var(--swap-line)!important}
body.xrbc-institutional #trade #xrt-combined-liquidity summary{color:#b9d5c8!important;font-size:11px!important}
body.xrbc-institutional #trade #xrt-combined-liquidity summary:hover{color:#d2f7e5!important}
@keyframes swap-nexus-flow{to{stroke-dashoffset:-88}}
@media(max-width:480px){
  #xrt-combined-liquidity{padding:16px;border-radius:17px}
  #xrt-combined-liquidity .swap-nexus-heading{margin-bottom:16px}
  #xrt-combined-liquidity h2{font-size:25px}
  body.xrbc-institutional #trade #xrt-combined-liquidity h2{font-size:25px!important}
  #xrt-combined-liquidity .swap-fields{gap:10px;grid-template-columns:minmax(0,1fr) 122px}
  #xrt-combined-liquidity .swap-amount-card{padding:12px}
  #xrt-combined-liquidity .swap-amount-card .swap-eyebrow{font-size:8px;letter-spacing:.8px}
  #xrt-combined-liquidity .swap-amount-card strong{font-size:23px}
  #xrt-combined-liquidity .swap-state{font-size:9px;padding:5px 7px}
  #xrt-combined-liquidity .swap-metrics{gap:8px}
}
@media(prefers-reduced-motion:reduce){
  #xrt-combined-liquidity .swap-flow-path{animation:none!important;transition:none}
}