.chart-grid-text-colors {
  --chart-grid-color: var(--mantine-color-blue-5);
  --chart-text-color: var(--mantine-color-blue-8);
}

[data-mantine-color-scheme='dark'] .chart-grid-text-colors {
  --chart-grid-color: var(--mantine-color-gray-7);
  --chart-text-color: var(--mantine-color-white);
}

[data-mantine-color-scheme='light'] .chart-grid-text-colors {
    --chart-grid-color: var(--mantine-color-gray-6);
    --chart-text-color: var(--mantine-color-gray-9);
}

/* Scale chart axis text with Mantine theme scale */
.chart-grid-text-colors text {
    font-size: calc(12px * var(--mantine-scale)) !important;
}

/* Scale chart legend text */
.chart-grid-text-colors .recharts-legend-item-text {
    font-size: calc(13px * var(--mantine-scale)) !important;
}

/* Scale axis labels */
.chart-grid-text-colors .recharts-label {
    font-size: calc(14px * var(--mantine-scale)) !important;
}

/* Scale dots if needed */
.chart-grid-text-colors .recharts-dot {
    r: calc(2 * var(--mantine-scale));
}

/* Vega map table styling */
#vega-map-table table {
    margin-bottom: calc(20px * var(--mantine-scale));
}

/* Ensure header text is readable in both themes */
#vega-map-table th {
    color: var(--mantine-color-text) !important;
}

/* Ensure first column text is readable */
#vega-map-table td:first-child {
    color: var(--mantine-color-text) !important;
    font-weight: 500;
}

#vega-map-table td,
#vega-map-table th {
    white-space: nowrap;
}

/* Vanilla check table styling */
#vanilla-check-table table {
    margin-bottom: calc(20px * var(--mantine-scale));
}

/* Ensure header text is readable in both themes */
#vanilla-check-table th {
    color: var(--mantine-color-text) !important;
}

/* Ensure first column text is readable */
#vanilla-check-table td:first-child {
    color: var(--mantine-color-text) !important;
    font-weight: 500;
}

#vanilla-check-table td,
#vanilla-check-table th {
    white-space: nowrap;
}

@font-face {
    font-family: 'font_general';
    src: url('/assets/fonts/Geist-VariableFont_wght.ttf') format('truetype');
}
@font-face {
    font-family: 'font_title';
    src: url('/assets/fonts/Montserrat-VariableFont_wght.ttf') format('truetype');
}

.card {
    flex-shrink: 0; /* Prevents shrinking */
}