/* EMS Application Styles */

/* ===== Glass Card Interior Polish ===== */

/* Reduce inner white borders inside glass cards for cleaner appearance */
.rct-glass-card-dark [class*="border-white/10"],
.rct-glass-card [class*="border-white/10"] {
    border-color: rgba(255, 255, 255, 0.05) !important;
}

.rct-glass-card-dark [class*="border-white/20"],
.rct-glass-card [class*="border-white/20"] {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* ApexCharts dark mode overrides */
.apexcharts-canvas {
    background: transparent !important;
}

.apexcharts-tooltip.apexcharts-theme-dark {
    background: rgba(30, 41, 59, 0.95) !important;
    border: 1px solid rgba(148, 163, 184, 0.2) !important;
    border-radius: 0.5rem !important;
}

.apexcharts-xaxistooltip,
.apexcharts-yaxistooltip {
    background: rgba(30, 41, 59, 0.95) !important;
    border: 1px solid rgba(148, 163, 184, 0.2) !important;
    color: #e2e8f0 !important;
}

/* Prevent chart from overflowing its container */
.apexcharts-canvas svg {
    overflow: visible;
}

/* Ensure legend has proper spacing from chart area */
.apexcharts-legend {
    padding-top: 8px !important;
}

/* Muted gridlines — prevent white lines in dark cards */
.apexcharts-gridline {
    stroke: rgba(255, 255, 255, 0.06) !important;
}

.apexcharts-grid-borders line {
    stroke: rgba(255, 255, 255, 0.04) !important;
}

/* Prevent x-axis labels from overlapping with legend */
.apexcharts-xaxis-texts-g text {
    font-size: 11px !important;
}

/* Fix y-axis label truncation in narrow cards */
.apexcharts-yaxis-texts-g text {
    font-size: 11px !important;
}

/* Scrollbar styling for dark mode */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, 0.3);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(148, 163, 184, 0.5);
}