document.addEventListener('DOMContentLoaded', function(event) {
  const navBar = document.querySelector('#navbar');
  const btnToggle = document.querySelector('#button-toggle');
  if (!navBar || !btnToggle) return;

  btnToggle.addEventListener('click', e => {
    navBar.classList.toggle('open');
    e.stopPropagation();
  });

  window.addEventListener('click', e => {
    navBar.classList.remove('open');
  });

  function resize() {
    setTimeout(()=>
    Array.from(document.querySelectorAll('.chat-view')).forEach(elm => {
      if(!elm.offsetParent) return;
      elm.style.setProperty('--pos-top', elm.offsetTop + 'px');
    }));
  }
  window.addEventListener('resize', resize);
  window.addEventListener('navigate', resize);
  window.addEventListener('popstate', resize);
  document.addEventListener('load', resize);
  document.addEventListener('WebComponentsReady', resize);
  resize();
});