.ucc-chart {
  width: 100%; height: 100%; background: #eef1f4; box-sizing: border-box;
  padding: 16px; font: 14px/1.4 sans-serif; display: flex; flex-direction: column;
}
.ucc-chart .ucc-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.ucc-chart .ucc-title { margin: 0; font-size: 18px; font-weight: 500; color: #333; }
.ucc-chart .ucc-toggle { display: inline-flex; gap: 2px; background: #f0f0f0; border-radius: 7px; padding: 3px; }
.ucc-chart .ucc-toggle-btn { border: none; background: none; padding: 5px 12px; font: inherit; font-size: 12px; font-weight: 600; color: #666; border-radius: 5px; cursor: pointer; }
.ucc-chart .ucc-toggle-btn.active { background: #16324f; color: #fff; }
.ucc-chart .ucc-stage { flex: 1 1 auto; min-height: 0; }
.ucc-chart .ucc-svg { width: 100%; height: 100%; display: block; }
.ucc-chart .ucc-label { font-size: 13px; fill: #444; }
.ucc-chart .ucc-row.is-mri .ucc-label { fill: #e07b39; font-weight: 700; }
.ucc-chart .ucc-bar { fill: #16324f; }
.ucc-chart .ucc-row.is-mri .ucc-bar { fill: #e07b39; }
.ucc-chart .ucc-value { font-size: 12px; font-weight: 700; fill: #16324f; }
.ucc-chart .ucc-row.is-mri .ucc-value { fill: #e07b39; }
.ucc-chart .ucc-secondary { margin-top: 10px; font-size: 12px; color: #777; border-top: 1px solid #eee; padding-top: 10px; }