/* Base do painel (Design System RiseSales, spec §3 e §5): reset, tipografia e utilidades de texto.
   Cores só por var(--…) de tokens.css, carregado antes. Os componentes ficam em componentes.css. */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { margin: 0; font: var(--t-corpo)/1.45 var(--fonte); background: var(--fundo); color: var(--texto); }
h1, h2, h3 { line-height: 1.2; }
a { color: var(--destaque-texto); }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
:focus-visible { outline: 2px solid var(--destaque); outline-offset: 2px; }
[hidden] { display: none !important; } /* .selo e .menu-item definem display; sem isto o atributo hidden não esconderia */

.erro { color: var(--critico-texto); }
.sucesso { color: var(--ok-texto); }
.bom { color: var(--ok-texto); }
.ruim { color: var(--critico-texto); }
.neutro, .apagado, .carregando { color: var(--texto-2); }
.dica { color: var(--texto-2); font-size: var(--t-pequeno); }
.visualmente-oculto { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }