/*
 * Vanpag: cores oficiais fornecidas por Vidal (2026-10-14).
 * Azul profundo #011A40 para texto e botões com branco; verde #02CA62 para o símbolo e destaques.
 * As cores por perfil vêm das configurações (user_role_*_color) via <x-role-branding-theme>;
 * aqui só substituímos os azuis fixos do tema original que não seguem essas variáveis.
 */
:root {
    --vanpag-green: #011A40;
    --vanpag-green-rgb: 1, 26, 64;
    --vanpag-green-light: #02CA62;
    --vanpag-green-deep: #011A40;
    --vanpag-navy: #011A40;
    --vanpag-navy-rgb: 1, 26, 64;

    /* Tokens azuis do tema original usados em superfícies de destaque */
    --front-palette-5b8df5: var(--vanpag-green-light);
    --front-palette-4285f4: var(--vanpag-green);
    --front-palette-2f5dce: var(--vanpag-green-deep);
    --front-palette-1255b0: var(--vanpag-navy);
    --front-palette-6366f1: var(--vanpag-green-light);
    --front-palette-4f46e5: var(--vanpag-green);
}

/* Cartão de carteira da lateral (perfil usuário): gradiente da marca */
.sidebar-wallet-panel .walet-inner.sidebar-wallet-card:not(.sidebar-wallet-card--merchant):not(.sidebar-wallet-card--agent) {
    --sidebar-wallet-start: var(--vanpag-green);
    --sidebar-wallet-mid: var(--vanpag-green-deep);
    --sidebar-wallet-end: var(--vanpag-navy);
    --sidebar-wallet-shadow: rgba(var(--vanpag-green-rgb), 0.24);
}

/* Calendário (daterangepicker) nas cores da marca */
.daterangepicker td.active,
.daterangepicker td.active:hover,
.daterangepicker .ranges li.active {
    background-color: var(--vanpag-green);
    color: #fff;
}

.daterangepicker td.in-range:not(.active) {
    background-color: rgba(var(--vanpag-green-rgb), 0.12);
}

.daterangepicker .drp-buttons .btn-primary,
.daterangepicker .applyBtn {
    background-color: var(--vanpag-green);
    border-color: var(--vanpag-green);
}