/* ============================================================================
   charts.css — ApexCharts glass theme overrides (tooltip, fonts, etc.)
   ============================================================================ */

.chart-wrap { position: relative; width: 100%; }

/* Glass tooltip */
.apex-glass-tooltip.apexcharts-tooltip,
.apexcharts-tooltip.apex-glass-tooltip {
  background: var(--glass-bg-strong) !important;
  -webkit-backdrop-filter: blur(var(--blur-md)) saturate(160%);
  backdrop-filter: blur(var(--blur-md)) saturate(160%);
  border: 1px solid var(--glass-border) !important;
  border-radius: var(--r-sm) !important;
  box-shadow: var(--glass-shadow) !important;
  color: var(--text-1) !important;
  font-family: var(--font-sans) !important;
  padding: 4px 2px;
}
.apexcharts-tooltip-title {
  background: transparent !important;
  border-bottom: 1px solid var(--glass-border) !important;
  font-weight: 600 !important; color: var(--text-2) !important;
}
.apexcharts-tooltip-series-group { padding: 4px 10px !important; }
.apexcharts-tooltip-text-y-label, .apexcharts-tooltip-text-y-value { color: var(--text-1) !important; }
.apexcharts-xaxistooltip, .apexcharts-yaxistooltip {
  background: var(--glass-bg-strong) !important;
  border: 1px solid var(--glass-border) !important;
  color: var(--text-1) !important;
  -webkit-backdrop-filter: blur(var(--blur-soft)); backdrop-filter: blur(var(--blur-soft));
}
.apexcharts-legend-text { color: var(--text-2) !important; font-family: var(--font-sans) !important; }
.apexcharts-gridline { stroke: var(--glass-border); }
.apexcharts-text tspan { font-family: var(--font-sans); }
.apexcharts-menu, .apexcharts-tooltip-marker { border-radius: 6px; }

/* donut center text inherits app color */
.apexcharts-datalabel-label, .apexcharts-datalabel-value { font-family: var(--font-sans) !important; }