.topbar nav{display:flex;align-self:stretch;gap:30px}.topbar nav a{display:flex;align-items:center;color:var(--muted);border-bottom:2px solid transparent}.topbar nav .current{color:var(--text);border-color:var(--mint)}
.wallet-primary{background:var(--sx-violet);color:var(--sx-surface-raised);padding:10px 17px;border-radius:var(--sx-radius-sm);font-weight:var(--sx-weight-semibold)}.wallet-identity{display:flex;justify-content:space-between;gap:16px;align-items:center;background:var(--sx-surface);border:1px solid var(--sx-surface-raised);border-radius:var(--sx-radius-lg);padding:18px 22px;margin-bottom:24px}.wallet-identity>div{display:flex;gap:14px;align-items:center}.wallet-identity strong,.wallet-identity #wallet-address{display:block}.wallet-identity #wallet-address{font:var(--sx-text-sm)/1.8 var(--sx-font-mono);color:var(--muted);overflow-wrap:anywhere}.wallet-avatar{background:var(--sx-border);color:var(--sx-violet);width:42px;height:42px;border-radius:var(--sx-radius-lg);display:grid;place-items:center;font-size:var(--sx-text-2xl)}.wallet-actions{color:var(--sx-violet);font-size:var(--sx-text-sm)}.portfolio-summary{background:linear-gradient(120deg,var(--sx-surface),var(--sx-surface))}.portfolio-summary strong{font-size:var(--sx-text-4xl)}.portfolio-panel{border:1px solid var(--line);background:var(--panel);border-radius:var(--sx-radius-lg);overflow:hidden}.portfolio-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:0 24px;overflow:auto}.portfolio-tabs button{background:none;border-bottom:2px solid transparent;color:var(--muted);padding:19px 0;font-weight:var(--sx-weight-semibold)}.portfolio-tabs button.active{color:var(--sx-muted);border-color:var(--sx-violet)}.portfolio-toolbar{padding:16px 24px;display:flex;justify-content:space-between;color:var(--muted);font-size:var(--sx-text-sm)}.portfolio-empty{text-align:center;padding:65px 20px 80px;color:var(--muted)}.portfolio-empty>span{color:var(--sx-violet);font-size:var(--sx-text-hero)}.portfolio-empty h2{color:var(--text);font-size:var(--sx-text-xl);font-weight:var(--sx-weight-medium);margin-bottom:9px}.portfolio-empty p{margin-bottom:23px}.portfolio-notice{padding:12px 16px;border:1px solid var(--sx-border);background:var(--sx-surface);color:var(--sx-warning);border-radius:var(--sx-radius-md);margin-bottom:16px}.portfolio-notice[hidden]{display:none}.portfolio-pagination{display:flex;gap:20px;align-items:center;justify-content:center;padding:20px}.portfolio-pagination[hidden]{display:none}.portfolio-pagination button,.position-expand,.history-button{background:var(--sx-surface-raised);color:var(--sx-muted);border:1px solid var(--sx-border);border-radius:var(--sx-radius-sm);padding:7px 12px}.portfolio-foot{color:var(--sx-muted);font-size:var(--sx-text-sm);line-height:1.8;margin:20px 2px}.pool-position-group{margin:0 20px 16px;border:1px solid var(--sx-surface-raised);border-radius:var(--sx-radius-md);background:var(--sx-surface);overflow:hidden}.pool-position-head{display:flex;gap:20px;align-items:center;padding:20px}.pool-position-name{display:flex;gap:12px;align-items:center;min-width:210px}.pool-position-name h2{font-size:var(--sx-text-md);margin:0 0 4px}.pool-position-name small{color:var(--muted);font-size:var(--sx-text-xs)}.pool-position-metrics{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pool-position-metrics span,.position-metric span{display:block;color:var(--muted);font-size:var(--sx-text-sm)}.pool-position-metrics strong{font-size:var(--sx-text-lg);font-weight:var(--sx-weight-medium);display:inline-block}.position-expand{margin-left:auto}.pool-position-details{border-top:1px solid var(--sx-surface-raised);padding:16px}.pool-position-details[hidden]{display:none}.actual-position{border:1px solid var(--sx-surface-raised);border-radius:var(--sx-radius-md);margin-bottom:12px;padding:17px;background:var(--sx-surface)}.actual-position:last-child{margin-bottom:0}.actual-position-header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.actual-position-header a{font-family:var(--sx-font-mono);font-size:var(--sx-text-sm);color:var(--sx-muted)}.range-badge{display:inline-block;border:1px solid var(--sx-border);background:var(--sx-surface);padding:3px 8px;border-radius:var(--sx-radius-xs);color:var(--sx-muted);font-size:var(--sx-text-xs)}.range-badge.out{border-color:var(--sx-border-strong);background:var(--sx-surface-raised);color:var(--sx-warning)}.range-badge.unknown{background:var(--sx-surface-raised);border-color:var(--sx-border);color:var(--sx-muted)}.position-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.position-metric strong{display:inline-block;font-size:var(--sx-text-md);font-weight:var(--sx-weight-medium);overflow-wrap:anywhere}.position-metric small{display:block;color:var(--sx-muted);font-size:var(--sx-text-xs);margin-top:3px}.position-range{margin:20px 0;border-top:1px solid var(--sx-surface-raised);padding-top:14px;display:flex;gap:8px;align-items:center}.position-range>span{font-size:var(--sx-text-sm);color:var(--sx-muted)}.position-range strong{font-size:var(--sx-text-sm);font-weight:var(--sx-weight-medium)}.position-actions{display:flex;align-items:center;gap:14px;color:var(--sx-violet);font-size:var(--sx-text-sm)}.position-actions .manage-link{margin-left:auto;background:var(--sx-border);border:1px solid var(--sx-violet);padding:7px 12px;border-radius:var(--sx-radius-sm)}.position-history{margin-top:15px;overflow:auto}.portfolio-table-wrap{overflow:auto}.portfolio-table{width:100%;border-collapse:collapse;min-width:680px;font-size:var(--sx-text-sm)}.portfolio-table th{color:var(--muted);font-size:var(--sx-text-xs);font-weight:var(--sx-weight-medium);text-align:left;padding:12px 20px;border-bottom:1px solid var(--line)}.portfolio-table td{padding:14px 20px;border-bottom:1px solid var(--sx-surface-raised);text-align:left}.portfolio-table a{color:var(--sx-muted)}.portfolio-table .numeric{text-align:right}.portfolio-table small{color:var(--muted);font-size:var(--sx-text-xs)}.portfolio-positive{color:var(--sx-muted)}.portfolio-negative{color:var(--sx-negative)}.portfolio-value-change{animation:portfolioFlash 1.1s ease-out}@keyframes portfolioFlash{0%{background:var(--sx-border);color:var(--sx-muted)}100%{background:transparent}}.position-source-time{font-size:var(--sx-text-xs);color:var(--sx-muted);margin-top:12px}.assets-sol{padding:20px 24px;background:var(--sx-surface);font-size:var(--sx-text-lg)}.assets-sol span{font-size:var(--sx-text-sm);color:var(--muted);margin-right:15px}.wallet-dialog{color:var(--text);background:var(--sx-surface);border:1px solid var(--sx-border);border-radius:var(--sx-radius-lg);padding:25px;width:min(460px,calc(100vw - 30px));box-shadow:0 20px 90px color-mix(in srgb,var(--sx-bg) 60.00%,transparent)}.wallet-dialog::backdrop{background:color-mix(in srgb,var(--sx-bg) 74.12%,transparent);backdrop-filter:var(--sx-backdrop-filter)}.wallet-dialog-head{display:flex;justify-content:space-between;align-items:center}.wallet-dialog h2{font-size:var(--sx-text-xl);margin:0}.wallet-dialog [data-close]{background:none;color:var(--sx-muted);font-size:var(--sx-text-3xl)}.wallet-dialog p{color:var(--muted);font-size:var(--sx-text-sm)}.wallet-dialog small{display:block;color:var(--sx-subtle);font-size:var(--sx-text-sm);margin-top:20px}.wallet-options{display:grid;gap:8px}.wallet-provider{background:var(--sx-surface-raised);border:1px solid var(--sx-border-strong);border-radius:var(--sx-radius-md);padding:12px;text-align:left}.wallet-watch{display:grid;gap:9px;margin-top:20px}.wallet-watch label{font-size:var(--sx-text-sm)}.wallet-watch input{width:100%;padding:12px;border:1px solid var(--sx-border);border-radius:var(--sx-radius-sm);background:var(--sx-surface);color:var(--text);font-size:var(--sx-text-sm)}.wallet-error{color:var(--sx-negative)!important}.wallet-forget{background:none;color:var(--sx-negative);font-size:var(--sx-text-sm);padding:4px 0}.wallet-help{line-height:1.8}.position-empty-inline{padding:24px;text-align:center;color:var(--muted)}
@media(max-width:1100px){.pool-position-head{flex-wrap:wrap}.pool-position-metrics{min-width:320px}.position-grid{grid-template-columns:repeat(2,1fr)}.wallet-identity{flex-wrap:wrap}.portfolio-summary strong{font-size:var(--sx-text-2xl)}.topbar{gap:25px}}
@media(max-width:650px){.portfolio-page .topbar{padding:0 16px;gap:16px}.topbar nav{gap:12px;font-size:var(--sx-text-sm)}.topbar-right .network{display:none}.wallet-primary{font-size:var(--sx-text-sm);padding:9px 11px}.portfolio-tabs{gap:20px;padding:0 15px}.portfolio-tabs button{font-size:var(--sx-text-sm)}.pool-position-group{margin:0 10px 12px}.pool-position-head{padding:15px;gap:13px}.pool-position-metrics{min-width:100%;gap:10px;order:2}.pool-position-metrics strong{font-size:var(--sx-text-md)}.pool-position-name{min-width:0;flex:1}.wallet-actions{flex-wrap:wrap}.wallet-identity{padding:15px}.position-grid{gap:14px}.position-range{flex-wrap:wrap}.position-actions{flex-wrap:wrap}.portfolio-summary strong{font-size:var(--sx-text-xl)}.portfolio-page main{padding-top:25px}.portfolio-page h1{font-size:var(--sx-text-hero)}.portfolio-page .intro{align-items:flex-start}.portfolio-page .live-control{min-width:100px}}

