/* Flush with bottom and side when open */
.chat-container.chat-open {
  margin-bottom: 0px !important;
  right: 0px !important;
  border-radius: 8px 0 0 0 !important; /* Square off the bottom-right corner */
}

/* When closed, restore the margin so the "tab" (header) stays visible */
.chat-container.chat-collapsed {
  margin-bottom: 50px !important;
  right: 20px !important; /* Keep it slightly off the edge when closed so it looks like a tab */
}