/* Khung tổng thể */
#chat-container{
  width:100%;
  min-height:640px;
  background:#fff;
  border:1px solid #e6eef2;
  border-radius:16px;
  box-shadow:0 6px 24px rgba(0,0,0,.06);
  padding:16px;
  box-sizing:border-box;
}

/* Layout & khoảng cách danh sách tin nhắn */
#chat-container .chat-body,
#chat-container .chat-messages-list{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
}

/* Hình dáng bubble chung */
#chat-container .chat-message{
  max-width:90% !important;
  width:fit-content !important;
  padding:12px 14px !important;
  border-radius:14px !important;
  line-height:1.55 !important;
  border:1px solid transparent !important;
  word-break:break-word !important;
}

/* Bot (trái) */
#chat-container .chat-message-from-bot{
  align-self:flex-start !important;
  background:#f5f8fb !important;
  color:#1b2430 !important;
  border-color:#e1e8ee !important;
}

/* User (phải) */
#chat-container .chat-message-from-user{
  align-self:flex-end !important;
  background:#e7f1ff !important;
  color:#0d1b2a !important;
  border-color:#cfe2ff !important;
}

/* Dọn margin trong markdown */
#chat-container .chat-message-markdown p{ margin:0 !important; }

/* Đảm bảo widget full width trong container */
#chat-container .n8n-chat,
#chat-container n8n-chat,
#chat-container [id*="n8n-chat"],
#chat-container [class*="n8n-chat"]{
  width:100% !important; max-width:100% !important;
  
}

@media (max-width: 767px){
  #chat-container{ min-height: 70vh; }
}

#chat-container .chat-message-from-bot{ background:#f5f8fb; border-color:#e1e8ee; }
#chat-container .chat-message-from-user{ background:#e7f1ff; border-color:#cfe2ff; }

/* --- FIX kích thước ô nhập liệu chatbot --- */
#chat-container textarea[data-test-id=chat-input] {
  width: 100% !important;        /* hoặc 800px nếu bạn muốn cố định pixel */
  min-height: 54px !important;   /* chiều cao tối thiểu */
  height: 54px !important;       /* chiều cao mặc định */
  max-height: 200px !important;  /* không vượt quá */
  resize: none !important;       /* tắt kéo giãn thủ công */
  overflow-y: auto !important;   /* có thanh cuộn nếu nội dung dài */
  box-sizing: border-box !important;
}