/* Liquidity workspace. Data and transactions retain their original contract flows. */
.pools-app{font-size:14px}.skip-link{position:fixed;left:16px;top:-80px;z-index:100;background:var(--mint);color:#101409;padding:12px 18px}.skip-link:focus{top:12px}
.pools-app .product-header{height:76px;margin-left:var(--sidebar);position:sticky;top:0;z-index:20;display:flex;flex-wrap:nowrap;align-items:center;gap:16px;padding:0 36px;background:#090a0bf5;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}
.breadcrumb{display:flex;gap:14px;align-items:center;color:#777e87;font-size:11px;letter-spacing:1px}.breadcrumb strong{font-size:12px;font-weight:500;color:#dbdfe4;letter-spacing:0}.breadcrumb>span{color:#41464d}
#network{margin-left:auto;font-size:11px;color:#d1d7c8;max-width:210px;overflow:hidden;text-overflow:ellipsis}
#connect-wallet{min-height:38px;font-size:12px;padding:9px 16px;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mobile-brand{display:none}.pools-app main{margin:0 0 0 var(--sidebar);max-width:none;padding:44px 36px 30px;min-height:calc(100vh - 76px)}
.pools-app .intro{max-width:1320px;margin:auto}.intro .eyebrow{font-size:10px;letter-spacing:1.5px;color:#7c838c}.intro h1{font-size:38px;letter-spacing:-1.6px;line-height:1.12;margin:14px 0 12px;font-weight:600}.intro p{font-size:13px;color:#969da6;margin:0}
#refresh{display:flex;align-items:center;gap:8px;padding:9px 12px;min-height:36px;border:1px solid #2b2e32;border-radius:7px;background:#121417;font-size:11px;color:#b4bac2}#refresh .icon{width:14px;height:14px}
#status{max-width:1320px;margin:24px auto 26px;padding:0;border:0;border-radius:0;background:none;color:#858c96;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.pools-app main>section{max-width:1320px;margin-inline:auto}
.pool-banner{position:relative;overflow:hidden;border:1px solid #303529;border-radius:12px;background:#151911;min-height:198px;padding:28px 30px;margin-bottom:36px;display:flex;align-items:center}
.pool-banner>div:first-child{position:relative;z-index:1}.pool-banner .eyebrow{color:#adca8b;font-size:9px;letter-spacing:1.4px}.pool-banner h2{font-size:26px;letter-spacing:-.8px;font-weight:500;margin:12px 0 8px}
.pool-banner p{font-size:12px;color:#a0aa97;margin:0 0 20px}.create-pool-link{display:inline-flex;align-items:center;gap:28px;border:1px solid #465335;border-radius:7px;background:#222b19;color:#d7e8c3;padding:9px 13px;font-size:11px}.create-pool-link:hover{background:#303d23;color:#eaffd1}.create-pool-link .icon{width:16px;height:16px}
.liquidity-art{position:absolute;right:38px;bottom:40px;display:flex;align-items:flex-end;gap:7px;width:280px;height:140px;opacity:.65;transform:skewY(-8deg);border-bottom:1px solid #637448;padding-bottom:8px;pointer-events:none}
.liquidity-art span{height:28%;background:#44552c;border:1px solid #748c4c;flex:1;border-radius:3px 3px 0 0}
.liquidity-art span:nth-child(2n){height:43%}.liquidity-art span:nth-child(3n){height:57%}.liquidity-art span:nth-child(4n){height:72%}.liquidity-art span:nth-child(5n){height:89%;background:#92ba52}.liquidity-art span:nth-child(7){height:100%;background:var(--mint)}
.liquidity-art small{position:absolute;bottom:-28px;left:0;font-size:8px;letter-spacing:2px;color:#a1b682}
.directory-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.directory-heading h2{font-size:20px;font-weight:500;letter-spacing:-.6px;margin:0}
#pool-count{display:inline-block;vertical-align:middle;font:11px 'DM Sans',sans-serif;color:#c5cbd2;background:#22252a;border-radius:5px;padding:3px 7px;margin-left:6px}
.directory-heading>span{font-size:10px;color:#737c87}.filters{display:flex;justify-content:space-between;gap:16px;margin:20px 0}.filters label{font-size:10px;gap:7px;color:#858d98}
.filters label:first-child{flex:0 1 420px}.filters label:last-child{width:175px}#pool-search,#pool-type{font-size:12px;min-height:40px;padding:10px 13px}
.pool-table-head,.pool-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(90px,1fr) minmax(140px,1.15fr) minmax(85px,.65fr);gap:16px;align-items:center}
.pool-table-head{color:#727b87;font-size:10px;padding:12px 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pool-table-head>span:last-child{text-align:right;padding-right:21px}
.pool-row{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:23px 18px;margin:0;color:var(--ink);width:100%;text-align:left;transition:background-color .15s}
.pool-row:hover{background:#131619;color:var(--ink)}.pool-row:focus-visible{outline-offset:-2px}
.pool-pair{display:flex;align-items:center;gap:13px;min-width:0}.pair-avatars{display:flex;align-items:center;flex-shrink:0}
.pair-avatars i{width:34px;height:34px;display:grid;place-items:center;border:2px solid #111416;border-radius:50%;background:#d3e8ab;color:#233715;font-size:11px;font-style:normal;font-weight:700}
.pair-avatars i+ i{margin-left:-12px;background:#272d35;color:#dde1e6}
.pool-pair>span:last-child{min-width:0}.pool-row strong{font-size:14px;letter-spacing:-.3px;margin:0 0 5px;font-weight:600}
.pool-row small{font-size:10px;color:#828a96;display:block}.pool-pair small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:230px}
.pool-badge{display:inline-block;border:1px solid #2f353d;padding:5px 8px;border-radius:5px;font-size:10px;color:#b7c0cc;background:#161a1f}.pool-badge.concentrated{background:#1e2115;border-color:#353d26;color:#bbd69a}
.pool-row .pool-reserve{font-size:11px;color:#c9cfd7;font-variant-numeric:tabular-nums;line-height:1.8}
.pool-row .pool-reserve small{font-size:10px}.pool-row .rate{display:flex;align-items:center;justify-content:flex-end;gap:16px;font-size:13px;font-weight:500;color:var(--mint)}.rate .icon{width:15px;height:15px;color:#6e7784}.pool-row:hover .rate .icon{color:var(--mint)}
.panel,.portfolio-card{background:#111315;border:1px solid #292d32;border-radius:12px;padding:26px;margin-top:20px}
h2{font-size:28px;letter-spacing:-.8px;font-weight:500}h3{font-size:18px;letter-spacing:-.5px;font-weight:500}p{color:#989fa9;font-size:13px;line-height:1.7}
button,input,select{border-radius:7px;min-height:42px}button{background:#191c20;border-color:#32373e;font-size:12px}
button:hover{background:#23282d;color:var(--ink)}input,select{font-size:13px;min-height:46px}
label{color:#aeb5bf;font-size:11px;gap:8px}
form{gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}
#native-launch-form{margin:28px 0}#native-launch-form>label:nth-child(1){grid-column:1/-1}
#launch-page{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:24px;align-items:start}
#launch-page>.panel{margin:0}#launch-page>.panel>p:last-child,#pool-creation-page .panel>p:last-child{font-size:11px;color:#7f8994;border-top:1px solid var(--line);padding-top:18px}
#launch-page .panel>h2,#pool-creation-page .panel>h2{font-size:23px;margin:0 0 12px}
#launch-status,#new-pool-status{color:#c0d1a9;padding:12px 14px;background:#1a2016;border:1px solid #343d2b;border-radius:7px;font-size:11px}
#pool-creation-page{max-width:820px!important;margin-left:auto!important;margin-right:auto!important}
#pool-creation-page .panel{margin-top:0}
#launch-tax-controls{grid-column:1/-1;min-width:0;margin:4px 0;padding:17px;border:1px solid #333b2c;border-radius:9px;display:grid;grid-template-columns:1fr 1fr;gap:14px;background:#151a12}
#launch-tax-controls legend{padding:0 6px;font-size:12px;font-weight:600;color:#d8e7c6}
#launch-tax-controls p{grid-column:1/-1;margin:0;color:#9ba991;font-size:11px;line-height:1.7}
#launch-tax-controls:disabled{opacity:.6}
#pool-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 24px;align-items:start}
#back,.detail-heading,.reserves,#liquidity-distribution{grid-column:1/-1}
#back{justify-self:start;background:none;border:0;padding:0;min-height:30px;font-size:11px;color:#9ba4af}
.detail-heading{margin-top:14px}.detail-heading h2{font-size:32px;margin:10px 0 0;letter-spacing:-1px}.detail-heading .eyebrow{font-size:9px;letter-spacing:1.4px;color:#8fa471}
#pool-fee{padding:6px 10px;border:1px solid #343c2b;border-radius:6px;color:#c4dfa0;background:#181e13;font-size:11px}
.reserves{grid-template-columns:1fr 1fr;margin:22px 0 0;gap:16px}
.reserves>div{padding:18px 20px;background:#121518;border:1px solid var(--line);border-radius:9px;font-size:11px;color:#8d98a5}.reserves strong{font-size:24px;font-family:'Space Grotesk',sans-serif;color:#e9eef4;font-variant-numeric:tabular-nums;margin-top:10px;font-weight:500}.reserves details{font-size:10px;margin-top:12px}
#quote-form{grid-template-columns:1fr 1fr}#quote-form>label:nth-child(2){grid-column:1/-1;grid-row:2}#swap-amount{font:400 30px 'Space Grotesk',sans-serif;padding:16px;min-height:72px}
#quote-result{font-size:12px;line-height:1.9;border-top:1px solid var(--line);padding-top:16px}#quote-result:empty{display:none}
.account-panel .panel{padding:16px}.account-panel form{grid-template-columns:1fr 1fr}.account-panel form>p{grid-column:1/-1}
#token-fees-panel{grid-column:1/-1;order:3}#token-fee-actions{display:flex;flex-wrap:wrap;gap:10px}#token-fee-actions p{flex-basis:100%;margin:10px 0 4px;font-size:12px}
#token-fee-status{font-size:12px}#refresh-token-fees{margin-top:16px}
#liquidity-distribution{margin-bottom:0}.distribution-x{background:var(--mint)}.distribution-y{background:#536445}
#portfolio-status{border:1px solid #333b2b;border-radius:10px;background:#161c11;padding:26px;color:#bfcea8}
.portfolio-note{font-size:11px;max-width:760px}.portfolio-card{box-shadow:none}.portfolio-heading span{color:var(--mint)}
#transaction-review{max-height:calc(100dvh - 32px);overflow:auto;padding:28px;border-radius:14px}#transaction-review h2{font-size:24px;margin:0 0 20px}
#transaction-summary{font:12px/1.85 'DM Sans',sans-serif;color:#c5ccd5;padding:18px;background:#0b0d0f;border:1px solid #272c32;border-radius:8px}
.review-actions{position:sticky;bottom:-28px;background:#121316;padding:16px 0 0;display:flex}.review-actions button{flex:1}
.pools-app footer{display:flex;align-items:center;justify-content:space-between;max-width:1320px;margin:54px auto 0;padding:23px 0;border-top:1px solid var(--line);color:#8d959f;font-size:11px}.pools-app footer>span{font:600 13px 'Space Grotesk',sans-serif;letter-spacing:-.4px}.pools-app footer small{font:10px 'DM Sans',sans-serif;color:#69737f;margin-left:10px}.pools-app footer a{display:flex;gap:12px;align-items:center;font-size:10px}.pools-app footer .icon{width:14px;height:14px}
@media(min-width:1700px){.pools-app main{padding-inline:max(50px,calc((100vw - var(--sidebar) - 1320px)/2))}}
@media(max-width:1100px){.pools-app .product-header{padding-inline:24px}.pools-app main{padding:32px 24px}.liquidity-art{right:22px;width:200px;opacity:.4}.pool-banner>div:first-child{max-width:70%}.pool-table-head,.pool-row{grid-template-columns:minmax(0,1.8fr) 100px minmax(100px,1fr) 72px;gap:12px}.pool-pair{gap:8px}.pool-pair small{max-width:170px}#launch-page{grid-template-columns:1fr}#pool-detail{gap:0 16px}.panel{padding:22px}}
@media(max-width:800px){#pool-detail{grid-template-columns:minmax(0,1fr)}#token-fees-panel{order:0}.pool-table-head,.pool-row{grid-template-columns:minmax(0,1.7fr) 105px 75px}.pool-table-head>span:nth-child(3),.pool-reserve{display:none!important}.pool-banner h2{font-size:24px}}
@media(max-width:700px){.pools-app .product-header{margin:0;height:66px;padding:0 16px;gap:10px}.mobile-brand{display:flex;align-items:center;gap:8px;font:700 17px 'Space Grotesk',sans-serif;letter-spacing:-.6px}.breadcrumb{display:none}#network{font-size:9px;margin-left:auto;max-width:85px;padding:5px 7px;overflow:visible;width:auto;flex:none}#connect-wallet{font-size:10px;min-height:34px;max-width:125px;padding:8px 10px}.pools-app main{margin:0;padding:28px 16px 104px;min-height:calc(100vh - 66px)}.intro{gap:12px;align-items:center}.intro .eyebrow{font-size:8px}.intro h1{font-size:28px;letter-spacing:-1.1px;margin:10px 0}.intro p{font-size:11px;max-width:260px}#refresh{width:34px;height:34px;min-height:34px;overflow:hidden;font-size:0;gap:0;flex-shrink:0;padding:9px}#status{margin:18px 0 22px;font-size:10px}
.pool-banner{padding:24px 20px;min-height:184px;margin-bottom:28px}.pool-banner h2{font-size:23px;max-width:220px;line-height:1.12}.pool-banner p{font-size:11px;max-width:215px;margin-bottom:16px}.pool-banner .eyebrow{font-size:8px}.pool-banner>div:first-child{max-width:90%}.liquidity-art{width:130px;right:-12px;height:100px;bottom:50px;gap:5px;opacity:.24}.liquidity-art small{display:none}.directory-heading h2{font-size:18px}.directory-heading>span{display:none}.filters{gap:10px;margin:18px 0}.filters label:first-child{flex:1}.filters label:last-child{width:125px}#pool-search,#pool-type{font-size:16px;padding:9px 10px;min-height:42px}
.pool-table-head{display:none}.pool-row{position:relative;display:grid;grid-template-columns:1fr auto;gap:10px;padding:18px 0}.pool-pair{grid-column:1;gap:9px}.pool-pair small{max-width:180px;font-size:9px}.pool-row strong{font-size:13px}.pair-avatars i{width:31px;height:31px;font-size:10px}.pool-type-cell{grid-row:2;grid-column:1;margin-left:59px}.pool-badge{padding:3px 6px;font-size:9px}.pool-row .rate{grid-row:1;grid-column:2;gap:8px;font-size:12px}.pool-row .rate .icon{width:13px}.panel{padding:20px 17px}.panel h3{font-size:18px}form,.account-panel form{grid-template-columns:minmax(0,1fr)}input,select{font-size:16px}#launch-tax-controls{grid-template-columns:minmax(0,1fr);padding:14px}#native-launch-form>label{grid-column:1/-1}.detail-heading{flex-direction:row;align-items:center;gap:10px}.detail-heading h2{font-size:27px}#pool-fee{font-size:9px;padding:5px 7px;white-space:nowrap}.reserves{gap:10px;grid-template-columns:1fr 1fr}.reserves>div{padding:14px 12px}.reserves strong{font-size:20px}.reserves details{font-size:9px}.pools-app footer{margin-top:32px}#transaction-review{padding:20px}.review-actions{bottom:-20px;flex-direction:column}.review-actions button{min-height:44px}#transaction-summary{font-size:11px;padding:14px}}
@media(max-width:370px){.mobile-brand{font-size:0;gap:0}.pool-pair small{max-width:148px}.pool-row strong{font-size:12px}.pair-avatars i{width:27px;height:27px}.pool-type-cell{margin-left:51px}.reserves strong{font-size:17px}.intro h1{font-size:26px}}

@media(max-width:700px){.pool-row>.pool-pair{grid-column:1;grid-row:1;min-width:0}.pool-row>.pool-type-cell{grid-column:1;grid-row:2}.pool-row>.rate{grid-column:2;grid-row:1}}

/* A selected market prioritizes its balances and trade form. */
.pools-app main:has(#pool-detail:not([hidden]))>.intro>div{display:none}.pools-app main:has(#pool-detail:not([hidden]))>.intro{justify-content:flex-end}.pools-app main:has(#pool-detail:not([hidden]))>#status{margin-top:-26px;padding-right:90px;margin-bottom:30px}
@media(max-width:700px){.pools-app main:has(#pool-detail:not([hidden]))>#status{padding-right:46px;margin-bottom:26px;min-height:34px}}
