/*
 * Onda 2 — remapeamento cromático Nublado nas telas de dados restantes.
 * Só cor/token; geometria permanece do Dia. Relatórios e Chats fora.
 */

/* --------------------------------------------------------------------------
   Call — heróis e acentos ainda com hex Dia
   -------------------------------------------------------------------------- */
html[data-theme="cinza"] #page-call {
    --call-topbar-1: var(--nuv-navy-deep);
    --call-topbar-2: var(--nuv-navy);
    --call-topbar-3: var(--nuv-navy-strong);
    --call-topbar-mid: var(--nuv-navy-highlight);
    --call-blue: var(--nuv-navy);
    --call-rail-hover: color-mix(in srgb, var(--nuv-navy) 8%, transparent);
    --call-rail-selected: color-mix(in srgb, var(--nuv-navy) 12%, var(--nuv-surface-parent));
    --fd-primary: var(--nuv-navy);
}

/* --------------------------------------------------------------------------
   Tarefas — chips/load e traços que ainda apontam #2f6fe0
   -------------------------------------------------------------------------- */
html[data-theme="cinza"] #page-tarefas {
    --tf-blue: var(--nuv-navy);
    --fd-primary: var(--nuv-navy);
    --org-blue: var(--nuv-navy);
    --tf-load-c: var(--nuv-navy);
    --tf-load-b: var(--nuv-navy-soft);
}

html[data-theme="cinza"] #page-tarefas .tf-org-nav button.active::before {
    background: linear-gradient(var(--nuv-navy-highlight), var(--nuv-navy)) !important;
}

/* --------------------------------------------------------------------------
   Ponto / Configurações / Indicadores / Atendentes / Conexões
   -------------------------------------------------------------------------- */
html[data-theme="cinza"] #page-ponto {
    --blue: var(--nuv-navy);
    --fd-primary: var(--nuv-navy);
}

html[data-theme="cinza"] #page-ponto .pt-btn.on,
html[data-theme="cinza"] #page-ponto .pt-seg button.on,
html[data-theme="cinza"] #page-ponto .pt-pg.on {
    background: var(--nuv-navy) !important;
}

html[data-theme="cinza"] #page-configuracoes {
    --fd-primary: var(--nuv-navy);
    --cfg-head-bg: color-mix(in srgb, var(--nuv-navy) 46%, #9eb4cc 54%);
    --cfg-head-bg-end: color-mix(in srgb, var(--nuv-navy) 32%, #b8c8da 68%);
}

html[data-theme="cinza"] #page-indicadores,
html[data-theme="cinza"] #page-atendentes,
html[data-theme="cinza"] #page-clientes,
html[data-theme="cinza"] #page-biblioteca,
html[data-theme="cinza"] #page-auditoria,
html[data-theme="cinza"] #page-perfil,
html[data-theme="cinza"] #page-abrir-ticket {
    --fd-primary: var(--nuv-navy);
    --blue: var(--nuv-navy);
}

html[data-theme="cinza"] #page-clientes {
    --cx2-pager-bg: var(--nuv-header-band);
    --fd-list-thead-grad: var(--nuv-header-band);
}

html[data-theme="cinza"] #page-acompanhamento .cal-apply {
    background: var(--nuv-header-band-active) !important;
    color: var(--nuv-action-primary-text) !important;
}
