.main-title {
    color: var(--mantine-color-gray-6);
}

[data-mantine-color-scheme="dark"] .main-title {
    color: var(--mantine-color-gray-3);
}

/* Mobile responsive enhancements */
html, body {
    max-width: 100vw;
    overflow-x: hidden;
}

/* Allow smooth touch scrolling vertically over Plotly charts on mobile */
.js-plotly-plot .plotly .draglayer {
    touch-action: pan-y !important;
}

/* Scale down Plotly modebar on mobile so it doesn't overlap chart headers */
@media (max-width: 768px) {
    .js-plotly-plot .plotly .modebar-container {
        transform: scale(0.8);
        transform-origin: top right;
    }

    .main-title {
        font-size: 1.25rem !important;
    }
}

/* Smooth scrolling for table scroll areas */
.mantine-ScrollArea-viewport {
    -webkit-overflow-scrolling: touch;
}