/* Khung cửa sổ Chat */
#cdm-chat-window { 
  display:none; 
  position:fixed; 
  bottom:85px; 
  right:20px; 
  width:360px; 
  height:520px; 
  max-height: 80vh;
  background:#fff; 
  z-index:999999; 
  border-radius:12px; 
  box-shadow:0 10px 30px rgba(0,0,0,0.2); 
  flex-direction:column; 
  border:1px solid #ddd; 
  overflow:hidden; 
  font-family: -apple-system, system-ui, sans-serif;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Chế độ Phóng to */
#cdm-chat-window.is-expanded {
  width: 90vw !important;
  height: 85vh !important;
  max-height: 85vh !important;
  right: 5vw;
  bottom: 7vh;
}

/* Header & Actions */
#cdm-chat-header { 
  background:#0073aa; 
  color:#fff; 
  padding:12px 15px; 
  font-weight:bold; 
  display:flex; 
  justify-content:space-between; 
  align-items:center; 
}
.header-actions button {
  background: none;
  border: none;
  color: white;
  cursor: pointer;
  font-size: 16px;
  margin-left: 10px;
  padding: 5px;
}

/* Nội dung Chat */
#cdm-chat-body { 
  flex:1; 
  padding:15px; 
  overflow-y:auto; 
  background:#fdfdfd; 
  display:flex; 
  flex-direction:column; 
  gap:10px; 
}

/* Bong bóng tin nhắn */
.msg { 
  padding:10px 14px; 
  border-radius:15px; 
  font-size:14px; 
  line-height:1.45; 
  max-width:85%; 
  word-wrap: break-word; 
}
.msg.user { 
  align-self:flex-end; 
  background:#0073aa; 
  color:#fff; 
  border-bottom-right-radius:2px; 
}
.msg.bot { 
  align-self:flex-start; 
  background:#f1f1f1; 
  color:#333; 
  border-bottom-left-radius:2px; 
}

/* Styles cho tin nhắn bot */
.msg.bot a { color: #0073aa; text-decoration: underline; font-weight: bold; }
.loading-dots { font-style: italic; color: #888; font-size: 13px; }

/* Footer Nhập liệu */
#cdm-chat-footer { 
  padding:12px; 
  border-top:1px solid #eee; 
  display:flex; 
  gap:10px; 
  background:#fff; 
}
#cdm-chat-input { 
  flex:1; 
  border:1px solid #ddd; 
  border-radius:20px; 
  padding:8px 15px; 
  outline:none; 
  font-size:14px;
}
#cdm-send { 
  background:#0073aa; 
  color:#fff; 
  border:none; 
  border-radius:50%; 
  width:36px; height:36px; 
  cursor:pointer; 
  display:flex; align-items:center; justify-content:center;
}

/* Nút Toggle */
#cdm-chat-toggle { 
  position:fixed; 
  bottom:20px; right:20px; 
  z-index:999999; 
  background:#0073aa; color:#fff; border:none; 
  padding:12px 20px; border-radius:50px; 
  font-weight:bold; cursor:pointer; 
  box-shadow: 0 4px 15px rgba(0,73,170,0.3);
}

@media (max-width: 480px) {
  #cdm-chat-window { width: calc(100% - 40px); height: 70vh; }
}