/* Portfolio: a persistent navigation rail and readable, responsive account views. */
#yieldApp[data-portfolio=true]{max-width:1440px;margin-inline:auto;padding-inline:clamp(16px,3vw,44px)}
#multiPortfolio{--portfolio-space:clamp(16px,2vw,26px)}
#multiPortfolio .portfolio-page-heading{padding:20px 0 24px;margin:0;border-bottom:1px solid var(--border);gap:20px}
#multiPortfolio h1{font-size:clamp(30px,3.5vw,44px);line-height:1.15;letter-spacing:-.035em}
#multiPortfolio .portfolio-page-heading p{font-size:14px;line-height:1.75;max-width:65ch}
#multiPortfolio .yield-eyebrow{font-size:10px;line-height:1.6}
#portfolioConnected:not([hidden]){display:grid;grid-template-columns:172px minmax(0,1fr);align-items:start;gap:28px;padding-top:24px}
#multiPortfolio #portfolioSectionNav{display:flex;flex-direction:column;gap:6px;position:sticky;top:100px;overflow:visible;border:0;margin:0;padding:0;min-width:0}
#multiPortfolio #portfolioSectionNav a{display:flex;gap:12px;align-items:center;justify-content:flex-start;min-height:48px;padding:12px 15px;font-size:13px;border:1px solid transparent;border-radius:10px;color:var(--muted);white-space:nowrap}
#multiPortfolio #portfolioSectionNav a[aria-current=page]{background:color-mix(in srgb,var(--accent) 12%,var(--panel));border-color:color-mix(in srgb,var(--accent) 40%,var(--border));color:var(--accent);font-weight:650}
#multiPortfolio #portfolioSectionNav a:hover{background:var(--panel);color:var(--text)}
#portfolioSectionNav svg{width:18px;height:18px;flex-shrink:0}
#multiPortfolio #portfolioSectionNav a[data-secondary=true]{font-size:12px}
#multiPortfolio #portfolioSectionNav a[data-secondary=true]:not([data-secondary=true]+[data-secondary=true]){margin-top:14px;border-top-color:var(--border);border-radius:0 0 10px 10px}
#portfolioMain{min-width:0;width:100%}
#multiPortfolio .multi-toolbar{margin:0 0 24px;padding:16px;gap:14px;background:var(--panel);grid-template-columns:minmax(140px,1fr) minmax(130px,.8fr) minmax(170px,1.2fr);align-items:end}
#multiPortfolio .multi-toolbar .portfolio-toolbar-actions{grid-column:1/-1;justify-content:flex-end}
#multiPortfolio[data-portfolio-view=overview] .multi-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}
#multiPortfolio[data-portfolio-view=overview] .multi-toolbar .portfolio-toolbar-actions{grid-column:auto}
#multiPortfolio .multi-toolbar label,#multiPortfolio .portfolio-list-controls label,#multiPortfolio .portfolio-asset-controls label{font-size:12px;line-height:1.5}
#multiPortfolio .multi-toolbar :is(input,select),#multiPortfolio .portfolio-toolbar-actions button{font-size:13px;min-height:44px}
#multiPortfolio .portfolio-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#multiPortfolio .portfolio-summary-card{padding:var(--portfolio-space);min-width:0;box-shadow:none;overflow-wrap:anywhere}
#multiPortfolio .portfolio-summary-card[data-summary-card=holdings]{background:linear-gradient(130deg,color-mix(in srgb,var(--accent) 12%,var(--panel)),var(--panel));border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}
#multiPortfolio .portfolio-summary-heading h3{font-size:14px}
#multiPortfolio .portfolio-summary-heading{margin-bottom:20px}
#multiPortfolio .portfolio-summary-card>strong{font-size:clamp(24px,2.6vw,34px);line-height:1.25}
#multiPortfolio .portfolio-summary-card :is(p,small){font-size:12px;line-height:1.7}
#multiPortfolio .portfolio-summary-card>a{font-size:13px;min-height:44px;align-items:center}
#portfolioScanProgress{display:block;width:100%;height:4px;appearance:none;border:0;border-radius:4px;overflow:hidden;background:var(--border);color:var(--accent);margin-top:14px}
#portfolioScanProgress::-webkit-progress-bar{background:var(--border)}#portfolioScanProgress::-webkit-progress-value{background:var(--accent)}#portfolioScanProgress::-moz-progress-bar{background:var(--accent)}
#multiPortfolio .portfolio-section-heading h2{font-size:20px;line-height:1.4}
#multiPortfolio .portfolio-note,#multiPortfolio #multiOverviewStatus{font-size:12px;line-height:1.75}
.portfolio-coverage-explainer{margin:16px 0;padding:14px 16px;border:1px solid var(--border);border-radius:10px;background:var(--panel)}
.portfolio-coverage-explainer summary{font-size:13px;cursor:pointer}.portfolio-coverage-explainer p{max-width:90ch}
.portfolio-venue-links{display:flex;gap:10px 20px;align-items:center;flex-wrap:wrap;margin:18px 0;font-size:12px}.portfolio-venue-links>span{color:var(--muted)}
#multiPortfolio .portfolio-network-copy b{font-size:14px}#multiPortfolio .portfolio-network-copy small{font-size:11px}#multiPortfolio .portfolio-network-value{font-size:15px}
#multiPortfolio .portfolio-next-actions>div{gap:12px}#multiPortfolio .portfolio-next-actions a{min-width:0;line-height:1.65;padding:18px}#multiPortfolio .portfolio-next-actions b{font-size:13px}#multiPortfolio .portfolio-next-actions small{font-size:12px}
#multiPortfolio .portfolio-list-controls{flex-wrap:wrap;align-items:center}#multiPortfolio .portfolio-list-controls h2{font-size:20px}
.portfolio-asset-controls{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:14px 16px;background:var(--panel);border:1px solid var(--border);border-radius:10px;margin-bottom:12px}
.portfolio-asset-controls label{display:grid;gap:6px;min-width:130px}.portfolio-asset-controls select{min-height:44px}#multiAssetStatus{margin:0 0 10px auto;color:var(--muted);font-size:12px}
#multiPortfolio .multi-table{font-size:13px}#multiPortfolio .multi-table th{font-size:11px;text-transform:uppercase;letter-spacing:.04em}#multiPortfolio .multi-table td{font-size:13px;overflow-wrap:anywhere}#multiPortfolio .multi-table small{font-size:11px;line-height:1.7}#multiPortfolio .multi-table button{min-height:44px;font-size:12px}
#multiPortfolio .portfolio-holdings-pagination{align-items:center;gap:12px}#multiPortfolio .portfolio-holdings-pagination p{font-size:12px}
#multiPortfolio .portfolio-welcome{margin-top:24px}#multiPortfolio .portfolio-welcome h2{font-size:28px}#multiPortfolio .portfolio-welcome p{font-size:14px;line-height:1.75}
#multiPortfolio .portfolio-welcome-connect button{font-size:13px;min-height:48px}
#multiPortfolio .portfolio-connection-body p{font-size:13px}#multiPortfolio .portfolio-connections{margin-top:36px;padding-top:24px;border-top:1px solid var(--border)}
#multiPortfolio .portfolio-position-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
#multiPortfolio .portfolio-position-filters button{min-height:44px;font-size:12px}#multiPortfolio .portfolio-position-filters>div{flex-wrap:wrap}
#multiPortfolio .portfolio-tool-disclosure>summary{min-height:64px;gap:14px}#multiPortfolio .portfolio-tool-disclosure small{font-size:12px;line-height:1.6}
#multiPortfolio :is(button,a,input,select,summary):focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(min-width:1500px){#multiPortfolio .portfolio-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#multiPortfolio .portfolio-summary-card>strong{font-size:26px}}
@media(max-width:1100px){#portfolioConnected:not([hidden]){grid-template-columns:1fr;gap:20px}#multiPortfolio #portfolioSectionNav{flex-direction:row;position:static;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}#multiPortfolio #portfolioSectionNav a{flex:0 0 auto;padding:10px 13px}#multiPortfolio #portfolioSectionNav a[data-secondary=true]:not([data-secondary=true]+[data-secondary=true]){margin-top:0;border-top-color:transparent;border-radius:10px}}
@media(max-width:700px){#multiPortfolio .portfolio-page-heading{align-items:flex-start;flex-direction:column}#multiPortfolio .portfolio-header-actions{width:100%;justify-content:space-between}#multiPortfolio .multi-toolbar,#multiPortfolio[data-portfolio-view=overview] .multi-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px}#multiPortfolio .multi-toolbar label:has(#multiSearch),#multiPortfolio .multi-toolbar .portfolio-toolbar-actions,#multiPortfolio[data-portfolio-view=overview] .multi-toolbar .portfolio-toolbar-actions{grid-column:1/-1}#multiPortfolio .portfolio-summary-grid{gap:12px}#multiPortfolio .portfolio-summary-card{padding:16px}#multiPortfolio .portfolio-summary-card>strong{font-size:24px}#multiPortfolio .portfolio-network-summary{grid-template-columns:1fr}#multiPortfolio .portfolio-section-heading{flex-wrap:wrap}#multiAssetStatus{width:100%;margin:0}.portfolio-asset-controls label{flex:1}#multiPortfolio .portfolio-list-controls>.portfolio-density{order:3}#multiPortfolio #multiExport{min-height:44px}#multiPortfolio .portfolio-venue-links{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){#multiPortfolio .portfolio-summary-grid{grid-template-columns:1fr}#multiPortfolio .portfolio-summary-card>p{min-height:0}#multiPortfolio .portfolio-summary-heading{margin-bottom:12px}#multiPortfolio .portfolio-summary-card>small{margin-bottom:10px}#multiPortfolio .portfolio-summary-card>strong{font-size:30px}#multiPortfolio .multi-toolbar,#multiPortfolio[data-portfolio-view=overview] .multi-toolbar{grid-template-columns:1fr}#multiPortfolio .portfolio-welcome-main,#multiPortfolio .portfolio-welcome-features{padding:20px}}
@media(prefers-reduced-motion:reduce){#multiPortfolio *{scroll-behavior:auto!important;transition:none!important}}

.portfolio-token-fallback{display:inline-grid;place-items:center;width:34px;height:34px;flex-shrink:0;border:1px solid var(--border);border-radius:50%;background:color-mix(in srgb,var(--accent) 10%,var(--panel));color:var(--accent);font-size:11px;font-weight:650}
@media(max-width:650px){#multiPortfolio #multiPrivacy{min-height:44px!important;font-size:12px!important;padding:10px 12px!important}}
