/* Elevate R37 UI20 — Chart Presentation Standard R1
   Container, legend and tooltip presentation only. Chart data/config/drawing JS remains R37. */
.dashboard-page :where(.oi-chart-panel,.moving-average-chart-wrap,.wealth-history-chart-wrap){
  max-width:100%!important;
  min-width:0!important;
  border-radius:var(--elevate-radius-lg)!important;
  overflow:hidden!important;
}
.dashboard-page :where(#oi-history-chart,#moving-average-chart,#wealth-history-chart,#wb-lifecycle-chart){
  display:block!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.dashboard-page .wealth-history-chart-wrap,
.dashboard-page #wealth-builder-view #wb-lifecycle-chart{
  border-radius:var(--elevate-radius-lg)!important;
}
.dashboard-page :where(.wealth-history-legend,.wb-r4-chart-legend){
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:8px 12px!important;
  font-size:11px!important;
  line-height:1.3!important;
}
.dashboard-page .wealth-history-tooltip{
  border-radius:var(--elevate-radius-md)!important;
  box-shadow:var(--elevate-shadow-md)!important;
  font-family:var(--elevate-font-sans)!important;
  font-variant-numeric:tabular-nums!important;
}
.dashboard-page .wealth-history-empty{
  font-size:12px!important;
  line-height:1.45!important;
}
.dashboard-page #wealth-builder-view .wb-fire-chart-head{
  gap:8px 14px!important;
}
.dashboard-page #wealth-builder-view .wb-fire-chart-head strong{
  font-size:16px!important;
  line-height:1.25!important;
}
.dashboard-page #wealth-builder-view .wb-fire-chart-head small{
  font-size:11px!important;
  line-height:1.4!important;
}
@media(max-width:430px){
  .dashboard-page :where(.wealth-history-legend,.wb-r4-chart-legend){font-size:10.5px!important;gap:6px 9px!important}
  .dashboard-page #wealth-builder-view .wb-fire-chart-head{display:block!important}
  .dashboard-page #wealth-builder-view .wb-fire-chart-head small{display:block!important;margin-top:3px!important;text-align:left!important}
}