*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--font);font-size:var(--fs-base);background:var(--bg);color:var(--text);line-height:1.5}
/* [[Font_Inherit_em_Form]]: button/input/select/textarea NAO herdam a fonte do
   body por default do navegador - sem esta linha o form vira Arial no Windows
   e -apple-system no Mac. A nota e explicita em nao deixar isso pra cada
   componente: input que apareca numa tela sem passar por .input quebra igual.
   Entrou em 2026-10-25 com o C21 (ela: "os calendarios todos estao com a
   fonte diferente").
   O `line-height` entrou em 02/11/2026 pelo MESMO mecanismo, medido no
   navegador: o navegador da `line-height:normal` ao <button>, e o <button>
   nao herda o 1.5 do body. Com isso a MESMA classe nascia com DUAS alturas:
   `<a class="btn btn-sm">` com 28,8px e `<button class="btn btn-sm">` com
   22,8px, 6px de diferenca, nas 7 telas medidas. Em Leads e em Cidades os
   dois ficam LADO A LADO na coluna de acoes, contra [[Padrao_Tabela]]:397 -
   *"Mantem alinhamento vertical. Sem isso, uma linha com 2 icones fica
   desalinhada com uma de 3, e o olho perde o padrao da coluna"*. Vai no
   reset e nao em .btn pelo motivo que a propria nota da (:48): *"Nao deixar
   isso pra `components.css` do botao"* - controle que apareca sem passar
   pela classe quebraria igual. */
button,input,select,textarea{font-family:inherit;line-height:inherit}
a{color:var(--accent-text);text-decoration:none}
/* O :not(.btn) nao e firula. Link vira verde no hover; botao que e
   LINK (34 no sistema) nao e link pra efeito de cor - ele ja tem a cor
   dele. Sem a excecao, `a:hover` (0,1,1) ganha do `.btn-primary`
   (0,1,0) e pinta a letra de var(--accent-hover) em cima de um fundo
   que o proprio hover acabou de pintar de var(--accent-hover): 1,00:1,
   o texto some. Era o que ela viu no botao "Nova Proposta" em 25/10.
   Nos outros 30, de fundo claro, a letra virava verde em vez de ficar
   escura - legivel, mas diferente do botao gemeo que e <button>.
   O hover do botao continua existindo: borda em .btn:hover e fundo em
   .btn-primary:hover. */
a:hover:not(.btn){color:var(--accent-hover)}
h1{font-size:var(--fs-2xl);font-weight:700}
h2{font-size:var(--fs-xl);font-weight:600}
h3{font-size:var(--fs-lg);font-weight:600}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:var(--bg-elev)}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}

/* Menos movimento, quando a pessoa pede.
   O menu desliza, botao e campo tem transicao, o carregando gira. Quem
   tem sensibilidade a movimento liga 'reduzir animacoes' no sistema
   operacional, e ate agora o sistema ignorava. Nao desliga de vez (0s
   quebra animacao que depende do evento de fim): deixa num tempo que o
   olho nao ve. Achado I11, 25/10. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}