#investor-portfolio-panel .account-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 20px;
}
#investor-portfolio-panel .account-detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: 16px;
  margin-top: 16px;
}
#investor-portfolio-panel .account-value {
  font-size: clamp(1.5rem, 2.8vw, 2.25rem);
  font-weight: 750;
  letter-spacing: -0.025em;
  line-height: 1.25;
  color: var(--ink);
  margin: 18px 0 12px;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
#investor-portfolio-panel .account-note,
#investor-portfolio-panel .small {
  font-size: 1rem;
  line-height: 1.55;
  font-weight: 450;
}
#investor-portfolio-panel .account-note { color: var(--muted); margin: 10px 0 0; }
#investor-portfolio-panel .account-total { border-top: 4px solid var(--green); }
#investor-portfolio-panel .account-total h3 { margin-top: 8px; }
#investor-portfolio-panel .account-breakdown { margin: 20px 0; }
#investor-portfolio-panel .account-breakdown > div {
  display: flex; justify-content: space-between; gap: 18px;
  padding: 12px 0; border-bottom: 1px solid var(--line);
  font-size: 1rem; line-height: 1.45;
}
#investor-portfolio-panel .account-breakdown dt { color: var(--muted); }
#investor-portfolio-panel .account-breakdown dd {
  margin: 0; text-align: right; font-weight: 650; font-variant-numeric: tabular-nums;
}
#investor-portfolio-panel .account-breakdown .account-cost-details { display: block; }
#investor-portfolio-panel .account-cost-details dt { margin-bottom: 6px; }
#investor-portfolio-panel .account-cost-details dd { text-align: left; font-weight: 400; }
#investor-portfolio-panel .account-cost-details summary { cursor: pointer; color: var(--green); font-weight: 650; }
#investor-portfolio-panel .account-cost-details ul { padding-left: 22px; }
#investor-portfolio-panel .account-cost-details li { margin: 6px 0; }
#investor-portfolio-panel .account-cost-details p { font-size: 1rem; line-height: 1.55; }
#investor-portfolio-panel .account-positive { color: #11704c; }
#investor-portfolio-panel .account-negative { color: #ab3030; }
#investor-portfolio-panel .account-trade-list { list-style: none; padding: 0; margin: 12px 0 0; }
#investor-portfolio-panel .account-trade-list li { padding: 16px 0; border-bottom: 1px solid var(--line); }
#investor-portfolio-panel .account-trade-head { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; }
#investor-portfolio-panel .account-trade-head strong { font-size: 1.125rem; }
#investor-portfolio-panel .account-trade-status { font-size: 0.875rem; font-weight: 650; color: var(--muted); }
#investor-portfolio-panel .account-trades details { margin-top: 18px; }
#investor-portfolio-panel .account-trades summary { font-size: 1rem; cursor: pointer; padding: 8px 0; }
#investor-portfolio-panel .account-metric h3 { font-size: 1.25rem; line-height: 1.35; }
#investor-portfolio-panel .account-metric,
#investor-portfolio-panel .account-total,
#investor-portfolio-panel .account-trades { min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 1000px) {
  #investor-portfolio-panel .account-detail-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
  #investor-portfolio-panel .account-metrics { grid-template-columns: minmax(0, 1fr); }
  #investor-portfolio-panel .account-breakdown > div { flex-wrap: wrap; gap: 4px 16px; }
}