/* =========================================================
   TEMA HOMOLOGAÇÃO - VERMELHO
   ---------------------------------------------------------
   Espelho 1:1 do site.css (produção).
   Regra: apenas os tons AZUIS/ROXOS da marca viram VERMELHO.
   Branco, vermelho de alerta, verde e cinzas → mantidos.

   IMPORTANTE: este arquivo deve ser carregado DEPOIS do
   site.css no _Layout para que os overrides tenham efeito.

   Mapa de cores:
     #013766 (azul marca) ......... #8B0000 (vermelho escuro)
     #1340cf (azul accent) ........ #C0392B (vermelho accent)
     #4c36cf (roxo) ............... #C0392B (vermelho accent)
   ========================================================= */

/* .headerform : #013766 -> #8B0000
   (cor do texto continua #ffffff, definida no site.css) */
.headerform {
    background-color: #8B0000 !important;
}

/* .modal .modal-header : #013766 -> #8B0000
   (título do modal segue #ffffff pelo site.css) */
.modal .modal-header {
    background-color: #8B0000 !important;
}

/* .menu-item-active-ventura : #013766 -> #8B0000
   (texto e ícone ativos seguem brancos pelo site.css) */
.menu-item-active-ventura {
    background-color: #8B0000 !important;
}

/* .primary : #1340cf -> #C0392B */
.primary {
    color: #C0392B !important;
}

/* .label-primary-pay : #4c36cf -> #C0392B
   (texto continua #FFFFFF pelo site.css) */
.label-primary-pay {
    background-color: #C0392B !important;
}

/* =========================================================
   OVERRIDES DO TEMPLATE (Metronic)
   ---------------------------------------------------------
   A barra superior, o logo (brand) e o aside NÃO são pintados
   pelo site.css — vêm do CSS base do template. Por isso o
   espelho do site.css não os alcançou. Aqui forçamos o vermelho.

   ⚠️ Estes são os seletores PADRÃO do Metronic. Se a sua barra
   usar outro id/classe, ajuste (veja no chat como descobrir o
   seletor exato pelo DevTools).
   ========================================================= */

/* Barra superior (header) : azul #013766 -> #8B0000 */
.header,
#kt_header,
.header.header-fixed {
    background-color: #8B0000 !important;
}

/* Área do logo / brand : vermelho um pouco mais escuro */
.brand,
.aside .brand,
.brand.brand-dark {
    background-color: #6B0000 !important;
}

/* Item de menu ativo padrão do template (os que ficaram escuros,
   ex.: Dashboard / Usuários). Mantém alinhado com o vermelho. */
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link,
.aside-menu .menu-nav > .menu-item.menu-item-here > .menu-link {
    background-color: #8B0000 !important;
}

/* Cabeçalho de tabelas (thead) : azul #013766 -> #8B0000.
   Cobre tabela comum e DataTables. */
table thead th,
table thead tr th,
.table thead th,
table.dataTable thead th {
    background-color: #8B0000 !important;
    color: #ffffff !important;
    border-color: #6B0000 !important;
}

/* Botão azul de ação (ex.: o "+" Inserir) : azul -> vermelho */
.btn-primary {
    background-color: #C0392B !important;
    border-color: #A93226 !important;
    color: #ffffff !important;
}

    .btn-primary:hover {
        background-color: #A93226 !important;
        border-color: #8B0000 !important;
    }

/* =========================================================
   OPCIONAL: faixa fixa avisando que é o ambiente de homologação.
   Não existe na produção (não é "espelho"), é só um marcador
   visual. Remova este bloco se não quiser usar.
   ========================================================= */
.homologacao-banner {
    background-color: #C0392B;
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 6px;
    font-size: 13px;
    letter-spacing: 1px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}