/* Pool identity and market data sit above one calm row of actions. */
#lp-page .page-lead{max-width:650px;margin:0 0 20px;font-size:14px;line-height:1.65}
#lp-page .lp-tabs{margin-bottom:24px;gap:8px;flex-wrap:wrap}
#lp-page .lp-pool-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 12px}
#lp-page .lp-pool-toolbar p{margin:0;color:var(--text-dim);font:12px var(--sans)}
#lp-page .lp-pool-toolbar button{padding:9px 13px;min-height:38px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-dim);font:500 12px var(--sans);white-space:nowrap}
#lp-page .pair-list{gap:12px;margin:0 0 20px}
#lp-page .pair-row{grid-template-columns:minmax(170px,1.35fr) repeat(3,minmax(72px,.7fr));column-gap:16px;row-gap:18px;padding:20px;border:1px solid var(--border);border-radius:10px;background:#1c292dcc}
#lp-page .pair-row:hover{background:#203034;border-color:#58635b}
.pair-identity{display:flex;align-items:center;gap:12px;min-width:0}
.pair-identity-copy{min-width:0}
.pair-token-logos{display:flex;align-items:center;flex-shrink:0;padding-right:0}
.pair-token-logos .tlogo{width:28px;height:28px;border:2px solid #263339;background:#263339;border-radius:50%;position:relative;flex-shrink:0}
.pair-token-logos .tlogo+.tlogo{margin-left:-9px}
#lp-page .pair-identity b{font:650 14px/1.45 var(--sans);color:var(--text);text-transform:none;white-space:normal;overflow-wrap:anywhere}
#lp-page .pair-identity small{margin-top:4px;font:500 10px/1.4 var(--sans);letter-spacing:.035em;text-transform:uppercase;color:var(--text-faint)}
#lp-page .pair-metric{min-width:0;text-align:right}
#lp-page .pair-metric.volume{display:block}
#lp-page .pair-metric span{font:500 9px/1.5 var(--sans);letter-spacing:.05em;color:var(--text-faint);white-space:nowrap}
#lp-page .pair-metric strong{display:block;margin-top:5px;font:600 13px/1.4 var(--mono);color:var(--text);white-space:nowrap}
#lp-page .pair-metric strong.apr{color:var(--text-dim)}
#lp-page .pair-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:14px;border-top:1px solid var(--border)}
#lp-page .pair-actions>*{flex:0 0 auto}
#lp-page .pair-actions a,#lp-page .pair-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 15px;font:600 12px/1.25 var(--sans);white-space:nowrap;border-radius:6px;text-align:center}
#lp-page .pair-actions .pair-market-link{margin-right:auto;padding:8px 0;color:var(--text-dim);border:0;background:transparent;font-weight:400}
#lp-page .pair-actions .pair-details{background:transparent;border-color:#53615d;color:var(--text)}
#lp-page .pair-actions .pair-manage{background:#c48b5e;border-color:#c48b5e;color:#162429}
#lp-page .pair-actions .pair-manage:hover{background:#d89b6c;border-color:#d89b6c}
#lp-page .pair-actions a:focus-visible,#lp-page .pair-actions button:focus-visible,#lp-page .lp-pool-toolbar button:focus-visible{outline:2px solid #dfbd89;outline-offset:3px}
#lp-page .lp-apr-note{font:12px/1.65 var(--sans);color:var(--text-faint);max-width:740px}
#lp-page .lp-apr-note summary{cursor:pointer;color:var(--text-dim);padding:8px 0}
#lp-page .lp-apr-note p{margin:4px 0 16px}
@media(max-width:1050px){#lp-page .pair-row{grid-template-columns:minmax(150px,1.2fr) repeat(3,minmax(60px,.65fr));column-gap:12px;padding:18px}}
@media(max-width:600px){#lp-page .pair-row{grid-template-columns:repeat(3,minmax(0,1fr));padding:16px;row-gap:16px;column-gap:10px}#lp-page .pair-identity{grid-column:1/-1}#lp-page .pair-token-logos{display:flex}#lp-page .pair-identity b{font-size:16px}#lp-page .pair-metric{text-align:left}#lp-page .pair-metric strong{font-size:13px}#lp-page .pair-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:12px}#lp-page .pair-actions>*{min-width:0}#lp-page .pair-actions a,#lp-page .pair-actions button{font-size:11px;padding:11px 8px;min-height:42px}#lp-page .pair-actions .pair-market-link{grid-column:1/-1;justify-content:flex-start;margin:0;padding:0;min-height:32px}#lp-page .lp-pool-toolbar{gap:10px}#lp-page .lp-pool-toolbar button{font-size:11px}#lp-page .page-lead{font-size:13px}}

/* Token details also show these cards inside narrow columns on wide screens. */
:is(#detail-drawer,#token-page) .pair-list{gap:12px}
:is(#detail-drawer,#token-page) .pair-row{min-width:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px;padding:16px;border-radius:10px;background:#1c292dcc}
:is(#detail-drawer,#token-page) .pair-identity{grid-column:1/-1}
:is(#detail-drawer,#token-page) .pair-identity b{font:650 14px/1.45 var(--sans);color:var(--text);text-transform:none;white-space:normal;overflow-wrap:anywhere}
:is(#detail-drawer,#token-page) .pair-identity small{margin-top:3px;font:500 10px/1.4 var(--sans);text-transform:uppercase;letter-spacing:.035em;white-space:normal;overflow-wrap:anywhere}
:is(#detail-drawer,#token-page) .pair-metric{min-width:0;text-align:left}
:is(#detail-drawer,#token-page) .pair-metric.volume{display:block}
:is(#detail-drawer,#token-page) .pair-metric span{font:500 9px/1.5 var(--sans);letter-spacing:.035em}
:is(#detail-drawer,#token-page) .pair-metric strong{display:block;margin-top:5px;font:600 13px/1.4 var(--mono);color:var(--text);overflow-wrap:anywhere}
:is(#detail-drawer,#token-page) .pair-metric strong.apr{color:var(--text-dim)}
:is(#detail-drawer,#token-page) .pair-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:12px;border-top:1px solid var(--border)}
:is(#detail-drawer,#token-page) .pair-actions>*{min-width:0}
:is(#detail-drawer,#token-page) .pair-actions :is(a,button){display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 8px;font:600 11px/1.4 var(--sans);white-space:normal;overflow-wrap:anywhere;text-align:center;border-radius:6px}
:is(#detail-drawer,#token-page) .pair-actions .pair-market-link{grid-column:1/-1;justify-content:flex-start;min-height:32px;padding:0;border:0;background:transparent;color:var(--text-dim);font-weight:400}
:is(#detail-drawer,#token-page) .pair-actions .pair-details{background:transparent;border-color:#53615d;color:var(--text)}
:is(#detail-drawer,#token-page) .pair-actions .pair-manage{background:#c48b5e;border-color:#c48b5e;color:#162429}
:is(#detail-drawer,#token-page) .pair-actions .pair-manage:hover{background:#d89b6c;border-color:#d89b6c}
:is(#detail-drawer,#token-page) .pair-actions :is(a,button):focus-visible{outline:2px solid #dfbd89;outline-offset:3px}
