.portfolio-insights-page{--page:#f7f8fc;--surface:#fff;--ink:#28282c;--muted:#78829a;--line:#e0e3ed;background:var(--page);--portfolio-chart:#111111}
.portfolio-insights-page .header-inner{gap:24px}
.portfolio-insights-page .header-nav [aria-current=page]{color:#6254ff}
.insights-wallet-state{font-size:12px;white-space:nowrap;border:1px solid var(--line,#e0e3ed);border-radius:24px;padding:10px 16px;color:var(--muted,#78829a)}
.insights-wallet-state:before{content:'';display:inline-block;width:7px;height:7px;background:#949bad;border-radius:50%;margin-right:8px}
.insights-wallet-state.is-connected:before{background:#24a479}
.insights-main{padding-block:48px 64px;display:grid;gap:22px;max-width:1240px}
.insights-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.insights-heading h1{font-size:clamp(32px,4vw,52px);line-height:1.14;letter-spacing:-1.8px;margin:16px 0}
.insights-heading-soft{color:var(--muted,#78829a);font-weight:500}
.insights-heading-soft .destination-text{background-image:linear-gradient(110deg,#111,#3b3b3b 52%,#111)}
.insights-wallet-button{max-width:min(100%,260px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.insights-subtitle,.insights-secondary{font-size:13px;color:var(--muted,#78829a);line-height:1.7}
.insights-status{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.insights-status:before{content:'';width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#949bad}
.insights-status.is-loading:before{background:#6254ff;animation:insights-pulse 1.4s ease-in-out infinite}
.insights-connection{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;border:1px solid var(--line,#e0e3ed);background:var(--surface,#fff);border-radius:18px}
.insights-connection[hidden]{display:none}.insights-connection p{font-size:13px;color:var(--muted,#78829a);margin:6px 0 0}
.insights-main .panel{padding:26px;min-width:0;background:var(--surface,#fff);border:1px solid var(--line,#e0e3ed);border-radius:20px}
.insights-main h3{font-size:22px;margin:8px 0 16px;letter-spacing:-.6px}
.insights-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.insights-main .insights-distribution-card{display:block}
.insights-distribution-card .insights-distribution{min-height:210px}
.insights-distribution-card .insights-distribution>div{height:70px;margin:0;align-content:center}
.insights-distribution-card .insights-distribution-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.insights-distribution-footer{height:44px;display:flex;align-items:end;margin-top:10px}
.insights-distribution-footer button{font-size:12px;padding:6px 0}
.insights-distribution-footer [hidden]{display:none}
.insights-main .panel-heading{align-items:center;gap:18px}
.insights-chart-card{background:linear-gradient(145deg,rgba(17,17,17,.025),transparent 65%),var(--surface,#fff)!important}
.insights-chart-card h2{font-size:42px;line-height:1.2;letter-spacing:-1.2px;margin:8px 0}
.insights-change{font-size:12px;color:var(--muted,#78829a);margin:0}
.insights-chart{min-height:190px;display:grid;align-items:center;margin-block:14px;border-radius:12px}
.insights-chart svg{width:100%;height:190px;color:var(--portfolio-chart);overflow:visible}
.insights-chart>p{text-align:center;color:var(--muted,#78829a);font-size:13px}
.insights-ranges{display:flex;gap:4px;background:rgba(120,130,154,.08);border-radius:12px;padding:4px}
.insights-ranges button{font:inherit;font-size:12px;border:0;background:transparent;color:var(--muted,#78829a);padding:8px 13px;border-radius:9px;cursor:pointer}
.insights-ranges [aria-pressed=true]{background:#28282c;color:#fff;box-shadow:0 2px 6px #0001}
.insights-track{display:flex;flex-wrap:wrap;align-items:center;gap:18px;border-top:1px solid var(--line,#e0e3ed);padding-top:18px;font-size:12px}
.insights-track #insightLocalHistory{flex:1 1 100%;color:var(--muted,#78829a)}
.insights-main .button{font-size:12px;padding:12px 18px;min-height:44px}
.insights-disclosure{margin-top:18px;font-size:12px;color:var(--muted,#78829a)}.insights-disclosure summary{cursor:pointer}.insights-disclosure .quote-foot{margin-top:12px;line-height:1.7}
.insights-distribution>div{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:18px;font-size:13px}.insights-distribution strong{font-weight:500}
.insights-distribution progress{grid-column:1/-1;width:100%;height:6px;appearance:none;border:0;border-radius:6px;overflow:hidden;background:rgba(120,130,154,.12);accent-color:var(--portfolio-chart)}
.insights-distribution progress::-webkit-progress-bar{background:rgba(120,130,154,.12)}.insights-distribution progress::-webkit-progress-value{background:var(--portfolio-chart);border-radius:6px}.insights-distribution progress::-moz-progress-bar{background:var(--portfolio-chart)}
.insights-assets{overflow:auto}.insights-assets table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.insights-assets th{font-size:10px;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:var(--muted,#78829a)}
.insights-assets th,.insights-assets td{padding:16px 12px;border-bottom:1px solid var(--line,#e0e3ed)}.insights-assets td:first-child{display:flex;align-items:center;gap:12px;font-weight:500}.insights-assets tr:last-child td{border-bottom:0}
.insights-assets img{width:32px;height:32px;object-fit:contain;border-radius:50%;flex-shrink:0}.insights-assets small,.insights-pool small{display:block;color:var(--muted,#78829a);font-size:11px;font-weight:400;margin-top:6px}
.insights-logo{position:relative;display:inline-grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#6254ff0c;color:#6254ff;font-size:11px;font-weight:600;overflow:hidden}
.insights-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--surface,#fff)}
.insights-distribution-label{display:flex;align-items:center;gap:9px}.insights-network-logo{width:24px;height:24px;flex-basis:24px;font-size:9px}
.insights-pair-logos{display:inline-flex;align-items:center;width:60px;flex:0 0 60px}.insights-pair-logos .insights-logo+ .insights-logo{margin-left:-4px;box-shadow:0 0 0 2px var(--surface,#fff)}
.insights-stock-pair .insights-logo:first-child{z-index:1;box-shadow:0 0 0 2px var(--surface,#fff),0 0 0 3px #6254ff38}
.insights-assets small.insights-stock-badge,.insights-pool small.insights-stock-badge,.insights-stock-badge{display:inline-flex;align-items:center;gap:4px;border:1px solid #6254ff30;border-radius:6px;padding:3px 6px;color:#6254ff;font-size:10px;font-weight:500;background:#6254ff09}
.insights-pool-heading{display:flex;align-items:center;gap:10px;line-height:1.6}
.insights-chart svg{height:230px}.insights-axis{fill:var(--muted,#78829a);font:11px Poppins,sans-serif}.insights-current-value{fill:var(--ink,#28282c);font:600 16px Poppins,sans-serif}.insights-current-point{stroke:var(--surface,#fff);stroke-width:3}
.insights-empty{padding:24px 12px;text-align:center;color:var(--muted,#78829a);font-size:12px}.insights-empty h4{font-size:16px;color:var(--ink,#28282c);font-weight:500;margin:12px 0 6px}.insights-empty p{margin:0;line-height:1.7}.insights-empty-mark,.insights-chart-empty>span{display:inline-grid;place-items:center;font-size:24px;color:#6254ff;background:#6254ff0c;width:44px;height:44px;border:1px solid #6254ff24;border-radius:14px}
.insights-pool{padding:18px 0;border-bottom:1px solid var(--line,#e0e3ed);overflow-wrap:anywhere;font-size:13px}.plan-progress{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:12px 0}.plan-progress li{padding:8px 12px;border-radius:16px;background:#f0f1f8;color:#6e7590;font-size:12px}.plan-progress .complete{background:#eaf8f1;color:#237850}.plan-progress .active{background:#eeecff;color:#6254ff}.plan-progress .unknown{border:1px dashed currentColor}
.insights-pools:not(:empty){border-top:1px solid var(--line,#e0e3ed);margin-top:18px;padding-top:14px}.insights-pool-details summary{cursor:pointer;font-size:13px;font-weight:600}.insights-pools-loading{font-size:12px;color:var(--muted,#78829a);margin:0}
.insights-main button:focus-visible,.insights-main a:focus-visible{outline:2px solid #6254ff;outline-offset:3px}
[data-theme=dark] .portfolio-insights-page{background:#1b1c20}[data-theme=dark] .insights-main .panel,[data-theme=dark] .insights-connection{background:#26272d}[data-theme=dark] .insights-empty h4{color:#eee}[data-theme=dark] .plan-progress li{background:#30313b}[data-theme=dark] .plan-progress .complete{background:#203f32}[data-theme=dark] .plan-progress .active{background:#353057}
@keyframes insights-pulse{50%{opacity:.35;box-shadow:0 0 0 4px #6254ff12}}
@media(prefers-reduced-motion:reduce){.insights-status.is-loading:before{animation:none}}
@media(max-width:700px){.insights-main{padding-block:28px;gap:16px}.insights-grid{grid-template-columns:1fr;gap:16px}.insights-main .panel{padding:20px}.insights-heading{align-items:flex-start;flex-wrap:wrap}.insights-heading h1{letter-spacing:-1px}.insights-main .panel-heading{flex-wrap:wrap}.insights-track{align-items:flex-start}.insights-track label{width:100%}.insights-assets table{font-size:12px;min-width:560px}.insights-chart-card h2{font-size:34px}.insights-connection{align-items:flex-start;flex-direction:column}.portfolio-insights-page .header-inner{display:grid;grid-template-columns:1fr auto;height:auto;min-height:76px;padding-block:14px;gap:12px}.portfolio-insights-page .header-nav{display:flex;grid-column:1/-1;margin:0;justify-content:center;gap:26px}.portfolio-insights-page .brand{grid-column:1;grid-row:1}.insights-wallet-state{grid-column:2;grid-row:1;font-size:10px;padding:8px 10px}}
.insights-chart-wrap{position:relative;margin-top:10px}
.insights-chart-selection{position:absolute;top:8px;z-index:1;max-width:calc(100% - 16px);width:max-content;box-sizing:border-box;font-size:11px;color:var(--ink,#262629);background:var(--surface,#fff);border:1px solid var(--line,#e0e3ed);box-shadow:0 4px 18px #00000008;border-radius:10px;padding:10px 14px;pointer-events:none}
.insights-chart-selection[hidden]{display:none}
.insights-chart svg{height:202px}
.insights-chart-scopes{display:flex;align-items:center;gap:6px;margin-top:16px;flex-wrap:wrap}
.insights-chart-scopes[hidden]{display:none}
.insights-chart-scopes button{background:transparent;border:0;border-radius:8px;padding:7px 10px;color:var(--muted);font:500 11px Poppins,sans-serif;cursor:pointer}
.insights-chart-scopes button[aria-pressed=true]{background:var(--ink);color:var(--surface)}
.insights-chart-scopes button:focus-visible{outline:2px solid var(--portfolio-chart);outline-offset:2px}
.insights-chart-scopes small{font-size:9px;opacity:.8}
.insights-history-empty{height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);gap:8px}
.insights-history-empty span{font-size:24px;color:var(--ink)}
.insights-history-empty p{margin:0;font-size:12px}
.insights-chart-card{padding-bottom:22px!important;background:var(--surface,#fff)!important;border:0!important;box-shadow:none}
.insights-chart-card .panel-heading{align-items:flex-start}
.insights-change{max-width:460px;font-size:11px!important}
.insights-value-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.insights-value-row h2{margin:4px 0;line-height:1.1}
.insights-value-row .insights-change{display:inline-block;padding:5px 9px;border:1px solid var(--line,#e0e3ed);border-radius:8px;font-variant-numeric:tabular-nums;color:var(--muted,#677184);background:#78829a08}
.insights-change[data-direction=up]{color:#24724f;background:#24724f0d;border-color:#24724f24}
.insights-change[data-direction=down]{color:#a23d3d;background:#a23d3d0d;border-color:#a23d3d24}
.insights-value-info{border:0;background:transparent;color:var(--muted,#677184);font-size:17px;padding:4px;cursor:pointer}
.insights-value-info-copy{max-width:450px;font-size:11px;line-height:1.65;color:var(--muted,#677184);margin:10px 0 0}
.insights-value-info-copy[hidden]{display:none}
.insights-value-info:focus-visible{outline:2px solid var(--portfolio-chart);border-radius:4px}
.insights-chart-card .step-label{display:flex;align-items:center;gap:8px}
.insights-chart-card .step-label .insights-value-info{font-size:13px;line-height:1;padding:0;letter-spacing:0}
.insights-chess-loader{height:202px;display:grid;place-items:center;position:relative}
.insights-chess-board{position:relative;grid-area:1/1;width:144px;height:144px;border:0;border-radius:0;overflow:hidden;background:conic-gradient(from 90deg,var(--surface) 25%,var(--line) 0 50%,var(--surface) 0 75%,var(--line) 0);background-size:36px 36px;box-shadow:none}
.insights-chess-position{opacity:0;animation:insights-checkmate-position 48s infinite;animation-delay:calc(var(--turn)*4s)}
.insights-chess-board>.insights-mate-piece{left:calc(var(--mate-x)*18px);top:calc(var(--mate-y)*18px);width:18px;height:18px;font-size:19px;animation:none;transform:none}
.insights-chess-support{left:var(--piece-x);top:var(--piece-y)}
.insights-chess-board>span{position:absolute;display:grid;place-items:center;width:28px;height:28px;font:25px/1 'Segoe UI Symbol','Noto Sans Symbols 2',serif;color:var(--portfolio-chart)}
.insights-chess-rook{left:56px;top:84px}
.insights-chess-queen{left:56px;top:56px;animation:insights-checkmate-queen 4s ease-in-out infinite;z-index:2}
.insights-chess-king{left:84px;top:0;animation:insights-checkmate-king 4s ease-in-out infinite;z-index:2}
.insights-chess-board>.insights-chess-check{left:84px;top:0;border-radius:5px;background:#24724f;opacity:0;animation:insights-checkmate-check 4s ease-in-out infinite}
@keyframes insights-checkmate-queen{0%,18%{transform:translateY(0)}38%,82%{transform:translateY(-28px)}100%{transform:translateY(0)}}
@keyframes insights-checkmate-king{0%,40%,100%{transform:rotate(0);opacity:1}52%,82%{transform:rotate(18deg);opacity:.45}}
@keyframes insights-checkmate-check{0%,40%,100%{opacity:0}52%,82%{opacity:.2}}
@keyframes insights-checkmate-position{0%,.3%{opacity:0}.8%,7.5%{opacity:1}8.3%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.insights-chess-board>span{animation:none}.insights-chess-queen{transform:translateY(-28px)}.insights-chess-board>.insights-chess-check{opacity:.2}}
@media(prefers-reduced-motion:reduce){.insights-chess-position{animation:none}.insights-chess-position:first-child{opacity:1}}
.insights-chart .insights-chart-grid{opacity:.3;stroke-dasharray:3 6}
.insights-chart .insights-axis{fill:var(--muted,#677184);opacity:.72;font-size:10px}
.insights-chart .insights-gap-label{fill:var(--muted,#677184);font:10px Poppins,sans-serif}
.insights-last-dot{fill:var(--portfolio-chart);stroke:var(--surface,#fff);stroke-width:2;pointer-events:none}
.insights-last-pulse{fill:var(--portfolio-chart);opacity:.12;animation:insights-dot-pulse 2s ease-in-out infinite;pointer-events:none}
@keyframes insights-dot-pulse{50%{opacity:.04}}
@media(prefers-reduced-motion:reduce){.insights-last-pulse{animation:none}}
[data-theme=dark] .insights-change[data-direction=up]{color:#8ee0b7}
[data-theme=dark] .insights-change[data-direction=down]{color:#ffaaaa}
.insights-ranges{border:1px solid var(--line,#e0e3ed);padding:4px;border-radius:12px;gap:3px}
.insights-ranges button{border:0;border-radius:8px;min-width:46px;padding:8px 12px;font-size:12px}
.insights-ranges button:not([aria-pressed=true]){color:var(--ink,#383d48)}
.insights-ranges button:disabled{opacity:.4;cursor:not-allowed}
.insights-refresh{min-height:36px;padding:8px 16px;font-size:12px}
#insightCoverage{font-size:11px;max-width:100%;white-space:normal}
#insightCoverage[hidden]{display:none}
.insights-chart .insights-chart-cursor{stroke:var(--portfolio-chart);stroke-width:1;stroke-dasharray:4 4;pointer-events:none}
.insights-chart .insights-chart-grid{stroke:var(--line,#e0e3ed);stroke-width:1;opacity:.3;stroke-dasharray:3 6;pointer-events:none}
.insights-chart .insights-chart-area{fill:url(#insightArea);pointer-events:none}
.insights-chart .insights-chart-line,.insights-chart .insights-reading-tick{fill:none;stroke:var(--portfolio-chart);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.insights-chart svg{cursor:crosshair;border-radius:12px;touch-action:pan-y}
.insights-chart svg:focus-visible{outline:2px solid var(--portfolio-chart);outline-offset:3px}
.insights-chart stop{stop-color:var(--portfolio-chart)}
.insights-value-row [hidden]{display:none!important}
[data-theme=dark] .portfolio-insights-page{--page:#101523;--surface:#192132;--ink:#eef1fb;--muted:#aab5ca;--line:#34405a;--portfolio-chart:#eeeeee}
[data-theme=dark] .insights-heading-soft .destination-text{background-image:linear-gradient(110deg,#d3d3d3,#969696 52%,#cdcdcd)}
[data-theme=dark] .insights-ranges [aria-pressed=true]{background:#edf2ff;color:#17243b}
.insights-assets-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;font-size:12px;color:var(--muted,#78829a)}
.insights-assets-footer [hidden]{display:none}
.insights-wallet-dialog{width:min(440px,calc(100vw - 32px));max-height:min(80vh,660px);border:1px solid var(--line,#e0e3ed);border-radius:20px;padding:24px;background:var(--surface,#fff);color:var(--ink,#28282c);box-shadow:0 24px 72px #0003}
.insights-wallet-dialog::backdrop{background:#10111699}
.insights-wallet-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.insights-wallet-dialog-head h2{font-size:22px;letter-spacing:-.5px;margin:0}
.insights-wallet-dialog-head button{border:0;background:transparent;color:inherit;font-size:26px;line-height:1;cursor:pointer}
.insights-wallet-dialog>p{font-size:13px;color:var(--muted,#78829a);line-height:1.6}
.insights-wallet-dialog #insightWalletError{color:#b52626}
.insights-wallet-options{display:grid;gap:8px;max-height:50vh;overflow:auto;margin-top:18px}
.insights-wallet-options button{font:inherit;text-align:left;border:1px solid var(--line,#e0e3ed);background:var(--surface,#fff);border-radius:12px;padding:13px 15px;color:var(--ink,#28282c);cursor:pointer}
.insights-wallet-options button:hover,.insights-wallet-options button:focus-visible{border-color:var(--ink,#28282c);background:rgba(127,127,127,.06)}
.insights-chart .insights-current-point,.insights-chart .insights-current-value{pointer-events:none}
.insights-distribution button.insights-distribution-label{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;text-align:left;border-radius:9px;padding:4px 6px;margin-left:-6px}
.insights-distribution button.insights-distribution-label:hover,.insights-distribution button[aria-pressed=true]{background:#efedff;color:#544aff}
.insights-filters{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:20px 0;font-size:12px;color:#6d7180}
.insights-filters label{display:grid;gap:6px;flex:1;max-width:360px;min-width:180px}
.insights-filters input{width:100%;border:1px solid #dfe2eb;border-radius:12px;padding:12px 14px;font:inherit;color:inherit;background:transparent;box-sizing:border-box}
.insights-protocol-coverage summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none}.insights-protocol-coverage summary::-webkit-details-marker{display:none}
.insights-protocol-coverage summary strong{font-size:16px;font-weight:600}.insights-protocol-coverage .quote-foot{margin:16px 0;color:var(--muted,#78829a);line-height:1.65;font-size:12px}
#insightProtocolCoverage{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}
.insights-coverage-row{display:grid;grid-template-columns:1fr auto;gap:5px 12px;border:1px solid var(--line,#e0e3ed);border-radius:12px;padding:12px;font-size:12px}
.insights-coverage-row span{display:flex;align-items:center;gap:6px}.insights-coverage-row strong{font-size:11px;font-weight:600;text-transform:capitalize}.insights-coverage-row small{grid-column:1/-1;color:var(--muted,#78829a);line-height:1.45}
.insights-coverage-checked{color:#267450}.insights-coverage-partial,.insights-coverage-incomplete{color:#ae681c}.insights-coverage-unsupported,.insights-coverage-not_discovered{color:var(--muted,#78829a)}
