/* Tema exclusivo de homol — ativado via TEMA_HOMOL=true no .env.
   Paleta verde (#CFE0BC) só em homol. Em prod a flag é off → nada muda. */

:root {
    --primary-color: #5E7D52;
    --secondary-color: #7A9B6E;
    --accent-gradient: linear-gradient(135deg, #5E7D52 0%, #7A9B6E 100%);
    --bg-input: #EAF0E0;
    --bg-input-focus: #E2EBD6;
    --bg-sidebar-brand: #CFE0BC;
    --chart-primary: #5E7D52;
    --chart-secondary: #9DB88C;
}

/* Menu — fundos/bordas marrom chumbados no app.css */
.menu-module-toggle {
    background: rgba(94, 125, 82, 0.1);
}

.menu-module-content {
    border-left-color: rgba(94, 125, 82, 0.22);
}

/* Header — avatar com foto, dropdown */
.header-user-avatar.has-photo {
    box-shadow: 0 0 0 2px #5E7D52;
}

.header-dropdown-header {
    background: linear-gradient(135deg, #5E7D52 0%, #7A9B6E 100%);
}

.header-dropdown-item:hover {
    background: #EAF0E0;
}

.header-dropdown-item .bi {
    color: #5E7D52;
}

/* Standards — focus rings e sombras marrom */
.btn-primary {
    box-shadow: 0 2px 4px rgba(94, 125, 82, 0.3);
}

.filter-input:focus,
.filter-select:focus,
.form-control:focus,
.form-select:focus {
    box-shadow: 0 0 0 3px rgba(94, 125, 82, 0.15);
}

.searchable-select-trigger:hover {
    border-color: rgba(94, 125, 82, 0.55);
}

.searchable-select.is-open .searchable-select-trigger {
    box-shadow: 0 0 0 3px rgba(94, 125, 82, 0.15);
}

/* Card KPI destacado (dashboard) — dashboard.css carrega depois, exige !important */
.dash-kpi-card.is-destaque {
    border-color: #CFE0BC !important;
    background: linear-gradient(160deg, #ffffff 0%, #EAF0E0 100%) !important;
}

.dash-kpi-card.is-destaque::before {
    background: #CFE0BC !important;
}

/* ── Login / 2FA (homol verde) ──
   Sobrescreve as vars --md-* no escopo body.auth-page (especificidade maior
   que :root do login.css) → recolore painel, inputs, botão e modal 2FA. */
body.auth-page {
    --md-primary: #5E7D52;
    --md-secondary: #CFE0BC;
    --md-accent-gradient: linear-gradient(135deg, #5E7D52 0%, #7A9B6E 100%);
    --md-bg-brand: #CFE0BC;
    --md-bg-input: #EAF0E0;
    --md-bg-input-focus: #E2EBD6;
}

.form-input:focus {
    box-shadow: 0 4px 12px rgba(94, 125, 82, 0.2) !important;
}

.login-button:hover:not(:disabled) {
    box-shadow: 0 6px 20px rgba(94, 125, 82, 0.35) !important;
}

.mfa-digit:focus {
    box-shadow: 0 0 0 3px rgba(94, 125, 82, 0.18) !important;
}

.mfa-verify:hover:not(:disabled) {
    box-shadow: 0 6px 20px rgba(94, 125, 82, 0.35) !important;
}