:root { /* IBMVet — Paleta base */
    --corPrincipal: #0E5C55; /* Fundo/brand (verde) */
    --corSecundaria: #FFFFFF; /* Texto sobre o brand (branco) *//* Mantém o gradiente “sólido” no brand (pode mudar os 3 para variações do verde se quiser um degradê real) */
    --gradient100: #0E5C55;
    --gradient50: #0E5C55;
    --gradient0: #0E5C55; /* Texto/ícones brancos com opacidade (usados no sidebar “dark”) */
    --corTransparentDot10: rgba(255, 255, 255, 1);
    --corTransparentDot9: rgba(255, 255, 255, .9);
    --corTransparentDot8: rgba(255, 255, 255, .8);
    --corTransparentDot7: rgba(255, 255, 255, .7);
    --corTransparentDot6: rgba(255, 255, 255, .6);
    --corTransparentDot5: rgba(255, 255, 255, .5);
    --corTransparentDot4: rgba(255, 255, 255, .4);
    --corTransparentDot3: rgba(255, 255, 255, .3);
    --corTransparentDot2: rgba(255, 255, 255, .2);
    --corTransparentDot1: rgba(255, 255, 255, .1); /* Fundo cinza alternativo + texto de contraste (IBMVet) */
    --cinzaFundo: #4B4B4B;
    --textoSobreCinza: #6EFFF3;
}

.dropdown-item.active, .dropdown-item:active {
    color: var(--corSecundaria); /* texto branco */
    text-decoration: none;
    background-color: var(--corPrincipal); /* fundo verde */
}

.bg-gradient-light {
    background-color: #f8f9fc;
    background-image: linear-gradient(180deg, #f8f9fc 10%, #f2f3f6 100%);
    background-size: cover;
}

.bg-gradient-pers {
    background-color: var(--corPrincipal);
    background-image: -moz-linear-gradient(225deg, var(--gradient0) 0%, var(--gradient50) 50%, var(--gradient100) 100%);
    background-image: -webkit-linear-gradient(225deg, var(--gradient0) 0%, var(--gradient50) 50%, var(--gradient100) 100%);
    background-image: linear-gradient(225deg, var(--gradient0) 0%, var(--gradient50) 50%, var(--gradient100) 100%); /* IE antigo: mantém sólido no verde */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0E5C55", endColorstr="#0E5C55", GradientType=1);
    background-size: cover;
}

.btn-pers {
    color: #fff;
    background-color: var(--corPrincipal);
    border-color: var(--corPrincipal);
}

/* Ajuste: no hover o fundo vira branco, então o texto precisa ficar verde para contraste */
.btn-pers:hover {
    color: var(--corPrincipal); /* antes: #fff */
    background-color: var(--corSecundaria); /* branco */
    border-color: var(--corSecundaria);
}

.btn-outline-danger {
    color: #a62603;
    background-color: transparent;
    border-color: #a62603;
}

.btn-white {
    color: var(--corPrincipal);
    background-color: #ffffff;
    border-color: #ffffff;
}

/* Mantém o contraste no hover do botão branco */
.btn-white:hover {
    color: var(--corPrincipal); /* antes: var(--corSecundaria) */
    background-color: #ffffff;
    border-color: #ffffff;
}

.link-pers {
    color: var(--corPrincipal);
}

/* Em áreas brand (verde), link branco funciona bem; em fundo branco, prefira .link-pers:hover = brand */
.link-pers:hover {
    color: var(--corSecundaria); /* branco — use com fundo verde. Se o fundo for claro, prefira .bg-ibmvet-gray a seguir */
}

.sidebar-dark .sidebar-brand {
    color: var(--corSecundaria); /* branco */
}

.sidebar-dark .sidebar-heading {
    color: var(--corTransparentDot10); /* branco */
}

.sidebar-dark .nav-item.active .nav-link {
    color: var(--corSecundaria); /* branco */
}

.sidebar-dark .nav-item.active .nav-link i {
    color: var(--corSecundaria); /* branco */
}

.sidebar-dark .nav-item .nav-link {
    color: var(--corTransparentDot10); /* branco */
}

.sidebar-dark .nav-item .nav-link i {
    color: var(--corTransparentDot3); /* branco 30% */
}

.sidebar-dark .nav-item .nav-link[data-toggle=collapse]::after {
    color: var(--corTransparentDot5); /* branco 50% */
}

.sidebar-dark .nav-item .nav-link:active, .sidebar-dark .nav-item .nav-link:focus, .sidebar-dark .nav-item .nav-link:hover {
    color: var(--corSecundaria); /* branco */
}

.sidebar-dark .nav-item .nav-link:active i, .sidebar-dark .nav-item .nav-link:focus i, .sidebar-dark .nav-item .nav-link:hover i {
    color: var(--corSecundaria); /* branco */
}

.sidebar-dark #sidebarToggle {
    background-color: var(--corTransparentDot2); /* branco 20% */
}

.sidebar-dark #sidebarToggle::after {
    color: var(--corTransparentDot5); /* branco 50% */
}

.sidebar-dark.toggled #sidebarToggle::after {
    color: var(--corTransparentDot5); /* branco 50% */
}

.sidebar-dark #sidebarToggle:hover {
    background-color: var(--corTransparentDot3); /* branco 30% */
}

.text-pers {
    color: var(--corPrincipal) !important; /* verde */
}

.ql-editor {
    color: initial;
    font-size: initial;
    font-weight: initial;
    font-style: initial;
}

/* =========================== UTILITÁRIOS IBMVet (novos) =========================== *//* Força a combinação institucional (verde + branco) em uma seção */
.bg-ibmvet {
    background-color: var(--corPrincipal) !important;
    color: var(--corSecundaria) !important;
}

/* Fundo cinza institucional com texto ciano para contraste */
.bg-ibmvet-gray {
    background-color: var(--cinzaFundo) !important; /* #4B4B4B */
    color: var(--textoSobreCinza) !important; /* #6EFFF3 */
}

.bg-ibmvet-gray a, .bg-ibmvet-gray .link-pers {
    color: var(--textoSobreCinza) !important;
}