/* Loader color overrides */
.page-loader .loader-logo {
  color: #ef4444 !important; /* red */
}
.page-loader .loader-spinner {
  /* typical spinner uses borders; ensure visible ring appears red */
  border-color: #ef4444 !important;
  border-top-color: transparent !important;
}
.page-loader .loader-text {
  color: #ef4444 !important;
}
.page-loader .loader-dot {
  background-color: #ef4444 !important;
}

/* ApexCharts visibility fixes */
.apexcharts-legend-text { color: var(--text) !important; opacity: 1 !important; font-weight: 600 !important; font-size: 13px !important; }
.apexcharts-legend-text tspan { fill: var(--text) !important; opacity: 1 !important; }
.apexcharts-legend-series text { fill: var(--text) !important; opacity: 1 !important; }
.apexcharts-tooltip,
.apexcharts-tooltip .apexcharts-tooltip-text,
.apexcharts-tooltip .apexcharts-tooltip-title,
.apexcharts-tooltip-text-y-label,
.apexcharts-tooltip-text-y-value,
.apexcharts-tooltip-series-group span {
  color: var(--text) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
/* Avoid dimming any series rows inside tooltip */
.apexcharts-tooltip-series-group {
  opacity: 1 !important;
}

/* Tooltip container/background and axis tooltips */
.apexcharts-tooltip {
  background: var(--panel) !important;
  border: 1px solid var(--border) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.25) !important;
}
.apexcharts-tooltip .apexcharts-tooltip-title {
  background: transparent !important;
  border-bottom: 1px solid var(--border) !important;
  color: var(--text) !important;
}
.apexcharts-xaxistooltip,
.apexcharts-yaxistooltip {
  background: var(--panel) !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
}
.apexcharts-xaxistooltip-text,
.apexcharts-yaxistooltip-text {
  color: var(--text) !important;
}