/* Força largura total para páginas de dashboard */
.container-fluid {
    max-width: 100% !important;
    width: 100% !important;
}

/* Remove limitações de largura do Bootstrap */
@media (min-width: 576px) {
    .container-fluid {
        max-width: 100% !important;
    }
}

@media (min-width: 768px) {
    .container-fluid {
        max-width: 100% !important;
    }
}

@media (min-width: 992px) {
    .container-fluid {
        max-width: 100% !important;
    }
}

@media (min-width: 1200px) {
    .container-fluid {
        max-width: 100% !important;
    }
}

@media (min-width: 1400px) {
    .container-fluid {
        max-width: 100% !important;
    }
}

/* Ajustes específicos para os dashboards */
#page-content-b3,
#graph-flow,
#graph-accumulated,
#graph-reserves {
    width: 100%;
}

/* Remove padding desnecessário nos cards */
.card-body {
    padding: 1rem;
}

/* Otimiza espaço nos gráficos */
.js-plotly-plot .plotly {
    width: 100% !important;
}