/* O widget `selo` (FeitoWeb.Widgets.Dados, docs/telas.md §2). O estado em pílula. Trazido da casca na etapa 0
   (26/10/2026). Regra (docs/telas.md §4, o teste test/feito_web/widgets_regra_test.exs): cor só por token (var(--…),
   com a cor de hoje como reserva); cor nova é token novo, no style.css (claro) e no temas.css (escuro e acrílico).
   Ligado no layout raiz logo depois do style.css (FeitoWeb.Widgets.folhas/0): as camadas da casca (visual.css,
   componentes.css, navegacao.css, temas.css, fonte.css e a escala gerada por `mix casca.escala`) vestem por cima,
   como vestem tudo. Mudou este arquivo: `mix casca.escala` (o ./servidor faz sozinho). */

/* — de style.css */
.selo { display: inline-block; padding: 2px 9px; border-radius: 20px; font-size: .78rem; font-weight: 600; white-space: nowrap; }
.selo.verde { background: var(--verde-claro); color: var(--verde-esc); }
.selo.amarelo { background: var(--amarelo-f); color: var(--amarelo); }
.selo.vermelho { background: var(--vermelho-f); color: var(--vermelho); }
.selo.azul { background: var(--azul-f); color: var(--azul); }
.selo.cinza, .selo.sem { background: var(--e-sutil, #eef1ef); color: var(--suave); }