/* Chart container styles to fix height issues */
.chart-container {
    position: relative;
    height: 300px;
    width: 100%;
    margin-bottom: 1rem;
}

.chart-container-small {
    position: relative;
    height: 250px;
    width: 100%;
    margin-bottom: 1rem;
}

/* Ensure canvas takes full container size */
.chart-container canvas,
.chart-container-small canvas {
    max-height: 100% !important;
    max-width: 100% !important;
}

/* Dashboard specific chart styling */
#revenueChart,
#vpcChart {
    max-height: 300px !important;
}

/* Simulation specific chart styling */
#revenueSimChart,
#vpcSimChart {
    max-height: 250px !important;
}

/* Responsive chart adjustments */
@media (max-width: 768px) {
    .chart-container {
        height: 250px;
    }
    
    .chart-container-small {
        height: 200px;
    }
}