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