/* Customizações pontuais — a paleta e os componentes já são
   tratados por variáveis em app.css/dark.css. Aqui ficam apenas
   ajustes finos que não se encaixam no sistema de tokens. */

.brand-text {
    font-weight: 600;
    letter-spacing: .02em;
}

/* Logo personalizada do sistema (Configurações → Configurações do Sistema).
   object-fit:contain preserva a proporção — nunca distorce nem corta a imagem;
   sem background, para acompanhar a cor da navbar/sidebar em cada tema. */
.brand-image.logo-personalizada {
    width: auto;
    max-height: 33px;
    max-width: 130px;
    object-fit: contain;
    background: transparent;
}

/* Espaçamento um pouco maior entre seções/cards */
.content > .container-fluid > .row + .card,
.content > .container-fluid > .card + .card {
    margin-top: .25rem;
}

/* Scrollbar discreta no tema claro também (Chrome/Edge) */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--nutri-bg); }
::-webkit-scrollbar-thumb { background-color: var(--nutri-border); border-radius: 6px; }