/* Highcharts global readability (light background) for SIAKAD.
 * Scoped to Highcharts only; does not modify sitewide form/table fonts.
 * Specific colors also work if an old dark Highcharts theme sets SVG fill.
 */
.highcharts-container,
.highcharts-root,
.highcharts-background {
    background: #fff !important;
}
.highcharts-background {
    fill: #fff !important;
    stroke: transparent !important;
}
.highcharts-plot-background {
    fill: #fff !important;
}
.highcharts-axis-labels text,
.highcharts-axis-title,
.highcharts-legend-item text,
.highcharts-title,
.highcharts-subtitle,
.highcharts-data-label text,
.highcharts-label text,
.highcharts-plot-line-label,
.highcharts-plot-band-label {
    fill: #334155 !important;
    color: #334155 !important;
    font-family: Arial, Helvetica, sans-serif !important;
}
.highcharts-axis-labels text,
.highcharts-axis-title,
.highcharts-legend-item text,
.highcharts-data-label text {
    font-size: 13px !important;
}
.highcharts-title { font-size: 17px !important; }
.highcharts-subtitle { font-size: 13px !important; }
.highcharts-grid-line { stroke: #e2e8f0 !important; }
.highcharts-axis-line,
.highcharts-tick { stroke: #94a3b8 !important; }
.highcharts-legend-item-hidden text { fill: #a8b0bc !important; }
.highcharts-tooltip text,
.highcharts-tooltip span {
    font-size: 13px !important;
    color: #1e293b !important;
    fill: #1e293b !important;
}
/* For tooltip HTML rendered outside SVG by Highcharts. */
.highcharts-tooltip > span {
    background: rgba(255, 255, 255, .98) !important;
    border-radius: 6px;
}