/* Ensure all chart canvas are transparent */
canvas {
    background-color: transparent !important;
}

/* Fix layout alignment & axis space */
.rsiChartWrapper,
.stochRsiChartWrapper,
.chartWrapper {
    display: block;
    width: 100%;
    height: 200px; /* Adjust as needed */
    position: relative;
    margin-bottom: 24px;
}

/* Override default chartCard background */
.chartCard {
    background-color: inherit !important;
    padding: 15px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 16px; /* spacing between charts */
}

/* Avoid axis label shifting layout */
.chartWrapper canvas {
    display: block;
    max-width: 100%;
    height: 100% !important;
}


.loader {
    border: 16px solid #f3f3f3;
    border-top: 16px solid #3498db;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 1.5s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}