Chat ancorado na barra de status

Esta página imita um sistema de gestão com barra de status fixa no rodapé. O chat não é uma bolha flutuante: ele vive dentro da barra, no canto direito, e a janela abre logo acima dela.

O que liga isso é uma tag vazia com data-virtuschat dentro da barra. O código de instalação não muda: o widget procura o marcador sozinho e, se a página não tiver nenhum, continua sendo a bolha de sempre.

<!-- na barra de status do sistema -->
<div id="barra-status">
  Empresa: 204 · AURORA   Filial: 1   Usuário: MASTER
  <span data-virtuschat></span>
</div>

<!-- o código de instalação continua igual -->
<script>
  window.VirtusChatConfig = { apiKey: 'demo' };
</script>
<script src="/widget.js" async></script>

Se o elemento da âncora não existir (a barra ainda não montou, ou a tela não tem barra), o widget espera por ela e, enquanto isso, mostra a bolha flutuante. Se o sistema redesenhar a barra, o chat volta para o lugar sozinho. Os botões abaixo testam os dois casos.