/* ============================================================================
   u66-papeis.css — o mesmo PAPEL tem o mesmo tamanho nos quatro painéis
   ============================================================================

   O u66-tokens.css define o vocabulário (cores, degraus de tipo e espaço).
   Este arquivo é o primeiro consumidor: amarra papéis que estavam com valores
   diferentes em painéis diferentes sem que ninguém tivesse decidido isso.

   REGRA DE ENTRADA: só entra aqui regra MEDIDA no navegador, nos quatro
   painéis, com a consulta de corte silencioso em zero antes e depois:

       [...document.querySelectorAll('.kpi-value,.kpi .v,td,th')]
         .filter(e => e.scrollWidth > e.clientWidth + 1)

   Isso não é zelo excessivo: `.kpi` tem overflow:hidden, então um número
   cortado aparece INTEIRO na tela e errado. Foi o bug do commit 5f3a004, em
   que os três cards de dinheiro do Controle perdiam o último dígito em
   silêncio. Mudar tamanho de fonte é a forma mais fácil de recriá-lo.

   ONDE ELE VIVE: copiado para cada build ao lado do u66-tokens.css — a CSP é
   `style-src 'self'` e cada painel é um projeto Pages com domínio próprio.

   ORDEM (importa, e não é a intuitiva): o gerador injeta os dois <link>
   imediatamente antes de </head>, portanto DEPOIS do <style> da página. Numa
   disputa de mesma especificidade, quem vence é esta folha — e é justamente
   isso que faz a unificação funcionar: sem isso, o `.kpi-value{font-size:
   1.85rem}` do Performance continuaria valendo e nada mudaria.

   Um painel que precise de exceção real usa um seletor MAIS ESPECÍFICO, e
   segue ganhando. É o que já acontece com `.kpi-sm .kpi-value` (0,2,0) do
   Performance, que continua em 1.3rem sem que este arquivo interfira.
   ========================================================================== */

/* ── Número de KPI ──────────────────────────────────────────────────────────
   Dois degraus, e a diferença é de LARGURA DE CARD, não de gosto:

     Performance / Financeiro   card ~190px   ->  28px
     Controle                   card ~178px   ->  21px

   Medido no Controle: em 23px, "R$ 95.290,00" e "R$ 23.652,68" já estouram
   (160px de conteúdo em 154px úteis); em 28px são três cards com 196px. Por
   isso o Controle NÃO recebe o degrau -xl. Se um dia os cards dele alargarem,
   a mudança é aqui — não espalhada em 4 arquivos.

   No Performance isto também mata o acidente do rem: `1.85rem` resolvia para
   29,6px pelo html de 16px, ignorando o body de 13px.                        */
.kpi-value{ font-size: var(--u66-t-xl) }
.kpi .v   { font-size: var(--u66-t-lg) }

/* ── Célula de tabela ───────────────────────────────────────────────────────
   `.fin-table` existe com o mesmo nome nos dois painéis e com tamanhos
   diferentes: 12px no Performance e 10px no Financeiro. Medido na DRE (978
   células, 9 colunas de mês): cabe em 10, 11 e 12px sem corte e sem rolagem
   horizontal. 11px é o degrau canônico e fica no meio dos dois.             */
.fin-table{ font-size: var(--u66-t-xs) }

/* ── O que deliberadamente NÃO está aqui ────────────────────────────────────
   `.kpi-label`: 9px no Performance e Financeiro (Inter), 12px no Controle
   (Saira Condensed). NÃO unificado — Saira é condensada, e 9px nela fica
   ilegível no card. Papéis iguais com FONTES diferentes não têm o mesmo
   tamanho ótimo; forçar seria trocar consistência de tabela por perda de
   leitura numa tela que a equipe abre todo dia.

   Raio, espaçamento e os ~231 valores em style= inline também não estão:
   dependem do codemod (normalizar_escala.py), que arredonda sem revisão
   humana e por isso só deve rodar quando o `git diff` dos templates existir
   para os quatro painéis.                                                    */