/* === FINAL CHAT HEIGHT + SCROLL FIX === */
.chatbox {
  display: flex !important;
  flex-direction: column !important;
  height: calc(100vh - 160px) !important;
  max-height: calc(100vh - 160px) !important;
  overflow: hidden !important;
}

#messages {
  flex: 1 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scroll-behavior: smooth !important;
  -webkit-overflow-scrolling: touch !important;
}