/* OS EFEITOS DO PAINEL (lote 221, 09/10/2026). O dono: "mais efeitos, mais opcoes de efeitos, pelo site todo" -
   agora tambem no painel. So existem com html.mais-movimento (Preferencias > Movimento do painel > Vivo; o
   static/cedo.js poe a classe antes da primeira pintura, a partir do localStorage 'scouter-movimento' = 'mais').
   Regras da casa: so transform/opacity nas animacoes, sem filtro, nenhuma transicao de cor (o PRO azul nao
   admite); todo seletor leva html.mais-movimento e vence por especificidade, nao pela ordem das folhas (o
   scouter.css continua carregando depois desta). Com html.menos-movimento nada disto existe; o movimento do painel
   e do painel, nao do Windows (sem a regra de movimento do sistema aqui). */

/* --- os cartoes: um brilho discreto que acende ao passar o mouse (so onde ha mouse; so a opacidade da camada) --- */
@media (hover: hover) {
  html.mais-movimento .cartao::after {
    content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; opacity: 0;
    background: radial-gradient(70% 55% at 50% 0%, rgba(255, 255, 255, .075), transparent 72%);
    transition: opacity .35s var(--curva);
  }
  html.mais-movimento .cartao:hover::after { opacity: 1; }
}

/* --- os selos de estado: um pulso suave (o apagado fica quieto) --- */
html.mais-movimento .chip-do-estado { animation: chip-pulsa 2.8s ease-in-out infinite; }
html.mais-movimento .chip-do-estado[data-tom="apagado"] { animation: none; }
@keyframes chip-pulsa { 50% { opacity: .72; } }

/* --- o botao principal: a varredura de luz (a mesma camada ::after do scouter.css) passa sozinha de tempos em
   tempos; ao passar o mouse, a varredura de sempre --- */
html.mais-movimento .acao.principal::after { animation: varre-o-botao 5s var(--curva) infinite; }
html.mais-movimento .acao.principal:hover::after { animation: brilha-botao .85s var(--curva); }
@keyframes varre-o-botao { 0%, 72% { transform: skewX(-18deg) translateX(-120%); } 100% { transform: skewX(-18deg) translateX(460%); } }

/* --- os numeros chegam: escala .96 -> 1 ao carregar (a origem ja e a esquerda, scouter.css) --- */
html.mais-movimento .numero strong { animation: numero-chega .6s var(--curva) both; }
@keyframes numero-chega { from { opacity: 0; transform: scale(.96); } }