/* ============================================================
   Tema da marca WppManager — alinha a cor primária do sistema
   (antes AZUL do AdminLTE) ao VERDE da nova logo.

   Carregado DEPOIS do adminlte.min.css, então sobrepõe os azuis
   sem precisar editar cada botão/badge nas views. Um lugar só.
   ============================================================ */

:root {
    --marca-verde: #28a745;        /* verde principal (primary) */
    --marca-verde-escuro: #1e7e34; /* hover / borda */
    --marca-verde-claro: #48c76a;
}

/* ---- Botões primary ---- */
.btn-primary {
    background-color: var(--marca-verde) !important;
    border-color: var(--marca-verde) !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:not(:disabled):not(.disabled):active {
    background-color: var(--marca-verde-escuro) !important;
    border-color: var(--marca-verde-escuro) !important;
    box-shadow: none !important;
}
.btn-outline-primary {
    color: var(--marca-verde) !important;
    border-color: var(--marca-verde) !important;
}
.btn-outline-primary:hover {
    background-color: var(--marca-verde) !important;
    color: #fff !important;
}

/* ---- Backgrounds / badges / cards primary ---- */
.bg-primary,
.badge-primary,
.bg-gradient-primary {
    background-color: var(--marca-verde) !important;
    border-color: var(--marca-verde) !important;
    color: #fff !important;
}
.text-primary { color: var(--marca-verde) !important; }
.border-primary { border-color: var(--marca-verde) !important; }

.card-primary:not(.card-outline) > .card-header { background-color: var(--marca-verde) !important; }
.card-primary.card-outline { border-top-color: var(--marca-verde) !important; }
.card-outline-tabs > .card-header a.active { border-top-color: var(--marca-verde) !important; }

/* ---- Links ---- */
a { color: var(--marca-verde); }
a:hover { color: var(--marca-verde-escuro); }
/* preserva links que não devem virar verdes (dropdown, nav, botões) */
.dropdown-item, .nav-link, .page-link, .btn, .brand-link, a.text-white, a.text-muted {
    color: inherit;
}

/* ---- Paginação ---- */
.page-item.active .page-link {
    background-color: var(--marca-verde) !important;
    border-color: var(--marca-verde) !important;
}
.page-link { color: var(--marca-verde); }

/* ---- Sidebar: item ativo ---- */
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.nav-sidebar > .nav-item > .nav-link.active {
    background-color: var(--marca-verde) !important;
    color: #fff !important;
}

/* ---- Checkbox/radio icheck (primary e success) -> verde ---- */
.icheck-primary > input:first-child:checked + label::before,
.icheck-primary > input:first-child:checked + input[type="hidden"] + label::before,
.icheck-success > input:first-child:checked + label::before,
.icheck-success > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: var(--marca-verde) !important;
    border-color: var(--marca-verde) !important;
}

/* ---- Custom control (switches Bootstrap) ---- */
.custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--marca-verde) !important;
    border-color: var(--marca-verde) !important;
}

/* ---- Alertas / info primary ---- */
.alert-primary {
    background-color: #e6f4ea !important;
    border-color: var(--marca-verde-claro) !important;
    color: var(--marca-verde-escuro) !important;
}

/* ---- Foco de inputs ---- */
.form-control:focus {
    border-color: var(--marca-verde-claro) !important;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25) !important;
}

/* ---- Progress bar / spinner primary ---- */
.progress-bar { background-color: var(--marca-verde); }
.spinner-border.text-primary, .text-primary .spinner-border { color: var(--marca-verde) !important; }