/* Animação para valores que sobem */
@keyframes value-up-fade {
    0% { background-color: rgba(52, 211, 153, 0.5); }
    100% { background-color: transparent; }
}

.value-up {
    animation: value-up-fade 1.5s ease-out;
}

/* Animação para valores que descem */
@keyframes value-down-fade {
    0% { background-color: rgba(248, 113, 113, 0.5); }
    100% { background-color: transparent; }
}

.value-down {
    animation: value-down-fade 1.5s ease-out;
}

/* Tabs com fonte menor */
.nav-link {
    font-size: 13px !important;
}

/* [Fase 3 ajuste] Modais centralizados travados no TOPO: evita o "sobe-desce" da borda
   superior quando o conteudo muda de tamanho (ex. trocar de aba no modal Config, que tem
   abas de alturas diferentes). Mantem o centro HORIZONTAL (margin auto do Bootstrap), mas
   alinha verticalmente ao topo -> a borda de cima fica fixa e o conteudo cresce p/ baixo. */
.modal-dialog-centered {
    align-items: flex-start !important;
}