/* ApexCharts injects legend/tooltip nodes dynamically (sometimes attached to
   document.body), so component-scoped CSS can't reliably reach them. This
   global override neutralises any text-transform that the gaia-card chrome
   bleeds into the chart container, so series names like "Required CII" stay
   in title case on both the legend and the hover tooltip. Lives outside the
   SCSS build pipeline so a manual SCSS recompile won't overwrite it. */
.apexcharts-legend,
.apexcharts-legend-text,
.apexcharts-tooltip,
.apexcharts-tooltip *,
.apexcharts-tooltip-title,
.apexcharts-tooltip-text,
.apexcharts-tooltip-text-y-label,
.apexcharts-tooltip-text-y-value,
.apexcharts-tooltip-text-z-label,
.apexcharts-tooltip-text-z-value,
.apexcharts-xaxistooltip,
.apexcharts-xaxistooltip-text,
.apexcharts-yaxistooltip,
.apexcharts-yaxistooltip-text {
    text-transform: none !important;
    letter-spacing: normal !important;
}