/*
 * TEMA VERDE ESCURO — Sistema de Chamados TI
 * Sobrescreve as variáveis CSS do Bootstrap para aplicar a identidade verde escura.
 * Arquivo incluído em todos os templates via navbar.
 */

:root {
    --verde-escuro:       #1b4332;
    --verde-escuro-hover: #0f2d22;
    --verde-medio:        #2d6a4f;
    --verde-claro:        #40916c;
    --verde-badge:        #74c69d;
    --text-sobre-verde:   #ffffff;

    /* Sobrescreve primary do Bootstrap */
    --bs-primary:         #1b4332;
    --bs-primary-rgb:     27, 67, 50;
    --bs-link-color:      #2d6a4f;
    --bs-link-hover-color:#1b4332;
}

/* ---- Navbar ---- */
.navbar.bg-primary,
.navbar-dark.bg-primary {
    background-color: var(--verde-escuro) !important;
    border-bottom: 3px solid var(--verde-claro);
}

/* ---- Botões primários ---- */
.btn-primary {
    background-color: var(--verde-escuro) !important;
    border-color:     var(--verde-escuro) !important;
    color:            #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--verde-escuro-hover) !important;
    border-color:     var(--verde-escuro-hover) !important;
}

/* ---- Botão outline primary ---- */
.btn-outline-primary {
    color:        var(--verde-escuro) !important;
    border-color: var(--verde-escuro) !important;
}
.btn-outline-primary:hover {
    background-color: var(--verde-escuro) !important;
    color: #fff !important;
}

/* ---- Card headers e faixas bg-primary ---- */
.card-header.bg-primary,
.bg-primary {
    background-color: var(--verde-escuro) !important;
}

/* ---- Badges de perfil ---- */
.badge.bg-light.text-primary {
    color: var(--verde-escuro) !important;
}

/* ---- Links ---- */
a:not(.btn):not(.nav-link):not(.navbar-brand):not(.page-link) {
    color: var(--verde-medio);
}
a:not(.btn):not(.nav-link):not(.navbar-brand):not(.page-link):hover {
    color: var(--verde-escuro);
}

/* ---- Nav-link ativo ---- */
.navbar-dark .nav-link:hover,
.navbar-dark .nav-link.active {
    color: var(--verde-badge) !important;
}

/* ---- Timeline (detalhe de chamado) ---- */
.timeline-item {
    border-left-color: var(--verde-medio) !important;
}
.timeline-item::before {
    background: var(--verde-medio) !important;
}

/* ---- Paginacao ---- */
.page-link {
    color: var(--verde-escuro);
}
.page-item.active .page-link {
    background-color: var(--verde-escuro);
    border-color:     var(--verde-escuro);
    color: #fff;
}

/* ---- Kanban: linha de status do SSE ---- */
#sse-badge.bg-success {
    background-color: var(--verde-claro) !important;
}

/* ---- Formulario: borda de foco ---- */
.form-control:focus,
.form-select:focus {
    border-color: var(--verde-claro);
    box-shadow: 0 0 0 0.2rem rgba(64, 145, 108, 0.25);
}

/* ---- Texto primário em labels ADM ---- */
.text-primary {
    color: var(--verde-escuro) !important;
}