/*
  RDOOne — Escala de texto da Lista de Tarefas (ETAPA 28, corrigida na ETAPA 29-bugfix)

  Escopo estritamente local à tabela "Planejamento da obra" (.tarefas-grade, única ocorrência desta
  classe no sistema inteiro) — nunca aplicado globalmente, nunca afeta menu lateral, cabeçalho da obra,
  outras seções, dialogs ou outras páginas.

  Uma única variável CSS (--tarefa-font-scale, 0.8 a 1.0) controla os 5 níveis (80/85/90/95/100%),
  setada inline por TarefasSecao.razor na própria MudTable — nenhum valor duplicado por nível de CSS,
  como pedido explicitamente na ETAPA 28.

  Fonte nunca abaixo de 11px (piso de legibilidade já documentado em design-tokens.css) — clamp() aplica
  isso automaticamente em qualquer nível, sem precisar de um valor especial só para 80%.

  *** CORREÇÃO (ETAPA 29-bugfix) — a suposição original de que ".tarefas-grade .mud-table-cell"
  (2 classes) empatava em especificidade com o CSS interno do MudBlazor era ERRADA para as células do
  CORPO da tabela, e essa era a causa real de a escala não afetar o conteúdo das linhas. Confirmado
  inspecionando MudBlazor.min.css (9.8.0) diretamente:
    .mud-table-root .mud-table-head .mud-table-cell {...}   -> 3 classes, EMPATA com a minha regra de
                                                                 cabeçalho (mesma contagem) — o empate
                                                                 é resolvido por ordem de carregamento
                                                                 (este arquivo carrega depois), por isso
                                                                 o cabeçalho já respondia à escala.
    .mud-table-root .mud-table-body .mud-table-cell {...}    -> 3 classes, GANHA da regra genérica de
                                                                 célula (2 classes) — não é empate, é
                                                                 especificidade maior de verdade, então
                                                                 nenhuma ordem de carregamento salvaria
                                                                 essa regra. É exatamente por isso que só
                                                                 o cabeçalho mudava visivelmente e o
                                                                 conteúdo das linhas (EAP, nome, recursos,
                                                                 predecessoras, datas, trabalho, custos)
                                                                 ficava preso no font-size do tema do
                                                                 MudBlazor (var(--mud-typography-body2-size)).
  Corrigido com !important só nessa regra (não nas demais, que já venciam por ordem de carregamento sem
  precisar disso) — uso pontual, não indiscriminado.

  Um segundo problema, mesma causa raiz, achado na mesma inspeção: inputs/selects inline dentro de uma
  célula têm o próprio font-size definido por uma regra do MudBlazor bem mais específica que a minha
  original (".mud-table-cell>.mud-input-control>div.mud-input.mud-input-text", 4 classes — e a variante
  para MudSelect dentro de célula, ".mud-table-cell>.mud-select>.mud-input-control>div.mud-input.mud-input-text",
  5 classes), sempre fixa em var(--mud-typography-body2-size) — nunca a minha variável de escala. O
  <input>/<textarea> real (".mud-input-slot.mud-input-root") só faz "font:inherit" dessa div — herda o
  valor errado. Corrigido com uma regra nova, .tarefas-grade .mud-input-control .mud-input, também com
  !important (única forma de vencer uma regra de 4-5 classes sem replicar a cadeia de seletores inteira,
  que é interna do componente e pode mudar entre versões do MudBlazor).
*/

.tarefas-grade .mud-table-cell {
    font-size: clamp(11px, calc(13px * var(--tarefa-font-scale, 1)), 13px) !important;
    padding: calc(14px * var(--tarefa-font-scale, 1)) calc(12px * var(--tarefa-font-scale, 1));
}

.tarefas-grade .mud-table-head .mud-table-cell {
    font-size: clamp(11px, calc(12px * var(--tarefa-font-scale, 1)), 12px);
    padding: calc(12px * var(--tarefa-font-scale, 1)) calc(12px * var(--tarefa-font-scale, 1));
}

.tarefas-grade .mud-table-cell .mud-icon-button .mud-icon-root {
    font-size: calc(17px * var(--tarefa-font-scale, 1));
}

/* Campos de edição inline (clicar numa célula, ou a linha "+ Adicionar nova tarefa", abrem um
   MudTextField/MudNumericField/MudSelect) — acompanham a mesma escala da célula, para não parecerem
   "grandes demais" numa linha comprimida.

   CORREÇÃO (ajuste final pós-ETAPA 29) — a regra pontual da correção anterior
   (".tarefas-grade .mud-input-control .mud-input") replicava só a cadeia de seletores de UMA variante
   específica que eu tinha encontrado (".mud-input.mud-input-text", usada pelo Variant padrão) — a
   linha de nova tarefa usa Variant="Variant.Outlined" (TarefasSecao.razor), cuja árvore interna do
   MudBlazor tem uma camada a mais / classes diferentes (".mud-input-outlined" em vez de
   ".mud-input-text", mais o wrapper de borda/legenda do contorno), então aquela regra nunca alcançava
   esses campos — só os campos sem variant explícito (nenhum nesta tela, na prática) seriam cobertos.

   Em vez de perseguir a árvore interna variante por variante (frágil — pode mudar entre versões do
   MudBlazor, como já aconteceu aqui de um Variant para outro), a correção agora é um seletor universal
   dentro do controle de input: TUDO dentro de ".mud-input-control" acompanha a escala, com !important
   (única forma de vencer as regras internas do MudBlazor, de 4-5 classes, sem depender de replicar a
   cadeia exata). Ícones (":not(.mud-icon-root)") ficam de fora de propósito — nenhum dos campos desta
   tabela usa adornment/ícone hoje, mas a exclusão evita que um ícone futuro encolha/cresça junto com o
   texto sem necessidade. */
.tarefas-grade .mud-input-root {
    font-size: clamp(11px, calc(13px * var(--tarefa-font-scale, 1)), 13px) !important;
}

.tarefas-grade .mud-input-control,
.tarefas-grade .mud-input-control *:not(.mud-icon-root) {
    font-size: clamp(11px, calc(13px * var(--tarefa-font-scale, 1)), 13px) !important;
}

.tarefas-grade .mud-input-control input::placeholder,
.tarefas-grade .mud-input-control textarea::placeholder {
    font-size: clamp(11px, calc(13px * var(--tarefa-font-scale, 1)), 13px) !important;
}