/* ==========================================================
   JEANUSTRADE — jt-lite.css  ·  "Modo leve" para telemóveis fracos
   Ativo com <html class="jt-lite"> (ver perf-tier.js / Menu → Desempenho).
   Mantém o visual (cores, vidro translúcido, sombras) e tira só o que mais custa à GPU:
     1) backdrop-filter (desfoque do que está por trás) — recalculado em cada redesenho;
     2) animações contínuas decorativas (mesh, velas, brilhos, halos, pontos a pulsar).
   O vidro continua translúcido, só deixa de desfocar o fundo (num fundo escuro liso quase não se nota).
   ========================================================== */
html.jt-lite{ --jt-glass-blur: none; }

html.jt-lite *,
html.jt-lite *::before,
html.jt-lite *::after{
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  animation-iteration-count: 1 !important;   /* toca uma vez e pára: entradas continuam, loops acabam */
}

/* Animações com função (têm de continuar enquanto o estado existir): operação pendente e a parar */
html.jt-lite .jt-dock .btn-ctrl.stopping-c .ico,
html.jt-lite .btn-ctrl.stopping-c,
html.jt-lite .table-row.pending::after,
html.jt-lite .table-row.pending::before,
html.jt-lite .pending-dots span{
  animation-iteration-count: infinite !important;
}

/* Sem desfoque, os fundos de overlay ficam um pouco mais escuros para manter a separação */
html.jt-lite .sheet-overlay{ background: rgba(6,7,20,.80); }
html.jt-lite .scrim{ background: rgba(2,2,10,.72); }

/* Fundo animado do splash/landing: parado no modo leve */
html.jt-lite #splash::before,
html.jt-lite #screenLanding::before,
html.jt-lite .splash-fx *{ animation: none !important; }

/* Painéis que cobrem conteúdo: sem desfoque por trás ficariam a deixar ver o texto de baixo → quase opacos (segue o tema) */
html.jt-lite .sheet,
html.jt-lite .modal,
html.jt-lite #avatarSheet .sheet,
html.jt-lite .lab-sheet-panel{
  background: color-mix(in srgb, var(--card) 96%, transparent) !important;
}