/* Pool details and the draft deposit share one compact, readable hierarchy. */
.liquidity-overview{border-color:#dce4ef;box-shadow:0 10px 35px #15244504}
.pool-overview-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:25px 27px 0}
.pool-pair{display:flex;align-items:center;gap:12px}
.pool-pair-icons{display:flex;padding-right:3px}
.pool-pair-icons .coin{width:35px;height:35px;border:3px solid #fff;box-sizing:content-box;background:linear-gradient(145deg,#f2f6ff,#e0e9ff);color:#244fe8}
.pool-pair-icons .coin:last-child{margin-left:-10px;background:linear-gradient(145deg,#eef7f5,#d9eae5);color:#548577}
.pool-pair>div:last-child>strong{font-size:13px;font-weight:550;letter-spacing:-.02em;display:block}
.pool-pair small{font-size:var(--text-xs,.75rem);color:#91a0b8;display:block;margin-top:3px}
.pool-overview-heading>.badge{font-size:var(--text-xs,.75rem)}
.pool-value-row{padding:26px 27px 24px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.pool-value-row>div:first-child>span{font-size:var(--text-xs,.75rem);color:#95a3b9;display:block;margin-bottom:8px}
.pool-value-row>div:first-child>strong{font:500 37px/1.1 var(--heading);letter-spacing:-.055em;display:block;font-variant-numeric:tabular-nums}
.pool-value-row>div:first-child>strong>span{font-size:24px;color:#b0bdd0}
.pool-fee{display:flex;flex-direction:column;align-items:flex-end;gap:6px;padding-bottom:2px}
.pool-fee>strong{font:500 17px/1 var(--heading);letter-spacing:-.03em;color:#244fe8;border:1px solid #dce5f9;padding:8px 10px;border-radius:10px;background:#f4f7fe}
.pool-fee>span{font-size:var(--text-xs,.75rem);color:#95a3ba}
.pool-composition{position:relative;margin:0 17px;padding:23px 18px 18px;border:1px solid #e2e8f2;border-radius:15px;background:radial-gradient(ellipse at 50% 25%,#fff 0%,#f6f8fc 100%);overflow:hidden}
.pool-composition-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}
.pool-composition-heading h3{font-size:17px;letter-spacing:-.035em}
.pool-composition-heading>span{font-size:var(--text-xs,.75rem);color:#8b9ab2;white-space:nowrap}
.pool-reserves{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.pool-reserve{position:relative;min-width:0;border:1px solid #dbe4f4;border-radius:13px;padding:17px 17px 19px;overflow:hidden;box-shadow:0 4px 0 #dbe4f044,0 7px 16px #48609006;background:linear-gradient(135deg,#fff,#edf3ff)}
.pool-reserve-usd{background:linear-gradient(135deg,#fff,#edf2f7);border-color:#dce4ed}
.pool-reserve:before{content:'';position:absolute;right:-12px;top:-10px;width:100px;height:100px;border:17px solid #244fe805;border-radius:50%;pointer-events:none}
.pool-reserve-usd:before{border-color:#708aa608}
.pool-reserve-top{display:flex;gap:8px;align-items:center;position:relative}
.pool-reserve-top>.coin{width:29px;height:29px;font-size:16px;border-radius:9px;background:linear-gradient(145deg,#5078f5,#244fe8);color:#fff;box-shadow:0 4px 9px #244fe821,0 1px 0 #a5c1ff8c inset}
.pool-reserve-usd .pool-reserve-top>.coin{background:linear-gradient(145deg,#dce8f3,#9eb6d3);color:#49627e;box-shadow:0 4px 9px #7291b421,0 1px 0 #ffffffb0 inset}
.pool-reserve-top>span{font-size:var(--text-xs,.75rem);font-weight:500}
.pool-reserve-top>span>small{display:block;font-size:var(--text-xs,.75rem);color:#91a2bd;margin-top:2px;font-weight:400}
.pool-reserve-top>b{font-size:var(--text-xs,.75rem);font-weight:500;color:#7691c0;margin-left:auto;padding:3px 5px;border:1px solid #d8e3f5;border-radius:6px;background:#ffffff6b}
.pool-reserve>strong{display:block;margin-top:21px;font:500 24px/1.1 var(--heading);letter-spacing:-.04em;font-variant-numeric:tabular-nums;white-space:nowrap;position:relative}
.pool-reserve>strong>span{font:400 var(--text-xs,.75rem) var(--body);letter-spacing:0;color:#8da0bc;margin-left:2px}
.pool-reserve>small{display:block;font-size:var(--text-xs,.75rem);color:#8b9eb9;margin-top:7px;white-space:nowrap}
.pool-balance-track{height:16px;display:flex;gap:3px;margin-top:23px;border-radius:6px;overflow:hidden;background:#e4ebf6;box-shadow:0 3px 0 #bdcbe238,0 4px 10px #5c75a512;transform:skewX(-8deg)}
.pool-balance-track>span{width:50%;background:linear-gradient(180deg,#648aff 0%,#345ff0 26%,#244fe8 81%,#203eb4 82%);border-top:1px solid #a2bcff}
.pool-balance-track>span:last-child{background:linear-gradient(180deg,#e7eef9 0%,#c9d6eb 26%,#adc0dd 81%,#91a8cd 82%);border-top-color:#f6f9ff}
.pool-balance-caption{display:flex;justify-content:space-between;gap:12px;margin-top:13px;font-size:var(--text-xs,.75rem);color:#8d9eb8}
.pool-balance-caption>span{display:flex;align-items:center;gap:5px}
.pool-balance-caption i{width:4px;height:4px;background:#244fe8;border-radius:50%}
.pool-balance-caption>span:last-child i{background:#b1c3dd}
.pool-deposit-preview{margin:22px 27px 0}
.pool-preview-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}
.pool-preview-heading>span:first-child{font-size:var(--text-xs,.75rem);font-weight:500}
.pool-preview-label{font-size:var(--text-xs,.75rem);color:#9ba9bd;display:flex;gap:5px;align-items:center}
.pool-preview-label>.icon{width:11px;height:11px;color:#91a6c9}
.pool-contribution-equation{display:grid;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr) minmax(0,1.1fr);gap:8px;align-items:center;padding:17px 0 16px}
.pool-contribution-equation>div{min-width:0}
.pool-contribution-equation>div>span{display:block;font:500 20px/1.25 var(--heading);letter-spacing:-.035em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.pool-contribution-equation>div>span>small{font:400 var(--text-xs,.75rem) var(--body);color:#8fa1bd;letter-spacing:0}
.pool-contribution-equation>div>small{display:block;color:#9aa8bd;font-size:var(--text-xs,.75rem);margin-top:5px}
.pool-contribution-equation>i{font-size:17px;font-style:normal;color:#b4c0d1}
.pool-contribution-total{padding-left:17px;border-left:1px solid #e5ebf4;text-align:right}
.pool-contribution-total>span{color:#244fe8}
.pool-share-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #edf1f6;padding:13px 0 18px;font-size:var(--text-xs,.75rem);color:#8a9db8}
.pool-share-row>strong{font-size:var(--text-xs,.75rem);font-weight:500;color:#244fe8;font-variant-numeric:tabular-nums}
.pool-assumptions{background:#f9fbfe;border-top:1px solid #e7edf6}
.pool-assumptions>summary{display:flex;align-items:center;gap:8px;list-style:none;font-size:var(--text-xs,.75rem);color:#8a9eba;cursor:pointer;padding:15px 27px}
.pool-assumptions>summary::-webkit-details-marker{display:none}
.pool-assumptions>summary .icon{width:13px;height:13px;color:#8da3c6}
.pool-assumptions>summary .icon:last-child{margin-left:auto;transition:transform .2s}
.pool-assumptions[open]>summary .icon:last-child{transform:rotate(180deg)}
.pool-assumptions>p{padding:0 27px 18px;font-size:var(--text-xs,.75rem);line-height:1.8;color:#8a9cb8}
:root[data-theme=dark] .liquidity-overview{background:#121e31;border-color:#2d405c}
:root[data-theme=dark] .pool-pair-icons .coin{border-color:#121e31;background:linear-gradient(145deg,#28426b,#1e3256);color:#b3c9ff}
:root[data-theme=dark] .pool-pair-icons .coin:last-child{background:linear-gradient(145deg,#2a494a,#1e333a);color:#a0ccbf}
:root[data-theme=dark] .pool-fee>strong{color:#a7c0ff;background:#213959;border-color:#38547c}
:root[data-theme=dark] .pool-composition{background:radial-gradient(ellipse at 50% 20%,#213750,#17283f);border-color:#3a516d66}
:root[data-theme=dark] .pool-reserve{background:linear-gradient(135deg,#203856,#1c304d);border-color:#405a7f7a;box-shadow:0 4px 0 #0d192c44,0 7px 16px #0001}
:root[data-theme=dark] .pool-reserve-usd{background:linear-gradient(135deg,#263b51,#1c2e42);border-color:#40546e7a}
:root[data-theme=dark] .pool-reserve-top>b{color:#a7bedf;background:#2b426173;border-color:#5b789b45}
:root[data-theme=dark] .pool-reserve:before{border-color:#7ba4ff06}
:root[data-theme=dark] .pool-reserve>small,:root[data-theme=dark] .pool-balance-caption,:root[data-theme=dark] .pool-share-row,:root[data-theme=dark] .pool-reserve-top>span>small{color:#9ab0ce}
:root[data-theme=dark] .pool-contribution-total>span,:root[data-theme=dark] .pool-share-row>strong{color:#b0c8ff}
:root[data-theme=dark] .pool-contribution-total,:root[data-theme=dark] .pool-share-row{border-color:#3a526e55}
:root[data-theme=dark] .pool-assumptions{background:#101d30;border-color:#354c6955}
:root[data-theme=dark] .pool-assumptions>summary,:root[data-theme=dark] .pool-assumptions>p{color:#9fb3d0}
@media(max-width:1100px){.pool-overview-heading{padding:22px 22px 0}.pool-value-row{padding:23px 22px}.pool-value-row>div:first-child>strong{font-size:32px}.pool-value-row>div:first-child>strong>span{font-size:20px}.pool-fee>strong{font-size:15px}.pool-composition{margin:0 14px;padding:19px 15px 16px}.pool-reserves{gap:9px}.pool-reserve{padding:15px 13px 17px}.pool-reserve-top>span{font-size:var(--text-xs,.75rem)}.pool-reserve-top>b{font-size:var(--text-xs,.75rem);padding:2px 4px}.pool-reserve>strong{font-size:21px}.pool-reserve>strong>span{font-size:var(--text-xs,.75rem)}.pool-reserve>small{font-size:var(--text-xs,.75rem)}.pool-reserve-top>.coin{height:25px;width:25px}.pool-deposit-preview{margin:20px 22px 0}.pool-contribution-equation>div>span{font-size:18px}.pool-assumptions>summary{padding:14px 22px}.pool-assumptions>p{padding-left:22px;padding-right:22px}}
@media(max-width:800px) and (min-width:601px){.pool-overview-heading{padding:20px 17px 0}.pool-pair{gap:8px}.pool-pair-icons .coin{height:28px;width:28px;border-width:2px;font-size:12px}.pool-pair>div:last-child>strong{font-size:var(--text-xs,.75rem)}.pool-pair small{font-size:var(--text-xs,.75rem)}.pool-value-row{padding:22px 17px;gap:10px}.pool-value-row>div:first-child>strong{font-size:27px}.pool-value-row>div:first-child>strong>span{display:none}.pool-fee>strong{font-size:13px;padding:7px}.pool-fee>span{font-size:var(--text-xs,.75rem)}.pool-composition{padding:16px 13px}.pool-composition-heading{align-items:flex-start;gap:8px}.pool-composition-heading h3{font-size:15px}.pool-composition-heading>span{font-size:var(--text-xs,.75rem)}.pool-reserves{grid-template-columns:1fr}.pool-reserve>strong{margin-top:14px}.pool-reserve{padding:13px}.pool-reserve-top>b{font-size:var(--text-xs,.75rem)}.pool-reserve>small{font-size:var(--text-xs,.75rem)}.pool-balance-caption>span:nth-child(2){display:none}.pool-deposit-preview{margin:19px 17px 0}.pool-preview-label{display:none}.pool-contribution-equation{grid-template-columns:1fr 12px 1fr}.pool-contribution-total{grid-column:1/-1;border-left:0;border-top:1px solid #e5ebf4;padding:11px 0 0;display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse}.pool-contribution-total>small{margin:0!important}.pool-share-row{font-size:var(--text-xs,.75rem)}.pool-assumptions>summary{font-size:var(--text-xs,.75rem);padding:14px 17px}}
@media(max-width:600px){.pool-overview-heading{padding:21px 20px 0}.pool-value-row{padding:22px 20px}.pool-value-row>div:first-child>strong{font-size:31px}.pool-value-row>div:first-child>strong>span{font-size:18px}.pool-fee>strong{font-size:14px;padding:7px 8px}.pool-fee>span{font-size:var(--text-xs,.75rem)}.pool-composition{margin:0 12px;padding:19px 13px 15px}.pool-composition-heading{margin-bottom:16px}.pool-composition-heading h3{font-size:16px}.pool-composition-heading>span{font-size:var(--text-xs,.75rem)}.pool-reserve{padding:14px 12px 16px}.pool-reserve-top{gap:6px}.pool-reserve-top>span{font-size:var(--text-xs,.75rem)}.pool-reserve-top>b{display:none}.pool-reserve-top>span>small{font-size:var(--text-xs,.75rem)}.pool-reserve-top>.coin{height:24px;width:24px;font-size:14px}.pool-reserve>strong{font-size:19px;margin-top:17px}.pool-reserve>strong>span{display:block;margin:5px 0 0;font-size:var(--text-xs,.75rem)}.pool-reserve>small{font-size:var(--text-xs,.75rem);white-space:normal;line-height:1.5}.pool-balance-caption{font-size:var(--text-xs,.75rem)}.pool-balance-caption>span:nth-child(2){display:none}.pool-balance-track{height:14px;margin-top:21px}.pool-deposit-preview{margin:21px 20px 0}.pool-preview-label{font-size:var(--text-xs,.75rem)}.pool-contribution-equation{grid-template-columns:1fr 10px 1fr 1fr;gap:5px}.pool-contribution-equation>div>span{font-size:16px}.pool-contribution-equation>div>small{font-size:var(--text-xs,.75rem)}.pool-contribution-total{padding-left:10px}.pool-share-row{font-size:var(--text-xs,.75rem);gap:10px}.pool-share-row>strong{font-size:var(--text-xs,.75rem)}.pool-assumptions>summary{padding:14px 20px;font-size:var(--text-xs,.75rem)}.pool-assumptions>p{padding:0 20px 16px;font-size:var(--text-xs,.75rem)}}
.no-motion .pool-assumptions>summary .icon:last-child{transition:none}