/* Aviso "Nova versão disponível" — canto inferior direito (public/js/aviso-nova-versao.js, docs/specs/AVISO_NOVA_VERSAO.md). Só nasce com versão nova no ar. */
.aviso-versao {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 60;
  display: flex;
  align-items: center;
  gap: 0.75em;
  max-width: min(34rem, calc(100vw - 32px));
  padding: 0.7em 0.9em;
  background: var(--card);
  color: var(--foreground);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: 0 6px 24px rgb(0 0 0 / 0.16);
  font: 500 14px/1.35 ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
/* O `hidden` do navegador perde para o `display` acima; sem esta linha o aviso "escondido" seguiria na tela. */
.aviso-versao[hidden] { display: none; }
.aviso-versao-icone { font-size: 1.4em; color: var(--accent, var(--primary)); line-height: 1; }
.aviso-versao-icone .zr-icone { width: 1em; height: 1em; }
.aviso-versao-texto { min-width: 0; }
.aviso-versao-texto small { display: block; color: var(--muted-foreground); font-weight: 400; font-size: 0.86em; }
.aviso-versao .zr-btn { flex: none; }
/* Na TV a tela é grande e vista de longe: a letra acompanha o `1.05vw` do painel. */
.aviso-versao--tv { font-size: clamp(14px, 1.05vw, 30px); }
@media (max-width: 480px) {
  .aviso-versao { left: 16px; flex-wrap: wrap; }
}