.portfolio-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:36px}.portfolio-main,.portfolio-aside{min-width:0}.portfolio-aside{border-left:1px solid var(--et-border);padding-left:28px}.portfolio-total{overflow-wrap:anywhere}.portfolio-coverage{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--et-muted);margin:12px 0 28px}.portfolio-coverage .icon{width:15px;height:15px;flex-shrink:0}.portfolio-coverage.warning{color:var(--et-warning)}.portfolio-layout .metrics{grid-template-columns:repeat(2,minmax(0,1fr));padding:24px 0;border-block:1px solid var(--et-border);margin:0 0 30px}.portfolio-layout .metrics strong{font-size:22px;overflow-wrap:anywhere}.portfolio-history-head{display:flex;justify-content:space-between;align-items:center;gap:14px}.portfolio-history-head h2{font-size:17px}.portfolio-history-head .segmented button{min-width:44px;min-height:44px}.portfolio-range{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:11px;color:var(--et-muted);padding:16px 0}.portfolio-layout .portfolio-chart{height:300px;min-width:0;overflow:hidden}.portfolio-crosshair{font-size:12px;color:var(--et-muted);min-height:30px;padding:8px 0;overflow-wrap:anywhere}.portfolio-history-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border-block:1px solid var(--et-border);padding:18px 0;margin-top:12px}.portfolio-history-metrics small{display:block;font-size:11px;min-height:32px}.portfolio-history-metrics strong{display:block;font-size:15px;overflow-wrap:anywhere}.portfolio-history-note{line-height:1.7}.portfolio-records{border-block:1px solid var(--et-border);margin:8px 0 24px}.portfolio-records summary{min-height:48px;align-content:center;cursor:pointer;font-size:13px}.portfolio-records summary span{color:var(--et-muted);margin-left:8px}.portfolio-records .section-head{border-top:1px solid var(--et-border)}.portfolio-records .icon-button{width:44px;height:44px}.portfolio-snapshot-list>div,.portfolio-order-row{display:flex;justify-content:space-between;gap:14px;padding:16px 0;border-bottom:1px solid var(--et-border)}.portfolio-snapshot-list span,.portfolio-order-row>span:first-child{min-width:0}.portfolio-snapshot-list strong{font-size:12px;font-weight:500}.portfolio-snapshot-list small,.portfolio-order-row small{display:block;margin-top:6px;font-size:11px;overflow-wrap:anywhere}.portfolio-snapshot-list b{font-size:13px;text-align:right;overflow-wrap:anywhere;max-width:45%}.portfolio-order-row{width:100%;background:none;border-radius:0;border-width:0 0 1px;text-align:left;align-items:center;min-height:64px}.portfolio-order-row:hover{background:var(--et-hover)}.portfolio-order-row strong{font-size:13px}.portfolio-allocation{padding:14px 0;border-bottom:1px solid var(--et-border)}.portfolio-allocation>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:13px}.portfolio-allocation .bar{height:4px;margin:10px 0}.portfolio-allocation small{display:block;text-align:right;font-size:11px}.portfolio-aside .facts strong{min-width:0;font-size:12px}.portfolio-aside .facts>div{font-size:12px}.portfolio-source{border-top:1px solid var(--et-border);padding:14px 0}.portfolio-source>strong{font-size:12px}.portfolio-source>div{font-size:11px;margin-top:8px;overflow-wrap:anywhere}.portfolio-aside .section-head button{font-size:12px;min-height:44px}.portfolio-aside .empty-state{padding:28px 12px}.portfolio-aside .empty-state p{font-size:12px}
@media(max-width:1199px){.portfolio-layout{grid-template-columns:minmax(0,1fr) 240px;gap:24px}.portfolio-aside{padding-left:20px}.portfolio-history-head{align-items:start;flex-direction:column}}
.portfolio-allocation .bar{background:var(--et-hover);overflow:hidden}.portfolio-allocation .bar i{display:block;height:100%;background:var(--et-accent)}
@media(max-width:899px){.portfolio-layout{grid-template-columns:1fr}.portfolio-aside{padding:12px 0 0;border-left:0;border-top:1px solid var(--et-border)}.portfolio-history-head{flex-direction:row;align-items:center}.portfolio-layout .portfolio-chart{height:280px}}
@media(max-width:599px){.portfolio-layout .portfolio-total{font-size:30px}.portfolio-layout .metrics strong{font-size:20px}.portfolio-history-head{flex-direction:column;align-items:stretch}.portfolio-history-head .segmented{align-self:start}.portfolio-history-metrics{gap:10px}.portfolio-history-metrics strong{font-size:13px}.portfolio-history-metrics small{min-height:38px;line-height:1.5}.portfolio-layout .portfolio-chart{height:240px}.portfolio-records summary{min-height:48px}.portfolio-snapshot-list b{font-size:12px}}
@media(max-width:599px){.portfolio-layout .metrics{grid-template-columns:1fr;gap:16px;padding:20px 0}.portfolio-layout .metrics>div,.portfolio-history-metrics>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.portfolio-layout .metrics span{margin:0}.portfolio-layout .metrics strong{font-size:16px;white-space:nowrap}.portfolio-history-metrics{grid-template-columns:1fr;gap:14px}.portfolio-history-metrics small{min-height:0}.portfolio-history-metrics strong{white-space:nowrap}}
@media(max-width:359px){.portfolio-layout .portfolio-total{font-size:26px}.portfolio-layout .metrics strong{font-size:15px}}

/* Let enlarged labels and exact amounts reflow without hiding or abbreviating values. */
.portfolio-layout .metrics{grid-template-columns:repeat(auto-fit,minmax(min(100%,18em),1fr))}
.portfolio-history-metrics{grid-template-columns:repeat(auto-fit,minmax(min(100%,14em),1fr))}
.portfolio-layout .metrics>div,.portfolio-history-metrics>div{min-width:0}
.portfolio-layout .metrics strong,.portfolio-history-metrics strong{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.portfolio-coverage>span{min-width:0;overflow-wrap:anywhere}
.portfolio-layout .section-head{flex-wrap:wrap;padding-block:8px}
.portfolio-layout .section-head>h2,.portfolio-history-head>h2{min-width:0;overflow-wrap:anywhere}
.portfolio-layout .section-head>button{max-width:100%;min-height:44px;white-space:normal;overflow-wrap:anywhere;margin-left:auto}
.portfolio-history-head .segmented{max-width:100%;flex-wrap:wrap}
.portfolio-range>span{min-width:0;overflow-wrap:anywhere}
.portfolio-snapshot-list>div,.portfolio-aside .facts>div,.portfolio-order-row{flex-wrap:wrap;row-gap:8px}
.portfolio-snapshot-list b,.portfolio-aside .facts strong{max-width:100%;margin-left:auto}
.portfolio-aside .facts span{min-width:0;overflow-wrap:anywhere}
.portfolio-order-row .status{max-width:100%;margin-left:auto;white-space:normal;overflow-wrap:anywhere}
.portfolio-allocation>div:first-child{flex-wrap:wrap;row-gap:6px}
.portfolio-allocation>div:first-child>span{min-width:0;overflow-wrap:anywhere}
.portfolio-allocation>div:first-child>strong{margin-left:auto}
.portfolio-allocation small{overflow-wrap:anywhere}
@media(max-width:599px){
  .portfolio-layout .metrics>div,.portfolio-history-metrics>div{flex-wrap:wrap;row-gap:6px}
  .portfolio-layout .metrics strong,.portfolio-history-metrics strong{margin-left:auto}
}