/* ============================================================
   dark-titles.css — Padrão ÚNICO de títulos no TEMA ESCURO.
   ------------------------------------------------------------
   Fonte única da verdade para a tipografia de títulos no escuro:
   títulos de GRÁFICOS, FILTROS e TABELAS ficam BRANCOS + NEGRITO.
   Carregado globalmente pelo base.html — todas as páginas herdam
   o mesmo padrão. Sem estilos inline, sem !important.

   Técnica de especificidade (para vencer regras de página sem
   !important): prefixamos com `html[data-theme="dark"]`, que soma
   um elemento + um atributo + uma classe → (0,2,1), batendo as
   regras de página do tipo `.bloco .titulo` (0,2,0).
   ============================================================ */

/* ---------- Títulos de GRÁFICOS ---------- */
html[data-theme="dark"] .chart-title,
html[data-theme="dark"] .cliente-chart-card h1,
html[data-theme="dark"] .cliente-chart-card h2,
html[data-theme="dark"] .cliente-chart-card h3,
html[data-theme="dark"] .cliente-chart-card h4,
html[data-theme="dark"] .pgo-chart-card h1,
html[data-theme="dark"] .pgo-chart-card h2,
html[data-theme="dark"] .pgo-chart-card h3,
html[data-theme="dark"] .pgo-chart-card h4 {
    color: var(--text-inverse);
    font-weight: var(--font-bold);
}

/* ---------- Títulos / labels de FILTROS ---------- */
html[data-theme="dark"] .filter-group-label,
html[data-theme="dark"] .filter-label-adaptive,
html[data-theme="dark"] .pgo-filters-toolbar label,
html[data-theme="dark"] .filters-container label,
html[data-theme="dark"] .filters-section label,
html[data-theme="dark"] .filters-section h1,
html[data-theme="dark"] .filters-section h2,
html[data-theme="dark"] .filters-section h3,
html[data-theme="dark"] .filters-section h4 {
    color: var(--text-inverse);
    font-weight: var(--font-bold);
    opacity: 1;
}

/* ---------- Títulos de TABELAS (cabeçalho acima da tabela) ----------
   Esses títulos usam .filter-group-label (já coberto acima); cobrimos
   também eventuais h1–h4 dentro dos contêineres de tabela. */
html[data-theme="dark"] .table-container-glass h1,
html[data-theme="dark"] .table-container-glass h2,
html[data-theme="dark"] .table-container-glass h3,
html[data-theme="dark"] .table-container-glass h4,
html[data-theme="dark"] .pgo-table-card h1,
html[data-theme="dark"] .pgo-table-card h2,
html[data-theme="dark"] .pgo-table-card h3,
html[data-theme="dark"] .pgo-table-card h4,
html[data-theme="dark"] .pgo-table-data h1,
html[data-theme="dark"] .pgo-table-data h2,
html[data-theme="dark"] .pgo-table-data h3,
html[data-theme="dark"] .pgo-table-data h4 {
    color: var(--text-inverse);
    font-weight: var(--font-bold);
}