/* ═══════════════════════════════════════════════════════════════════════
   UMA FONTE PARA TODOS OS PAINÉIS — a do Painel Financeiro (24/09/2026)
   ═══════════════════════════════════════════════════════════════════════
   Cada painel tinha nascido com a sua: Financeiro, Campanhas, RH e Projetos
   em Inter; Vendas, Clientes, Estoque e Contratos com os títulos, os números
   dos cartões e os cabeçalhos de seção em Syne (a fonte larga da marca). Lado
   a lado na mesma lateral, pareciam produtos diferentes.

   A regra: dentro do CRM (#crm-view) — e nas janelas que os painéis abrem
   enquanto ele está na tela (modais, menus, confirmações) —, tudo é Inter,
   como o Financeiro. O título de cada painel tem o desenho do título do
   Financeiro: 29px, peso 850 (a Inter carregada vai até 700, e é o que
   aparece — o mesmo que no Financeiro), espaçamento −1,35px.

   Ficam de fora, de propósito:
   - a PRÉVIA DA LOJA no Catálogo (.cp-dz, .vn-design-mini): ela mostra a
     fonte que o lojista escolheu para o site dele;
   - todo elemento que define a própria fonte no atributo style — e o que está
     dentro dele. É assim que "Exemplo de título" (Personalizar catálogo →
     Tipografia) mostra a fonte escolhida; forçar Inter ali apagaria a prévia;
   - o visualizador de documento Word (.fv-docx), que imita a folha impressa.
   A Syne continua sendo a fonte da marca fora dos painéis (entrada, login,
   quadro de notas). Carregado logo antes do celular.css (que é sempre a
   última folha); os seletores começam em #crm-view e vencem pela
   especificidade. O título do Dashboard no celular tem regra própria no fim. */

#crm-view,
#crm-view *:not(:is(.cp-dz, .cp-dz *, .vn-design-mini, .vn-design-mini *, .fv-docx, .fv-docx *, [style*="font-family"], [style*="font-family"] *)),
body:has(#crm-view.visible) :is(.md-dialog-bg, .confirm-clear-pop, .cp-modal, .finp-menu, .rhp-menu-flut, .prj-menu, .vn-menu, [class*="-modal-bg"]),
body:has(#crm-view.visible) :is(.md-dialog-bg, .confirm-clear-pop, .cp-modal, .finp-menu, .rhp-menu-flut, .prj-menu, .vn-menu, [class*="-modal-bg"])
  *:not(:is(.cp-dz, .cp-dz *, .vn-design-mini, .vn-design-mini *, .fv-docx, .fv-docx *, [style*="font-family"], [style*="font-family"] *)) {
  font-family: Inter, Arial, sans-serif !important;
}

/* O título de cada painel, no desenho do título do Financeiro. */
#crm-view :is(.finp-titulo h1, .cp-heading h1, .vn-titulo h1, .cli-titulo, .est-titulo, .ctr-cab h1,
  .rhp-titulo h1, .prj-marca h1, .ov-titulo, .rd-topo h2) {
  font-size: 29px !important;
  font-weight: 850 !important;
  letter-spacing: -1.35px !important;
  line-height: 1.05 !important;
}

/* No celular, o celular.css fixa o título do Dashboard com `:root #crm-overview .ov-titulo`
   (!important); este seletor é mais específico e mantém o desenho do Financeiro. */
:root #crm-view #crm-overview .ov-titulo { font-size: 29px !important; font-weight: 850 !important; letter-spacing: -1.35px !important; }