/*
* Gráficos Maiores - Layout 50/50 Horizontal
* Cada gráfico ocupa metade da página horizontal
*/

/* Container principal dos gráficos */
.row.g-3 {
    margin: 0;
    padding: 0;
}

/* Cada coluna dos gráficos ocupa exatamente 50% */
.card-modern.glass-card.col-md-6 {
    width: 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
    margin-bottom: 2rem;
}

/* Gráficos maiores e mais visíveis */
.dash-graph {
    width: 100% !important;
    height: 550px !important;
    max-height: 600px !important;
    min-height: 500px !important;
}

/* Container SVG do Plotly */
.js-plotly-plot .plot-container {
    height: 550px !important;
    max-height: 580px !important;
    min-height: 480px !important;
}

/* Área do gráfico Plotly */
.js-plotly-plot .main-svg {
    height: 550px !important;
    max-height: 580px !important;
}

/* Responsividade para tablets */
@media (max-width: 992px) {
    .card-modern.glass-card.col-md-6 {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-bottom: 1.5rem;
    }

    .dash-graph {
        height: 450px !important;
        max-height: 500px !important;
        min-height: 400px !important;
    }

    .js-plotly-plot .plot-container {
        height: 450px !important;
        max-height: 480px !important;
        min-height: 380px !important;
    }

    .js-plotly-plot .main-svg {
        height: 450px !important;
        max-height: 480px !important;
    }
}

/* Responsividade para mobile */
@media (max-width: 768px) {
    .dash-graph {
        height: 400px !important;
        max-height: 450px !important;
        min-height: 350px !important;
    }

    .js-plotly-plot .plot-container {
        height: 400px !important;
        max-height: 430px !important;
        min-height: 330px !important;
    }

    .js-plotly-plot .main-svg {
        height: 400px !important;
        max-height: 430px !important;
    }
}

/* Melhorar o espaçamento entre os gráficos */
.card-modern.glass-card {
    padding: 1.5rem !important;
}

/* Títulos dos gráficos mais destacados */
.card-modern.glass-card h4 {
    font-size: 1.3rem;
    margin-bottom: 1rem;
    font-weight: 600;
}