/* Portfolio-only presentation; shared trading and Earn layouts remain intact. */
.yield-shell[data-portfolio=true] .yield-hero{padding:36px 0 24px}.yield-shell[data-portfolio=true] .yield-hero h1{font-size:clamp(30px,4vw,48px)}.yield-shell[data-portfolio=true] .yield-orbit{display:none}.yield-shell[data-portfolio=true] .yield-pills{display:none}.portfolio-overview{--p-green:#86ecc0;--p-red:#ff9aaf}.portfolio-overview button{font:inherit;cursor:pointer}.portfolio-overview button:disabled{opacity:.5;cursor:default}.portfolio-overview button:focus-visible,.portfolio-overview a:focus-visible,.portfolio-overview input:focus-visible,.portfolio-overview summary:focus-visible{outline:2px solid var(--y-accent);outline-offset:4px}.portfolio-toolbar>div:last-child{align-items:center;flex-wrap:wrap}.portfolio-live{font-size:11px;color:var(--y-muted);max-width:190px}.portfolio-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.portfolio-metrics article{padding:24px 20px;gap:13px;min-width:0;border-radius:16px}.portfolio-metrics article.portfolio-primary{background:linear-gradient(130deg,rgba(70,180,140,.15),var(--y-panel));border-color:var(--y-accent)}.portfolio-metrics strong{font-size:clamp(24px,2.5vw,36px);font-variant-numeric:tabular-nums;line-height:1.2}.portfolio-positive{color:var(--p-green)!important}.portfolio-negative{color:var(--p-red)!important}.portfolio-visuals{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:18px}.portfolio-section{background:var(--y-panel);min-width:0}.portfolio-section-head h2{font-size:21px;margin:6px 0}.portfolio-section-head .yield-eyebrow{font-size:9px}.portfolio-section button,.portfolio-history-actions button{background:var(--y-panel2);border:1px solid var(--y-border);border-radius:8px;color:var(--y-text);padding:8px 12px;font-size:12px}.portfolio-section .portfolio-range{display:flex;gap:4px;flex-wrap:wrap}.portfolio-range button{padding:6px 10px;font-size:11px}.portfolio-range button[aria-pressed=true]{color:var(--y-ink);background:var(--y-accent);border-color:var(--y-accent)}.portfolio-empty{min-height:140px;display:grid;place-content:center;padding:20px;text-align:center;color:var(--y-muted);font-size:13px;line-height:1.8}.portfolio-chart{min-width:0;margin-top:25px}.portfolio-chart-summary{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:19px}.portfolio-chart-summary strong{font-weight:600}.portfolio-chart-summary small{display:block;font-weight:400;color:var(--y-muted);font-size:10px;line-height:1.8}.portfolio-chart-summary>span{font-size:12px;color:var(--y-muted)}.portfolio-chart svg{display:block;width:100%;height:auto;margin-top:16px;max-height:240px}.portfolio-chart-grid{stroke:var(--y-border);stroke-width:1;fill:none}.portfolio-chart-fill{fill:var(--y-accent);opacity:.06}.portfolio-chart-line{stroke:var(--y-accent);stroke-width:2.5;fill:none;vector-effect:non-scaling-stroke}.portfolio-chart-dates{display:flex;justify-content:space-between;color:var(--y-muted);font-size:10px}.portfolio-scrubber{display:block!important;font-size:10px!important;margin-top:14px}.portfolio-section .portfolio-scrubber input{display:block;padding:0;margin:8px 0;width:100%;max-width:none;accent-color:var(--y-accent)}.portfolio-chart output{display:block;font-size:12px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.portfolio-chart-data{font-size:11px;margin-top:14px;color:var(--y-muted)}.portfolio-chart-data summary{cursor:pointer}.portfolio-data-scroll{max-height:220px;overflow:auto}.portfolio-data-scroll caption{text-align:left;padding:12px 0}.portfolio-overview .portfolio-data-scroll td{padding:8px}.portfolio-record{display:flex;align-items:center;gap:8px;margin:18px 0;font-size:12px}.portfolio-section .portfolio-record input{padding:0;margin:0;accent-color:var(--y-accent)}.portfolio-history-actions{display:flex;gap:10px;flex-wrap:wrap}.portfolio-donut{width:170px;height:170px;border-radius:50%;margin:28px auto;display:grid;place-items:center}.portfolio-donut>div{background:var(--y-panel);width:130px;height:130px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.portfolio-donut strong{font-size:32px}.portfolio-donut span{font-size:10px;color:var(--y-muted)}.portfolio-allocation-list{list-style:none;margin:22px 0;padding:0}.portfolio-allocation-list li{display:flex;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid var(--y-border);font-size:12px}.portfolio-allocation-list li>span:first-child{display:flex;align-items:center;gap:8px}.portfolio-allocation-list i{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.portfolio-allocation-list small{display:inline-block;color:var(--y-muted);min-width:52px;text-align:right}.portfolio-overview td small{display:block;font-size:10px;margin-top:6px}.portfolio-review{color:var(--y-warn)}.portfolio-performance-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0}.portfolio-performance-metrics article{min-width:0;padding:18px;background:var(--y-panel2);border-radius:12px}.portfolio-performance-metrics span{display:block;font-size:11px;color:var(--y-muted);margin-bottom:12px}.portfolio-performance-metrics strong{font-size:23px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.portfolio-basis{color:var(--y-text);background:var(--y-panel);border:1px solid var(--y-border);border-radius:18px;padding:28px;max-width:500px;width:calc(100% - 32px);max-height:calc(100dvh - 40px);overflow:auto}.portfolio-basis::backdrop{background:#0009}.portfolio-basis p{overflow-wrap:anywhere}.portfolio-basis label{display:block}.portfolio-basis input{display:block;width:100%;padding:12px;border:1px solid var(--y-border);background:var(--y-panel2);color:var(--y-text);border-radius:10px;margin-top:10px}.portfolio-basis button{background:var(--y-panel2);color:var(--y-text);border:1px solid var(--y-border);padding:10px 14px;border-radius:8px}.portfolio-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
html[data-theme=light] .portfolio-overview{--p-green:#076747;--p-red:#b72044}html[data-theme=light] .portfolio-primary{background:linear-gradient(130deg,#e0f4ed,var(--y-panel))}
@media(max-width:1050px){.portfolio-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-visuals{grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr)}.portfolio-metrics strong{font-size:30px}.portfolio-performance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.portfolio-visuals{grid-template-columns:minmax(0,1fr)}.portfolio-metrics{gap:10px}.portfolio-metrics article{padding:18px 14px}.portfolio-metrics strong{font-size:26px}.portfolio-metrics span{font-size:11px}.portfolio-metrics small{font-size:10px}.portfolio-toolbar h2{font-size:22px}.portfolio-toolbar>div:last-child{width:100%}.portfolio-live{width:100%;max-width:none}.portfolio-section{padding:18px 14px}.portfolio-section-head{gap:10px}.portfolio-chart-summary{font-size:16px}.portfolio-record{align-items:flex-start}.portfolio-section .portfolio-record input{display:inline-block;width:auto;flex-shrink:0;margin:3px 0}.portfolio-performance-metrics{gap:10px}.portfolio-performance-metrics article{padding:14px 12px}.portfolio-performance-metrics strong{font-size:20px}.portfolio-allocation-list li{font-size:11px}.portfolio-section-head label{width:auto}}
@media(max-width:360px){.portfolio-metrics{grid-template-columns:minmax(0,1fr)}.portfolio-performance-metrics{grid-template-columns:minmax(0,1fr)}}
/* Compact wallet-dashboard composition informed by the supplied reference. */
.portfolio-toolbar{margin:38px 0 24px}.portfolio-toolbar h1{font-size:30px;letter-spacing:-.04em;margin:4px 0 16px;line-height:1.2}.portfolio-wallet-identity{display:flex;align-items:center;gap:10px}.portfolio-wallet-identity>img{border-radius:50%;background:var(--y-panel2);padding:4px}.portfolio-wallet-identity #portfolioAddress{border:0;padding:8px 0;background:transparent;font-size:14px;font-weight:650}.portfolio-live{background:var(--y-panel2);border-radius:99px;padding:6px 10px;color:var(--y-accent)}.portfolio-visuals{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.portfolio-visuals>.portfolio-section{margin-top:8px}.portfolio-section{border-radius:18px}.portfolio-visuals h2{font-size:18px;color:var(--y-muted);font-weight:600}.portfolio-net-worth{display:flex;flex-direction:column;gap:8px}.portfolio-net-worth strong{font-size:40px;font-weight:650;letter-spacing:-.04em;line-height:1.2}.portfolio-net-worth small{font-size:11px;color:var(--y-muted)}.portfolio-metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0 12px}.portfolio-metrics article{padding:18px 20px;background:transparent;gap:10px}.portfolio-metrics strong{font-size:27px}.portfolio-performance-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.portfolio-performance-metrics article{padding:0;background:none;border-radius:0}.portfolio-performance-metrics article:first-child{grid-column:1/-1}.portfolio-performance-metrics article:first-child>span{font-size:10px}.portfolio-performance-metrics article:first-child strong{font-size:32px}.portfolio-performance-metrics article:not(:first-child) strong{font-size:15px}.portfolio-performance-metrics span{font-size:10px;margin-bottom:5px}.portfolio-visuals .portfolio-chart{margin-top:18px}.portfolio-visuals .portfolio-chart svg{max-height:145px}.portfolio-visuals .portfolio-chart-summary{font-size:14px}.portfolio-visuals .portfolio-chart-summary small{font-size:9px}.portfolio-visuals .portfolio-note{font-size:10px;line-height:1.7}.portfolio-visuals .portfolio-chart output{font-size:11px}.portfolio-calendar-cells{display:grid;grid-template-columns:repeat(30,minmax(0,1fr));gap:3px;margin-top:16px}.portfolio-calendar-cells span{display:block;aspect-ratio:1;border-radius:3px;background:var(--y-panel2);min-height:8px}.portfolio-calendar-cells span.gain{background:#229e7c}.portfolio-calendar-cells span.loss{background:#d44a6b}.portfolio-calendar-cells span.flat{background:#8795a3}.portfolio-calendar-cells span:focus{outline:2px solid var(--y-accent);outline-offset:3px}.portfolio-allocation-details{border:1px solid var(--y-border);border-radius:12px;margin:14px 0 20px}.portfolio-allocation-details>summary{padding:15px 20px;cursor:pointer;font-size:13px}.portfolio-allocation-details>summary>span{float:right;font-size:11px;color:var(--y-muted)}.portfolio-allocation-details>.portfolio-section{margin:0;border:0;border-radius:0;background:transparent}.portfolio-allocation-details #portfolioAllocation{display:grid;grid-template-columns:190px 1fr;gap:12px 30px;align-items:center}.portfolio-allocation-details .portfolio-note{grid-column:1/-1}.portfolio-overview td,.portfolio-overview th{padding:14px 10px}.portfolio-overview td{font-size:13px}.portfolio-overview th{font-size:11px}.portfolio-asset b{font-size:13px}.portfolio-asset{min-width:165px}.portfolio-overview td button{padding:6px 10px;font-size:11px;border-radius:99px}.portfolio-shortcuts{margin:14px 0 18px}.portfolio-shortcuts a,.portfolio-shortcuts button{border-radius:99px;padding:9px 14px}.portfolio-overview .portfolio-note:has(+ .portfolio-shortcuts){font-size:11px;max-width:1050px}.portfolio-chart-data{font-size:10px}
@media(max-width:900px){.portfolio-visuals{grid-template-columns:minmax(0,1fr)}.portfolio-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-metrics article{padding:16px 12px}.portfolio-metrics strong{font-size:23px}}
@media(max-width:600px){.portfolio-toolbar{margin-top:24px}.portfolio-metrics{grid-template-columns:minmax(0,1fr)}.portfolio-metrics article{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 12px}.portfolio-metrics small{grid-column:1/-1}.portfolio-net-worth strong{font-size:34px}.portfolio-allocation-details>summary>span{float:none;display:block;margin-top:4px}.portfolio-allocation-details #portfolioAllocation{grid-template-columns:1fr}.portfolio-allocation-details .portfolio-donut{margin:8px auto}.portfolio-wallet-identity #portfolioAddress{font-size:12px}.portfolio-performance-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-performance-metrics article:not(:first-child) strong{font-size:14px}}