.form-control-plaintext-bordered {
    border: 1px solid #dee2e6; /* Cor da borda padrão do Bootstrap */
    padding: 0.375rem 0.75rem; /* Padding igual ao form-control */
    border-radius: 0.25rem; /* Borda arredondada */
    background-color: #e9ecef; /* Um cinza claro, como campos desabilitados */
    opacity: 1; /* Garante visibilidade total */
    min-height: calc(1.5em + 0.75rem + 2px); /* Altura de linha + padding + borda */
    display: block; /* Garante que min-height funcione como esperado */
}

.d-none {
    display: none !important; /* Use !important para garantir que sobrescreva outros estilos */
}

body {
    /* Sempre mostra a barra de rolagem vertical */
    overflow-y: scroll;
}


/* ==========================================================================
   GRÁFICOS E DASHBOARDS
   ========================================================================== */

/* Container otimizado e compacto para o gráfico do Resumo Financeiro */
.chart-container-compact {
    position: relative;
    height: 35vh;        /* Ocupa 35% da altura visível da tela */
    min-height: 250px;   /* Impede que fique esmagado em ecrãs muito pequenos */
    max-height: 320px;   /* Trava o crescimento em monitores gigantes */
    width: 100%;
}

/* Container pequeno para os gráficos de Demografia (Home) */
.chart-container-sm {
    position: relative;
    height: 220px;
    width: 100%;
}