/* O widget `nota` (FeitoWeb.Widgets.Dados, docs/telas.md §2). O texto de apoio: o .ref e o .ajuda ficam no
   style.css (a casca inteira usa); aqui, o porquê da IA (.ac-porque, com a etiqueta .ac-chip) e o «você mudou»
   (.ac-mudou), que saíram do acessos.css (o fim do cadastro) na F6 (26/10/2026). A etiqueta é também a «marca» do
   cartão (widgets/cartao.css). 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 acessos.css */
.ac-chip { display: inline-grid; place-items: center; padding: .05rem .4rem; border-radius: .35rem; font-size: .68rem;
  font-weight: 800; letter-spacing: .04em; color: var(--e-sobre-cor, #fff); background: var(--verde); vertical-align: .1em; }
.ac-porque { margin-top: .3rem; font-size: .76rem; line-height: 1.35; color: var(--azul);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ac-porque .ac-chip { font-size: .6rem; padding: 0 .3rem; }
.ac-mudou { margin-top: .3rem; font-size: .76rem; font-weight: 600; color: var(--amarelo); }