/* 🌙 Dark Mode */
.select-to-chat.dark-mode {
  background-color: #121212;
  color: #eaeaea;
}

/* Áp dụng cho các khung chat */
.select-to-chat.dark-mode .select-to-chat,
.select-to-chat.dark-mode .sc-chat-main,
.select-to-chat.dark-mode .chat-sidebar,
.select-to-chat.dark-mode .chat-popup-head,
.select-to-chat.dark-mode .simple-chat-form,
.select-to-chat.dark-mode .stream-placeholder {
  background-color: #1e1e1e !important;
  color: #f0f0f0 !important;
  border-color: #333 !important;
}

/* Nút bấm */
.select-to-chat.dark-mode button,
.select-to-chat.dark-mode .chat-menu-btn {
  background-color: #2a2a2a;
  color: #fff;
  /*border: 1px solid #444;*/
}

.select-to-chat.dark-mode button:hover {
  background-color: #3b3b3b;
}

/* Ô input / textarea / contenteditable */
.select-to-chat.dark-mode input,
.select-to-chat.dark-mode .simple-chat-input,
.select-to-chat.dark-mode .thread-input {
  background-color: #222;
  color: #eaeaea;
  border: 1px solid #222;
}

/* Cuộn */
.select-to-chat.dark-mode ::-webkit-scrollbar-thumb {
  background-color: #555;
}

/* Liên kết / icon */
.select-to-chat.dark-mode a,
.select-to-chat.dark-mode i {
  color: #ddd;
}

.select-to-chat.dark-mode .scrollable-thread-replies .is-thread-root {
    background: #2a2a2a;   /* nền tối hơn */
    color: #f0f0f0;        /* chữ sáng hơn */
}
/* 🌙 Dark mode */
.select-to-chat.dark-mode .direct-message-wrapper:hover,
.select-to-chat.dark-mode .group-message-wrapper:hover,
.select-to-chat.dark-mode .view-thread-panel .msg[data-context="thread"]:hover {
  background: #2e2e2e;
}

.select-to-chat.dark-mode .sc-chat-main-body { 
  color: white;
  background: linear-gradient(to bottom, #0f0f0f, #1e1e1e); 
}

.select-to-chat.dark-mode input[type="text"]:focus,
.select-to-chat.dark-mode textarea:focus {
	color: #fff;
}

.select-to-chat.dark-mode .placeholder-cover-image,
.select-to-chat.dark-mode .placeholder-item-title,
.select-to-chat.dark-mode .placeholder-bubble,
.select-to-chat.dark-mode .chatlist-avatar,
.select-to-chat.dark-mode .chatlist-line,
.select-to-chat.dark-mode .placeholder-avatar
 {
   background: linear-gradient(90deg, #2a2a2a 25%, #3a3a3a 50%, #2a2a2a 75%);
  color: #3a3a3a;
}