/* Compact portfolio: summary above a single-line position list. */
.portfolio-page{background:var(--sx-bg)}.portfolio-page main{max-width:1560px;padding:28px 36px}.portfolio-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.portfolio-heading h1{font-size:var(--sx-text-xl);margin:0 0 10px;font-weight:var(--sx-weight-semibold);letter-spacing:-.5px}.portfolio-heading .wallet-identity{display:flex;gap:10px;justify-content:flex-start;border:0;border-radius:0;background:none;padding:0;margin:0;font-size:var(--sx-text-sm)}.portfolio-heading #wallet-label{font-size:var(--sx-text-xs);color:var(--sx-muted);font-weight:var(--sx-weight-normal)}.portfolio-heading #wallet-address{font-size:var(--sx-text-xs);color:var(--sx-muted)}.portfolio-heading .quiet-button{padding:0;font-size:var(--sx-text-xs)}.portfolio-overview{display:grid;grid-template-columns:360px minmax(0,1fr);border:1px solid var(--sx-surface-raised);border-radius:var(--sx-radius-lg);overflow:hidden;background:linear-gradient(130deg,var(--sx-surface),var(--sx-surface));margin-bottom:24px}.portfolio-totals{border-right:1px solid var(--sx-surface-raised)}.portfolio-total{padding:26px 26px 18px}.portfolio-total>span{display:block;color:var(--sx-muted);font-size:var(--sx-text-sm)}.portfolio-total>strong{display:inline-block;font-size:var(--sx-text-4xl);font-weight:var(--sx-weight-semibold);letter-spacing:-.5px;margin:6px 0}.portfolio-total>small{display:block;color:var(--sx-subtle);font-size:var(--sx-text-xs)}.portfolio-mini-stats{display:grid;grid-template-columns:1fr 1fr 65px;gap:12px;padding:0 26px 24px}.portfolio-mini-stats span{display:block;color:var(--sx-muted);font-size:var(--sx-text-sm);margin-bottom:6px}.portfolio-mini-stats strong{display:inline-block;font-size:var(--sx-text-base)}.portfolio-mini-stats small{display:block;font-size:var(--sx-text-xs);color:var(--sx-muted);margin-top:3px}.portfolio-pnl{padding:23px 26px 27px;border-top:1px solid var(--sx-surface-raised)}.portfolio-pnl>div{display:flex;justify-content:space-between;align-items:center;color:var(--sx-muted);font-size:var(--sx-text-sm);margin-bottom:10px}.scope-tag{padding:2px 7px;border-radius:var(--sx-radius-xs);background:var(--sx-surface-raised);color:var(--sx-muted);font-size:var(--sx-text-xs)}.portfolio-pnl>strong{display:inline-block;font-size:var(--sx-text-3xl);letter-spacing:-.5px}.pnl-percent{display:inline-block;font-size:var(--sx-text-sm);background:var(--sx-surface-raised);padding:3px 7px;border-radius:var(--sx-radius-lg);margin-left:9px}.portfolio-pnl>small{display:block;color:var(--sx-subtle);font-size:var(--sx-text-xs);margin-top:9px}.portfolio-chart-panel{min-width:0;display:flex;flex-direction:column;background:var(--sx-surface)}.portfolio-chart-heading{display:flex;justify-content:space-between;padding:20px 23px;color:var(--sx-text);font-size:var(--sx-text-sm)}.portfolio-chart-heading>span:last-child{font-size:var(--sx-text-xs);color:var(--sx-muted)}.portfolio-chart-panel #portfolio-chart{height:245px;flex:1;min-height:220px}.portfolio-chart-note{display:flex;justify-content:space-between;gap:15px;padding:6px 18px 12px;color:var(--sx-subtle);font-size:var(--sx-text-xs)}.portfolio-chart-note a{color:var(--sx-muted)}.portfolio-page .portfolio-panel{background:var(--sx-surface);border-color:var(--sx-surface-raised);border-radius:var(--sx-radius-md)}.portfolio-page .portfolio-tabs{gap:25px;padding:0 22px;background:var(--sx-surface)}.portfolio-page .portfolio-tabs button{padding:16px 0;font-size:var(--sx-text-sm)}.portfolio-page .portfolio-toolbar{padding:15px 22px;background:var(--sx-surface)}.portfolio-page #portfolio-content{overflow-x:auto}.compact-table-head,.portfolio-page .pool-position-head{display:grid;grid-template-columns:minmax(230px,2.1fr) minmax(150px,1.25fr) minmax(100px,1fr) minmax(115px,1fr) minmax(100px,1fr) 75px 28px;align-items:center;gap:14px;min-width:960px}.compact-table-head{padding:13px 22px;color:var(--sx-muted);font-size:var(--sx-text-xs);border-bottom:1px solid var(--sx-surface-raised)}.portfolio-page .pool-position-group{margin:0;border:0;border-radius:0;border-bottom:1px solid var(--sx-surface-raised);background:none;min-width:960px}.portfolio-page .pool-position-head{padding:19px 22px}.portfolio-page .pool-position-head:hover{background:var(--sx-surface)}.portfolio-page .pool-position-name{min-width:0;gap:10px}.portfolio-page .pool-position-name h2{font-size:var(--sx-text-sm);margin-bottom:5px}.portfolio-page .pool-position-name small{font-size:var(--sx-text-xs);color:var(--sx-muted)}.portfolio-page .pool-position-head>strong{font-size:var(--sx-text-base);font-weight:var(--sx-weight-medium);justify-self:start}.compact-pnl{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.compact-pnl strong{font-size:var(--sx-text-base);font-weight:var(--sx-weight-semibold)}.compact-pnl small{font-size:var(--sx-text-xs);border-radius:var(--sx-radius-lg);padding:2px 6px;background:var(--sx-surface-raised)}.portfolio-page .pool-position-head>.position-expand{margin:0;background:var(--sx-surface-raised);border:1px solid var(--sx-border);padding:3px;width:27px;height:27px;font-size:var(--sx-text-lg);line-height:18px}.position-state-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-left:5px;background:var(--sx-border-strong);vertical-align:middle}.position-state-dot.in{background:var(--sx-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--sx-accent) 8.63%,transparent)}.position-state-dot.out{background:var(--sx-warning);box-shadow:0 0 0 4px color-mix(in srgb,var(--sx-warning) 8.63%,transparent)}.portfolio-page .pool-position-details{padding:17px 22px;background:var(--sx-surface)}.portfolio-positive{color:var(--sx-accent)}.portfolio-negative{color:var(--sx-negative)}.compact-pnl .portfolio-positive,.pnl-percent.portfolio-positive{background:color-mix(in srgb,var(--sx-accent) 7.45%,transparent)}.compact-pnl .portfolio-negative,.pnl-percent.portfolio-negative{background:color-mix(in srgb,var(--sx-negative) 7.45%,transparent)}.portfolio-foot{display:flex;gap:24px;justify-content:space-between;align-items:flex-start;font-size:var(--sx-text-xs)}.portfolio-foot>p{margin:0}.portfolio-foot details{max-width:480px;text-align:right}.portfolio-foot summary{cursor:pointer;color:var(--sx-muted)}.portfolio-negative.portfolio-value-change{animation:portfolioNegativeFlash 1.1s ease-out}@keyframes portfolioNegativeFlash{0%{background:color-mix(in srgb,var(--sx-negative) 15.69%,transparent);color:var(--sx-negative)}100%{background:transparent;color:var(--sx-negative)}}
@media(max-width:1050px){.portfolio-overview{grid-template-columns:320px minmax(0,1fr)}.portfolio-mini-stats{padding-left:20px;padding-right:20px;gap:9px}.portfolio-total,.portfolio-pnl{padding-left:20px;padding-right:20px}.portfolio-heading .wallet-identity{flex-wrap:wrap;gap:7px}.portfolio-page .pool-position-head{flex-wrap:nowrap}}
@media(max-width:700px){.portfolio-page main{padding:22px 16px}.portfolio-overview{grid-template-columns:1fr}.portfolio-totals{border-right:0;border-bottom:1px solid var(--sx-surface-raised)}.portfolio-total{padding-top:20px;padding-bottom:10px}.portfolio-mini-stats{grid-template-columns:1fr 1fr 1fr;padding-bottom:18px}.portfolio-pnl{padding-top:16px;padding-bottom:18px}.portfolio-chart-panel #portfolio-chart{height:180px;min-height:180px}.portfolio-heading{align-items:flex-start;gap:15px}.portfolio-heading h1{font-size:var(--sx-text-xl)}.portfolio-heading #wallet-address{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portfolio-heading #wallet-label{display:none}.portfolio-foot{display:block}.portfolio-foot details{text-align:left;margin-top:8px}.portfolio-chart-note{font-size:var(--sx-text-xs)}.portfolio-page .live-pill{font-size:var(--sx-text-xs);padding:7px 10px}}

.portfolio-overview{height:360px}.portfolio-chart-panel{min-height:0;overflow:hidden}.portfolio-chart-panel #portfolio-chart{min-height:0;height:260px;overflow:hidden}.portfolio-chart-heading,.portfolio-chart-note{flex-shrink:0}
@media(max-width:700px){.portfolio-overview{height:auto}.portfolio-chart-panel{height:260px}.portfolio-chart-panel #portfolio-chart{height:180px;min-height:0}}

/* Pool detail positions: compact rows under the chart. */
.detail-page #bottom-content:has(.pool-positions-scroll){padding:0}.pool-position-totals{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:var(--sx-surface);border-bottom:1px solid var(--sx-surface-raised);padding:12px 14px;color:var(--sx-muted);font-size:var(--sx-text-sm)}.pool-position-totals strong{display:inline-block;color:var(--sx-text);margin-left:5px;font-weight:var(--sx-weight-semibold)}.pool-position-totals [data-total="fees"]{color:var(--sx-accent)}.pool-position-totals small{font-size:var(--sx-text-xs);color:var(--sx-muted)}.pool-positions-scroll{overflow-x:auto}.pool-position-columns,.pool-position-row{display:grid;grid-template-columns:minmax(175px,1.5fr) minmax(115px,1fr) minmax(105px,.9fr) minmax(105px,.9fr) 95px;gap:14px;align-items:center;min-width:720px;padding:12px 14px}.pool-position-columns{font-size:var(--sx-text-xs);color:var(--sx-muted);background:var(--sx-surface);border-bottom:1px solid var(--sx-surface-raised)}.pool-positions-scroll .compact-position{padding:0;margin:0;border:0;border-bottom:1px solid var(--sx-surface-raised);border-radius:0;background:var(--sx-surface);min-width:720px}.pool-position-row{min-height:88px}.pool-position-row:hover{background:var(--sx-surface-raised)}.compact-position.selected-position{background:var(--sx-surface-raised);border-left:2px solid var(--sx-violet)}.pool-position-row .position-metric>span{display:none}.pool-position-row .position-metric strong{font-size:var(--sx-text-base);font-weight:var(--sx-weight-semibold)}.pool-position-row .position-metric small{font-size:var(--sx-text-xs);line-height:1.7;max-width:190px;color:var(--sx-muted)}.pool-position-row .position-metric small.portfolio-positive{color:var(--sx-accent)}.pool-position-row .position-metric small.portfolio-negative{color:var(--sx-negative)}.pool-position-row [data-field="fees"]{color:var(--sx-accent)}.pool-range-cell .position-range{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 6px;padding:0;border:0}.pool-range-cell .position-range>span:first-child{display:none}.pool-range-cell .position-range>span:last-child{width:100%;font-size:var(--sx-text-xs);color:var(--sx-muted)}.pool-range-cell .position-range strong{font-size:var(--sx-text-sm);color:var(--sx-muted);font-weight:var(--sx-weight-semibold)}.pool-range-cell .range-badge{font-size:var(--sx-text-xs);padding:1px 6px;border:0;background:color-mix(in srgb,var(--sx-accent) 7.06%,transparent);color:var(--sx-accent)}.pool-range-cell .range-badge.out{background:color-mix(in srgb,var(--sx-warning) 8.24%,transparent);color:var(--sx-warning)}.pool-range-cell .range-badge.unknown{background:color-mix(in srgb,var(--sx-border-strong) 8.24%,transparent);color:var(--sx-muted)}.pool-row-actions{display:flex;gap:5px;justify-content:flex-end}.pool-row-actions button,.pool-row-actions a{display:grid;place-items:center;height:27px;width:27px;margin:0;padding:0;border-radius:var(--sx-radius-sm);border:1px solid var(--sx-border);background:var(--sx-border);color:var(--sx-violet);font-size:var(--sx-text-md);text-decoration:none}.pool-row-actions .manage-link{background:var(--sx-surface-raised);border-color:var(--sx-border);color:var(--sx-accent)}.pool-row-actions .pool-row-more{background:var(--sx-surface-raised);color:var(--sx-muted);border-color:var(--sx-border)}.pool-row-details{padding:16px;background:var(--sx-surface);border-top:1px solid var(--sx-surface-raised)}.pool-row-details[hidden]{display:none}.pool-row-details .actual-position-header{margin-bottom:14px}.pool-row-details .position-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:15px}.detail-page .bottom-panel .position-list-status{margin:0;padding:8px 14px;font-size:var(--sx-text-xs);color:var(--sx-muted)}.detail-page .bottom-panel .position-list-status.portfolio-notice{color:var(--sx-warning)}.detail-page .bottom-panel{overflow:hidden}
.wallet-connected{background:var(--sx-surface-raised);color:var(--sx-accent);border:1px solid var(--sx-border-strong)}.wallet-current{padding:14px;margin:14px 0;border:1px solid var(--sx-border);border-radius:var(--sx-radius-md);background:var(--sx-surface)}.wallet-current strong{color:var(--sx-accent);font-size:var(--sx-text-base)}.wallet-current code{display:block;overflow-wrap:anywhere;color:var(--sx-muted);font-size:var(--sx-text-xs);margin-top:7px}.wallet-portfolio{display:block;text-align:center;margin:12px 0}.wallet-portfolio[hidden],.wallet-current[hidden]{display:none}.wallet-watch-details{margin-top:20px;border-top:1px solid var(--sx-surface-raised);padding-top:15px}.wallet-watch-details summary{color:var(--sx-muted);cursor:pointer;font-size:var(--sx-text-sm)}.wallet-forget{display:block;margin:12px 0}.wallet-forget[hidden]{display:none}.phantom-install{display:block;color:var(--sx-muted)}

.pool-name-link{color:inherit;text-decoration:none;border-radius:var(--sx-radius-sm)}.pool-name-link:hover h2{color:var(--sx-accent)}.pool-name-link:focus-visible{outline:2px solid var(--sx-accent);outline-offset:5px}
.pnl-periods{display:flex;gap:3px;background:var(--sx-surface);border:1px solid var(--sx-border);border-radius:var(--sx-radius-sm);padding:3px}
.pnl-periods button{background:transparent;color:var(--sx-muted);padding:5px 11px;border-radius:var(--sx-radius-xs);font-size:var(--sx-text-sm)}
.pnl-periods button[aria-pressed=true]{background:var(--sx-border);color:var(--sx-accent)}
.portfolio-chart-heading{flex-wrap:wrap;gap:10px}
.portfolio-chart-note{gap:10px;flex-wrap:wrap}
#pf-period-note{max-width:290px}#pf-open-pnl{display:block;margin-top:8px}
.pnl-percent:empty{display:none}
@media(min-width:701px){.portfolio-overview{height:410px}}

.portfolio-placeholder{padding:16px 24px}.portfolio-placeholder>div{display:flex;gap:10%;padding:24px 0;border-bottom:1px solid var(--sx-surface-raised)}.portfolio-placeholder span{height:14px;width:22%;background:var(--sx-surface);border-radius:var(--sx-radius-xs)}

/* Range warnings are distinct from negative PnL and do not recolor the entire row. */
.portfolio-liquidity-cell { display:flex; flex-direction:column; align-items:flex-start; gap:5px; }
.portfolio-liquidity-cell>strong { font-size:var(--sx-text-base); font-weight:var(--sx-weight-medium); }
.portfolio-page .liquidity-out-of-range { color:var(--sx-warning); }
.liquidity-out-of-range::before { content:'⚠'; margin-right:5px; }
.portfolio-range-warning { display:block; width:fit-content; color:var(--sx-warning); background:color-mix(in srgb,var(--sx-warning) 9%,transparent); border:1px solid color-mix(in srgb,var(--sx-warning) 24%,transparent); border-radius:var(--sx-radius-sm); padding:2px 5px; font-size:var(--sx-text-xs); line-height:1.4; cursor:help; }
.portfolio-range-warning[hidden] { display:none; }
.portfolio-range-warning:focus-visible { outline:2px solid var(--sx-warning); outline-offset:3px; }
.portfolio-out-of-range>.pool-position-head,.portfolio-table tr.portfolio-out-of-range>td:first-child { box-shadow:inset 2px 0 var(--sx-warning); }

.unified-position-details { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; font-size:var(--sx-text-sm); }
.unified-position-details dt { color:var(--sx-muted); }
.unified-position-details dd { margin:4px 0 0; }
.pool-position-name>.provider-logo { width:26px; height:26px; flex-shrink:0; }
.portfolio-overview[hidden] { display:none; }
.spot-period-bar { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:16px 24px; font-size:var(--sx-text-sm); }
.spot-period-bar small { display:block; color:var(--sx-muted); margin-top:5px; }
.spot-summary-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:14px; padding:0 24px 20px; }
.spot-summary-card { border:1px solid var(--sx-border); background:var(--sx-surface); border-radius:var(--sx-radius-md); padding:18px; }
.spot-summary-card header,.spot-top-coin { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.spot-summary-card>strong { display:block; margin:12px 0; font-size:var(--sx-text-2xl); }
.spot-summary-card small,.spot-summary-card header { color:var(--sx-muted); font-size:var(--sx-text-sm); }
.spot-summary-card h3 { margin:18px 0 8px; font-size:var(--sx-text-sm); }
.spot-top-coin { padding:7px 0; font-size:var(--sx-text-sm); }
.spot-pager { display:flex; align-items:center; justify-content:center; gap:16px; padding:16px; font-size:var(--sx-text-sm); }
.spot-pager button { background:var(--sx-surface-raised); border:1px solid var(--sx-border); border-radius:var(--sx-radius-sm); padding:7px 12px; color:var(--sx-text); }
@media(max-width:600px){.spot-period-bar{align-items:flex-start;flex-direction:column}.spot-summary-grid{padding:0 12px 12px}}

.pool-result-actions .share-icon-button{display:grid;place-items:center;width:32px;height:32px;padding:6px}
.share-icon-button svg{width:18px;height:18px}