@charset "UTF-8";
*, *::before, *::after {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

.sma-tg-root {
  font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
  background: var(--chat-bg);
  color: var(--chat-text-primary);
  height: 100dvh;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

.telegram-wrapper {
  display: flex;
  flex: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  min-height: 0;
}

@media (max-width: 767px) {
  .telegram-wrapper {
    flex-direction: column;
    height: 100vh;
    height: 100dvh;
  }
  .sma-tg-chat-list, .sma-tg-list {
    width: 100%;
    border-radius: 0;
  }
  .sma-tg-chat-list-item, .sma-tg-room {
    border-radius: 0;
    margin: 0;
    padding: 20px 16px;
  }
  .sma-tg-chat-list-item:hover, .sma-tg-room:hover {
    transform: none;
    box-shadow: none;
    background: rgba(30, 64, 175, 0.05);
  }
  .sma-tg-messages {
    padding: 16px 12px 80px;
    gap: 10px;
  }
  .chat-bubble,
.message-bubble {
    min-width: 160px;
    max-width: 85%;
    padding: 12px 16px;
    font-size: 1rem;
  }
  .chat-bubble .video-container,
.message-bubble .video-container {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: -12px !important;
    margin-right: -12px !important;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-container {
  display: flex;
  height: 100%;
  max-width: 1200px;
  margin: 40px auto;
  background: var(--chat-surface);
  border-radius: var(--chat-radius-lg);
  border: 1px solid var(--chat-border);
  box-shadow: var(--chat-shadow-soft);
  overflow: hidden;
}

.sma-tg-chat-list, .sma-tg-list {
  width: 340px;
  background: var(--chat-surface);
  border-right: 1px solid var(--chat-border);
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

.sma-tg-chat-tabs {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  padding: 8px 6px;
  background: var(--chat-surface);
  border-bottom: 1px solid var(--chat-border);
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
  scroll-behavior: smooth;
}

.sma-tg-chat-tabs::-webkit-scrollbar {
  height: 4px;
  display: block;
}

.sma-tg-chat-tabs::-webkit-scrollbar-track {
  background: transparent;
}

.sma-tg-chat-tabs::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 2px;
}

.sma-tg-chat-tabs::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.5);
}

.sma-tg-chat-tabs .add-folder-btn {
  background: rgba(30, 64, 175, 0.1);
  color: #1e40af !important;
  border-radius: 8px;
  margin-left: 4px;
  min-width: 32px;
  width: 32px;
  padding: 8px;
}

.sma-tg-chat-tabs .add-folder-btn:hover {
  background: rgba(30, 64, 175, 0.2);
  transform: scale(1.05);
}

.sma-tg-chat-tabs .add-folder-btn i {
  font-size: 0.75rem;
}

.sma-tg-chat-tabs .folder-tab {
  position: relative;
}

.sma-tg-chat-tabs .folder-tab .folder-unread-badge {
  position: absolute;
  top: -2px;
  right: -2px;
  background: #ef4444;
  color: white;
  border-radius: 10px;
  font-size: 0.7rem;
  font-weight: 600;
  min-width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  line-height: 1;
}

.chat-resize-handle {
  position: absolute;
  top: 0;
  right: -3px;
  width: 6px;
  height: 100%;
  background: transparent;
  cursor: col-resize;
  z-index: 1000;
}

.chat-resize-handle:hover {
  background: rgba(59, 130, 246, 0.3);
}

.chat-resize-handle:active {
  background: rgba(59, 130, 246, 0.5);
}

.sma-tg-list {
  position: relative;
  min-width: 280px;
  max-width: 500px;
  width: 350px;
  resize: horizontal;
  overflow: hidden;
}

.sma-tg-list::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, rgba(30, 64, 175, 0.02) 0%, rgba(37, 99, 235, 0.01) 50%, rgba(30, 64, 175, 0.02) 100%);
  pointer-events: none;
}

[data-bs-theme="dark"] .sma-tg-list {
  background: #1f2937;
  border-bottom-color: #374151;
}

[data-bs-theme="dark"] .sma-tg-list::before {
  background: linear-gradient(90deg, rgba(59, 130, 246, 0.03) 0%, rgba(59, 130, 246, 0.02) 50%, rgba(59, 130, 246, 0.03) 100%);
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab {
  flex: none;
  flex-shrink: 0;
  width: auto;
  min-width: fit-content;
  max-width: none;
  padding: 8px 10px;
  margin: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 500;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 1.4;
  color: #374151;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 20px;
  position: relative;
  z-index: 1;
}

.sma-tg-chat-tab i {
  font-size: 0.75rem;
  line-height: 1;
  flex-shrink: 0;
  transition: transform 0.25s ease;
}

.sma-tg-chat-tab span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 60px;
  flex-shrink: 0;
  display: block;
}

.sma-tg-chat-tab.active {
  background: #1e40af !important;
  color: #ffffff !important;
  font-weight: 600;
  box-shadow: 0 2px 8px rgba(30, 64, 175, 0.25);
  transform: none;
}

.sma-tg-chat-tab.active i {
  color: #ffffff !important;
  transform: scale(1.1);
}

.sma-tg-chat-tab.active span {
  color: #ffffff !important;
}

.sma-tg-chat-tab:hover:not(.active) {
  background: rgba(30, 64, 175, 0.1) !important;
  color: #1e40af !important;
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(30, 64, 175, 0.15);
}

.sma-tg-chat-tab:hover:not(.active) i {
  color: #1e40af !important;
  transform: scale(1.05);
}

.sma-tg-chat-tab:hover:not(.active) span {
  color: #1e40af !important;
}

[data-bs-theme="dark"] .sma-tg-chat-tab {
  color: #d1d5db;
}

[data-bs-theme="dark"] .sma-tg-chat-tab.active {
  background: #3b82f6 !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3);
}

[data-bs-theme="dark"] .sma-tg-chat-tab.active i {
  color: #ffffff !important;
}

[data-bs-theme="dark"] .sma-tg-chat-tab.active span {
  color: #ffffff !important;
}

[data-bs-theme="dark"] .sma-tg-chat-tab:hover:not(.active) {
  background: rgba(59, 130, 246, 0.15) !important;
  color: #3b82f6 !important;
  box-shadow: 0 2px 6px rgba(59, 130, 246, 0.2);
}

[data-bs-theme="dark"] .sma-tg-chat-tab:hover:not(.active) i {
  color: #3b82f6 !important;
}

[data-bs-theme="dark"] .sma-tg-chat-tab:hover:not(.active) span {
  color: #3b82f6 !important;
}

.tab-unread {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 6px;
  border-radius: 50px;
  background: #dc2626;
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
  position: relative;
  transition: all 0.3s ease;
  transform: scale(1);
}

.tab-unread::before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.tab-unread.is-hidden {
  display: none;
}

.tab-unread:not(.is-hidden) {
  animation: badgePulse 0.3s ease-out;
}

[data-bs-theme="dark"] .tab-unread {
  background: #dc2626;
  color: #ffffff;
}

.tab-unread[data-tab-unread="0"] {
  display: none;
}

.tab-unread[data-tab-unread]:not([data-tab-unread="0"]):not([data-tab-unread="1"]):not([data-tab-unread="2"]):not([data-tab-unread="3"]):not([data-tab-unread="4"]):not([data-tab-unread="5"]):not([data-tab-unread="6"]):not([data-tab-unread="7"]):not([data-tab-unread="8"]):not([data-tab-unread="9"]) {
  min-width: 22px;
  height: 20px;
  font-size: 0.7rem;
}

@keyframes badgePulse {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-list-header {
  padding: 18px 20px;
  font-size: 1.3rem;
  font-weight: 700;
  color: #1e40af;
  border-bottom: 1px solid #d1d5db;
  background: #f8fafc;
  font-family: "Montserrat", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

[data-bs-theme="dark"] .sma-tg-chat-list-header {
  color: #3b82f6;
  background: #1f2937;
  border-bottom-color: #374151;
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-list-search {
  padding: 12px 20px;
  border-bottom: 1px solid #d1d5db;
  background: #f8fafc;
}

[data-bs-theme="dark"] .sma-tg-chat-list-search {
  background: #1f2937;
  border-bottom-color: #374151;
}

.sma-tg-chat-list-search .chat-type-filter {
  margin-top: 8px;
}

.sma-tg-chat-list-search .chat-type-filter select {
  width: 100%;
  padding: 6px 8px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 0.85rem;
  background: #ffffff;
  color: #111827;
}

.sma-tg-chat-list-search .chat-type-filter select:focus {
  outline: none;
  border-color: #1e40af;
  box-shadow: 0 0 0 2px rgba(30, 64, 175, 0.1);
}

[data-bs-theme="dark"] .sma-tg-chat-list-search .chat-type-filter select {
  background: #111827;
  color: #f9fafb;
  border-color: #374151;
}

[data-bs-theme="dark"] .sma-tg-chat-list-search .chat-type-filter select:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-list-search input {
  width: 100%;
  padding: 10px 16px;
  border-radius: 12px;
  border: 1px solid #d1d5db;
  font-size: 0.95rem;
  background: #ffffff;
  color: #111827;
  transition: all 0.3s ease;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.sma-tg-chat-list-search input::placeholder {
  color: #374151;
  font-style: normal;
}

.sma-tg-chat-list-search input:focus {
  outline: none;
  border-color: #1e40af;
  box-shadow: 0 0 0 3px rgba(30, 64, 175, 0.1);
}

[data-bs-theme="dark"] .sma-tg-chat-list-search input {
  background: #111827;
  color: #f9fafb;
  border-color: #374151;
}

[data-bs-theme="dark"] .sma-tg-chat-list-search input::placeholder {
  color: #d1d5db;
}

[data-bs-theme="dark"] .sma-tg-chat-list-search input:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-list-items, .sma-tg-list-items {
  flex: 1;
  overflow-y: auto;
  scrollbar-width: thin;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 20px;
}

.sma-tg-chat-list-items::-webkit-scrollbar, .sma-tg-list-items::-webkit-scrollbar {
  width: 6px;
}

.sma-tg-chat-list-items::-webkit-scrollbar-track, .sma-tg-list-items::-webkit-scrollbar-track {
  background: transparent;
}

.sma-tg-chat-list-items::-webkit-scrollbar-thumb, .sma-tg-list-items::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  opacity: 0;
  transition: opacity 0.3s;
}

.sma-tg-chat-list-items:hover::-webkit-scrollbar-thumb, .sma-tg-list-items:hover::-webkit-scrollbar-thumb {
  opacity: 1;
}

.sma-tg-chat-list-item, .sma-tg-room {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 20px;
  border-bottom: none;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  background: var(--chat-surface-elevated);
  border-radius: var(--chat-radius-lg);
  margin: 6px 10px;
  border: 1px solid transparent;
  box-shadow: var(--chat-shadow-soft);
}

.sma-tg-chat-list-item::before, .sma-tg-room::before {
  content: '';
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 0;
  background: #1e40af;
  border-radius: 2px;
  transition: all 0.3s ease;
}

.sma-tg-chat-list-item:hover, .sma-tg-room:hover {
  background: var(--chat-list-hover);
  transform: translateX(2px);
  box-shadow: var(--chat-shadow-strong);
  border-color: rgba(30, 64, 175, 0.2);
}

.sma-tg-chat-list-item:hover .sma-tg-chat-list-avatar, .sma-tg-chat-list-item:hover .sma-tg-room-avatar, .sma-tg-room:hover .sma-tg-chat-list-avatar, .sma-tg-room:hover .sma-tg-room-avatar {
  transform: scale(1.04);
  box-shadow: 0 6px 16px rgba(30, 64, 175, 0.25);
}

.sma-tg-chat-list-item.active, .active.sma-tg-room {
  background: var(--chat-list-active);
  border-color: rgba(30, 64, 175, 0.35);
  box-shadow: var(--chat-shadow-strong);
}

.sma-tg-chat-list-item.active::before, .active.sma-tg-room::before {
  height: 20px;
}

.sma-tg-chat-list-item.active .sma-tg-chat-list-title, .sma-tg-chat-list-item.active .sma-tg-room-title, .active.sma-tg-room .sma-tg-chat-list-title, .active.sma-tg-room .sma-tg-room-title {
  color: #1e40af;
  font-weight: 700;
}

.sma-tg-chat-list-item.active .sma-tg-chat-list-preview, .sma-tg-chat-list-item.active .sma-tg-room-preview, .active.sma-tg-room .sma-tg-chat-list-preview, .active.sma-tg-room .sma-tg-room-preview {
  color: #1e40af;
  opacity: 0.8;
}

.sma-tg-chat-list-item.unread::before, .unread.sma-tg-room::before {
  height: 12px;
}

.sma-tg-chat-list-item.unread .sma-tg-chat-list-title, .sma-tg-chat-list-item.unread .sma-tg-room-title, .unread.sma-tg-room .sma-tg-chat-list-title, .unread.sma-tg-room .sma-tg-room-title {
  font-weight: 700;
}

[data-bs-theme="dark"] .sma-tg-chat-list-item::before, [data-bs-theme="dark"] .sma-tg-room::before {
  background: #3b82f6;
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-list-avatar, .sma-tg-room-avatar {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: linear-gradient(135deg, #1e40af 0%, #2563eb 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-weight: 700;
  font-size: 1.3rem;
  overflow: hidden;
  box-shadow: 0 3px 12px rgba(30, 64, 175, 0.25);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  font-family: "Montserrat", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  position: relative;
  line-height: 1;
}

.sma-tg-chat-list-avatar::after, .sma-tg-room-avatar::after {
  content: '';
  position: absolute;
  bottom: 2px;
  right: 2px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #059669;
  border: 2px solid #ffffff;
  opacity: 0;
  transform: scale(0.8);
  transition: all 0.3s ease;
}

.sma-tg-chat-list-avatar.online::after, .online.sma-tg-room-avatar::after {
  opacity: 1;
  transform: scale(1);
}

.sma-tg-chat-list-avatar img, .sma-tg-room-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.sma-tg-chat-list-item:hover .sma-tg-chat-list-avatar, .sma-tg-chat-list-item:hover .sma-tg-room-avatar, .sma-tg-room:hover .sma-tg-chat-list-avatar, .sma-tg-room:hover .sma-tg-room-avatar {
  transform: scale(1.08);
  box-shadow: 0 6px 20px rgba(30, 64, 175, 0.35);
}

[data-bs-theme="dark"] .sma-tg-chat-list-avatar, [data-bs-theme="dark"] .sma-tg-room-avatar {
  background: radial-gradient(circle at 30% 30%, rgba(59, 130, 246, 0.25), rgba(59, 130, 246, 0.05));
  box-shadow: 0 3px 10px rgba(59, 130, 246, 0.2);
}

[data-bs-theme="dark"] .sma-tg-chat-list-avatar::after, [data-bs-theme="dark"] .sma-tg-room-avatar::after {
  background: #10b981;
}

.sma-tg-chat-list-item:hover [data-bs-theme="dark"] .sma-tg-chat-list-avatar, .sma-tg-chat-list-item:hover [data-bs-theme="dark"] .sma-tg-room-avatar, .sma-tg-room:hover [data-bs-theme="dark"] .sma-tg-chat-list-avatar, .sma-tg-room:hover [data-bs-theme="dark"] .sma-tg-room-avatar {
  box-shadow: 0 6px 18px rgba(59, 130, 246, 0.35);
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-list-avatar img, .sma-tg-room-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.sma-tg-chat-list-info, .sma-tg-room-info {
  flex: 1;
  min-width: 0;
}

.sma-tg-chat-list-title, .sma-tg-room-title {
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--chat-text-primary);
  font-family: "Montserrat", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 1.3;
  margin-bottom: 2px;
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-list-preview, .sma-tg-room-preview {
  font-size: 0.9rem;
  color: var(--chat-text-secondary);
  margin-top: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
  font-weight: 400;
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-list-meta {
  text-align: right;
  min-width: 52px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}

.sma-tg-chat-list-time, .sma-tg-room-time {
  font-size: 0.8rem;
  color: #374151;
  font-weight: 400;
  line-height: 1.2;
}

[data-bs-theme="dark"] .sma-tg-chat-list-time, [data-bs-theme="dark"] .sma-tg-room-time {
  color: #d1d5db;
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-list-unread {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #dc2626;
  color: #ffffff;
  border-radius: 12px;
  min-width: 22px;
  height: 22px;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0 6px;
  box-shadow: 0 2px 4px rgba(220, 38, 38, 0.3);
  line-height: 1;
}

[data-bs-theme="dark"] .sma-tg-chat-list-unread {
  background: #ef4444;
  box-shadow: 0 2px 4px rgba(239, 68, 68, 0.4);
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-menu-btn, .sma-tg-close-btn {
  background: none;
  border: none;
  font-size: 1.2rem;
  margin-left: 8px;
  cursor: pointer;
}

.sma-tg-close-btn {
  margin-left: auto;
  color: #374151;
}

@media (min-width: 768px) {
  #sma-tg-close {
    display: none;
  }
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.message-text img,
.message-text iframe:not(.video-container iframe) {
  max-width: 280px;
  max-height: 250px;
  height: auto;
  border-radius: 8px;
}

.message-text .video-container,
.chat-bubble .video-container,
.message-bubble .video-container {
  max-width: 100% !important;
  max-height: none !important;
}

.message-text .video-container iframe,
.chat-bubble .video-container iframe,
.message-bubble .video-container iframe {
  max-width: 100% !important;
  max-height: none !important;
  height: 100% !important;
}

.message-text video {
  max-width: 100%;
  max-height: 200px;
  height: auto;
  object-fit: contain;
  border-radius: 8px;
}

.chat-header-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 6px;
}

.message-row > .avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  margin-right: 6px;
}

.message-row.own > .avatar {
  order: 2;
  margin-left: 6px;
  margin-right: 0;
}

.chat-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #f8fafc !important;
  background: #f8fafc !important;
  color: #111827 !important;
  padding: 12px 20px;
  border-bottom: 1px solid #d1d5db !important;
  height: 68px;
  position: sticky;
  top: 0;
  z-index: 10;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(30, 64, 175, 0.15);
}

.chat-header h1, .chat-header h2, .chat-header h3, .chat-header h4, .chat-header h5, .chat-header h6 {
  color: #111827 !important;
  margin: 0;
}

[data-bs-theme="dark"] .chat-header {
  background: linear-gradient(135deg, #3b82f6 0%, #3b82f6 100%) !important;
  background-color: transparent !important;
  color: #ffffff !important;
  border-bottom-color: transparent !important;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.2);
}

[data-bs-theme="dark"] .chat-header h1, [data-bs-theme="dark"] .chat-header h2, [data-bs-theme="dark"] .chat-header h3, [data-bs-theme="dark"] .chat-header h4, [data-bs-theme="dark"] .chat-header h5, [data-bs-theme="dark"] .chat-header h6 {
  color: #ffffff !important;
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.chat-header-left {
  display: flex;
  align-items: center;
  flex: 1;
}

.back-btn {
  background: transparent;
  border: none;
  color: #111827 !important;
  cursor: pointer;
  padding: 10px;
  border-radius: 50%;
  margin-right: 12px;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  font-size: 1.2rem;
}

.back-btn:hover {
  background-color: rgba(0, 0, 0, 0.05);
  transform: scale(1.05);
}

[data-bs-theme="dark"] .back-btn {
  color: #ffffff !important;
}

[data-bs-theme="dark"] .back-btn:hover {
  background-color: rgba(255, 255, 255, 0.15);
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 12px;
  object-fit: cover;
  flex-shrink: 0;
}

.chat-user-info {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1;
}

.chat-username {
  font-weight: 600;
  font-size: 1rem;
  color: #111827 !important;
  line-height: 1.3;
  margin-bottom: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "Montserrat", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

[data-bs-theme="dark"] .chat-username {
  color: #ffffff !important;
}

.chat-header .chat-username,
.chat-header #sma-tg-title,
#sma-tg-title.chat-username {
  color: #111827 !important;
}

[data-bs-theme="dark"] .chat-header .chat-username, .dark-theme-active .chat-header .chat-username, [data-bs-theme="dark"] .chat-header #sma-tg-title, .dark-theme-active .chat-header #sma-tg-title, [data-bs-theme="dark"] #sma-tg-title.chat-username, .dark-theme-active #sma-tg-title.chat-username {
  color: #ffffff !important;
}

.chat-status {
  font-size: 0.85rem;
  color: #374151 !important;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 400;
}

[data-bs-theme="dark"] .chat-status {
  color: rgba(255, 255, 255, 0.8) !important;
}

.chat-header-right {
  display: flex;
  gap: 8px;
  align-items: center;
}

.icon-btn {
  background: transparent;
  border: none;
  color: #111827 !important;
  cursor: pointer;
  padding: 8px;
  border-radius: 50%;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  font-size: 1.1rem;
}

.icon-btn:hover {
  background-color: rgba(0, 0, 0, 0.05);
  transform: scale(1.05);
}

.icon-btn svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
  stroke: currentColor;
}

.icon-btn i, .icon-btn svg {
  color: #111827 !important;
  fill: #111827 !important;
}

[data-bs-theme="dark"] .icon-btn {
  color: #ffffff !important;
}

[data-bs-theme="dark"] .icon-btn:hover {
  background-color: rgba(255, 255, 255, 0.15);
}

[data-bs-theme="dark"] .icon-btn i, [data-bs-theme="dark"] .icon-btn svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.chat-search {
  display: flex;
  align-items: center;
  padding: 12px 20px;
  background: #f8fafc;
  border-bottom: 1px solid #d1d5db;
  gap: 16px;
  width: 100%;
  height: 68px;
}

[data-bs-theme="dark"] .chat-search {
  background: #1f2937;
  border-bottom-color: #374151;
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.search-input {
  flex: 1;
  padding: 12px 18px;
  border-radius: 24px;
  border: 2px solid #d1d5db;
  font-size: 0.95rem;
  outline: none;
  transition: all 0.3s ease;
  background: #ffffff;
  color: #111827;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.search-input::placeholder {
  color: #374151;
}

.search-input:focus {
  border-color: #1e40af;
  box-shadow: 0 0 0 3px rgba(30, 64, 175, 0.1);
  transform: translateY(-1px);
}

[data-bs-theme="dark"] .search-input {
  background: #111827;
  color: #f9fafb;
  border-color: #374151;
}

[data-bs-theme="dark"] .search-input::placeholder {
  color: #d1d5db;
}

[data-bs-theme="dark"] .search-input:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.close-search {
  background: transparent;
  border: none;
  color: #374151;
  cursor: pointer;
  padding: 10px;
  border-radius: 50%;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}

.close-search:hover {
  background-color: rgba(30, 64, 175, 0.1);
  color: #1e40af;
  transform: scale(1.05);
}

[data-bs-theme="dark"] .close-search {
  color: #d1d5db;
}

[data-bs-theme="dark"] .close-search:hover {
  background-color: rgba(59, 130, 246, 0.15);
  color: #3b82f6;
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.chat-pin {
  background: rgba(217, 119, 6, 0.15);
  border: 1px solid rgba(217, 119, 6, 0.3);
  border-radius: 12px;
  padding: 8px 12px;
  max-width: 280px;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-left: 20px;
  box-shadow: 0 2px 4px rgba(217, 119, 6, 0.1);
}

.chat-pin:hover {
  background: rgba(217, 119, 6, 0.2);
  border-color: rgba(217, 119, 6, 0.4);
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(217, 119, 6, 0.2);
}

[data-bs-theme="dark"] .chat-pin {
  background: rgba(245, 158, 11, 0.12);
  border-color: rgba(245, 158, 11, 0.25);
}

[data-bs-theme="dark"] .chat-pin:hover {
  background: rgba(245, 158, 11, 0.18);
  border-color: rgba(245, 158, 11, 0.35);
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.chat-pin .pin-thumb {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  margin-right: 12px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(217, 119, 6, 0.1);
}

[data-bs-theme="dark"] .chat-pin .pin-thumb {
  background: rgba(245, 158, 11, 0.15);
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.chat-pin .pin-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.chat-pin .text {
  font-size: 0.9rem;
  color: #111827;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  font-weight: 500;
}

[data-bs-theme="dark"] .chat-pin .text {
  color: #f9fafb;
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.chat-pin .index {
  font-weight: bold;
  color: #9ca3af;
  margin-left: 8px;
}

.chat-pin .dots {
  display: flex;
  gap: 2px;
  margin-left: 8px;
}

.chat-pin .dots span {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #6b7280;
  opacity: 0.4;
}

.chat-pin .dots span.active {
  opacity: 1;
}

.sma-tg-messages {
  flex-grow: 1;
  overflow-y: auto;
  scroll-behavior: smooth;
  padding: 20px 24px 100px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: var(--chat-bg);
  scrollbar-width: thin;
  -ms-overflow-style: none;
}

.sma-tg-messages::-webkit-scrollbar {
  width: 8px;
}

.sma-tg-messages::-webkit-scrollbar-track {
  background: transparent;
}

.sma-tg-messages::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #1e40af 0%, #2563eb 100%);
  border-radius: 4px;
  opacity: 0;
  transition: all 0.3s ease;
}

.sma-tg-messages:hover::-webkit-scrollbar-thumb {
  opacity: 0.7;
}

.sma-tg-messages::-webkit-scrollbar-thumb:hover {
  opacity: 1;
}

[data-bs-theme="dark"] .sma-tg-messages::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #3b82f6 0%, #3b82f6 100%);
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.chat-messages {
  flex-grow: 1;
  overflow-y: auto;
  padding: 12px 16px;
}

.message-row {
  display: flex;
  align-items: flex-end;
  margin-bottom: 8px;
  position: relative;
  opacity: 0;
  transform: translateY(20px);
  animation: messageAppear 0.4s ease forwards;
}

.message-row.own {
  justify-content: flex-end;
}

.message-row.own .message-content {
  align-items: flex-end;
}

.message-row.own .chat-bubble,
.message-row.own .tg-chat-message__bubble {
  border-radius: 22px 22px 12px 22px;
}

.message-row:not(.own) .chat-bubble,
.message-row:not(.own) .tg-chat-message__bubble {
  border-radius: 22px 22px 22px 12px;
}

.message-row.pinned .chat-bubble {
  border-left: 3px solid #d97706;
  box-shadow: 0 2px 8px rgba(217, 119, 6, 0.2);
}

.message-row.selected .chat-bubble {
  box-shadow: 0 0 0 2px #0891b2, 0 4px 12px rgba(8, 145, 178, 0.3);
}

.message-row.group-start {
  margin-top: 16px;
}

.message-row.continued {
  margin-bottom: 4px;
}

.message-row.continued .chat-bubble,
.message-row.continued .tg-chat-message__bubble {
  border-radius: 16px;
}

.message-row.continued.own .chat-bubble,
.message-row.continued.own .tg-chat-message__bubble {
  border-radius: 16px 16px 12px 16px;
}

.message-row.continued:not(.own) .chat-bubble,
.message-row.continued:not(.own) .tg-chat-message__bubble {
  border-radius: 16px 16px 16px 12px;
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

@keyframes messageAppear {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.message-content {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  min-width: 280px;
}

.chat-bubble,
.message-bubble {
  display: inline-block;
  min-width: 220px;
  max-width: 75%;
  padding: 12px 18px;
  margin-bottom: 8px;
  border-radius: 22px;
  font-size: 0.95rem;
  line-height: 1.5;
  box-shadow: var(--chat-shadow-soft);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  word-wrap: anywhere !important;
  hyphens: auto !important;
  white-space: pre-wrap;
  transition: all 0.3s ease;
  box-sizing: border-box !important;
}

.chat-bubble:hover,
.message-bubble:hover {
  box-shadow: var(--chat-shadow-strong);
  transform: translateY(-1px);
}

.message-row.first-unread .chat-bubble,
.message-row.first-unread .tg-chat-message__bubble {
  box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.35), 0 18px 32px rgba(96, 165, 250, 0.14);
  animation: unreadPulse 1.4s ease-out 2;
}

@keyframes unreadPulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.015);
  }
  100% {
    transform: scale(1);
  }
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

@media (max-width: 767px) {
  .message-content {
    min-width: 240px;
  }
  .chat-bubble,
.message-bubble {
    min-width: 180px;
    max-width: 85%;
    font-size: 16px;
    border-radius: 20px;
    padding: 10px 14px;
  }
  .tg-chat-message__bubble {
    min-width: 180px;
    max-width: 85%;
    padding: 10px 14px;
  }
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.chat-bubble.sent {
  align-self: flex-end;
  background: var(--chat-bubble-own-bg);
  color: var(--chat-bubble-own-text);
  border: 1px solid var(--chat-bubble-own-border);
  box-shadow: var(--chat-bubble-own-shadow);
  border-radius: 22px 22px 12px 22px;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  letter-spacing: 0.01em;
}

.chat-bubble.sent a, .chat-bubble.sent .link {
  color: #2f89f8 !important;
  text-decoration: underline;
  font-weight: 500;
  text-decoration-thickness: 2px;
  text-decoration-color: rgba(96, 165, 250, 0.35);
}

.chat-bubble.sent a:hover, .chat-bubble.sent .link:hover {
  color: #167bf8 !important;
  text-decoration-color: rgba(96, 165, 250, 0.5);
}

[data-bs-theme="dark"] .chat-bubble.sent {
  background: var(--chat-bubble-own-bg);
  border-color: var(--chat-bubble-own-border);
  box-shadow: var(--chat-bubble-own-shadow);
  color: var(--chat-bubble-own-text) !important;
}

[data-bs-theme="dark"] .chat-bubble.sent a, [data-bs-theme="dark"] .chat-bubble.sent .link {
  color: rgba(255, 255, 255, 0.9) !important;
  text-decoration-color: rgba(255, 255, 255, 0.55);
}

[data-bs-theme="dark"] .chat-bubble.sent a:hover, [data-bs-theme="dark"] .chat-bubble.sent .link:hover {
  color: #ffffff !important;
  text-decoration-color: rgba(255, 255, 255, 0.75);
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.chat-bubble.received {
  align-self: flex-start;
  background: var(--chat-bubble-received-bg);
  color: var(--chat-bubble-received-text);
  border: 1px solid var(--chat-bubble-received-border);
  box-shadow: var(--chat-bubble-received-shadow);
  border-radius: 22px 22px 22px 12px;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  letter-spacing: 0.003em;
}

.chat-bubble.received a, .chat-bubble.received .link {
  color: #1e40af !important;
  text-decoration: underline;
  font-weight: 500;
  text-decoration-color: rgba(30, 64, 175, 0.35);
}

.chat-bubble.received a:hover, .chat-bubble.received .link:hover {
  color: #1453dd !important;
  text-decoration-color: rgba(37, 99, 235, 0.55);
}

[data-bs-theme="dark"] .chat-bubble.received {
  background: var(--chat-bubble-received-bg);
  border-color: var(--chat-bubble-received-border);
  box-shadow: var(--chat-bubble-received-shadow);
  color: var(--chat-bubble-received-text) !important;
}

[data-bs-theme="dark"] .chat-bubble.received a, [data-bs-theme="dark"] .chat-bubble.received .link {
  color: #3b82f6 !important;
  text-decoration-color: rgba(59, 130, 246, 0.55);
}

[data-bs-theme="dark"] .chat-bubble.received a:hover, [data-bs-theme="dark"] .chat-bubble.received .link:hover {
  color: #4f8ef7 !important;
  text-decoration-color: rgba(59, 130, 246, 0.75);
}

.message-row.own .tg-chat-message__bubble {
  align-self: flex-end;
  background: var(--chat-bubble-own-bg);
  color: var(--chat-bubble-own-text);
  border: 1px solid var(--chat-bubble-own-border);
  box-shadow: var(--chat-bubble-own-shadow);
  border-radius: 22px 22px 12px 22px;
  padding: 12px 18px;
}

.message-row.own .tg-chat-message__bubble a, .message-row.own .tg-chat-message__bubble .link {
  color: #2f89f8 !important;
  text-decoration: underline;
  text-decoration-color: rgba(96, 165, 250, 0.35);
}

.message-row.own .tg-chat-message__bubble a:hover, .message-row.own .tg-chat-message__bubble .link:hover {
  color: #167bf8 !important;
  text-decoration-color: rgba(96, 165, 250, 0.5);
}

[data-bs-theme="dark"] .message-row.own .tg-chat-message__bubble {
  background: var(--chat-bubble-own-bg);
  border-color: var(--chat-bubble-own-border);
  box-shadow: var(--chat-bubble-own-shadow);
  color: var(--chat-bubble-own-text) !important;
}

[data-bs-theme="dark"] .message-row.own .tg-chat-message__bubble a, [data-bs-theme="dark"] .message-row.own .tg-chat-message__bubble .link {
  color: rgba(255, 255, 255, 0.9) !important;
  text-decoration-color: rgba(255, 255, 255, 0.55);
}

[data-bs-theme="dark"] .message-row.own .tg-chat-message__bubble a:hover, [data-bs-theme="dark"] .message-row.own .tg-chat-message__bubble .link:hover {
  color: #ffffff !important;
  text-decoration-color: rgba(255, 255, 255, 0.75);
}

.message-row:not(.own) .tg-chat-message__bubble {
  align-self: flex-start;
  background: var(--chat-bubble-received-bg);
  color: var(--chat-bubble-received-text);
  border: 1px solid var(--chat-bubble-received-border);
  box-shadow: var(--chat-bubble-received-shadow);
  border-radius: 22px 22px 22px 12px;
  padding: 12px 18px;
}

.message-row:not(.own) .tg-chat-message__bubble a, .message-row:not(.own) .tg-chat-message__bubble .link {
  color: #1e40af !important;
  text-decoration: underline;
  text-decoration-color: rgba(30, 64, 175, 0.35);
}

.message-row:not(.own) .tg-chat-message__bubble a:hover, .message-row:not(.own) .tg-chat-message__bubble .link:hover {
  color: #1453dd !important;
  text-decoration-color: rgba(37, 99, 235, 0.55);
}

[data-bs-theme="dark"] .message-row:not(.own) .tg-chat-message__bubble {
  background: var(--chat-bubble-received-bg);
  border-color: var(--chat-bubble-received-border);
  box-shadow: var(--chat-bubble-received-shadow);
  color: var(--chat-bubble-received-text) !important;
}

[data-bs-theme="dark"] .message-row:not(.own) .tg-chat-message__bubble a, [data-bs-theme="dark"] .message-row:not(.own) .tg-chat-message__bubble .link {
  color: #3b82f6 !important;
  text-decoration-color: rgba(59, 130, 246, 0.55);
}

[data-bs-theme="dark"] .message-row:not(.own) .tg-chat-message__bubble a:hover, [data-bs-theme="dark"] .message-row:not(.own) .tg-chat-message__bubble .link:hover {
  color: #4f8ef7 !important;
  text-decoration-color: rgba(59, 130, 246, 0.75);
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.chat-bubble .quote, .message-bubble .quote, .chat-bubble .reply, .message-bubble .reply {
  background: rgba(226, 232, 240, 0.6);
  border-left: 3px solid rgba(156, 163, 175, 0.65);
  color: inherit;
}

[data-bs-theme="dark"] .chat-bubble .quote,
[data-bs-theme="dark"] .message-bubble .quote,
[data-bs-theme="dark"] .chat-bubble .reply,
[data-bs-theme="dark"] .message-bubble .reply {
  background: rgba(31, 41, 55, 0.65);
  border-left-color: rgba(107, 114, 128, 0.65);
}

.chat-bubble.sent .quote,
.chat-bubble.sent .reply,
.chat-bubble.sent .reply-snippet,
.message-row.own .tg-chat-message__bubble .quote,
.message-row.own .tg-chat-message__bubble .reply,
.message-row.own .tg-chat-message__bubble .reply-snippet {
  background: rgba(96, 165, 250, 0.18);
  border-left-color: rgba(96, 165, 250, 0.6);
  color: #0f2919;
}

[data-bs-theme="dark"] .chat-bubble.sent .quote,
[data-bs-theme="dark"] .chat-bubble.sent .reply,
[data-bs-theme="dark"] .chat-bubble.sent .reply-snippet,
[data-bs-theme="dark"] .message-row.own .tg-chat-message__bubble .quote,
[data-bs-theme="dark"] .message-row.own .tg-chat-message__bubble .reply,
[data-bs-theme="dark"] .message-row.own .tg-chat-message__bubble .reply-snippet {
  background: rgba(31, 58, 138, 0.32);
  border-left-color: rgba(37, 99, 235, 0.65);
  color: rgba(255, 255, 255, 0.95);
}

.chat-bubble.received .quote,
.chat-bubble.received .reply,
.chat-bubble.received .reply-snippet,
.message-row:not(.own) .tg-chat-message__bubble .quote,
.message-row:not(.own) .tg-chat-message__bubble .reply,
.message-row:not(.own) .tg-chat-message__bubble .reply-snippet {
  background: rgba(17, 24, 39, 0.05);
  border-left-color: rgba(55, 65, 81, 0.4);
}

[data-bs-theme="dark"] .chat-bubble.received .quote,
[data-bs-theme="dark"] .chat-bubble.received .reply,
[data-bs-theme="dark"] .chat-bubble.received .reply-snippet,
[data-bs-theme="dark"] .message-row:not(.own) .tg-chat-message__bubble .quote,
[data-bs-theme="dark"] .message-row:not(.own) .tg-chat-message__bubble .reply,
[data-bs-theme="dark"] .message-row:not(.own) .tg-chat-message__bubble .reply-snippet {
  background: rgba(17, 24, 39, 0.18);
  border-left-color: rgba(107, 114, 128, 0.4);
}

.message-meta,
.timestamp,
.tg-chat-message__meta {
  font-size: 0.75rem;
  color: var(--chat-meta-received);
  text-align: right;
  font-weight: 400;
  margin-top: 4px;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  vertical-align: middle;
  line-height: 1;
}

.chat-bubble.sent .message-meta,
.chat-bubble.sent .timestamp,
.chat-bubble.sent .tg-chat-message__meta,
.message-row.own .tg-chat-message__meta {
  color: var(--chat-meta-own);
}

.chat-bubble.received .message-meta,
.chat-bubble.received .timestamp,
.chat-bubble.received .tg-chat-message__meta,
.message-row:not(.own) .tg-chat-message__meta {
  color: var(--chat-meta-received);
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.date-divider, .day-divider, .message-date-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 16px 0;
  position: relative;
}

.date-divider::before, .date-divider::after, .day-divider::before, .day-divider::after, .message-date-divider::before, .message-date-divider::after {
  content: '';
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, #d1d5db 50%, transparent 100%);
}

.date-divider span, .date-divider .date-text, .day-divider span, .day-divider .date-text, .message-date-divider span, .message-date-divider .date-text {
  background: #f8fafc;
  color: #374151;
  padding: 6px 16px;
  border-radius: 16px;
  font-size: 0.8rem;
  font-weight: 500;
  margin: 0 12px;
  border: 1px solid #d1d5db;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

[data-bs-theme="dark"] .date-divider::before, [data-bs-theme="dark"] .date-divider::after, [data-bs-theme="dark"] .day-divider::before, [data-bs-theme="dark"] .day-divider::after, [data-bs-theme="dark"] .message-date-divider::before, [data-bs-theme="dark"] .message-date-divider::after {
  background: linear-gradient(90deg, transparent 0%, #374151 50%, transparent 100%);
}

[data-bs-theme="dark"] .date-divider span, [data-bs-theme="dark"] .date-divider .date-text, [data-bs-theme="dark"] .day-divider span, [data-bs-theme="dark"] .day-divider .date-text, [data-bs-theme="dark"] .message-date-divider span, [data-bs-theme="dark"] .message-date-divider .date-text {
  background: #1f2937;
  color: #d1d5db;
  border-color: #374151;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.read-status {
  margin-left: 8px;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  white-space: nowrap;
  font-size: 0.9em;
  gap: 2px;
  font-size: 0.75rem;
  color: #374151;
  transition: all 0.3s ease;
}

.read-status i, .read-status svg {
  width: 12px;
  height: 12px;
  font-size: 10px;
}

.read-status.sent {
  color: rgba(96, 165, 250, 0.6);
}

.read-status.sent i::before {
  content: '\2713';
}

.read-status.delivered {
  color: #b9d7fd;
}

.read-status.delivered i::before {
  content: '\2713\2713';
}

.read-status.read {
  color: #60a5fa;
}

.read-status.read i::before {
  content: '\2713\2713';
}

.read-status.error {
  color: #dc2626;
}

.read-status.error i::before {
  content: '\26A0';
}

[data-bs-theme="dark"] .read-status {
  color: rgba(156, 163, 175, 0.75);
}

[data-bs-theme="dark"] .read-status.sent {
  color: rgba(31, 58, 138, 0.65);
}

[data-bs-theme="dark"] .read-status.delivered {
  color: #4469d5;
}

[data-bs-theme="dark"] .read-status.read {
  color: #6692f1;
}

[data-bs-theme="dark"] .read-status.error {
  color: #ef4444;
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.typing-indicator {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px 20px;
  background: rgba(30, 64, 175, 0.05);
  border-radius: 18px;
  margin: 8px 0;
  font-size: 0.9rem;
  color: #374151;
  font-style: italic;
}

.typing-indicator .typing-dots {
  display: flex;
  gap: 4px;
}

.typing-indicator .typing-dots .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #1e40af;
  animation: typingPulse 1.4s infinite ease-in-out;
}

.typing-indicator .typing-dots .dot:nth-child(1) {
  animation-delay: -0.32s;
}

.typing-indicator .typing-dots .dot:nth-child(2) {
  animation-delay: -0.16s;
}

.typing-indicator .typing-dots .dot:nth-child(3) {
  animation-delay: 0s;
}

[data-bs-theme="dark"] .typing-indicator {
  background: rgba(59, 130, 246, 0.1);
  color: #d1d5db;
}

[data-bs-theme="dark"] .typing-indicator .dot {
  background: #3b82f6;
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.user-status {
  position: relative;
}

.user-status::after {
  content: '';
  position: absolute;
  bottom: 2px;
  right: 2px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid #f8fafc;
  background: #9ca3af;
  transition: all 0.3s ease;
}

.user-status.online::after {
  background: #059669;
  box-shadow: 0 0 8px rgba(5, 150, 105, 0.4);
}

.user-status.away::after {
  background: #d97706;
}

.user-status.busy::after {
  background: #dc2626;
}

.user-status.offline::after {
  background: #9ca3af;
}

[data-bs-theme="dark"] .user-status::after {
  border-color: #1f2937;
}

[data-bs-theme="dark"] .user-status.online::after {
  background: #10b981;
  box-shadow: 0 0 8px rgba(16, 185, 129, 0.5);
}

[data-bs-theme="dark"] .user-status.away::after {
  background: #f59e0b;
}

[data-bs-theme="dark"] .user-status.busy::after {
  background: #ef4444;
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.unread-badge {
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 20px;
  height: 20px;
  border-radius: 10px;
  background: linear-gradient(135deg, #dc2626 0%, #b21d1d 100%);
  color: #ffffff;
  font-size: 0.7rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  box-shadow: 0 2px 8px rgba(220, 38, 38, 0.4);
  animation: unreadPulse 2s infinite;
  z-index: 10;
}

.unread-badge.large {
  min-width: 24px;
  height: 24px;
  border-radius: 12px;
  font-size: 0.75rem;
}

.unread-badge.extra-large {
  min-width: 28px;
  height: 24px;
  border-radius: 12px;
  font-size: 0.7rem;
  padding: 0 8px;
}

[data-bs-theme="dark"] .unread-badge {
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.5);
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

@keyframes typingPulse {
  0%, 80%, 100% {
    transform: scale(0.8);
    opacity: 0.5;
  }
  40% {
    transform: scale(1);
    opacity: 1;
  }
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

@keyframes unreadPulse {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.05);
    opacity: 0.9;
  }
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-chat-container,
.telegram-wrapper,
.sma-tg-messages,
.message-row,
.chat-bubble {
  transform: translateZ(0);
  will-change: transform, opacity;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.sma-tg-messages {
  -webkit-overflow-scrolling: touch;
  contain: layout style paint;
}

@media (hover: hover) and (pointer: fine) {
  .sma-tg-chat-list-item:hover, .sma-tg-room:hover,
.chat-bubble:hover,
.emoji-btn:hover,
.attach-btn:hover {
    pointer-events: auto;
  }
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

@media (prefers-reduced-motion: reduce) {
  *,
*::before,
*::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  .message-row {
    animation: none !important;
  }
  .typing-dots .dot {
    animation: none !important;
  }
  .unread-badge {
    animation: none !important;
  }
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.message-sending {
  opacity: 0.7;
  transform: scale(0.98);
  animation: messageSending 0.6s ease;
}

@keyframes messageSending {
  0% {
    opacity: 0;
    transform: scale(0.9) translateY(20px);
  }
  50% {
    opacity: 0.5;
    transform: scale(0.95) translateY(10px);
  }
  100% {
    opacity: 0.7;
    transform: scale(0.98) translateY(0);
  }
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.message-sent {
  animation: messageSent 0.4s ease;
}

@keyframes messageSent {
  0% {
    opacity: 0.7;
    transform: scale(0.98);
  }
  50% {
    opacity: 1;
    transform: scale(1.02);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.message-error {
  animation: messageError 0.5s ease;
}

.message-error .chat-bubble {
  border-left: 3px solid #dc2626;
  background: rgba(220, 38, 38, 0.05);
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

@keyframes messageError {
  0%, 100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-5px);
  }
  75% {
    transform: translateX(5px);
  }
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.pin-icon {
  margin-right: 4px;
  color: #d97706;
}

[data-bs-theme="dark"] .pin-icon {
  color: #f59e0b;
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.message-row.pinned {
  background: #fef0e0;
}

[data-bs-theme="dark"] .message-row.pinned {
  background: #4b5563 !important;
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.chat-context-menu {
  position: fixed;
  top: var(--y, 0);
  left: var(--x, 0);
  display: none;
  background: rgba(255, 255, 255, 0.94);
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  width: auto;
  max-width: calc(min(320px, 90vw));
  padding: 8px 0;
  z-index: 10002;
  list-style: none;
  opacity: 0;
  transform: scale(0.95);
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.chat-context-menu.visible {
  opacity: 1;
  transform: scale(1);
}

.chat-context-menu .reactions-block {
  display: flex;
  justify-content: center;
  gap: 8px;
  padding: 8px 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.chat-context-menu .reactions-block .reaction-btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  cursor: pointer;
  transition: background 0.15s, transform 0.15s;
}

.chat-context-menu .reactions-block .reaction-btn:hover {
  background: rgba(0, 0, 0, 0.04);
  transform: scale(1.1);
}

.chat-context-menu .actions-block {
  list-style: none;
  margin: 0;
  padding: 0;
}

.chat-context-menu .actions-block li {
  display: flex;
  align-items: center;
  padding: 8px 16px;
  cursor: pointer;
}

.chat-context-menu .actions-block li .icon {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}

.chat-context-menu .actions-block li:hover {
  background: rgba(0, 0, 0, 0.05);
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.message-row {
  margin-bottom: 6px;
}

.sma-tg-input-area {
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 16px 20px;
  background: #f8fafc;
  border-top: 1px solid #d1d5db;
  flex-shrink: 0;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.05);
}

[data-bs-theme="dark"] .sma-tg-input-area {
  background: #1f2937;
  border-top-color: #374151;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
}

.sma-tg-input-area .input-wrapper {
  display: flex;
  align-items: center;
  flex: 1;
  background: #ffffff;
  border: 2px solid #d1d5db;
  border-radius: 28px;
  padding: 12px 16px;
  box-shadow: 0 2px 8px rgba(30, 64, 175, 0.08);
  position: relative;
  overflow: visible;
  z-index: 1;
  transition: all 0.3s ease;
}

.sma-tg-input-area .input-wrapper:focus-within {
  border-color: #1e40af;
  box-shadow: 0 2px 12px rgba(30, 64, 175, 0.15);
  transform: translateY(-1px);
}

[data-bs-theme="dark"] .sma-tg-input-area .input-wrapper {
  background: #374151;
  border-color: #374151;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.1);
}

[data-bs-theme="dark"] .sma-tg-input-area .input-wrapper:focus-within {
  border-color: #3b82f6;
  box-shadow: 0 2px 12px rgba(59, 130, 246, 0.2);
}

.sma-tg-input-area .input-wrapper > * {
  position: relative;
  z-index: 2;
}

.sma-tg-input-area textarea {
  flex: 1;
  border: none;
  resize: none;
  background: transparent;
  padding: 0 12px;
  outline: none;
  overflow-y: auto;
  min-height: 44px;
  max-height: 160px;
  line-height: 1.5;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 0.95rem;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #111827;
  scrollbar-width: thin;
  -ms-overflow-style: none;
}

.sma-tg-input-area textarea::placeholder {
  color: #374151;
  font-style: normal;
}

[data-bs-theme="dark"] .sma-tg-input-area textarea {
  color: #f9fafb;
}

[data-bs-theme="dark"] .sma-tg-input-area textarea::placeholder {
  color: #d1d5db;
}

.sma-tg-input-area textarea::-webkit-scrollbar {
  width: 4px;
}

.sma-tg-input-area textarea::-webkit-scrollbar-track {
  background: transparent;
}

.sma-tg-input-area textarea::-webkit-scrollbar-thumb {
  background: rgba(30, 64, 175, 0.3);
  border-radius: 2px;
  opacity: 0;
  transition: opacity 0.3s;
}

.sma-tg-input-area textarea:hover::-webkit-scrollbar-thumb {
  opacity: 1;
}

.sma-tg-input-area .emoji-btn,
.sma-tg-input-area .attach-btn {
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #374151;
  padding: 8px;
  cursor: pointer;
  position: relative;
  z-index: 10;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.sma-tg-input-area .emoji-btn i, .sma-tg-input-area .emoji-btn svg,
.sma-tg-input-area .attach-btn i,
.sma-tg-input-area .attach-btn svg {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.sma-tg-input-area .emoji-btn svg,
.sma-tg-input-area .attach-btn svg {
  fill: currentColor;
  stroke: currentColor;
}

.sma-tg-input-area .emoji-btn:hover,
.sma-tg-input-area .attach-btn:hover {
  background: rgba(30, 64, 175, 0.1);
  color: #1e40af;
  transform: scale(1.05);
}

.sma-tg-input-area .emoji-btn:active,
.sma-tg-input-area .attach-btn:active {
  transform: scale(0.95);
}

[data-bs-theme="dark"] .sma-tg-input-area .emoji-btn, [data-bs-theme="dark"] .sma-tg-input-area .attach-btn {
  color: #d1d5db;
}

[data-bs-theme="dark"] .sma-tg-input-area .emoji-btn:hover, [data-bs-theme="dark"] .sma-tg-input-area .attach-btn:hover {
  background: rgba(59, 130, 246, 0.15);
  color: #3b82f6;
}

.sma-tg-input-area .emoji-btn {
  margin-right: 8px;
}

.sma-tg-input-area .emoji-btn::before {
  display: none !important;
}

.sma-tg-input-area .emoji-btn img, .sma-tg-input-area .emoji-btn i, .sma-tg-input-area .emoji-btn svg {
  width: 22px;
  height: 22px;
  display: block;
  pointer-events: none;
  user-select: none;
  border-radius: 4px;
  font-size: 20px;
  line-height: 1;
  color: inherit;
}

.sma-tg-input-area .attach-btn {
  margin-left: 4px;
  margin-right: 8px;
}

.sma-tg-input-area .attach-btn::before {
  display: none;
}

.sma-tg-input-area .attach-btn img {
  filter: brightness(0) invert(0.4);
  opacity: 0.9;
}

[data-bs-theme="dark"] .sma-tg-input-area .attach-btn img {
  filter: brightness(0) invert(1) !important;
  opacity: 0.85 !important;
}
[data-bs-theme="dark"] .sma-tg-input-area .emoji-btn img {
  filter: none !important;
  opacity: 1 !important;
}


.sma-tg-input-area .send-btn {
  background: linear-gradient(135deg, #1e40af 0%, #2563eb 100%);
  color: #ffffff;
  border-radius: 50%;
  padding: 10px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(30, 64, 175, 0.3);
}

.sma-tg-input-area .send-btn:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(30, 64, 175, 0.4);
}

.sma-tg-input-area .send-btn:active {
  transform: scale(0.95);
}

.sma-tg-input-area .send-btn img {
  width: 20px !important;
  height: 20px !important;
  display: block !important;
  pointer-events: none !important;
  user-select: none !important;
  filter: brightness(0) invert(1) !important;
  opacity: 1 !important;
  visibility: visible !important;
  object-fit: contain !important;
  position: relative !important;
  z-index: 1 !important;
}

.sma-tg-input-area .send-btn svg {
  width: 20px !important;
  height: 20px !important;
  stroke: white !important;
  fill: none !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.sma-tg-input-area .send-btn i {
  width: 20px !important;
  height: 20px !important;
  color: #ffffff !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

[data-bs-theme="dark"] .sma-tg-input-area .send-btn {
  background: linear-gradient(135deg, #3b82f6 0%, #3b82f6 100%) !important;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.4) !important;
}

[data-bs-theme="dark"] .sma-tg-input-area .send-btn img {
  filter: brightness(0) invert(1) !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: 20px !important;
  height: 20px !important;
  display: block !important;
}

[data-bs-theme="dark"] .sma-tg-input-area .send-btn svg {
  stroke: white !important;
  fill: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: 20px !important;
  height: 20px !important;
}

[data-bs-theme="dark"] .sma-tg-input-area .send-btn i {
  color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
}

[data-bs-theme="dark"] .sma-tg-input-area .send-btn:hover {
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.5) !important;
}

[data-bs-theme="dark"] .sma-tg-input-area .send-btn:hover img, [data-bs-theme="dark"] .sma-tg-input-area .send-btn:hover svg, [data-bs-theme="dark"] .sma-tg-input-area .send-btn:hover i {
  opacity: 0.9 !important;
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

@media (max-width: 767px) {
  .sma-tg-input-area {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 12px 16px;
    padding-bottom: calc(12px + env(safe-area-inset-bottom));
    background: #f8fafc;
    border-top: 2px solid #d1d5db;
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.1);
    z-index: 1000;
  }
  .sma-tg-input-area .input-wrapper {
    border-radius: 24px;
    padding: 10px 14px;
  }
  .sma-tg-input-area textarea {
    font-size: 16px;
  }
  .sma-tg-input-area .send-btn {
    width: 40px;
    height: 40px;
  }
  [data-bs-theme="dark"] .sma-tg-input-area {
    background: #1f2937;
    border-top-color: #374151;
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.2);
  }
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-window {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.chat-window {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.tg-ajax-chat-window {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 50%;
  height: 80vh;
  min-width: 300px;
  min-height: 400px;
  max-width: calc(100vw - 40px);
  max-height: calc(100vh - 40px);
  border-radius: var(--chat-radius-lg);
  background: var(--chat-surface);
  border: 1px solid var(--chat-border);
  z-index: 9999;
  resize: both;
  overflow: hidden;
  display: none;
  box-shadow: var(--chat-shadow-soft);
}

.tg-ajax-chat-window.maximized {
  width: 100vw !important;
  max-width: 100vw !important;
  height: 100vh !important;
  max-height: 100vh !important;
  left: 0 !important;
  top: 0 !important;
  right: auto !important;
  bottom: auto !important;
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.tg-ajax-chat-window > #sma-telegram-chat-root,
.tg-ajax-chat-window > .sma-tg-root {
  flex: 1 1 auto;
  height: auto;
  min-height: 0;
  overflow: hidden;
}

.tg-ajax-chat-window .telegram-wrapper,
.tg-ajax-chat-window .sma-tg-list,
.tg-ajax-chat-window .sma-tg-window {
  min-height: 0;
}

.tg-ajax-chat-window .sma-tg-list-items,
.tg-ajax-chat-window .sma-tg-chat-list-items {
  flex: 1 1 auto;
  overflow-y: auto;
}

.chat-window-bar {
  background: var(--chat-surface);
  border-bottom: 1px solid var(--chat-border);
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 12px;
  box-shadow: none;
  cursor: move !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  pointer-events: auto !important;
}

.chat-window-bar button {
  cursor: pointer !important;
  pointer-events: auto !important;
  z-index: 10 !important;
  color: var(--chat-text-secondary);
  background: transparent;
  border: none;
}

.chat-window-bar button:hover {
  color: var(--chat-text-primary);
}

.chat-window-bar:hover {
  cursor: move !important;
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.chat-window-btn {
  background: transparent;
  border: none;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
  border-radius: 50%;
  color: #ffffff;
  transition: all 0.3s ease;
  font-size: 14px;
}

.chat-window-btn i, .chat-window-btn svg {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.chat-window-btn svg {
  fill: currentColor;
  stroke: currentColor;
}

.chat-window-btn:hover {
  background: rgba(255, 255, 255, 0.15);
  transform: scale(1.05);
}

[data-bs-theme="dark"] .chat-window-btn {
  color: #ffffff;
}

[data-bs-theme="dark"] .chat-window-btn:hover {
  background: rgba(255, 255, 255, 0.2);
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.tg-ajax-resize-handle {
  position: absolute;
  width: 16px;
  height: 16px;
  right: 0;
  bottom: 0;
  cursor: nwse-resize;
}

/* Mobile styles for .tg-ajax-chat-window are now handled in base_app.html */
.sma-tg-list {
  width: 340px;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .sma-tg-list {
    width: 100%;
  }
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

@media (min-width: 992px) {
  .sma-tg-window {
    align-self: flex-end;
  }
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-msg-search {
  position: absolute;
  right: 42px;
  top: 50%;
  transform: translateY(-50%);
  padding: 2px 6px;
  border: 1px solid var(--chat-border);
  border-radius: 6px;
  font-size: 0.9rem;
  background: var(--chat-surface-elevated);
  width: 200px;
}

#sma-telegram-chat-root.chat-list #sma-tg-window {
  display: none;
}

#sma-telegram-chat-root.chat-list #sma-tg-list {
  display: block;
}

#sma-telegram-chat-root.chat-view #sma-tg-list {
  display: none;
}

#sma-telegram-chat-root.chat-view #sma-tg-window {
  display: flex;
}

.message-menu {
  position: fixed;
  background: #f8fafc;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  z-index: 99999;
  display: none;
}

.message-menu button {
  display: block;
  width: 100%;
  padding: 8px 12px;
  background: none;
  border: none;
  text-align: left;
}

.hidden {
  display: none !important;
}

.message-row.selected {
  background: #eaeefb;
}

.message-image {
  max-width: 60%;
  max-height: 300px;
  border-radius: 8px;
  margin-bottom: 4px;
}

.message-file {
  display: flex;
  align-items: center;
  max-width: 100%;
  padding: 4px 8px;
  background: white;
  border-radius: 6px;
  margin-bottom: 4px;
  gap: 6px;
}

.message-file .file-icon {
  font-weight: bold;
}

.attach-preview {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 8px;
}

.reply-preview {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #e2e8f0;
  border-left: 3px solid #9ca3af;
  padding: 4px 8px;
  border-radius: 8px;
  margin-bottom: 6px;
}

.reply-preview-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
}

.reply-preview-sender {
  font-weight: 600;
  font-size: 13px;
  color: #5273e1;
}

.reply-preview-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
}

.cancel-reply-btn {
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
  line-height: 1;
  padding: 0 4px;
}

.attach-preview .attach-item {
  position: relative;
}

.attach-preview img {
  max-width: 100px;
  max-height: 100px;
  border-radius: 6px;
}

.attach-preview .remove-btn {
  position: absolute;
  top: -6px;
  right: -6px;
  width: 20px;
  height: 20px;
  border: none;
  border-radius: 50%;
  background: #f8fafc;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

.sma-tg-pinned {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  background: #fef0e0;
  border-bottom: 1px solid #d1d5db;
  font-size: 0.9rem;
}

.sma-tg-pinned .pinned-nav {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1.2rem;
}

.sma-tg-pinned .pinned-content {
  flex: 1;
  text-align: center;
}

#chat-header {
  height: 56px;
  background: linear-gradient(135deg, #1e40af 0%, #2563eb 100%);
  color: #ffffff;
  padding: 12px 16px;
  cursor: move;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 10;
  box-shadow: 0 2px 8px rgba(30, 64, 175, 0.15);
  border-bottom: none;
}

#chat-header h1, #chat-header h2, #chat-header h3, #chat-header h4, #chat-header h5, #chat-header h6, #chat-header span, #chat-header div {
  color: #ffffff !important;
  font-family: "Montserrat", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

#chat-header .icon-btn, #chat-header .btn, #chat-header button {
  background: transparent;
  border: none;
  color: #ffffff;
  padding: 8px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

#chat-header .icon-btn i, #chat-header .icon-btn svg, #chat-header .btn i, #chat-header .btn svg, #chat-header button i, #chat-header button svg {
  color: #ffffff;
  fill: currentColor;
  stroke: currentColor;
  width: 20px;
  height: 20px;
}

#chat-header .icon-btn:hover, #chat-header .btn:hover, #chat-header button:hover {
  background: rgba(255, 255, 255, 0.15);
  transform: scale(1.05);
}

[data-bs-theme="dark"] #chat-header {
  background: linear-gradient(135deg, #1e40af 0%, #13286e 100%);
  box-shadow: 0 2px 8px rgba(30, 64, 175, 0.3);
}

[data-bs-theme="dark"] #chat-header h1, [data-bs-theme="dark"] #chat-header h2, [data-bs-theme="dark"] #chat-header h3, [data-bs-theme="dark"] #chat-header h4, [data-bs-theme="dark"] #chat-header h5, [data-bs-theme="dark"] #chat-header h6, [data-bs-theme="dark"] #chat-header span, [data-bs-theme="dark"] #chat-header div {
  color: #ffffff !important;
}

[data-bs-theme="dark"] #chat-header .icon-btn, [data-bs-theme="dark"] #chat-header .btn, [data-bs-theme="dark"] #chat-header button {
  color: #ffffff;
}

[data-bs-theme="dark"] #chat-header .icon-btn:hover, [data-bs-theme="dark"] #chat-header .btn:hover, [data-bs-theme="dark"] #chat-header button:hover {
  background: rgba(255, 255, 255, 0.2);
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

#chat-footer {
  bottom: 0;
  position: sticky;
  z-index: 10;
}

#sma-tg-emoji,
button#sma-tg-emoji,
.sma-tg-input-area #sma-tg-emoji,
#sma-tg-form #sma-tg-emoji {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 10 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
}

#sma-tg-emoji img,
button#sma-tg-emoji img,
.sma-tg-input-area #sma-tg-emoji img,
#sma-tg-form #sma-tg-emoji img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

#sma-tg-emoji {
  align-items: center !important;
  justify-content: center !important;
  min-width: 24px !important;
  min-height: 24px !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  margin-right: 12px !important;
}

#sma-tg-emoji img {
  width: 20px !important;
  height: 20px !important;
  user-select: none !important;
}

#sma-tg-emoji:hover {
  opacity: 0.8 !important;
}

#sma-tg-emoji:active {
  opacity: 0.6 !important;
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

#sma-tg-form .input-wrapper {
  display: flex !important;
  align-items: center !important;
  flex: 1 !important;
  background: white !important;
  border-radius: 24px !important;
  padding: 10px 12px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
  position: relative !important;
  overflow: visible !important;
  z-index: 1 !important;
}

#sma-tg-form .input-wrapper > * {
  position: relative !important;
  z-index: 2 !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

#sma-tg-attach {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  position: relative !important;
  z-index: 10 !important;
  width: 40px !important;
  height: 40px !important;
  background: transparent !important;
  border: none !important;
  border-radius: 50% !important;
  padding: 8px !important;
  margin-left: 4px !important;
  margin-right: 8px !important;
  color: #374151 !important;
  transition: all 0.3s ease !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
}

#sma-tg-attach::before, #sma-tg-attach::after {
  display: none !important;
}

#sma-tg-attach img {
  width: 20px !important;
  height: 20px !important;
  display: block !important;
  pointer-events: none !important;
  user-select: none !important;
  filter: brightness(0) invert(0.4) !important;
  opacity: 0.9 !important;
}

[data-bs-theme="dark"] #sma-tg-attach img {
  filter: brightness(0) invert(1) !important;
  opacity: 0.85 !important;
}

#sma-tg-attach i, #sma-tg-attach svg {
  width: 20px !important;
  height: 20px !important;
  font-size: 18px !important;
  color: inherit !important;
}

#sma-tg-attach:hover {
  background: rgba(30, 64, 175, 0.1) !important;
  color: #1e40af !important;
  transform: scale(1.05) !important;
}

#sma-tg-attach:active {
  transform: scale(0.95) !important;
}

[data-bs-theme="dark"] #sma-tg-attach {
  color: #d1d5db !important;
}

[data-bs-theme="dark"] #sma-tg-attach:hover {
  background: rgba(59, 130, 246, 0.15) !important;
  color: #3b82f6 !important;
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

#sma-tg-send {
  background: linear-gradient(135deg, #1e40af 0%, #2563eb 100%) !important;
  color: #ffffff !important;
  border-radius: 50% !important;
  padding: 0 !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  position: relative !important;
  z-index: 10 !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 2px 8px rgba(30, 64, 175, 0.3) !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
}

#sma-tg-send i, #sma-tg-send svg {
  width: 20px !important;
  height: 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  font-size: 18px !important;
  color: #ffffff !important;
}

#sma-tg-send svg {
  fill: #ffffff !important;
  stroke: none !important;
}

#sma-tg-send img {
  width: 20px !important;
  height: 20px !important;
  display: block !important;
  pointer-events: none !important;
  user-select: none !important;
  filter: brightness(0) invert(1) !important;
  opacity: 1 !important;
  visibility: visible !important;
  object-fit: contain !important;
  position: relative !important;
  z-index: 1 !important;
}

#sma-tg-send svg {
  width: 20px !important;
  height: 20px !important;
  stroke: white !important;
  fill: none !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

#sma-tg-send:hover {
  transform: scale(1.05) !important;
  box-shadow: 0 4px 12px rgba(30, 64, 175, 0.4) !important;
}

#sma-tg-send:hover img, #sma-tg-send:hover svg {
  opacity: 0.9 !important;
}

#sma-tg-send:active {
  transform: scale(0.95) !important;
}

[data-bs-theme="dark"] #sma-tg-send {
  background: linear-gradient(135deg, #3b82f6 0%, #3b82f6 100%) !important;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.4) !important;
}

[data-bs-theme="dark"] #sma-tg-send img {
  filter: brightness(0) invert(1) !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: 20px !important;
  height: 20px !important;
  display: block !important;
}

[data-bs-theme="dark"] #sma-tg-send svg {
  stroke: white !important;
  fill: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: 20px !important;
  height: 20px !important;
}

[data-bs-theme="dark"] #sma-tg-send i {
  color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
}

[data-bs-theme="dark"] #sma-tg-send:hover {
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.5) !important;
}

[data-bs-theme="dark"] #sma-tg-send:hover img, [data-bs-theme="dark"] #sma-tg-send:hover svg, [data-bs-theme="dark"] #sma-tg-send:hover i {
  opacity: 0.9 !important;
}

#sma-tg-send img {
  width: 20px !important;
  height: 20px !important;
  display: block !important;
  pointer-events: none !important;
  user-select: none !important;
}

#sma-tg-send:hover {
  opacity: 0.9 !important;
}

#sma-tg-send:active {
  opacity: 0.8 !important;
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.fallback-emoji-picker {
  position: fixed !important;
  background: #ffffff !important;
  border: 1px solid #d1d5db !important;
  border-radius: 8px !important;
  padding: 10px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  z-index: 10002 !important;
  display: grid !important;
  grid-template-columns: repeat(8, 1fr) !important;
  gap: 5px !important;
  max-width: 320px !important;
  max-height: 200px !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  -ms-overflow-style: none !important;
}

.fallback-emoji-picker::-webkit-scrollbar {
  width: 6px !important;
}

.fallback-emoji-picker::-webkit-scrollbar-track {
  background: transparent !important;
}

.fallback-emoji-picker::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2) !important;
  border-radius: 3px !important;
  opacity: 0 !important;
  transition: opacity 0.3s !important;
}

.fallback-emoji-picker:hover::-webkit-scrollbar-thumb {
  opacity: 1 !important;
}

.fallback-emoji-picker button {
  background: none !important;
  border: none !important;
  font-size: 20px !important;
  cursor: pointer !important;
  padding: 5px !important;
  border-radius: 4px !important;
  transition: background-color 0.2s !important;
}

.fallback-emoji-picker button:hover {
  background-color: #e2e8f0 !important;
}

.fallback-emoji-picker button:active {
  background-color: #d1d5db !important;
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.forward-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 10001;
}

.forward-modal {
  width: 420px;
  max-height: 80vh;
  background: #f8fafc;
  border-radius: 12px;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
  position: relative;
  overflow-y: auto;
  padding: 16px;
  transition: all 0.3s ease-in-out;
  scrollbar-width: thin;
  -ms-overflow-style: none;
}

.forward-modal::-webkit-scrollbar {
  width: 6px;
}

.forward-modal::-webkit-scrollbar-track {
  background: transparent;
}

.forward-modal::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  opacity: 0;
  transition: opacity 0.3s;
}

.forward-modal:hover::-webkit-scrollbar-thumb {
  opacity: 1;
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.forward-modal__header {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.forward-modal__search input {
  width: 100%;
  padding: 10px 14px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-size: 14px;
  outline: none;
  margin-bottom: 14px;
  transition: border-color 0.2s;
}

.forward-modal__search input:focus {
  border-color: #3b82f6;
}

.forward-chat {
  display: flex;
  align-items: center;
  padding: 10px;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.2s;
}

.forward-chat:hover {
  background: white;
}

.forward-chat__avatar {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 12px;
}

.forward-chat__info {
  display: flex;
  flex-direction: column;
}

.forward-chat__name {
  font-weight: 500;
  font-size: 15px;
}

.forward-chat__status {
  font-size: 13px;
  color: #6b7280;
}

@media (max-width: 767px) {
  .forward-modal {
    width: 100vw;
    height: 100vh;
    border-radius: 0;
  }
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

/* Mobile chat full screen styles */
@media (max-width: 991px) {
  /* Ensure mobile chat takes full screen */
  .tg-mobile-chat-page.sma-chat-mobile-scope {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    background: #ffffff !important;
    z-index: 10000 !important;
    overflow: hidden !important;
  }
  /* Mobile chat header improvements */
  .tg-mobile-chat-page .chat-header {
    position: sticky !important;
    top: 0 !important;
    height: 56px !important;
    flex-shrink: 0 !important;
  }
  /* Mobile chat messages container */
  .tg-mobile-chat-page .tg-chat-messages-container {
    flex: 1 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    position: relative !important;
  }
  /* Mobile chat messages area */
  .tg-mobile-chat-page .sma-tg-messages,
.tg-mobile-chat-page.sma-chat-mobile-scope .sma-tg-messages,
.mobile-active-content-item.tg-mobile-chat-page .sma-tg-messages,
.mobile-active-content-item.tg-mobile-chat-page.sma-chat-mobile-scope .sma-tg-messages {
    flex: 1 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 12px 16px !important;
    min-height: 0 !important;
    padding-bottom: calc(330px + env(safe-area-inset-bottom)) !important;
    scroll-padding-bottom: calc(220px + env(safe-area-inset-bottom)) !important;
    scroll-behavior: smooth !important;
  }
  .tg-mobile-chat-page .sma-tg-messages::after,
.tg-mobile-chat-page.sma-chat-mobile-scope .sma-tg-messages::after,
.mobile-active-content-item.tg-mobile-chat-page .sma-tg-messages::after,
.mobile-active-content-item.tg-mobile-chat-page.sma-chat-mobile-scope .sma-tg-messages::after {
    content: '';
    display: block;
    height: 120px !important;
    flex-shrink: 0;
    width: 100%;
    pointer-events: none;
  }
  .tg-mobile-chat-page .sma-tg-messages > *:last-child,
.tg-mobile-chat-page.sma-chat-mobile-scope .sma-tg-messages > *:last-child,
.mobile-active-content-item.tg-mobile-chat-page .sma-tg-messages > *:last-child,
.mobile-active-content-item.tg-mobile-chat-page.sma-chat-mobile-scope .sma-tg-messages > *:last-child {
    margin-bottom: 50px !important;
  }
  .tg-mobile-chat-page .sma-tg-messages .tg-chat-message:last-child,
.tg-mobile-chat-page.sma-chat-mobile-scope .sma-tg-messages .tg-chat-message:last-child,
.mobile-active-content-item.tg-mobile-chat-page .sma-tg-messages .tg-chat-message:last-child,
.mobile-active-content-item.tg-mobile-chat-page.sma-chat-mobile-scope .sma-tg-messages .tg-chat-message:last-child {
    margin-bottom: 50px !important;
    padding-bottom: 20px !important;
  }
  /* Mobile chat input area */
  .tg-mobile-chat-page .tg-chat-input-area {
    position: sticky !important;
    bottom: 70px !important;
    left: 0 !important;
    width: 100% !important;
    background: #ffffff !important;
    border-top: 1px solid #d1d5db !important;
    flex-shrink: 0 !important;
    z-index: 10 !important;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1) !important;
    padding-bottom: 10px !important;
  }
  [data-bs-theme="dark"] .tg-mobile-chat-page .tg-chat-input-area {
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.3) !important;
  }
  /* Ensure proper touch targets */
  .tg-mobile-chat-page .back-btn,
.tg-mobile-chat-page .icon-btn,
.tg-mobile-chat-page .mobile-chat-header__close-btn {
    min-height: 44px !important;
    min-width: 44px !important;
  }
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

/* Chat header redesign */
.chat-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #f8fafc;
  padding: 8px 16px;
  border-bottom: 1px solid #d1d5db;
  height: 64px;
}

.chat-header-left {
  display: flex;
  align-items: center;
}

.chat-header-left .avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 12px;
}

.chat-user-info {
  display: flex;
  flex-direction: column;
}

.chat-username {
  font-weight: 600;
  font-size: 16px;
  color: #111827;
}

.chat-status {
  font-size: 13px;
  color: #374151;
}

.chat-header-right {
  display: flex;
  gap: 12px;
}

.icon-btn {
  background: none;
  border: none;
  font-size: 18px;
  cursor: pointer;
  padding: 6px;
  border-radius: 4px;
  transition: background-color 0.2s ease;
}

.icon-btn:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.chat-search {
  display: flex;
  align-items: center;
  padding: 8px 16px;
  background: #f8fafc;
  border-bottom: 1px solid #d1d5db;
  gap: 12px;
}

.search-input {
  flex: 1;
  padding: 8px 12px;
  border-radius: 20px;
  border: 1px solid #d1d5db;
  font-size: 14px;
}

.close-search {
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
}

@media (max-width: 768px) {
  .chat-header {
    height: 56px;
    padding: 8px;
  }
  .chat-header-left .avatar {
    width: 32px;
    height: 32px;
    margin-right: 8px;
  }
  .chat-username {
    font-size: 14px;
  }
  .chat-status {
    font-size: 12px;
  }
  .icon-btn {
    font-size: 16px;
    padding: 4px;
  }
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.mention-popup {
  position: fixed;
  z-index: 999;
  background: #f8fafc;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  padding: 6px 0;
  width: 300px;
  max-height: 250px;
  overflow-y: auto;
  transition: opacity 0.2s ease;
}

.mention-popup.hidden {
  display: none;
}

.mention-item {
  display: flex;
  align-items: center;
  padding: 8px;
  cursor: pointer;
  border-radius: 8px;
  transition: background 0.2s;
}

.mention-item:hover,
.mention-item.active {
  background: #e2e8f0;
}

.mention-item .avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  margin-right: 10px;
}

.mention-item .meta {
  flex: 1;
}

.mention-item .meta .name {
  font-weight: 500;
  font-size: 14px;
}

.mention-item .meta .username {
  font-size: 13px;
  color: #6b7280;
}

.mention-item.empty {
  cursor: default;
  color: #6b7280;
}

.mention-link {
  color: #82a6f4;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
}

.mention-link:hover {
  text-decoration: underline;
}

.date-divider {
  text-align: center;
  background: #86fbd7;
  border-radius: 12px;
  padding: 4px 12px;
  margin: 16px auto;
  font-weight: bold;
  font-size: 13px;
}

.message-row.continued > .avatar {
  visibility: hidden;
  width: 36px;
}

.author-name {
  font-weight: 600;
  font-size: 13px;
  color: #5273e1;
  margin-bottom: 2px;
}

.author-name .group-icon {
  width: 16px;
  height: 16px;
  object-fit: contain;
  margin-left: 4px;
  vertical-align: middle;
}

.author-name.staff-label {
  color: #f04438;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  letter-spacing: 0.01em;
}

[data-bs-theme="dark"] .author-name.staff-label {
  color: #ff6b6b;
}

.message-row.staff-sender .chat-bubble.received,
.message-row.staff-sender .tg-chat-message__bubble {
  border-color: rgba(240, 68, 56, 0.35);
  box-shadow: 0 12px 28px rgba(240, 68, 56, 0.12);
}

[data-bs-theme="dark"] .message-row.staff-sender .chat-bubble.received,
[data-bs-theme="dark"] .message-row.staff-sender .tg-chat-message__bubble {
  border-color: rgba(255, 107, 107, 0.45);
  box-shadow: 0 18px 40px rgba(255, 107, 107, 0.18);
}

.staff-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 0.65rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 600;
  background: rgba(240, 68, 56, 0.15);
  color: #c02618;
  border: 1px solid rgba(240, 68, 56, 0.4);
  margin-right: 6px;
}

[data-bs-theme="dark"] .staff-pill {
  background: rgba(255, 107, 107, 0.22);
  border-color: rgba(255, 107, 107, 0.45);
  color: rgba(255, 255, 255, 0.95);
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.chat-bubble {
  position: relative;
}

.message-row.other.has-tail .chat-bubble::after,
.message-row.other.has-tail .tg-chat-message__bubble::after {
  content: '';
  position: absolute;
  left: -8px;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 10px 0;
  border-color: transparent #ffffff transparent transparent;
}

.message-row.other.has-tail .chat-bubble::before,
.message-row.other.has-tail .tg-chat-message__bubble::before {
  display: none;
}

[data-bs-theme="dark"] .message-row.other.has-tail .chat-bubble::after,
[data-bs-theme="dark"] .message-row.other.has-tail .tg-chat-message__bubble::after {
  border-color: transparent #1f2937 transparent transparent;
}

.message-row.own.has-tail .chat-bubble::after,
.message-row.own.has-tail .tg-chat-message__bubble::after {
  content: '';
  position: absolute;
  right: -8px;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 10px 8px;
  border-color: transparent transparent #d1f6a5 transparent;
}

.message-row.own.has-tail .chat-bubble::before,
.message-row.own.has-tail .tg-chat-message__bubble::before {
  display: none;
}

[data-bs-theme="dark"] .message-row.own.has-tail .chat-bubble::after,
[data-bs-theme="dark"] .message-row.own.has-tail .tg-chat-message__bubble::after {
  border-color: transparent transparent #1e2a49 transparent;
}

.reply-snippet {
  background: #dff9c1;
  border-left: 3px solid rgba(96, 165, 250, 0.6);
  padding: 4px 8px;
  border-radius: 8px;
  margin-bottom: 6px;
  max-height: 3em;
  overflow: hidden;
  color: #0f2919 !important;
}

.reply-snippet * {
  color: inherit !important;
}

[data-bs-theme="dark"] .reply-snippet {
  background: rgba(31, 58, 138, 0.2);
  border-left-color: rgba(37, 99, 235, 0.75);
  color: rgba(255, 255, 255, 0.92) !important;
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.reaction-bar {
  display: flex;
  gap: 4px;
  margin-top: 4px;
}

.reaction-btn {
  background: rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  padding: 2px 6px;
  font-size: 14px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
}

.reaction-btn:hover {
  background: rgba(0, 0, 0, 0.15);
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.reaction-menu {
  position: absolute;
  display: flex;
  gap: 4px;
  background: #f8fafc;
  padding: 6px;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
  z-index: 10002;
}

.reaction-menu .reaction-btn {
  background: transparent;
  border-radius: 16px;
  padding: 4px;
  transition: background 0.2s;
}

.reaction-menu .reaction-btn:hover {
  background: rgba(0, 0, 0, 0.15);
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.emoji-picker {
  position: absolute;
  background: rgba(255, 255, 255, 0.98);
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  padding: 8px;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 4px;
  z-index: 10002;
}

.emoji-picker button {
  background: none;
  border: none;
  font-size: 20px;
  padding: 4px;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.15s;
}

.emoji-picker button:hover {
  background: rgba(0, 0, 0, 0.05);
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

@keyframes chatMenuFade {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

#chat-image-viewer {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 11000;
  opacity: 0;
  transition: opacity 0.25s ease;
}

#chat-image-viewer.open {
  display: flex;
  opacity: 1;
}

#chat-image-viewer img {
  max-width: 90vw;
  max-height: 90vh;
  transform: scale(0.95);
  transition: transform 0.25s ease;
}

#chat-image-viewer.open img {
  transform: scale(1);
}

#chat-image-viewer .viewer-top {
  position: absolute;
  top: 16px;
  left: 16px;
  right: 16px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  color: #ffffff;
  font-size: 24px;
}

#chat-image-viewer .viewer-close,
#chat-image-viewer .viewer-download,
#chat-image-viewer .viewer-zoom-in,
#chat-image-viewer .viewer-zoom-out {
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
  padding: 4px;
}

#chat-image-viewer .viewer-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s;
}

#chat-image-viewer .viewer-arrow:hover {
  background: rgba(255, 255, 255, 0.25);
}

#chat-image-viewer .viewer-arrow.prev {
  left: 24px;
}

#chat-image-viewer .viewer-arrow.next {
  right: 24px;
}

#chat-image-viewer .viewer-indicator {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
}

[data-bs-theme="dark"] #chat-image-viewer {
  background: rgba(0, 0, 0, 0.9) !important;
}

[data-bs-theme="dark"] #chat-image-viewer .viewer-top {
  color: #ffffff !important;
}

[data-bs-theme="dark"] #chat-image-viewer .viewer-close,
[data-bs-theme="dark"] #chat-image-viewer .viewer-download,
[data-bs-theme="dark"] #chat-image-viewer .viewer-zoom-in,
[data-bs-theme="dark"] #chat-image-viewer .viewer-zoom-out {
  color: #ffffff !important;
}

[data-bs-theme="dark"] #chat-image-viewer .viewer-close:hover,
[data-bs-theme="dark"] #chat-image-viewer .viewer-download:hover,
[data-bs-theme="dark"] #chat-image-viewer .viewer-zoom-in:hover,
[data-bs-theme="dark"] #chat-image-viewer .viewer-zoom-out:hover {
  color: #3b82f6 !important;
  background: rgba(255, 255, 255, 0.1) !important;
}

[data-bs-theme="dark"] #chat-image-viewer .viewer-arrow {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
}

[data-bs-theme="dark"] #chat-image-viewer .viewer-arrow:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #3b82f6 !important;
}

[data-bs-theme="dark"] #chat-image-viewer .viewer-indicator {
  color: rgba(255, 255, 255, 0.7) !important;
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

/* Стилі для tg-chat-message структури (новий підхід мобільної панелі) */
.tg-chat-message__bubble {
  min-width: 220px;
  max-width: 75%;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  word-wrap: anywhere !important;
  hyphens: auto !important;
  white-space: pre-wrap;
  box-sizing: border-box !important;
}

.tg-chat-message__text {
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  word-wrap: anywhere !important;
  hyphens: auto !important;
  white-space: pre-wrap;
  box-sizing: border-box !important;
}

/* МАКСИМАЛЬНИЙ ПРІОРИТЕТ: Професійний перенос слів для всіх елементів повідомлень */
.message-text,
.tg-chat-message__text,
div[class*="message-text"],
div[class*="tg-chat-message__text"] {
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  word-wrap: anywhere !important;
  hyphens: auto !important;
  white-space: normal !important;
  box-sizing: border-box !important;
}

.message-text.plain {
  white-space: pre-wrap !important;
}

.message-text.rich-html p, .message-text.rich-html div, .message-text.rich-html li {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.message-text.rich-html p:first-child, .message-text.rich-html div:first-child {
  margin-top: 0;
}

.message-text.rich-html p:last-child, .message-text.rich-html div:last-child {
  margin-bottom: 0;
}

.message-text.rich-html p + p {
  margin-top: 0.25rem;
}

/* Забезпечуємо що ВСІ дочірні елементи також мають правильні переноси */
.message-text *,
.tg-chat-message__text *,
.chat-bubble *,
.tg-chat-message__bubble * {
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  word-wrap: anywhere !important;
  hyphens: auto !important;
  box-sizing: border-box !important;
}

/* Спеціальні правила для meta контейнерів з галочками */
.message-meta,
.tg-chat-message__meta {
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
}

/* Виділення непрочитаних повідомлень у мобільному чаті */
.tg-chat-message--unread {
  background: #fffcf9;
}

:root {
  --chat-bg: #e5ddd5;
  --chat-card-bg: #ffffff;
  --chat-border: #d1d5db;
  --chat-text-primary: #111827;
  --chat-text-secondary: #374151;
  --chat-text-muted: #6b7280;
  --chat-message-received: #f3f4f6;
  --chat-primary: #1e40af;
  --chat-header-bg: #f8fafc;
  --chat-header-text: #111827;
  --chat-header-subtext: #374151;
  --chat-header-icon: #4b5563;
  --chat-header-hover-bg: rgba(17, 24, 39, 0.08);
  --chat-header-border: #d1d5db;
  --chat-surface: #f8fafc;
  --chat-surface-elevated: #f8fafc;
  --chat-list-hover: rgba($brand-primary, 0.06);
  --chat-list-active: rgba($brand-primary, 0.12);
  --chat-shadow-soft: 0 6px 18px rgba(15, 23, 42, 0.08);
  --chat-shadow-strong: 0 12px 30px rgba(15, 23, 42, 0.12);
  --chat-radius-lg: 18px;
  --chat-bubble-own-bg: #d1f6a5;
  --chat-bubble-own-border: rgba($brand-primary, 0.25);
  --chat-bubble-own-shadow: 0 10px 20px rgba($brand-primary, 0.18);
  --chat-bubble-own-text: #0f2919;
  --chat-bubble-received-bg: #ffffff;
  --chat-bubble-received-border: rgba($brand-gray-300, 0.6);
  --chat-bubble-received-shadow: 0 8px 18px rgba($brand-black, 0.08);
  --chat-bubble-received-text: $brand-gray-900;
  --chat-meta-own: rgba($chat-bubble-own-accent, 0.6);
  --chat-meta-received: rgba($brand-gray-600, 0.75);
}

:root[data-bs-theme="dark"],
body[data-bs-theme="dark"],
:root.dark-theme-active,
html.dark-theme-active,
body.dark-theme-active,
html[data-theme="dark"],
body[data-theme="dark"] {
  /* === Telegram Night palette === */
  --chat-bg:               #1a2536;
  --chat-card-bg:          #212d3b;
  --chat-border:           #2e3f52;
  --chat-text-primary:     #eef0f3;
  --chat-text-secondary:   #9baabb;
  --chat-text-muted:       #5d7182;
  --chat-message-received: #2d4156;
  --chat-primary:          #6ab3f3;
  --chat-header-bg:        #212d3b;
  --chat-header-text:      #eef0f3;
  --chat-header-subtext:   #7a90a1;
  --chat-header-icon:      #9baabb;
  --chat-header-hover-bg:  rgba(255, 255, 255, 0.07);
  --chat-header-border:    #2e3f52;
  --chat-surface:          #212d3b;
  --chat-surface-elevated: #293443;
  --chat-list-hover:       rgba(106, 179, 243, 0.08);
  --chat-list-active:      rgba(106, 179, 243, 0.15);
  --chat-shadow-soft:      0 2px 8px rgba(0, 0, 0, 0.18);
  --chat-shadow-strong:    0 6px 20px rgba(0, 0, 0, 0.28);
  --chat-radius-lg:        18px;
  --chat-bubble-own-bg:      #3a7bd5;
  --chat-bubble-own-border:  rgba(106, 179, 243, 0.2);
  --chat-bubble-own-shadow:  0 2px 10px rgba(58, 123, 213, 0.35);
  --chat-bubble-own-text:    #ffffff;
  --chat-bubble-received-bg:     #2d4156;
  --chat-bubble-received-border: rgba(255, 255, 255, 0.07);
  --chat-bubble-received-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
  --chat-bubble-received-text:   #eef0f3;
  --chat-meta-own:      rgba(255, 255, 255, 0.65);
  --chat-meta-received: rgba(155, 170, 187, 0.75);
}

[data-bs-theme="dark"] .sma-tg-root,
html[data-theme="dark"] .sma-tg-root,
body[data-theme="dark"] .sma-tg-root,
:root.dark-theme-active .sma-tg-root,
html.dark-theme-active .sma-tg-root,
body.dark-theme-active .sma-tg-root {
  background: #111827 !important;
  color: #f9fafb !important;
}

[data-bs-theme="dark"] .sma-tg-root i,
[data-bs-theme="dark"] .sma-tg-root svg,
[data-bs-theme="dark"] .sma-tg-root img,
[data-bs-theme="dark"] .sma-tg-root .icon,
[data-bs-theme="dark"] .sma-tg-root .fas,
[data-bs-theme="dark"] .sma-tg-root .far,
[data-bs-theme="dark"] .sma-tg-root .fab,
html[data-theme="dark"] .sma-tg-root i,
html[data-theme="dark"] .sma-tg-root svg,
html[data-theme="dark"] .sma-tg-root img,
html[data-theme="dark"] .sma-tg-root .icon,
html[data-theme="dark"] .sma-tg-root .fas,
html[data-theme="dark"] .sma-tg-root .far,
html[data-theme="dark"] .sma-tg-root .fab,
body[data-theme="dark"] .sma-tg-root i,
body[data-theme="dark"] .sma-tg-root svg,
body[data-theme="dark"] .sma-tg-root img,
body[data-theme="dark"] .sma-tg-root .icon,
body[data-theme="dark"] .sma-tg-root .fas,
body[data-theme="dark"] .sma-tg-root .far,
body[data-theme="dark"] .sma-tg-root .fab,
:root.dark-theme-active .sma-tg-root i,
:root.dark-theme-active .sma-tg-root svg,
:root.dark-theme-active .sma-tg-root img,
:root.dark-theme-active .sma-tg-root .icon,
:root.dark-theme-active .sma-tg-root .fas,
:root.dark-theme-active .sma-tg-root .far,
:root.dark-theme-active .sma-tg-root .fab,
html.dark-theme-active .sma-tg-root i,
html.dark-theme-active .sma-tg-root svg,
html.dark-theme-active .sma-tg-root img,
html.dark-theme-active .sma-tg-root .icon,
html.dark-theme-active .sma-tg-root .fas,
html.dark-theme-active .sma-tg-root .far,
html.dark-theme-active .sma-tg-root .fab,
body.dark-theme-active .sma-tg-root i,
body.dark-theme-active .sma-tg-root svg,
body.dark-theme-active .sma-tg-root img,
body.dark-theme-active .sma-tg-root .icon,
body.dark-theme-active .sma-tg-root .fas,
body.dark-theme-active .sma-tg-root .far,
body.dark-theme-active .sma-tg-root .fab {
  filter: none !important;
}

[data-bs-theme="dark"] .sma-tg-chat-container,
html[data-theme="dark"] .sma-tg-chat-container,
body[data-theme="dark"] .sma-tg-chat-container,
:root.dark-theme-active .sma-tg-chat-container,
html.dark-theme-active .sma-tg-chat-container,
body.dark-theme-active .sma-tg-chat-container {
  background: #111827 !important;
  border-color: #374151 !important;
}

[data-bs-theme="dark"] .sma-tg-chat-list, [data-bs-theme="dark"] .sma-tg-list,
html[data-theme="dark"] .sma-tg-chat-list,
html[data-theme="dark"] .sma-tg-list,
body[data-theme="dark"] .sma-tg-chat-list,
body[data-theme="dark"] .sma-tg-list,
:root.dark-theme-active .sma-tg-chat-list,
:root.dark-theme-active .sma-tg-list,
html.dark-theme-active .sma-tg-chat-list,
html.dark-theme-active .sma-tg-list,
body.dark-theme-active .sma-tg-chat-list,
body.dark-theme-active .sma-tg-list {
  background: #1f2937 !important;
  border-color: #374151 !important;
}

[data-bs-theme="dark"] .sma-tg-window,
[data-bs-theme="dark"] .chat-window,
[data-bs-theme="dark"] .tg-ajax-chat-window,
html[data-theme="dark"] .sma-tg-window,
html[data-theme="dark"] .chat-window,
html[data-theme="dark"] .tg-ajax-chat-window,
body[data-theme="dark"] .sma-tg-window,
body[data-theme="dark"] .chat-window,
body[data-theme="dark"] .tg-ajax-chat-window,
:root.dark-theme-active .sma-tg-window,
:root.dark-theme-active .chat-window,
:root.dark-theme-active .tg-ajax-chat-window,
html.dark-theme-active .sma-tg-window,
html.dark-theme-active .chat-window,
html.dark-theme-active .tg-ajax-chat-window,
body.dark-theme-active .sma-tg-window,
body.dark-theme-active .chat-window,
body.dark-theme-active .tg-ajax-chat-window {
  background: var(--chat-surface) !important;
  color: var(--chat-text-primary) !important;
  border-color: var(--chat-border) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35) !important;
}

[data-bs-theme="dark"] .sma-tg-messages,
[data-bs-theme="dark"] .chat-messages,
html[data-theme="dark"] .sma-tg-messages,
html[data-theme="dark"] .chat-messages,
body[data-theme="dark"] .sma-tg-messages,
body[data-theme="dark"] .chat-messages,
:root.dark-theme-active .sma-tg-messages,
:root.dark-theme-active .chat-messages,
html.dark-theme-active .sma-tg-messages,
html.dark-theme-active .chat-messages,
body.dark-theme-active .sma-tg-messages,
body.dark-theme-active .chat-messages {
  background: #111827 !important;
  color: #f9fafb !important;
}

[data-bs-theme="dark"] .chat-bubble.received,
[data-bs-theme="dark"] .message-bubble.received,
html[data-theme="dark"] .chat-bubble.received,
html[data-theme="dark"] .message-bubble.received,
body[data-theme="dark"] .chat-bubble.received,
body[data-theme="dark"] .message-bubble.received,
:root.dark-theme-active .chat-bubble.received,
:root.dark-theme-active .message-bubble.received,
html.dark-theme-active .chat-bubble.received,
html.dark-theme-active .message-bubble.received,
body.dark-theme-active .chat-bubble.received,
body.dark-theme-active .message-bubble.received {
  background: var(--chat-bubble-received-bg) !important;
  color: var(--chat-bubble-received-text) !important;
  border: none !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
  outline: none !important;
}

[data-bs-theme="dark"] .chat-bubble.sent,
[data-bs-theme="dark"] .message-bubble.sent,
html[data-theme="dark"] .chat-bubble.sent,
html[data-theme="dark"] .message-bubble.sent,
body[data-theme="dark"] .chat-bubble.sent,
body[data-theme="dark"] .message-bubble.sent,
:root.dark-theme-active .chat-bubble.sent,
:root.dark-theme-active .message-bubble.sent,
html.dark-theme-active .chat-bubble.sent,
html.dark-theme-active .message-bubble.sent,
body.dark-theme-active .chat-bubble.sent,
body.dark-theme-active .message-bubble.sent {
  background: var(--chat-bubble-own-bg) !important;
  color: var(--chat-bubble-own-text) !important;
  border: none !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
  outline: none !important;
}

[data-bs-theme="dark"] .chat-header,
[data-bs-theme="dark"] .mobile-chat-header,
html[data-theme="dark"] .chat-header,
html[data-theme="dark"] .mobile-chat-header,
body[data-theme="dark"] .chat-header,
body[data-theme="dark"] .mobile-chat-header,
:root.dark-theme-active .chat-header,
:root.dark-theme-active .mobile-chat-header,
html.dark-theme-active .chat-header,
html.dark-theme-active .mobile-chat-header,
body.dark-theme-active .chat-header,
body.dark-theme-active .mobile-chat-header {
  background: #1f2937 !important;
  color: #f9fafb !important;
  border-color: #374151 !important;
}

[data-bs-theme="dark"] .chat-username,
html[data-theme="dark"] .chat-username,
body[data-theme="dark"] .chat-username,
:root.dark-theme-active .chat-username,
html.dark-theme-active .chat-username,
body.dark-theme-active .chat-username {
  color: #60a5fa !important;
}

[data-bs-theme="dark"] .chat-status,
html[data-theme="dark"] .chat-status,
body[data-theme="dark"] .chat-status,
:root.dark-theme-active .chat-status,
html.dark-theme-active .chat-status,
body.dark-theme-active .chat-status {
  color: #9ca3af !important;
}

[data-bs-theme="dark"] .sma-tg-input-area,
html[data-theme="dark"] .sma-tg-input-area,
body[data-theme="dark"] .sma-tg-input-area,
:root.dark-theme-active .sma-tg-input-area,
html.dark-theme-active .sma-tg-input-area,
body.dark-theme-active .sma-tg-input-area {
  background: var(--chat-card-bg) !important;
  border-color: var(--chat-border) !important;
}

[data-bs-theme="dark"] .sma-tg-input-area .input-wrapper,
html[data-theme="dark"] .sma-tg-input-area .input-wrapper,
body[data-theme="dark"] .sma-tg-input-area .input-wrapper,
:root.dark-theme-active .sma-tg-input-area .input-wrapper,
html.dark-theme-active .sma-tg-input-area .input-wrapper,
body.dark-theme-active .sma-tg-input-area .input-wrapper {
  background: var(--chat-card-bg) !important;
  border-color: var(--chat-border) !important;
}

[data-bs-theme="dark"] .sma-tg-input-area textarea,
html[data-theme="dark"] .sma-tg-input-area textarea,
body[data-theme="dark"] .sma-tg-input-area textarea,
:root.dark-theme-active .sma-tg-input-area textarea,
html.dark-theme-active .sma-tg-input-area textarea,
body.dark-theme-active .sma-tg-input-area textarea {
  background: transparent !important;
}

[data-bs-theme="dark"] .sma-tg-input-area textarea,
[data-bs-theme="dark"] .sma-tg-input-area textarea *,
[data-bs-theme="dark"] #sma-tg-input,
html[data-theme="dark"] .sma-tg-input-area textarea,
html[data-theme="dark"] .sma-tg-input-area textarea *,
html[data-theme="dark"] #sma-tg-input,
body[data-theme="dark"] .sma-tg-input-area textarea,
body[data-theme="dark"] .sma-tg-input-area textarea *,
body[data-theme="dark"] #sma-tg-input,
:root.dark-theme-active .sma-tg-input-area textarea,
:root.dark-theme-active .sma-tg-input-area textarea *,
:root.dark-theme-active #sma-tg-input,
html.dark-theme-active .sma-tg-input-area textarea,
html.dark-theme-active .sma-tg-input-area textarea *,
html.dark-theme-active #sma-tg-input,
body.dark-theme-active .sma-tg-input-area textarea,
body.dark-theme-active .sma-tg-input-area textarea *,
body.dark-theme-active #sma-tg-input {
  color: #ffffff !important;
  background: transparent !important;
  background-color: transparent !important;
}

[data-bs-theme="dark"] .sma-tg-input-area textarea::placeholder,
[data-bs-theme="dark"] #sma-tg-input::placeholder,
html[data-theme="dark"] .sma-tg-input-area textarea::placeholder,
html[data-theme="dark"] #sma-tg-input::placeholder,
body[data-theme="dark"] .sma-tg-input-area textarea::placeholder,
body[data-theme="dark"] #sma-tg-input::placeholder,
:root.dark-theme-active .sma-tg-input-area textarea::placeholder,
:root.dark-theme-active #sma-tg-input::placeholder,
html.dark-theme-active .sma-tg-input-area textarea::placeholder,
html.dark-theme-active #sma-tg-input::placeholder,
body.dark-theme-active .sma-tg-input-area textarea::placeholder,
body.dark-theme-active #sma-tg-input::placeholder {
  color: #9ca3af !important;
  opacity: 1 !important;
}

[data-bs-theme="dark"] .chat-context-menu,
[data-bs-theme="dark"] .mega-chat-context-menu,
[data-bs-theme="dark"] .mega-chat-header-menu,
[data-bs-theme="dark"] .chat-context-menu *,
[data-bs-theme="dark"] .mega-chat-context-menu *,
[data-bs-theme="dark"] .mega-chat-header-menu *,
html[data-theme="dark"] .chat-context-menu,
html[data-theme="dark"] .mega-chat-context-menu,
html[data-theme="dark"] .mega-chat-header-menu,
html[data-theme="dark"] .chat-context-menu *,
html[data-theme="dark"] .mega-chat-context-menu *,
html[data-theme="dark"] .mega-chat-header-menu *,
body[data-theme="dark"] .chat-context-menu,
body[data-theme="dark"] .mega-chat-context-menu,
body[data-theme="dark"] .mega-chat-header-menu,
body[data-theme="dark"] .chat-context-menu *,
body[data-theme="dark"] .mega-chat-context-menu *,
body[data-theme="dark"] .mega-chat-header-menu *,
:root.dark-theme-active .chat-context-menu,
:root.dark-theme-active .mega-chat-context-menu,
:root.dark-theme-active .mega-chat-header-menu,
:root.dark-theme-active .chat-context-menu *,
:root.dark-theme-active .mega-chat-context-menu *,
:root.dark-theme-active .mega-chat-header-menu *,
html.dark-theme-active .chat-context-menu,
html.dark-theme-active .mega-chat-context-menu,
html.dark-theme-active .mega-chat-header-menu,
html.dark-theme-active .chat-context-menu *,
html.dark-theme-active .mega-chat-context-menu *,
html.dark-theme-active .mega-chat-header-menu *,
body.dark-theme-active .chat-context-menu,
body.dark-theme-active .mega-chat-context-menu,
body.dark-theme-active .mega-chat-header-menu,
body.dark-theme-active .chat-context-menu *,
body.dark-theme-active .mega-chat-context-menu *,
body.dark-theme-active .mega-chat-header-menu * {
  background: #1f2937 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: var(--chat-text-primary) !important;
  z-index: 10050 !important;
}

[data-bs-theme="dark"] .chat-context-menu,
[data-bs-theme="dark"] .mega-chat-context-menu,
[data-bs-theme="dark"] .mega-chat-header-menu,
html[data-theme="dark"] .chat-context-menu,
html[data-theme="dark"] .mega-chat-context-menu,
html[data-theme="dark"] .mega-chat-header-menu,
body[data-theme="dark"] .chat-context-menu,
body[data-theme="dark"] .mega-chat-context-menu,
body[data-theme="dark"] .mega-chat-header-menu,
:root.dark-theme-active .chat-context-menu,
:root.dark-theme-active .mega-chat-context-menu,
:root.dark-theme-active .mega-chat-header-menu,
html.dark-theme-active .chat-context-menu,
html.dark-theme-active .mega-chat-context-menu,
html.dark-theme-active .mega-chat-header-menu,
body.dark-theme-active .chat-context-menu,
body.dark-theme-active .mega-chat-context-menu,
body.dark-theme-active .mega-chat-header-menu {
  position: fixed !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
  padding: 8px 0 !important;
  min-width: 180px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
  outline: none !important;
}

[data-bs-theme="dark"] .chat-context-menu .actions-block,
[data-bs-theme="dark"] .mega-chat-context-menu .actions-block,
[data-bs-theme="dark"] .mega-chat-header-menu .actions-block,
html[data-theme="dark"] .chat-context-menu .actions-block,
html[data-theme="dark"] .mega-chat-context-menu .actions-block,
html[data-theme="dark"] .mega-chat-header-menu .actions-block,
body[data-theme="dark"] .chat-context-menu .actions-block,
body[data-theme="dark"] .mega-chat-context-menu .actions-block,
body[data-theme="dark"] .mega-chat-header-menu .actions-block,
:root.dark-theme-active .chat-context-menu .actions-block,
:root.dark-theme-active .mega-chat-context-menu .actions-block,
:root.dark-theme-active .mega-chat-header-menu .actions-block,
html.dark-theme-active .chat-context-menu .actions-block,
html.dark-theme-active .mega-chat-context-menu .actions-block,
html.dark-theme-active .mega-chat-header-menu .actions-block,
body.dark-theme-active .chat-context-menu .actions-block,
body.dark-theme-active .mega-chat-context-menu .actions-block,
body.dark-theme-active .mega-chat-header-menu .actions-block {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

[data-bs-theme="dark"] .chat-context-menu .actions-block li,
[data-bs-theme="dark"] .mega-chat-context-menu .actions-block li,
[data-bs-theme="dark"] .mega-chat-header-menu .actions-block li,
[data-bs-theme="dark"] .chat-context-menu .actions-block li *,
[data-bs-theme="dark"] .mega-chat-context-menu .actions-block li *,
[data-bs-theme="dark"] .mega-chat-header-menu .actions-block li *,
html[data-theme="dark"] .chat-context-menu .actions-block li,
html[data-theme="dark"] .mega-chat-context-menu .actions-block li,
html[data-theme="dark"] .mega-chat-header-menu .actions-block li,
html[data-theme="dark"] .chat-context-menu .actions-block li *,
html[data-theme="dark"] .mega-chat-context-menu .actions-block li *,
html[data-theme="dark"] .mega-chat-header-menu .actions-block li *,
body[data-theme="dark"] .chat-context-menu .actions-block li,
body[data-theme="dark"] .mega-chat-context-menu .actions-block li,
body[data-theme="dark"] .mega-chat-header-menu .actions-block li,
body[data-theme="dark"] .chat-context-menu .actions-block li *,
body[data-theme="dark"] .mega-chat-context-menu .actions-block li *,
body[data-theme="dark"] .mega-chat-header-menu .actions-block li *,
:root.dark-theme-active .chat-context-menu .actions-block li,
:root.dark-theme-active .mega-chat-context-menu .actions-block li,
:root.dark-theme-active .mega-chat-header-menu .actions-block li,
:root.dark-theme-active .chat-context-menu .actions-block li *,
:root.dark-theme-active .mega-chat-context-menu .actions-block li *,
:root.dark-theme-active .mega-chat-header-menu .actions-block li *,
html.dark-theme-active .chat-context-menu .actions-block li,
html.dark-theme-active .mega-chat-context-menu .actions-block li,
html.dark-theme-active .mega-chat-header-menu .actions-block li,
html.dark-theme-active .chat-context-menu .actions-block li *,
html.dark-theme-active .mega-chat-context-menu .actions-block li *,
html.dark-theme-active .mega-chat-header-menu .actions-block li *,
body.dark-theme-active .chat-context-menu .actions-block li,
body.dark-theme-active .mega-chat-context-menu .actions-block li,
body.dark-theme-active .mega-chat-header-menu .actions-block li,
body.dark-theme-active .chat-context-menu .actions-block li *,
body.dark-theme-active .mega-chat-context-menu .actions-block li *,
body.dark-theme-active .mega-chat-header-menu .actions-block li * {
  color: var(--chat-text-primary) !important;
  display: flex !important;
  align-items: center !important;
  padding: 12px 16px !important;
  cursor: pointer !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  border: none !important;
  background: transparent !important;
  transition: background-color 0.2s ease !important;
}

[data-bs-theme="dark"] .chat-context-menu .actions-block li:hover,
[data-bs-theme="dark"] .mega-chat-context-menu .actions-block li:hover,
[data-bs-theme="dark"] .mega-chat-header-menu .actions-block li:hover,
[data-bs-theme="dark"] .chat-context-menu .actions-block li:hover *,
[data-bs-theme="dark"] .mega-chat-context-menu .actions-block li:hover *,
[data-bs-theme="dark"] .mega-chat-header-menu .actions-block li:hover *,
html[data-theme="dark"] .chat-context-menu .actions-block li:hover,
html[data-theme="dark"] .mega-chat-context-menu .actions-block li:hover,
html[data-theme="dark"] .mega-chat-header-menu .actions-block li:hover,
html[data-theme="dark"] .chat-context-menu .actions-block li:hover *,
html[data-theme="dark"] .mega-chat-context-menu .actions-block li:hover *,
html[data-theme="dark"] .mega-chat-header-menu .actions-block li:hover *,
body[data-theme="dark"] .chat-context-menu .actions-block li:hover,
body[data-theme="dark"] .mega-chat-context-menu .actions-block li:hover,
body[data-theme="dark"] .mega-chat-header-menu .actions-block li:hover,
body[data-theme="dark"] .chat-context-menu .actions-block li:hover *,
body[data-theme="dark"] .mega-chat-context-menu .actions-block li:hover *,
body[data-theme="dark"] .mega-chat-header-menu .actions-block li:hover *,
:root.dark-theme-active .chat-context-menu .actions-block li:hover,
:root.dark-theme-active .mega-chat-context-menu .actions-block li:hover,
:root.dark-theme-active .mega-chat-header-menu .actions-block li:hover,
:root.dark-theme-active .chat-context-menu .actions-block li:hover *,
:root.dark-theme-active .mega-chat-context-menu .actions-block li:hover *,
:root.dark-theme-active .mega-chat-header-menu .actions-block li:hover *,
html.dark-theme-active .chat-context-menu .actions-block li:hover,
html.dark-theme-active .mega-chat-context-menu .actions-block li:hover,
html.dark-theme-active .mega-chat-header-menu .actions-block li:hover,
html.dark-theme-active .chat-context-menu .actions-block li:hover *,
html.dark-theme-active .mega-chat-context-menu .actions-block li:hover *,
html.dark-theme-active .mega-chat-header-menu .actions-block li:hover *,
body.dark-theme-active .chat-context-menu .actions-block li:hover,
body.dark-theme-active .mega-chat-context-menu .actions-block li:hover,
body.dark-theme-active .mega-chat-header-menu .actions-block li:hover,
body.dark-theme-active .chat-context-menu .actions-block li:hover *,
body.dark-theme-active .mega-chat-context-menu .actions-block li:hover *,
body.dark-theme-active .mega-chat-header-menu .actions-block li:hover * {
  background: rgba(255, 255, 255, 0.1) !important;
  color: var(--chat-text-primary) !important;
  border: none !important;
  outline: none !important;
}

[data-bs-theme="dark"] .attach-menu,
[data-bs-theme="dark"] .attachment-menu,
[data-bs-theme="dark"] .sma-tg-attach-menu,
html[data-theme="dark"] .attach-menu,
html[data-theme="dark"] .attachment-menu,
html[data-theme="dark"] .sma-tg-attach-menu,
body[data-theme="dark"] .attach-menu,
body[data-theme="dark"] .attachment-menu,
body[data-theme="dark"] .sma-tg-attach-menu,
:root.dark-theme-active .attach-menu,
:root.dark-theme-active .attachment-menu,
:root.dark-theme-active .sma-tg-attach-menu,
html.dark-theme-active .attach-menu,
html.dark-theme-active .attachment-menu,
html.dark-theme-active .sma-tg-attach-menu,
body.dark-theme-active .attach-menu,
body.dark-theme-active .attachment-menu,
body.dark-theme-active .sma-tg-attach-menu {
  background: #374151 !important;
  border-color: #4b5563 !important;
  color: var(--chat-text-primary) !important;
  z-index: 10050 !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
}

[data-bs-theme="dark"] .attach-menu li,
[data-bs-theme="dark"] .attachment-menu li,
[data-bs-theme="dark"] .sma-tg-attach-menu li,
[data-bs-theme="dark"] .attach-menu .menu-item,
[data-bs-theme="dark"] .attachment-menu .menu-item,
[data-bs-theme="dark"] .sma-tg-attach-menu .menu-item,
html[data-theme="dark"] .attach-menu li,
html[data-theme="dark"] .attachment-menu li,
html[data-theme="dark"] .sma-tg-attach-menu li,
html[data-theme="dark"] .attach-menu .menu-item,
html[data-theme="dark"] .attachment-menu .menu-item,
html[data-theme="dark"] .sma-tg-attach-menu .menu-item,
body[data-theme="dark"] .attach-menu li,
body[data-theme="dark"] .attachment-menu li,
body[data-theme="dark"] .sma-tg-attach-menu li,
body[data-theme="dark"] .attach-menu .menu-item,
body[data-theme="dark"] .attachment-menu .menu-item,
body[data-theme="dark"] .sma-tg-attach-menu .menu-item,
:root.dark-theme-active .attach-menu li,
:root.dark-theme-active .attachment-menu li,
:root.dark-theme-active .sma-tg-attach-menu li,
:root.dark-theme-active .attach-menu .menu-item,
:root.dark-theme-active .attachment-menu .menu-item,
:root.dark-theme-active .sma-tg-attach-menu .menu-item,
html.dark-theme-active .attach-menu li,
html.dark-theme-active .attachment-menu li,
html.dark-theme-active .sma-tg-attach-menu li,
html.dark-theme-active .attach-menu .menu-item,
html.dark-theme-active .attachment-menu .menu-item,
html.dark-theme-active .sma-tg-attach-menu .menu-item,
body.dark-theme-active .attach-menu li,
body.dark-theme-active .attachment-menu li,
body.dark-theme-active .sma-tg-attach-menu li,
body.dark-theme-active .attach-menu .menu-item,
body.dark-theme-active .attachment-menu .menu-item,
body.dark-theme-active .sma-tg-attach-menu .menu-item {
  color: var(--chat-text-primary) !important;
  background: transparent !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

[data-bs-theme="dark"] .attach-menu li:hover,
[data-bs-theme="dark"] .attachment-menu li:hover,
[data-bs-theme="dark"] .sma-tg-attach-menu li:hover,
[data-bs-theme="dark"] .attach-menu .menu-item:hover,
[data-bs-theme="dark"] .attachment-menu .menu-item:hover,
[data-bs-theme="dark"] .sma-tg-attach-menu .menu-item:hover,
html[data-theme="dark"] .attach-menu li:hover,
html[data-theme="dark"] .attachment-menu li:hover,
html[data-theme="dark"] .sma-tg-attach-menu li:hover,
html[data-theme="dark"] .attach-menu .menu-item:hover,
html[data-theme="dark"] .attachment-menu .menu-item:hover,
html[data-theme="dark"] .sma-tg-attach-menu .menu-item:hover,
body[data-theme="dark"] .attach-menu li:hover,
body[data-theme="dark"] .attachment-menu li:hover,
body[data-theme="dark"] .sma-tg-attach-menu li:hover,
body[data-theme="dark"] .attach-menu .menu-item:hover,
body[data-theme="dark"] .attachment-menu .menu-item:hover,
body[data-theme="dark"] .sma-tg-attach-menu .menu-item:hover,
:root.dark-theme-active .attach-menu li:hover,
:root.dark-theme-active .attachment-menu li:hover,
:root.dark-theme-active .sma-tg-attach-menu li:hover,
:root.dark-theme-active .attach-menu .menu-item:hover,
:root.dark-theme-active .attachment-menu .menu-item:hover,
:root.dark-theme-active .sma-tg-attach-menu .menu-item:hover,
html.dark-theme-active .attach-menu li:hover,
html.dark-theme-active .attachment-menu li:hover,
html.dark-theme-active .sma-tg-attach-menu li:hover,
html.dark-theme-active .attach-menu .menu-item:hover,
html.dark-theme-active .attachment-menu .menu-item:hover,
html.dark-theme-active .sma-tg-attach-menu .menu-item:hover,
body.dark-theme-active .attach-menu li:hover,
body.dark-theme-active .attachment-menu li:hover,
body.dark-theme-active .sma-tg-attach-menu li:hover,
body.dark-theme-active .attach-menu .menu-item:hover,
body.dark-theme-active .attachment-menu .menu-item:hover,
body.dark-theme-active .sma-tg-attach-menu .menu-item:hover {
  background: #4b5563 !important;
  color: #3b82f6 !important;
}

[data-bs-theme="dark"] .chat-context-menu i,
[data-bs-theme="dark"] .chat-context-menu svg,
[data-bs-theme="dark"] .chat-context-menu img,
[data-bs-theme="dark"] .chat-context-menu .icon,
[data-bs-theme="dark"] .chat-context-menu .fas,
[data-bs-theme="dark"] .chat-context-menu .far,
[data-bs-theme="dark"] .chat-context-menu .fab,
[data-bs-theme="dark"] .chat-context-menu .actions-block li .icon,
[data-bs-theme="dark"] .chat-context-menu .actions-block li i,
html[data-theme="dark"] .chat-context-menu i,
html[data-theme="dark"] .chat-context-menu svg,
html[data-theme="dark"] .chat-context-menu img,
html[data-theme="dark"] .chat-context-menu .icon,
html[data-theme="dark"] .chat-context-menu .fas,
html[data-theme="dark"] .chat-context-menu .far,
html[data-theme="dark"] .chat-context-menu .fab,
html[data-theme="dark"] .chat-context-menu .actions-block li .icon,
html[data-theme="dark"] .chat-context-menu .actions-block li i,
body[data-theme="dark"] .chat-context-menu i,
body[data-theme="dark"] .chat-context-menu svg,
body[data-theme="dark"] .chat-context-menu img,
body[data-theme="dark"] .chat-context-menu .icon,
body[data-theme="dark"] .chat-context-menu .fas,
body[data-theme="dark"] .chat-context-menu .far,
body[data-theme="dark"] .chat-context-menu .fab,
body[data-theme="dark"] .chat-context-menu .actions-block li .icon,
body[data-theme="dark"] .chat-context-menu .actions-block li i,
:root.dark-theme-active .chat-context-menu i,
:root.dark-theme-active .chat-context-menu svg,
:root.dark-theme-active .chat-context-menu img,
:root.dark-theme-active .chat-context-menu .icon,
:root.dark-theme-active .chat-context-menu .fas,
:root.dark-theme-active .chat-context-menu .far,
:root.dark-theme-active .chat-context-menu .fab,
:root.dark-theme-active .chat-context-menu .actions-block li .icon,
:root.dark-theme-active .chat-context-menu .actions-block li i,
html.dark-theme-active .chat-context-menu i,
html.dark-theme-active .chat-context-menu svg,
html.dark-theme-active .chat-context-menu img,
html.dark-theme-active .chat-context-menu .icon,
html.dark-theme-active .chat-context-menu .fas,
html.dark-theme-active .chat-context-menu .far,
html.dark-theme-active .chat-context-menu .fab,
html.dark-theme-active .chat-context-menu .actions-block li .icon,
html.dark-theme-active .chat-context-menu .actions-block li i,
body.dark-theme-active .chat-context-menu i,
body.dark-theme-active .chat-context-menu svg,
body.dark-theme-active .chat-context-menu img,
body.dark-theme-active .chat-context-menu .icon,
body.dark-theme-active .chat-context-menu .fas,
body.dark-theme-active .chat-context-menu .far,
body.dark-theme-active .chat-context-menu .fab,
body.dark-theme-active .chat-context-menu .actions-block li .icon,
body.dark-theme-active .chat-context-menu .actions-block li i {
  color: var(--chat-text-primary) !important;
  fill: var(--chat-text-primary) !important;
  stroke: var(--chat-text-primary) !important;
  opacity: 1 !important;
}

[data-bs-theme="dark"] .chat-context-menu .actions-block li:hover i,
[data-bs-theme="dark"] .chat-context-menu .actions-block li:hover .icon,
[data-bs-theme="dark"] .chat-context-menu .actions-block li:hover .fas,
[data-bs-theme="dark"] .chat-context-menu .actions-block li:hover .far,
[data-bs-theme="dark"] .chat-context-menu .actions-block li:hover .fab,
html[data-theme="dark"] .chat-context-menu .actions-block li:hover i,
html[data-theme="dark"] .chat-context-menu .actions-block li:hover .icon,
html[data-theme="dark"] .chat-context-menu .actions-block li:hover .fas,
html[data-theme="dark"] .chat-context-menu .actions-block li:hover .far,
html[data-theme="dark"] .chat-context-menu .actions-block li:hover .fab,
body[data-theme="dark"] .chat-context-menu .actions-block li:hover i,
body[data-theme="dark"] .chat-context-menu .actions-block li:hover .icon,
body[data-theme="dark"] .chat-context-menu .actions-block li:hover .fas,
body[data-theme="dark"] .chat-context-menu .actions-block li:hover .far,
body[data-theme="dark"] .chat-context-menu .actions-block li:hover .fab,
:root.dark-theme-active .chat-context-menu .actions-block li:hover i,
:root.dark-theme-active .chat-context-menu .actions-block li:hover .icon,
:root.dark-theme-active .chat-context-menu .actions-block li:hover .fas,
:root.dark-theme-active .chat-context-menu .actions-block li:hover .far,
:root.dark-theme-active .chat-context-menu .actions-block li:hover .fab,
html.dark-theme-active .chat-context-menu .actions-block li:hover i,
html.dark-theme-active .chat-context-menu .actions-block li:hover .icon,
html.dark-theme-active .chat-context-menu .actions-block li:hover .fas,
html.dark-theme-active .chat-context-menu .actions-block li:hover .far,
html.dark-theme-active .chat-context-menu .actions-block li:hover .fab,
body.dark-theme-active .chat-context-menu .actions-block li:hover i,
body.dark-theme-active .chat-context-menu .actions-block li:hover .icon,
body.dark-theme-active .chat-context-menu .actions-block li:hover .fas,
body.dark-theme-active .chat-context-menu .actions-block li:hover .far,
body.dark-theme-active .chat-context-menu .actions-block li:hover .fab {
  color: var(--chat-text-primary) !important;
  fill: var(--chat-text-primary) !important;
  stroke: var(--chat-text-primary) !important;
  opacity: 1 !important;
}

[data-bs-theme="dark"] .reaction-btn,
[data-bs-theme="dark"] .reaction-btn *,
html[data-theme="dark"] .reaction-btn,
html[data-theme="dark"] .reaction-btn *,
body[data-theme="dark"] .reaction-btn,
body[data-theme="dark"] .reaction-btn *,
:root.dark-theme-active .reaction-btn,
:root.dark-theme-active .reaction-btn *,
html.dark-theme-active .reaction-btn,
html.dark-theme-active .reaction-btn *,
body.dark-theme-active .reaction-btn,
body.dark-theme-active .reaction-btn * {
  background: rgba(255, 255, 255, 0.1) !important;
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .reaction-btn:hover,
[data-bs-theme="dark"] .reaction-btn:hover *,
html[data-theme="dark"] .reaction-btn:hover,
html[data-theme="dark"] .reaction-btn:hover *,
body[data-theme="dark"] .reaction-btn:hover,
body[data-theme="dark"] .reaction-btn:hover *,
:root.dark-theme-active .reaction-btn:hover,
:root.dark-theme-active .reaction-btn:hover *,
html.dark-theme-active .reaction-btn:hover,
html.dark-theme-active .reaction-btn:hover *,
body.dark-theme-active .reaction-btn:hover,
body.dark-theme-active .reaction-btn:hover * {
  background: rgba(255, 255, 255, 0.2) !important;
}

[data-bs-theme="dark"] .reaction-btn i,
[data-bs-theme="dark"] .reaction-btn svg,
[data-bs-theme="dark"] .reaction-btn img,
[data-bs-theme="dark"] .reaction-btn .icon,
[data-bs-theme="dark"] .reaction-btn .fas,
[data-bs-theme="dark"] .reaction-btn .far,
[data-bs-theme="dark"] .reaction-btn .fab,
html[data-theme="dark"] .reaction-btn i,
html[data-theme="dark"] .reaction-btn svg,
html[data-theme="dark"] .reaction-btn img,
html[data-theme="dark"] .reaction-btn .icon,
html[data-theme="dark"] .reaction-btn .fas,
html[data-theme="dark"] .reaction-btn .far,
html[data-theme="dark"] .reaction-btn .fab,
body[data-theme="dark"] .reaction-btn i,
body[data-theme="dark"] .reaction-btn svg,
body[data-theme="dark"] .reaction-btn img,
body[data-theme="dark"] .reaction-btn .icon,
body[data-theme="dark"] .reaction-btn .fas,
body[data-theme="dark"] .reaction-btn .far,
body[data-theme="dark"] .reaction-btn .fab,
:root.dark-theme-active .reaction-btn i,
:root.dark-theme-active .reaction-btn svg,
:root.dark-theme-active .reaction-btn img,
:root.dark-theme-active .reaction-btn .icon,
:root.dark-theme-active .reaction-btn .fas,
:root.dark-theme-active .reaction-btn .far,
:root.dark-theme-active .reaction-btn .fab,
html.dark-theme-active .reaction-btn i,
html.dark-theme-active .reaction-btn svg,
html.dark-theme-active .reaction-btn img,
html.dark-theme-active .reaction-btn .icon,
html.dark-theme-active .reaction-btn .fas,
html.dark-theme-active .reaction-btn .far,
html.dark-theme-active .reaction-btn .fab,
body.dark-theme-active .reaction-btn i,
body.dark-theme-active .reaction-btn svg,
body.dark-theme-active .reaction-btn img,
body.dark-theme-active .reaction-btn .icon,
body.dark-theme-active .reaction-btn .fas,
body.dark-theme-active .reaction-btn .far,
body.dark-theme-active .reaction-btn .fab {
  color: var(--chat-text-primary) !important;
  fill: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .reaction-menu,
[data-bs-theme="dark"] .reaction-menu *,
html[data-theme="dark"] .reaction-menu,
html[data-theme="dark"] .reaction-menu *,
body[data-theme="dark"] .reaction-menu,
body[data-theme="dark"] .reaction-menu *,
:root.dark-theme-active .reaction-menu,
:root.dark-theme-active .reaction-menu *,
html.dark-theme-active .reaction-menu,
html.dark-theme-active .reaction-menu *,
body.dark-theme-active .reaction-menu,
body.dark-theme-active .reaction-menu * {
  background: var(--chat-card-bg) !important;
  border-color: var(--chat-border) !important;
}

[data-bs-theme="dark"] .reaction-menu .reaction-btn:hover,
[data-bs-theme="dark"] .reaction-menu .reaction-btn:hover *,
html[data-theme="dark"] .reaction-menu .reaction-btn:hover,
html[data-theme="dark"] .reaction-menu .reaction-btn:hover *,
body[data-theme="dark"] .reaction-menu .reaction-btn:hover,
body[data-theme="dark"] .reaction-menu .reaction-btn:hover *,
:root.dark-theme-active .reaction-menu .reaction-btn:hover,
:root.dark-theme-active .reaction-menu .reaction-btn:hover *,
html.dark-theme-active .reaction-menu .reaction-btn:hover,
html.dark-theme-active .reaction-menu .reaction-btn:hover *,
body.dark-theme-active .reaction-menu .reaction-btn:hover,
body.dark-theme-active .reaction-menu .reaction-btn:hover * {
  background: rgba(255, 255, 255, 0.15) !important;
}

[data-bs-theme="dark"] .reaction-menu i,
[data-bs-theme="dark"] .reaction-menu svg,
[data-bs-theme="dark"] .reaction-menu img,
[data-bs-theme="dark"] .reaction-menu .icon,
[data-bs-theme="dark"] .reaction-menu .fas,
[data-bs-theme="dark"] .reaction-menu .far,
[data-bs-theme="dark"] .reaction-menu .fab,
html[data-theme="dark"] .reaction-menu i,
html[data-theme="dark"] .reaction-menu svg,
html[data-theme="dark"] .reaction-menu img,
html[data-theme="dark"] .reaction-menu .icon,
html[data-theme="dark"] .reaction-menu .fas,
html[data-theme="dark"] .reaction-menu .far,
html[data-theme="dark"] .reaction-menu .fab,
body[data-theme="dark"] .reaction-menu i,
body[data-theme="dark"] .reaction-menu svg,
body[data-theme="dark"] .reaction-menu img,
body[data-theme="dark"] .reaction-menu .icon,
body[data-theme="dark"] .reaction-menu .fas,
body[data-theme="dark"] .reaction-menu .far,
body[data-theme="dark"] .reaction-menu .fab,
:root.dark-theme-active .reaction-menu i,
:root.dark-theme-active .reaction-menu svg,
:root.dark-theme-active .reaction-menu img,
:root.dark-theme-active .reaction-menu .icon,
:root.dark-theme-active .reaction-menu .fas,
:root.dark-theme-active .reaction-menu .far,
:root.dark-theme-active .reaction-menu .fab,
html.dark-theme-active .reaction-menu i,
html.dark-theme-active .reaction-menu svg,
html.dark-theme-active .reaction-menu img,
html.dark-theme-active .reaction-menu .icon,
html.dark-theme-active .reaction-menu .fas,
html.dark-theme-active .reaction-menu .far,
html.dark-theme-active .reaction-menu .fab,
body.dark-theme-active .reaction-menu i,
body.dark-theme-active .reaction-menu svg,
body.dark-theme-active .reaction-menu img,
body.dark-theme-active .reaction-menu .icon,
body.dark-theme-active .reaction-menu .fas,
body.dark-theme-active .reaction-menu .far,
body.dark-theme-active .reaction-menu .fab {
  color: var(--chat-text-primary) !important;
  fill: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .emoji-picker,
[data-bs-theme="dark"] .emoji-picker *,
html[data-theme="dark"] .emoji-picker,
html[data-theme="dark"] .emoji-picker *,
body[data-theme="dark"] .emoji-picker,
body[data-theme="dark"] .emoji-picker *,
:root.dark-theme-active .emoji-picker,
:root.dark-theme-active .emoji-picker *,
html.dark-theme-active .emoji-picker,
html.dark-theme-active .emoji-picker *,
body.dark-theme-active .emoji-picker,
body.dark-theme-active .emoji-picker * {
  background: rgba(45, 45, 45, 0.98) !important;
  border-color: var(--chat-border) !important;
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .emoji-picker button:hover,
[data-bs-theme="dark"] .emoji-picker button:hover *,
html[data-theme="dark"] .emoji-picker button:hover,
html[data-theme="dark"] .emoji-picker button:hover *,
body[data-theme="dark"] .emoji-picker button:hover,
body[data-theme="dark"] .emoji-picker button:hover *,
:root.dark-theme-active .emoji-picker button:hover,
:root.dark-theme-active .emoji-picker button:hover *,
html.dark-theme-active .emoji-picker button:hover,
html.dark-theme-active .emoji-picker button:hover *,
body.dark-theme-active .emoji-picker button:hover,
body.dark-theme-active .emoji-picker button:hover * {
  background: rgba(255, 255, 255, 0.1) !important;
}

[data-bs-theme="dark"] .message-meta,
[data-bs-theme="dark"] .timestamp,
[data-bs-theme="dark"] .message-meta *,
[data-bs-theme="dark"] .timestamp *,
html[data-theme="dark"] .message-meta,
html[data-theme="dark"] .timestamp,
html[data-theme="dark"] .message-meta *,
html[data-theme="dark"] .timestamp *,
body[data-theme="dark"] .message-meta,
body[data-theme="dark"] .timestamp,
body[data-theme="dark"] .message-meta *,
body[data-theme="dark"] .timestamp *,
:root.dark-theme-active .message-meta,
:root.dark-theme-active .timestamp,
:root.dark-theme-active .message-meta *,
:root.dark-theme-active .timestamp *,
html.dark-theme-active .message-meta,
html.dark-theme-active .timestamp,
html.dark-theme-active .message-meta *,
html.dark-theme-active .timestamp *,
body.dark-theme-active .message-meta,
body.dark-theme-active .timestamp,
body.dark-theme-active .message-meta *,
body.dark-theme-active .timestamp * {
  color: var(--chat-text-muted) !important;
}

[data-bs-theme="dark"] .reply-snippet,
[data-bs-theme="dark"] .reply-snippet *,
html[data-theme="dark"] .reply-snippet,
html[data-theme="dark"] .reply-snippet *,
body[data-theme="dark"] .reply-snippet,
body[data-theme="dark"] .reply-snippet *,
:root.dark-theme-active .reply-snippet,
:root.dark-theme-active .reply-snippet *,
html.dark-theme-active .reply-snippet,
html.dark-theme-active .reply-snippet *,
body.dark-theme-active .reply-snippet,
body.dark-theme-active .reply-snippet * {
  background: rgba(255, 255, 255, 0.05) !important;
  border: none !important;
  border-left: 3px solid rgba(255, 255, 255, 0.2) !important;
  color: var(--chat-text-primary) !important;
  outline: none !important;
  box-shadow: none !important;
}

[data-bs-theme="dark"] .author-name,
[data-bs-theme="dark"] .author-name *,
html[data-theme="dark"] .author-name,
html[data-theme="dark"] .author-name *,
body[data-theme="dark"] .author-name,
body[data-theme="dark"] .author-name *,
:root.dark-theme-active .author-name,
:root.dark-theme-active .author-name *,
html.dark-theme-active .author-name,
html.dark-theme-active .author-name *,
body.dark-theme-active .author-name,
body.dark-theme-active .author-name * {
  color: #f3f4f6 !important;
}

[data-bs-theme="dark"] .date-divider,
[data-bs-theme="dark"] .date-divider *,
html[data-theme="dark"] .date-divider,
html[data-theme="dark"] .date-divider *,
body[data-theme="dark"] .date-divider,
body[data-theme="dark"] .date-divider *,
:root.dark-theme-active .date-divider,
:root.dark-theme-active .date-divider *,
html.dark-theme-active .date-divider,
html.dark-theme-active .date-divider *,
body.dark-theme-active .date-divider,
body.dark-theme-active .date-divider * {
  background: rgba(255, 255, 255, 0.05) !important;
  border: none !important;
  color: var(--chat-text-secondary) !important;
  outline: none !important;
  box-shadow: none !important;
}

[data-bs-theme="dark"] .sma-tg-pinned,
[data-bs-theme="dark"] .sma-tg-pinned *,
html[data-theme="dark"] .sma-tg-pinned,
html[data-theme="dark"] .sma-tg-pinned *,
body[data-theme="dark"] .sma-tg-pinned,
body[data-theme="dark"] .sma-tg-pinned *,
:root.dark-theme-active .sma-tg-pinned,
:root.dark-theme-active .sma-tg-pinned *,
html.dark-theme-active .sma-tg-pinned,
html.dark-theme-active .sma-tg-pinned *,
body.dark-theme-active .sma-tg-pinned,
body.dark-theme-active .sma-tg-pinned * {
  background: rgba(255, 193, 7, 0.1) !important;
  border: 1px solid rgba(255, 193, 7, 0.2) !important;
  color: var(--chat-text-primary) !important;
  outline: none !important;
  box-shadow: none !important;
}

[data-bs-theme="dark"] .sma-tg-pinned .btn-close,
[data-bs-theme="dark"] .sma-tg-pinned .btn-close *,
html[data-theme="dark"] .sma-tg-pinned .btn-close,
html[data-theme="dark"] .sma-tg-pinned .btn-close *,
body[data-theme="dark"] .sma-tg-pinned .btn-close,
body[data-theme="dark"] .sma-tg-pinned .btn-close *,
:root.dark-theme-active .sma-tg-pinned .btn-close,
:root.dark-theme-active .sma-tg-pinned .btn-close *,
html.dark-theme-active .sma-tg-pinned .btn-close,
html.dark-theme-active .sma-tg-pinned .btn-close *,
body.dark-theme-active .sma-tg-pinned .btn-close,
body.dark-theme-active .sma-tg-pinned .btn-close * {
  color: var(--chat-text-secondary) !important;
}

[data-bs-theme="dark"] .sma-tg-pinned .btn-close:hover,
[data-bs-theme="dark"] .sma-tg-pinned .btn-close:hover *,
html[data-theme="dark"] .sma-tg-pinned .btn-close:hover,
html[data-theme="dark"] .sma-tg-pinned .btn-close:hover *,
body[data-theme="dark"] .sma-tg-pinned .btn-close:hover,
body[data-theme="dark"] .sma-tg-pinned .btn-close:hover *,
:root.dark-theme-active .sma-tg-pinned .btn-close:hover,
:root.dark-theme-active .sma-tg-pinned .btn-close:hover *,
html.dark-theme-active .sma-tg-pinned .btn-close:hover,
html.dark-theme-active .sma-tg-pinned .btn-close:hover *,
body.dark-theme-active .sma-tg-pinned .btn-close:hover,
body.dark-theme-active .sma-tg-pinned .btn-close:hover * {
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .sma-tg-pinned i,
[data-bs-theme="dark"] .sma-tg-pinned svg,
[data-bs-theme="dark"] .sma-tg-pinned img,
[data-bs-theme="dark"] .sma-tg-pinned .icon,
[data-bs-theme="dark"] .sma-tg-pinned .fas,
[data-bs-theme="dark"] .sma-tg-pinned .far,
[data-bs-theme="dark"] .sma-tg-pinned .fab,
html[data-theme="dark"] .sma-tg-pinned i,
html[data-theme="dark"] .sma-tg-pinned svg,
html[data-theme="dark"] .sma-tg-pinned img,
html[data-theme="dark"] .sma-tg-pinned .icon,
html[data-theme="dark"] .sma-tg-pinned .fas,
html[data-theme="dark"] .sma-tg-pinned .far,
html[data-theme="dark"] .sma-tg-pinned .fab,
body[data-theme="dark"] .sma-tg-pinned i,
body[data-theme="dark"] .sma-tg-pinned svg,
body[data-theme="dark"] .sma-tg-pinned img,
body[data-theme="dark"] .sma-tg-pinned .icon,
body[data-theme="dark"] .sma-tg-pinned .fas,
body[data-theme="dark"] .sma-tg-pinned .far,
body[data-theme="dark"] .sma-tg-pinned .fab,
:root.dark-theme-active .sma-tg-pinned i,
:root.dark-theme-active .sma-tg-pinned svg,
:root.dark-theme-active .sma-tg-pinned img,
:root.dark-theme-active .sma-tg-pinned .icon,
:root.dark-theme-active .sma-tg-pinned .fas,
:root.dark-theme-active .sma-tg-pinned .far,
:root.dark-theme-active .sma-tg-pinned .fab,
html.dark-theme-active .sma-tg-pinned i,
html.dark-theme-active .sma-tg-pinned svg,
html.dark-theme-active .sma-tg-pinned img,
html.dark-theme-active .sma-tg-pinned .icon,
html.dark-theme-active .sma-tg-pinned .fas,
html.dark-theme-active .sma-tg-pinned .far,
html.dark-theme-active .sma-tg-pinned .fab,
body.dark-theme-active .sma-tg-pinned i,
body.dark-theme-active .sma-tg-pinned svg,
body.dark-theme-active .sma-tg-pinned img,
body.dark-theme-active .sma-tg-pinned .icon,
body.dark-theme-active .sma-tg-pinned .fas,
body.dark-theme-active .sma-tg-pinned .far,
body.dark-theme-active .sma-tg-pinned .fab {
  color: var(--chat-text-primary) !important;
  fill: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .message-file,
[data-bs-theme="dark"] .message-file *,
html[data-theme="dark"] .message-file,
html[data-theme="dark"] .message-file *,
body[data-theme="dark"] .message-file,
body[data-theme="dark"] .message-file *,
:root.dark-theme-active .message-file,
:root.dark-theme-active .message-file *,
html.dark-theme-active .message-file,
html.dark-theme-active .message-file *,
body.dark-theme-active .message-file,
body.dark-theme-active .message-file * {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: var(--chat-text-primary) !important;
  outline: none !important;
  box-shadow: none !important;
}

[data-bs-theme="dark"] .attach-preview .remove-btn,
[data-bs-theme="dark"] .attach-preview .remove-btn *,
html[data-theme="dark"] .attach-preview .remove-btn,
html[data-theme="dark"] .attach-preview .remove-btn *,
body[data-theme="dark"] .attach-preview .remove-btn,
body[data-theme="dark"] .attach-preview .remove-btn *,
:root.dark-theme-active .attach-preview .remove-btn,
:root.dark-theme-active .attach-preview .remove-btn *,
html.dark-theme-active .attach-preview .remove-btn,
html.dark-theme-active .attach-preview .remove-btn *,
body.dark-theme-active .attach-preview .remove-btn,
body.dark-theme-active .attach-preview .remove-btn * {
  background: rgba(255, 255, 255, 0.1) !important;
  color: var(--chat-text-primary) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  outline: none !important;
  box-shadow: none !important;
}

[data-bs-theme="dark"] .attach-preview .remove-btn:hover,
[data-bs-theme="dark"] .attach-preview .remove-btn *:hover,
html[data-theme="dark"] .attach-preview .remove-btn:hover,
html[data-theme="dark"] .attach-preview .remove-btn *:hover,
body[data-theme="dark"] .attach-preview .remove-btn:hover,
body[data-theme="dark"] .attach-preview .remove-btn *:hover,
:root.dark-theme-active .attach-preview .remove-btn:hover,
:root.dark-theme-active .attach-preview .remove-btn *:hover,
html.dark-theme-active .attach-preview .remove-btn:hover,
html.dark-theme-active .attach-preview .remove-btn *:hover,
body.dark-theme-active .attach-preview .remove-btn:hover,
body.dark-theme-active .attach-preview .remove-btn *:hover {
  background: rgba(255, 255, 255, 0.15) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

[data-bs-theme="dark"] .message-file i,
[data-bs-theme="dark"] .message-file svg,
[data-bs-theme="dark"] .message-file img,
[data-bs-theme="dark"] .message-file .icon,
[data-bs-theme="dark"] .message-file .fas,
[data-bs-theme="dark"] .message-file .far,
[data-bs-theme="dark"] .message-file .fab,
[data-bs-theme="dark"] .attach-preview i,
[data-bs-theme="dark"] .attach-preview svg,
[data-bs-theme="dark"] .attach-preview img,
[data-bs-theme="dark"] .attach-preview .icon,
[data-bs-theme="dark"] .attach-preview .fas,
[data-bs-theme="dark"] .attach-preview .far,
[data-bs-theme="dark"] .attach-preview .fab,
html[data-theme="dark"] .message-file i,
html[data-theme="dark"] .message-file svg,
html[data-theme="dark"] .message-file img,
html[data-theme="dark"] .message-file .icon,
html[data-theme="dark"] .message-file .fas,
html[data-theme="dark"] .message-file .far,
html[data-theme="dark"] .message-file .fab,
html[data-theme="dark"] .attach-preview i,
html[data-theme="dark"] .attach-preview svg,
html[data-theme="dark"] .attach-preview img,
html[data-theme="dark"] .attach-preview .icon,
html[data-theme="dark"] .attach-preview .fas,
html[data-theme="dark"] .attach-preview .far,
html[data-theme="dark"] .attach-preview .fab,
body[data-theme="dark"] .message-file i,
body[data-theme="dark"] .message-file svg,
body[data-theme="dark"] .message-file img,
body[data-theme="dark"] .message-file .icon,
body[data-theme="dark"] .message-file .fas,
body[data-theme="dark"] .message-file .far,
body[data-theme="dark"] .message-file .fab,
body[data-theme="dark"] .attach-preview i,
body[data-theme="dark"] .attach-preview svg,
body[data-theme="dark"] .attach-preview img,
body[data-theme="dark"] .attach-preview .icon,
body[data-theme="dark"] .attach-preview .fas,
body[data-theme="dark"] .attach-preview .far,
body[data-theme="dark"] .attach-preview .fab,
:root.dark-theme-active .message-file i,
:root.dark-theme-active .message-file svg,
:root.dark-theme-active .message-file img,
:root.dark-theme-active .message-file .icon,
:root.dark-theme-active .message-file .fas,
:root.dark-theme-active .message-file .far,
:root.dark-theme-active .message-file .fab,
:root.dark-theme-active .attach-preview i,
:root.dark-theme-active .attach-preview svg,
:root.dark-theme-active .attach-preview img,
:root.dark-theme-active .attach-preview .icon,
:root.dark-theme-active .attach-preview .fas,
:root.dark-theme-active .attach-preview .far,
:root.dark-theme-active .attach-preview .fab,
html.dark-theme-active .message-file i,
html.dark-theme-active .message-file svg,
html.dark-theme-active .message-file img,
html.dark-theme-active .message-file .icon,
html.dark-theme-active .message-file .fas,
html.dark-theme-active .message-file .far,
html.dark-theme-active .message-file .fab,
html.dark-theme-active .attach-preview i,
html.dark-theme-active .attach-preview svg,
html.dark-theme-active .attach-preview img,
html.dark-theme-active .attach-preview .icon,
html.dark-theme-active .attach-preview .fas,
html.dark-theme-active .attach-preview .far,
html.dark-theme-active .attach-preview .fab,
body.dark-theme-active .message-file i,
body.dark-theme-active .message-file svg,
body.dark-theme-active .message-file img,
body.dark-theme-active .message-file .icon,
body.dark-theme-active .message-file .fas,
body.dark-theme-active .message-file .far,
body.dark-theme-active .message-file .fab,
body.dark-theme-active .attach-preview i,
body.dark-theme-active .attach-preview svg,
body.dark-theme-active .attach-preview img,
body.dark-theme-active .attach-preview .icon,
body.dark-theme-active .attach-preview .fas,
body.dark-theme-active .attach-preview .far,
body.dark-theme-active .attach-preview .fab {
  color: var(--chat-text-primary) !important;
  fill: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .reply-preview,
[data-bs-theme="dark"] .reply-preview *,
html[data-theme="dark"] .reply-preview,
html[data-theme="dark"] .reply-preview *,
body[data-theme="dark"] .reply-preview,
body[data-theme="dark"] .reply-preview *,
:root.dark-theme-active .reply-preview,
:root.dark-theme-active .reply-preview *,
html.dark-theme-active .reply-preview,
html.dark-theme-active .reply-preview *,
body.dark-theme-active .reply-preview,
body.dark-theme-active .reply-preview * {
  background: rgba(255, 255, 255, 0.05) !important;
  border: none !important;
  border-left: 3px solid rgba(255, 255, 255, 0.2) !important;
  color: var(--chat-text-primary) !important;
  outline: none !important;
  box-shadow: none !important;
}

[data-bs-theme="dark"] .reply-preview-sender,
[data-bs-theme="dark"] .reply-preview-sender *,
html[data-theme="dark"] .reply-preview-sender,
html[data-theme="dark"] .reply-preview-sender *,
body[data-theme="dark"] .reply-preview-sender,
body[data-theme="dark"] .reply-preview-sender *,
:root.dark-theme-active .reply-preview-sender,
:root.dark-theme-active .reply-preview-sender *,
html.dark-theme-active .reply-preview-sender,
html.dark-theme-active .reply-preview-sender *,
body.dark-theme-active .reply-preview-sender,
body.dark-theme-active .reply-preview-sender * {
  color: var(--chat-primary) !important;
}

[data-bs-theme="dark"] .reply-preview-text,
[data-bs-theme="dark"] .reply-preview-text *,
html[data-theme="dark"] .reply-preview-text,
html[data-theme="dark"] .reply-preview-text *,
body[data-theme="dark"] .reply-preview-text,
body[data-theme="dark"] .reply-preview-text *,
:root.dark-theme-active .reply-preview-text,
:root.dark-theme-active .reply-preview-text *,
html.dark-theme-active .reply-preview-text,
html.dark-theme-active .reply-preview-text *,
body.dark-theme-active .reply-preview-text,
body.dark-theme-active .reply-preview-text * {
  color: var(--chat-text-secondary) !important;
}

[data-bs-theme="dark"] .cancel-reply-btn,
[data-bs-theme="dark"] .cancel-reply-btn *,
html[data-theme="dark"] .cancel-reply-btn,
html[data-theme="dark"] .cancel-reply-btn *,
body[data-theme="dark"] .cancel-reply-btn,
body[data-theme="dark"] .cancel-reply-btn *,
:root.dark-theme-active .cancel-reply-btn,
:root.dark-theme-active .cancel-reply-btn *,
html.dark-theme-active .cancel-reply-btn,
html.dark-theme-active .cancel-reply-btn *,
body.dark-theme-active .cancel-reply-btn,
body.dark-theme-active .cancel-reply-btn * {
  color: var(--chat-text-secondary) !important;
}

[data-bs-theme="dark"] .cancel-reply-btn:hover,
[data-bs-theme="dark"] .cancel-reply-btn:hover *,
html[data-theme="dark"] .cancel-reply-btn:hover,
html[data-theme="dark"] .cancel-reply-btn:hover *,
body[data-theme="dark"] .cancel-reply-btn:hover,
body[data-theme="dark"] .cancel-reply-btn:hover *,
:root.dark-theme-active .cancel-reply-btn:hover,
:root.dark-theme-active .cancel-reply-btn:hover *,
html.dark-theme-active .cancel-reply-btn:hover,
html.dark-theme-active .cancel-reply-btn:hover *,
body.dark-theme-active .cancel-reply-btn:hover,
body.dark-theme-active .cancel-reply-btn:hover * {
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .reply-preview i,
[data-bs-theme="dark"] .reply-preview svg,
[data-bs-theme="dark"] .reply-preview img,
[data-bs-theme="dark"] .reply-preview .icon,
[data-bs-theme="dark"] .reply-preview .fas,
[data-bs-theme="dark"] .reply-preview .far,
[data-bs-theme="dark"] .reply-preview .fab,
[data-bs-theme="dark"] .cancel-reply-btn i,
[data-bs-theme="dark"] .cancel-reply-btn svg,
[data-bs-theme="dark"] .cancel-reply-btn img,
[data-bs-theme="dark"] .cancel-reply-btn .icon,
[data-bs-theme="dark"] .cancel-reply-btn .fas,
[data-bs-theme="dark"] .cancel-reply-btn .far,
[data-bs-theme="dark"] .cancel-reply-btn .fab,
html[data-theme="dark"] .reply-preview i,
html[data-theme="dark"] .reply-preview svg,
html[data-theme="dark"] .reply-preview img,
html[data-theme="dark"] .reply-preview .icon,
html[data-theme="dark"] .reply-preview .fas,
html[data-theme="dark"] .reply-preview .far,
html[data-theme="dark"] .reply-preview .fab,
html[data-theme="dark"] .cancel-reply-btn i,
html[data-theme="dark"] .cancel-reply-btn svg,
html[data-theme="dark"] .cancel-reply-btn img,
html[data-theme="dark"] .cancel-reply-btn .icon,
html[data-theme="dark"] .cancel-reply-btn .fas,
html[data-theme="dark"] .cancel-reply-btn .far,
html[data-theme="dark"] .cancel-reply-btn .fab,
body[data-theme="dark"] .reply-preview i,
body[data-theme="dark"] .reply-preview svg,
body[data-theme="dark"] .reply-preview img,
body[data-theme="dark"] .reply-preview .icon,
body[data-theme="dark"] .reply-preview .fas,
body[data-theme="dark"] .reply-preview .far,
body[data-theme="dark"] .reply-preview .fab,
body[data-theme="dark"] .cancel-reply-btn i,
body[data-theme="dark"] .cancel-reply-btn svg,
body[data-theme="dark"] .cancel-reply-btn img,
body[data-theme="dark"] .cancel-reply-btn .icon,
body[data-theme="dark"] .cancel-reply-btn .fas,
body[data-theme="dark"] .cancel-reply-btn .far,
body[data-theme="dark"] .cancel-reply-btn .fab,
:root.dark-theme-active .reply-preview i,
:root.dark-theme-active .reply-preview svg,
:root.dark-theme-active .reply-preview img,
:root.dark-theme-active .reply-preview .icon,
:root.dark-theme-active .reply-preview .fas,
:root.dark-theme-active .reply-preview .far,
:root.dark-theme-active .reply-preview .fab,
:root.dark-theme-active .cancel-reply-btn i,
:root.dark-theme-active .cancel-reply-btn svg,
:root.dark-theme-active .cancel-reply-btn img,
:root.dark-theme-active .cancel-reply-btn .icon,
:root.dark-theme-active .cancel-reply-btn .fas,
:root.dark-theme-active .cancel-reply-btn .far,
:root.dark-theme-active .cancel-reply-btn .fab,
html.dark-theme-active .reply-preview i,
html.dark-theme-active .reply-preview svg,
html.dark-theme-active .reply-preview img,
html.dark-theme-active .reply-preview .icon,
html.dark-theme-active .reply-preview .fas,
html.dark-theme-active .reply-preview .far,
html.dark-theme-active .reply-preview .fab,
html.dark-theme-active .cancel-reply-btn i,
html.dark-theme-active .cancel-reply-btn svg,
html.dark-theme-active .cancel-reply-btn img,
html.dark-theme-active .cancel-reply-btn .icon,
html.dark-theme-active .cancel-reply-btn .fas,
html.dark-theme-active .cancel-reply-btn .far,
html.dark-theme-active .cancel-reply-btn .fab,
body.dark-theme-active .reply-preview i,
body.dark-theme-active .reply-preview svg,
body.dark-theme-active .reply-preview img,
body.dark-theme-active .reply-preview .icon,
body.dark-theme-active .reply-preview .fas,
body.dark-theme-active .reply-preview .far,
body.dark-theme-active .reply-preview .fab,
body.dark-theme-active .cancel-reply-btn i,
body.dark-theme-active .cancel-reply-btn svg,
body.dark-theme-active .cancel-reply-btn img,
body.dark-theme-active .cancel-reply-btn .icon,
body.dark-theme-active .cancel-reply-btn .fas,
body.dark-theme-active .cancel-reply-btn .far,
body.dark-theme-active .cancel-reply-btn .fab {
  color: var(--chat-text-secondary) !important;
  fill: var(--chat-text-secondary) !important;
}

[data-bs-theme="dark"] .cancel-reply-btn:hover i,
[data-bs-theme="dark"] .cancel-reply-btn:hover svg,
[data-bs-theme="dark"] .cancel-reply-btn:hover img,
[data-bs-theme="dark"] .cancel-reply-btn:hover .icon,
[data-bs-theme="dark"] .cancel-reply-btn:hover .fas,
[data-bs-theme="dark"] .cancel-reply-btn:hover .far,
[data-bs-theme="dark"] .cancel-reply-btn:hover .fab,
html[data-theme="dark"] .cancel-reply-btn:hover i,
html[data-theme="dark"] .cancel-reply-btn:hover svg,
html[data-theme="dark"] .cancel-reply-btn:hover img,
html[data-theme="dark"] .cancel-reply-btn:hover .icon,
html[data-theme="dark"] .cancel-reply-btn:hover .fas,
html[data-theme="dark"] .cancel-reply-btn:hover .far,
html[data-theme="dark"] .cancel-reply-btn:hover .fab,
body[data-theme="dark"] .cancel-reply-btn:hover i,
body[data-theme="dark"] .cancel-reply-btn:hover svg,
body[data-theme="dark"] .cancel-reply-btn:hover img,
body[data-theme="dark"] .cancel-reply-btn:hover .icon,
body[data-theme="dark"] .cancel-reply-btn:hover .fas,
body[data-theme="dark"] .cancel-reply-btn:hover .far,
body[data-theme="dark"] .cancel-reply-btn:hover .fab,
:root.dark-theme-active .cancel-reply-btn:hover i,
:root.dark-theme-active .cancel-reply-btn:hover svg,
:root.dark-theme-active .cancel-reply-btn:hover img,
:root.dark-theme-active .cancel-reply-btn:hover .icon,
:root.dark-theme-active .cancel-reply-btn:hover .fas,
:root.dark-theme-active .cancel-reply-btn:hover .far,
:root.dark-theme-active .cancel-reply-btn:hover .fab,
html.dark-theme-active .cancel-reply-btn:hover i,
html.dark-theme-active .cancel-reply-btn:hover svg,
html.dark-theme-active .cancel-reply-btn:hover img,
html.dark-theme-active .cancel-reply-btn:hover .icon,
html.dark-theme-active .cancel-reply-btn:hover .fas,
html.dark-theme-active .cancel-reply-btn:hover .far,
html.dark-theme-active .cancel-reply-btn:hover .fab,
body.dark-theme-active .cancel-reply-btn:hover i,
body.dark-theme-active .cancel-reply-btn:hover svg,
body.dark-theme-active .cancel-reply-btn:hover img,
body.dark-theme-active .cancel-reply-btn:hover .icon,
body.dark-theme-active .cancel-reply-btn:hover .fas,
body.dark-theme-active .cancel-reply-btn:hover .far,
body.dark-theme-active .cancel-reply-btn:hover .fab {
  color: var(--chat-text-primary) !important;
  fill: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .sma-tg-chat-list,
[data-bs-theme="dark"] .sma-tg-list,
[data-bs-theme="dark"] .sma-tg-chat-list *,
[data-bs-theme="dark"] .sma-tg-list *,
html[data-theme="dark"] .sma-tg-chat-list,
html[data-theme="dark"] .sma-tg-list,
html[data-theme="dark"] .sma-tg-chat-list *,
html[data-theme="dark"] .sma-tg-list *,
body[data-theme="dark"] .sma-tg-chat-list,
body[data-theme="dark"] .sma-tg-list,
body[data-theme="dark"] .sma-tg-chat-list *,
body[data-theme="dark"] .sma-tg-list *,
:root.dark-theme-active .sma-tg-chat-list,
:root.dark-theme-active .sma-tg-list,
:root.dark-theme-active .sma-tg-chat-list *,
:root.dark-theme-active .sma-tg-list *,
html.dark-theme-active .sma-tg-chat-list,
html.dark-theme-active .sma-tg-list,
html.dark-theme-active .sma-tg-chat-list *,
html.dark-theme-active .sma-tg-list *,
body.dark-theme-active .sma-tg-chat-list,
body.dark-theme-active .sma-tg-list,
body.dark-theme-active .sma-tg-chat-list *,
body.dark-theme-active .sma-tg-list * {
  background: var(--chat-card-bg) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: var(--chat-text-primary) !important;
  outline: none !important;
}

[data-bs-theme="dark"] .sma-tg-chat-list-item, [data-bs-theme="dark"] .sma-tg-room,
[data-bs-theme="dark"] .sma-tg-list-item,
html[data-theme="dark"] .sma-tg-chat-list-item,
html[data-theme="dark"] .sma-tg-room,
html[data-theme="dark"] .sma-tg-list-item,
body[data-theme="dark"] .sma-tg-chat-list-item,
body[data-theme="dark"] .sma-tg-room,
body[data-theme="dark"] .sma-tg-list-item,
:root.dark-theme-active .sma-tg-chat-list-item,
:root.dark-theme-active .sma-tg-room,
:root.dark-theme-active .sma-tg-list-item,
html.dark-theme-active .sma-tg-chat-list-item,
html.dark-theme-active .sma-tg-room,
html.dark-theme-active .sma-tg-list-item,
body.dark-theme-active .sma-tg-chat-list-item,
body.dark-theme-active .sma-tg-room,
body.dark-theme-active .sma-tg-list-item {
  border-color: rgba(255, 255, 255, 0.05) !important;
  outline: none !important;
  box-shadow: none !important;
}

[data-bs-theme="dark"] .sma-tg-chat-list-item:hover, [data-bs-theme="dark"] .sma-tg-room:hover,
[data-bs-theme="dark"] .sma-tg-list-item:hover,
html[data-theme="dark"] .sma-tg-chat-list-item:hover,
html[data-theme="dark"] .sma-tg-room:hover,
html[data-theme="dark"] .sma-tg-list-item:hover,
body[data-theme="dark"] .sma-tg-chat-list-item:hover,
body[data-theme="dark"] .sma-tg-room:hover,
body[data-theme="dark"] .sma-tg-list-item:hover,
:root.dark-theme-active .sma-tg-chat-list-item:hover,
:root.dark-theme-active .sma-tg-room:hover,
:root.dark-theme-active .sma-tg-list-item:hover,
html.dark-theme-active .sma-tg-chat-list-item:hover,
html.dark-theme-active .sma-tg-room:hover,
html.dark-theme-active .sma-tg-list-item:hover,
body.dark-theme-active .sma-tg-chat-list-item:hover,
body.dark-theme-active .sma-tg-room:hover,
body.dark-theme-active .sma-tg-list-item:hover {
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: none !important;
  background: rgba(255, 255, 255, 0.05) !important;
}

[data-bs-theme="dark"] .sma-tg-root input:not(.news-link-button),
[data-bs-theme="dark"] .sma-tg-root textarea:not(.news-link-button),
[data-bs-theme="dark"] .sma-tg-root select:not(.news-link-button),
[data-bs-theme="dark"] .sma-tg-window input:not(.news-link-button),
[data-bs-theme="dark"] .sma-tg-window textarea:not(.news-link-button),
[data-bs-theme="dark"] .sma-tg-window select:not(.news-link-button),
[data-bs-theme="dark"] .chat-window input:not(.news-link-button),
[data-bs-theme="dark"] .chat-window textarea:not(.news-link-button),
[data-bs-theme="dark"] .chat-window select:not(.news-link-button),
[data-bs-theme="dark"] .sma-tg-chat-container input:not(.news-link-button),
[data-bs-theme="dark"] .sma-tg-chat-container textarea:not(.news-link-button),
[data-bs-theme="dark"] .sma-tg-chat-container select:not(.news-link-button),
html[data-theme="dark"] .sma-tg-root input:not(.news-link-button),
html[data-theme="dark"] .sma-tg-root textarea:not(.news-link-button),
html[data-theme="dark"] .sma-tg-root select:not(.news-link-button),
html[data-theme="dark"] .sma-tg-window input:not(.news-link-button),
html[data-theme="dark"] .sma-tg-window textarea:not(.news-link-button),
html[data-theme="dark"] .sma-tg-window select:not(.news-link-button),
html[data-theme="dark"] .chat-window input:not(.news-link-button),
html[data-theme="dark"] .chat-window textarea:not(.news-link-button),
html[data-theme="dark"] .chat-window select:not(.news-link-button),
html[data-theme="dark"] .sma-tg-chat-container input:not(.news-link-button),
html[data-theme="dark"] .sma-tg-chat-container textarea:not(.news-link-button),
html[data-theme="dark"] .sma-tg-chat-container select:not(.news-link-button),
body[data-theme="dark"] .sma-tg-root input:not(.news-link-button),
body[data-theme="dark"] .sma-tg-root textarea:not(.news-link-button),
body[data-theme="dark"] .sma-tg-root select:not(.news-link-button),
body[data-theme="dark"] .sma-tg-window input:not(.news-link-button),
body[data-theme="dark"] .sma-tg-window textarea:not(.news-link-button),
body[data-theme="dark"] .sma-tg-window select:not(.news-link-button),
body[data-theme="dark"] .chat-window input:not(.news-link-button),
body[data-theme="dark"] .chat-window textarea:not(.news-link-button),
body[data-theme="dark"] .chat-window select:not(.news-link-button),
body[data-theme="dark"] .sma-tg-chat-container input:not(.news-link-button),
body[data-theme="dark"] .sma-tg-chat-container textarea:not(.news-link-button),
body[data-theme="dark"] .sma-tg-chat-container select:not(.news-link-button),
:root.dark-theme-active .sma-tg-root input:not(.news-link-button),
:root.dark-theme-active .sma-tg-root textarea:not(.news-link-button),
:root.dark-theme-active .sma-tg-root select:not(.news-link-button),
:root.dark-theme-active .sma-tg-window input:not(.news-link-button),
:root.dark-theme-active .sma-tg-window textarea:not(.news-link-button),
:root.dark-theme-active .sma-tg-window select:not(.news-link-button),
:root.dark-theme-active .chat-window input:not(.news-link-button),
:root.dark-theme-active .chat-window textarea:not(.news-link-button),
:root.dark-theme-active .chat-window select:not(.news-link-button),
:root.dark-theme-active .sma-tg-chat-container input:not(.news-link-button),
:root.dark-theme-active .sma-tg-chat-container textarea:not(.news-link-button),
:root.dark-theme-active .sma-tg-chat-container select:not(.news-link-button),
html.dark-theme-active .sma-tg-root input:not(.news-link-button),
html.dark-theme-active .sma-tg-root textarea:not(.news-link-button),
html.dark-theme-active .sma-tg-root select:not(.news-link-button),
html.dark-theme-active .sma-tg-window input:not(.news-link-button),
html.dark-theme-active .sma-tg-window textarea:not(.news-link-button),
html.dark-theme-active .sma-tg-window select:not(.news-link-button),
html.dark-theme-active .chat-window input:not(.news-link-button),
html.dark-theme-active .chat-window textarea:not(.news-link-button),
html.dark-theme-active .chat-window select:not(.news-link-button),
html.dark-theme-active .sma-tg-chat-container input:not(.news-link-button),
html.dark-theme-active .sma-tg-chat-container textarea:not(.news-link-button),
html.dark-theme-active .sma-tg-chat-container select:not(.news-link-button),
body.dark-theme-active .sma-tg-root input:not(.news-link-button),
body.dark-theme-active .sma-tg-root textarea:not(.news-link-button),
body.dark-theme-active .sma-tg-root select:not(.news-link-button),
body.dark-theme-active .sma-tg-window input:not(.news-link-button),
body.dark-theme-active .sma-tg-window textarea:not(.news-link-button),
body.dark-theme-active .sma-tg-window select:not(.news-link-button),
body.dark-theme-active .chat-window input:not(.news-link-button),
body.dark-theme-active .chat-window textarea:not(.news-link-button),
body.dark-theme-active .chat-window select:not(.news-link-button),
body.dark-theme-active .sma-tg-chat-container input:not(.news-link-button),
body.dark-theme-active .sma-tg-chat-container textarea:not(.news-link-button),
body.dark-theme-active .sma-tg-chat-container select:not(.news-link-button) {
  border-color: rgba(255, 255, 255, 0.1) !important;
  outline: none !important;
  box-shadow: none !important;
}

[data-bs-theme="dark"] .sma-tg-root input:not(.news-link-button):focus,
[data-bs-theme="dark"] .sma-tg-root textarea:not(.news-link-button):focus,
[data-bs-theme="dark"] .sma-tg-root select:not(.news-link-button):focus,
[data-bs-theme="dark"] .sma-tg-window input:not(.news-link-button):focus,
[data-bs-theme="dark"] .sma-tg-window textarea:not(.news-link-button):focus,
[data-bs-theme="dark"] .sma-tg-window select:not(.news-link-button):focus,
[data-bs-theme="dark"] .chat-window input:not(.news-link-button):focus,
[data-bs-theme="dark"] .chat-window textarea:not(.news-link-button):focus,
[data-bs-theme="dark"] .chat-window select:not(.news-link-button):focus,
[data-bs-theme="dark"] .sma-tg-chat-container input:not(.news-link-button):focus,
[data-bs-theme="dark"] .sma-tg-chat-container textarea:not(.news-link-button):focus,
[data-bs-theme="dark"] .sma-tg-chat-container select:not(.news-link-button):focus,
html[data-theme="dark"] .sma-tg-root input:not(.news-link-button):focus,
html[data-theme="dark"] .sma-tg-root textarea:not(.news-link-button):focus,
html[data-theme="dark"] .sma-tg-root select:not(.news-link-button):focus,
html[data-theme="dark"] .sma-tg-window input:not(.news-link-button):focus,
html[data-theme="dark"] .sma-tg-window textarea:not(.news-link-button):focus,
html[data-theme="dark"] .sma-tg-window select:not(.news-link-button):focus,
html[data-theme="dark"] .chat-window input:not(.news-link-button):focus,
html[data-theme="dark"] .chat-window textarea:not(.news-link-button):focus,
html[data-theme="dark"] .chat-window select:not(.news-link-button):focus,
html[data-theme="dark"] .sma-tg-chat-container input:not(.news-link-button):focus,
html[data-theme="dark"] .sma-tg-chat-container textarea:not(.news-link-button):focus,
html[data-theme="dark"] .sma-tg-chat-container select:not(.news-link-button):focus,
body[data-theme="dark"] .sma-tg-root input:not(.news-link-button):focus,
body[data-theme="dark"] .sma-tg-root textarea:not(.news-link-button):focus,
body[data-theme="dark"] .sma-tg-root select:not(.news-link-button):focus,
body[data-theme="dark"] .sma-tg-window input:not(.news-link-button):focus,
body[data-theme="dark"] .sma-tg-window textarea:not(.news-link-button):focus,
body[data-theme="dark"] .sma-tg-window select:not(.news-link-button):focus,
body[data-theme="dark"] .chat-window input:not(.news-link-button):focus,
body[data-theme="dark"] .chat-window textarea:not(.news-link-button):focus,
body[data-theme="dark"] .chat-window select:not(.news-link-button):focus,
body[data-theme="dark"] .sma-tg-chat-container input:not(.news-link-button):focus,
body[data-theme="dark"] .sma-tg-chat-container textarea:not(.news-link-button):focus,
body[data-theme="dark"] .sma-tg-chat-container select:not(.news-link-button):focus,
:root.dark-theme-active .sma-tg-root input:not(.news-link-button):focus,
:root.dark-theme-active .sma-tg-root textarea:not(.news-link-button):focus,
:root.dark-theme-active .sma-tg-root select:not(.news-link-button):focus,
:root.dark-theme-active .sma-tg-window input:not(.news-link-button):focus,
:root.dark-theme-active .sma-tg-window textarea:not(.news-link-button):focus,
:root.dark-theme-active .sma-tg-window select:not(.news-link-button):focus,
:root.dark-theme-active .chat-window input:not(.news-link-button):focus,
:root.dark-theme-active .chat-window textarea:not(.news-link-button):focus,
:root.dark-theme-active .chat-window select:not(.news-link-button):focus,
:root.dark-theme-active .sma-tg-chat-container input:not(.news-link-button):focus,
:root.dark-theme-active .sma-tg-chat-container textarea:not(.news-link-button):focus,
:root.dark-theme-active .sma-tg-chat-container select:not(.news-link-button):focus,
html.dark-theme-active .sma-tg-root input:not(.news-link-button):focus,
html.dark-theme-active .sma-tg-root textarea:not(.news-link-button):focus,
html.dark-theme-active .sma-tg-root select:not(.news-link-button):focus,
html.dark-theme-active .sma-tg-window input:not(.news-link-button):focus,
html.dark-theme-active .sma-tg-window textarea:not(.news-link-button):focus,
html.dark-theme-active .sma-tg-window select:not(.news-link-button):focus,
html.dark-theme-active .chat-window input:not(.news-link-button):focus,
html.dark-theme-active .chat-window textarea:not(.news-link-button):focus,
html.dark-theme-active .chat-window select:not(.news-link-button):focus,
html.dark-theme-active .sma-tg-chat-container input:not(.news-link-button):focus,
html.dark-theme-active .sma-tg-chat-container textarea:not(.news-link-button):focus,
html.dark-theme-active .sma-tg-chat-container select:not(.news-link-button):focus,
body.dark-theme-active .sma-tg-root input:not(.news-link-button):focus,
body.dark-theme-active .sma-tg-root textarea:not(.news-link-button):focus,
body.dark-theme-active .sma-tg-root select:not(.news-link-button):focus,
body.dark-theme-active .sma-tg-window input:not(.news-link-button):focus,
body.dark-theme-active .sma-tg-window textarea:not(.news-link-button):focus,
body.dark-theme-active .sma-tg-window select:not(.news-link-button):focus,
body.dark-theme-active .chat-window input:not(.news-link-button):focus,
body.dark-theme-active .chat-window textarea:not(.news-link-button):focus,
body.dark-theme-active .chat-window select:not(.news-link-button):focus,
body.dark-theme-active .sma-tg-chat-container input:not(.news-link-button):focus,
body.dark-theme-active .sma-tg-chat-container textarea:not(.news-link-button):focus,
body.dark-theme-active .sma-tg-chat-container select:not(.news-link-button):focus {
  border-color: rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.05) !important;
  outline: none !important;
}

[data-bs-theme="dark"] .sma-tg-root button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
[data-bs-theme="dark"] .sma-tg-root .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
[data-bs-theme="dark"] .sma-tg-window button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
[data-bs-theme="dark"] .sma-tg-window .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
[data-bs-theme="dark"] .chat-window button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
[data-bs-theme="dark"] .chat-window .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
[data-bs-theme="dark"] .sma-tg-chat-container button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
[data-bs-theme="dark"] .sma-tg-chat-container .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
html[data-theme="dark"] .sma-tg-root button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
html[data-theme="dark"] .sma-tg-root .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
html[data-theme="dark"] .sma-tg-window button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
html[data-theme="dark"] .sma-tg-window .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
html[data-theme="dark"] .chat-window button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
html[data-theme="dark"] .chat-window .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
html[data-theme="dark"] .sma-tg-chat-container button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
html[data-theme="dark"] .sma-tg-chat-container .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
body[data-theme="dark"] .sma-tg-root button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
body[data-theme="dark"] .sma-tg-root .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
body[data-theme="dark"] .sma-tg-window button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
body[data-theme="dark"] .sma-tg-window .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
body[data-theme="dark"] .chat-window button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
body[data-theme="dark"] .chat-window .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
body[data-theme="dark"] .sma-tg-chat-container button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
body[data-theme="dark"] .sma-tg-chat-container .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
:root.dark-theme-active .sma-tg-root button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
:root.dark-theme-active .sma-tg-root .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
:root.dark-theme-active .sma-tg-window button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
:root.dark-theme-active .sma-tg-window .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
:root.dark-theme-active .chat-window button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
:root.dark-theme-active .chat-window .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
:root.dark-theme-active .sma-tg-chat-container button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
:root.dark-theme-active .sma-tg-chat-container .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
html.dark-theme-active .sma-tg-root button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
html.dark-theme-active .sma-tg-root .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
html.dark-theme-active .sma-tg-window button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
html.dark-theme-active .sma-tg-window .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
html.dark-theme-active .chat-window button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
html.dark-theme-active .chat-window .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
html.dark-theme-active .sma-tg-chat-container button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
html.dark-theme-active .sma-tg-chat-container .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
body.dark-theme-active .sma-tg-root button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
body.dark-theme-active .sma-tg-root .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
body.dark-theme-active .sma-tg-window button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
body.dark-theme-active .sma-tg-window .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
body.dark-theme-active .chat-window button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
body.dark-theme-active .chat-window .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
body.dark-theme-active .sma-tg-chat-container button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
body.dark-theme-active .sma-tg-chat-container .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge) {
  border-color: rgba(255, 255, 255, 0.1) !important;
  outline: none !important;
  box-shadow: none !important;
}

[data-bs-theme="dark"] .sma-tg-root button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
[data-bs-theme="dark"] .sma-tg-root .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
[data-bs-theme="dark"] .sma-tg-window button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
[data-bs-theme="dark"] .sma-tg-window .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
[data-bs-theme="dark"] .chat-window button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
[data-bs-theme="dark"] .chat-window .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
[data-bs-theme="dark"] .sma-tg-chat-container button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
[data-bs-theme="dark"] .sma-tg-chat-container .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
html[data-theme="dark"] .sma-tg-root button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
html[data-theme="dark"] .sma-tg-root .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
html[data-theme="dark"] .sma-tg-window button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
html[data-theme="dark"] .sma-tg-window .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
html[data-theme="dark"] .chat-window button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
html[data-theme="dark"] .chat-window .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
html[data-theme="dark"] .sma-tg-chat-container button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
html[data-theme="dark"] .sma-tg-chat-container .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
body[data-theme="dark"] .sma-tg-root button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
body[data-theme="dark"] .sma-tg-root .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
body[data-theme="dark"] .sma-tg-window button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
body[data-theme="dark"] .sma-tg-window .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
body[data-theme="dark"] .chat-window button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
body[data-theme="dark"] .chat-window .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
body[data-theme="dark"] .sma-tg-chat-container button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
body[data-theme="dark"] .sma-tg-chat-container .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
:root.dark-theme-active .sma-tg-root button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
:root.dark-theme-active .sma-tg-root .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
:root.dark-theme-active .sma-tg-window button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
:root.dark-theme-active .sma-tg-window .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
:root.dark-theme-active .chat-window button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
:root.dark-theme-active .chat-window .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
:root.dark-theme-active .sma-tg-chat-container button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
:root.dark-theme-active .sma-tg-chat-container .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
html.dark-theme-active .sma-tg-root button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
html.dark-theme-active .sma-tg-root .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
html.dark-theme-active .sma-tg-window button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
html.dark-theme-active .sma-tg-window .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
html.dark-theme-active .chat-window button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
html.dark-theme-active .chat-window .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
html.dark-theme-active .sma-tg-chat-container button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
html.dark-theme-active .sma-tg-chat-container .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
body.dark-theme-active .sma-tg-root button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
body.dark-theme-active .sma-tg-root .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
body.dark-theme-active .sma-tg-window button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
body.dark-theme-active .sma-tg-window .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
body.dark-theme-active .chat-window button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
body.dark-theme-active .chat-window .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
body.dark-theme-active .sma-tg-chat-container button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus,
body.dark-theme-active .sma-tg-chat-container .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):focus {
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.05) !important;
}

[data-bs-theme="dark"] .sma-tg-root button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
[data-bs-theme="dark"] .sma-tg-root .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
[data-bs-theme="dark"] .sma-tg-window button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
[data-bs-theme="dark"] .sma-tg-window .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
[data-bs-theme="dark"] .chat-window button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
[data-bs-theme="dark"] .chat-window .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
[data-bs-theme="dark"] .sma-tg-chat-container button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
[data-bs-theme="dark"] .sma-tg-chat-container .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
html[data-theme="dark"] .sma-tg-root button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
html[data-theme="dark"] .sma-tg-root .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
html[data-theme="dark"] .sma-tg-window button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
html[data-theme="dark"] .sma-tg-window .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
html[data-theme="dark"] .chat-window button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
html[data-theme="dark"] .chat-window .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
html[data-theme="dark"] .sma-tg-chat-container button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
html[data-theme="dark"] .sma-tg-chat-container .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
body[data-theme="dark"] .sma-tg-root button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
body[data-theme="dark"] .sma-tg-root .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
body[data-theme="dark"] .sma-tg-window button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
body[data-theme="dark"] .sma-tg-window .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
body[data-theme="dark"] .chat-window button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
body[data-theme="dark"] .chat-window .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
body[data-theme="dark"] .sma-tg-chat-container button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
body[data-theme="dark"] .sma-tg-chat-container .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
:root.dark-theme-active .sma-tg-root button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
:root.dark-theme-active .sma-tg-root .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
:root.dark-theme-active .sma-tg-window button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
:root.dark-theme-active .sma-tg-window .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
:root.dark-theme-active .chat-window button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
:root.dark-theme-active .chat-window .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
:root.dark-theme-active .sma-tg-chat-container button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
:root.dark-theme-active .sma-tg-chat-container .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
html.dark-theme-active .sma-tg-root button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
html.dark-theme-active .sma-tg-root .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
html.dark-theme-active .sma-tg-window button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
html.dark-theme-active .sma-tg-window .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
html.dark-theme-active .chat-window button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
html.dark-theme-active .chat-window .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
html.dark-theme-active .sma-tg-chat-container button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
html.dark-theme-active .sma-tg-chat-container .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
body.dark-theme-active .sma-tg-root button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
body.dark-theme-active .sma-tg-root .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
body.dark-theme-active .sma-tg-window button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
body.dark-theme-active .sma-tg-window .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
body.dark-theme-active .chat-window button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
body.dark-theme-active .chat-window .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
body.dark-theme-active .sma-tg-chat-container button:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover,
body.dark-theme-active .sma-tg-chat-container .btn:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge):hover {
  border-color: rgba(255, 255, 255, 0.15) !important;
  box-shadow: none !important;
}

[data-bs-theme="dark"] .sma-tg-root .card, [data-bs-theme="dark"] .sma-tg-root .panel, [data-bs-theme="dark"] .sma-tg-root .container, [data-bs-theme="dark"] .sma-tg-root .wrapper,
[data-bs-theme="dark"] .sma-tg-window .card,
[data-bs-theme="dark"] .sma-tg-window .panel,
[data-bs-theme="dark"] .sma-tg-window .container,
[data-bs-theme="dark"] .sma-tg-window .wrapper,
[data-bs-theme="dark"] .chat-window .card,
[data-bs-theme="dark"] .chat-window .panel,
[data-bs-theme="dark"] .chat-window .container,
[data-bs-theme="dark"] .chat-window .wrapper,
[data-bs-theme="dark"] .sma-tg-chat-container .card,
[data-bs-theme="dark"] .sma-tg-chat-container .panel,
[data-bs-theme="dark"] .sma-tg-chat-container .container,
[data-bs-theme="dark"] .sma-tg-chat-container .wrapper,
html[data-theme="dark"] .sma-tg-root .card,
html[data-theme="dark"] .sma-tg-root .panel,
html[data-theme="dark"] .sma-tg-root .container,
html[data-theme="dark"] .sma-tg-root .wrapper,
html[data-theme="dark"] .sma-tg-window .card,
html[data-theme="dark"] .sma-tg-window .panel,
html[data-theme="dark"] .sma-tg-window .container,
html[data-theme="dark"] .sma-tg-window .wrapper,
html[data-theme="dark"] .chat-window .card,
html[data-theme="dark"] .chat-window .panel,
html[data-theme="dark"] .chat-window .container,
html[data-theme="dark"] .chat-window .wrapper,
html[data-theme="dark"] .sma-tg-chat-container .card,
html[data-theme="dark"] .sma-tg-chat-container .panel,
html[data-theme="dark"] .sma-tg-chat-container .container,
html[data-theme="dark"] .sma-tg-chat-container .wrapper,
body[data-theme="dark"] .sma-tg-root .card,
body[data-theme="dark"] .sma-tg-root .panel,
body[data-theme="dark"] .sma-tg-root .container,
body[data-theme="dark"] .sma-tg-root .wrapper,
body[data-theme="dark"] .sma-tg-window .card,
body[data-theme="dark"] .sma-tg-window .panel,
body[data-theme="dark"] .sma-tg-window .container,
body[data-theme="dark"] .sma-tg-window .wrapper,
body[data-theme="dark"] .chat-window .card,
body[data-theme="dark"] .chat-window .panel,
body[data-theme="dark"] .chat-window .container,
body[data-theme="dark"] .chat-window .wrapper,
body[data-theme="dark"] .sma-tg-chat-container .card,
body[data-theme="dark"] .sma-tg-chat-container .panel,
body[data-theme="dark"] .sma-tg-chat-container .container,
body[data-theme="dark"] .sma-tg-chat-container .wrapper,
:root.dark-theme-active .sma-tg-root .card,
:root.dark-theme-active .sma-tg-root .panel,
:root.dark-theme-active .sma-tg-root .container,
:root.dark-theme-active .sma-tg-root .wrapper,
:root.dark-theme-active .sma-tg-window .card,
:root.dark-theme-active .sma-tg-window .panel,
:root.dark-theme-active .sma-tg-window .container,
:root.dark-theme-active .sma-tg-window .wrapper,
:root.dark-theme-active .chat-window .card,
:root.dark-theme-active .chat-window .panel,
:root.dark-theme-active .chat-window .container,
:root.dark-theme-active .chat-window .wrapper,
:root.dark-theme-active .sma-tg-chat-container .card,
:root.dark-theme-active .sma-tg-chat-container .panel,
:root.dark-theme-active .sma-tg-chat-container .container,
:root.dark-theme-active .sma-tg-chat-container .wrapper,
html.dark-theme-active .sma-tg-root .card,
html.dark-theme-active .sma-tg-root .panel,
html.dark-theme-active .sma-tg-root .container,
html.dark-theme-active .sma-tg-root .wrapper,
html.dark-theme-active .sma-tg-window .card,
html.dark-theme-active .sma-tg-window .panel,
html.dark-theme-active .sma-tg-window .container,
html.dark-theme-active .sma-tg-window .wrapper,
html.dark-theme-active .chat-window .card,
html.dark-theme-active .chat-window .panel,
html.dark-theme-active .chat-window .container,
html.dark-theme-active .chat-window .wrapper,
html.dark-theme-active .sma-tg-chat-container .card,
html.dark-theme-active .sma-tg-chat-container .panel,
html.dark-theme-active .sma-tg-chat-container .container,
html.dark-theme-active .sma-tg-chat-container .wrapper,
body.dark-theme-active .sma-tg-root .card,
body.dark-theme-active .sma-tg-root .panel,
body.dark-theme-active .sma-tg-root .container,
body.dark-theme-active .sma-tg-root .wrapper,
body.dark-theme-active .sma-tg-window .card,
body.dark-theme-active .sma-tg-window .panel,
body.dark-theme-active .sma-tg-window .container,
body.dark-theme-active .sma-tg-window .wrapper,
body.dark-theme-active .chat-window .card,
body.dark-theme-active .chat-window .panel,
body.dark-theme-active .chat-window .container,
body.dark-theme-active .chat-window .wrapper,
body.dark-theme-active .sma-tg-chat-container .card,
body.dark-theme-active .sma-tg-chat-container .panel,
body.dark-theme-active .sma-tg-chat-container .container,
body.dark-theme-active .sma-tg-chat-container .wrapper {
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
  outline: none !important;
}

[data-bs-theme="dark"] .sma-tg-root hr, [data-bs-theme="dark"] .sma-tg-root .divider, [data-bs-theme="dark"] .sma-tg-root .separator,
[data-bs-theme="dark"] .sma-tg-window hr,
[data-bs-theme="dark"] .sma-tg-window .divider,
[data-bs-theme="dark"] .sma-tg-window .separator,
[data-bs-theme="dark"] .chat-window hr,
[data-bs-theme="dark"] .chat-window .divider,
[data-bs-theme="dark"] .chat-window .separator,
[data-bs-theme="dark"] .sma-tg-chat-container hr,
[data-bs-theme="dark"] .sma-tg-chat-container .divider,
[data-bs-theme="dark"] .sma-tg-chat-container .separator,
html[data-theme="dark"] .sma-tg-root hr,
html[data-theme="dark"] .sma-tg-root .divider,
html[data-theme="dark"] .sma-tg-root .separator,
html[data-theme="dark"] .sma-tg-window hr,
html[data-theme="dark"] .sma-tg-window .divider,
html[data-theme="dark"] .sma-tg-window .separator,
html[data-theme="dark"] .chat-window hr,
html[data-theme="dark"] .chat-window .divider,
html[data-theme="dark"] .chat-window .separator,
html[data-theme="dark"] .sma-tg-chat-container hr,
html[data-theme="dark"] .sma-tg-chat-container .divider,
html[data-theme="dark"] .sma-tg-chat-container .separator,
body[data-theme="dark"] .sma-tg-root hr,
body[data-theme="dark"] .sma-tg-root .divider,
body[data-theme="dark"] .sma-tg-root .separator,
body[data-theme="dark"] .sma-tg-window hr,
body[data-theme="dark"] .sma-tg-window .divider,
body[data-theme="dark"] .sma-tg-window .separator,
body[data-theme="dark"] .chat-window hr,
body[data-theme="dark"] .chat-window .divider,
body[data-theme="dark"] .chat-window .separator,
body[data-theme="dark"] .sma-tg-chat-container hr,
body[data-theme="dark"] .sma-tg-chat-container .divider,
body[data-theme="dark"] .sma-tg-chat-container .separator,
:root.dark-theme-active .sma-tg-root hr,
:root.dark-theme-active .sma-tg-root .divider,
:root.dark-theme-active .sma-tg-root .separator,
:root.dark-theme-active .sma-tg-window hr,
:root.dark-theme-active .sma-tg-window .divider,
:root.dark-theme-active .sma-tg-window .separator,
:root.dark-theme-active .chat-window hr,
:root.dark-theme-active .chat-window .divider,
:root.dark-theme-active .chat-window .separator,
:root.dark-theme-active .sma-tg-chat-container hr,
:root.dark-theme-active .sma-tg-chat-container .divider,
:root.dark-theme-active .sma-tg-chat-container .separator,
html.dark-theme-active .sma-tg-root hr,
html.dark-theme-active .sma-tg-root .divider,
html.dark-theme-active .sma-tg-root .separator,
html.dark-theme-active .sma-tg-window hr,
html.dark-theme-active .sma-tg-window .divider,
html.dark-theme-active .sma-tg-window .separator,
html.dark-theme-active .chat-window hr,
html.dark-theme-active .chat-window .divider,
html.dark-theme-active .chat-window .separator,
html.dark-theme-active .sma-tg-chat-container hr,
html.dark-theme-active .sma-tg-chat-container .divider,
html.dark-theme-active .sma-tg-chat-container .separator,
body.dark-theme-active .sma-tg-root hr,
body.dark-theme-active .sma-tg-root .divider,
body.dark-theme-active .sma-tg-root .separator,
body.dark-theme-active .sma-tg-window hr,
body.dark-theme-active .sma-tg-window .divider,
body.dark-theme-active .sma-tg-window .separator,
body.dark-theme-active .chat-window hr,
body.dark-theme-active .chat-window .divider,
body.dark-theme-active .chat-window .separator,
body.dark-theme-active .sma-tg-chat-container hr,
body.dark-theme-active .sma-tg-chat-container .divider,
body.dark-theme-active .sma-tg-chat-container .separator {
  border-color: rgba(255, 255, 255, 0.1) !important;
  background: rgba(255, 255, 255, 0.1) !important;
}

[data-bs-theme="dark"] .sma-tg-chat-list-item, [data-bs-theme="dark"] .sma-tg-room,
[data-bs-theme="dark"] .sma-tg-list-item,
html[data-theme="dark"] .sma-tg-chat-list-item,
html[data-theme="dark"] .sma-tg-room,
html[data-theme="dark"] .sma-tg-list-item,
body[data-theme="dark"] .sma-tg-chat-list-item,
body[data-theme="dark"] .sma-tg-room,
body[data-theme="dark"] .sma-tg-list-item,
:root.dark-theme-active .sma-tg-chat-list-item,
:root.dark-theme-active .sma-tg-room,
:root.dark-theme-active .sma-tg-list-item,
html.dark-theme-active .sma-tg-chat-list-item,
html.dark-theme-active .sma-tg-room,
html.dark-theme-active .sma-tg-list-item,
body.dark-theme-active .sma-tg-chat-list-item,
body.dark-theme-active .sma-tg-room,
body.dark-theme-active .sma-tg-list-item {
  border-color: rgba(255, 255, 255, 0.05) !important;
  outline: none !important;
  box-shadow: none !important;
}

[data-bs-theme="dark"] .sma-tg-chat-list-item:hover, [data-bs-theme="dark"] .sma-tg-room:hover,
[data-bs-theme="dark"] .sma-tg-list-item:hover,
html[data-theme="dark"] .sma-tg-chat-list-item:hover,
html[data-theme="dark"] .sma-tg-room:hover,
html[data-theme="dark"] .sma-tg-list-item:hover,
body[data-theme="dark"] .sma-tg-chat-list-item:hover,
body[data-theme="dark"] .sma-tg-room:hover,
body[data-theme="dark"] .sma-tg-list-item:hover,
:root.dark-theme-active .sma-tg-chat-list-item:hover,
:root.dark-theme-active .sma-tg-room:hover,
:root.dark-theme-active .sma-tg-list-item:hover,
html.dark-theme-active .sma-tg-chat-list-item:hover,
html.dark-theme-active .sma-tg-room:hover,
html.dark-theme-active .sma-tg-list-item:hover,
body.dark-theme-active .sma-tg-chat-list-item:hover,
body.dark-theme-active .sma-tg-room:hover,
body.dark-theme-active .sma-tg-list-item:hover {
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: none !important;
}

[data-bs-theme="dark"] .sma-tg-root *[style*="box-shadow"]:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
[data-bs-theme="dark"] .sma-tg-window *[style*="box-shadow"]:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
[data-bs-theme="dark"] .chat-window *[style*="box-shadow"]:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
html[data-theme="dark"] .sma-tg-root *[style*="box-shadow"]:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
html[data-theme="dark"] .sma-tg-window *[style*="box-shadow"]:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
html[data-theme="dark"] .chat-window *[style*="box-shadow"]:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
body[data-theme="dark"] .sma-tg-root *[style*="box-shadow"]:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
body[data-theme="dark"] .sma-tg-window *[style*="box-shadow"]:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
body[data-theme="dark"] .chat-window *[style*="box-shadow"]:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
:root.dark-theme-active .sma-tg-root *[style*="box-shadow"]:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
:root.dark-theme-active .sma-tg-window *[style*="box-shadow"]:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
:root.dark-theme-active .chat-window *[style*="box-shadow"]:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
html.dark-theme-active .sma-tg-root *[style*="box-shadow"]:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
html.dark-theme-active .sma-tg-window *[style*="box-shadow"]:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
html.dark-theme-active .chat-window *[style*="box-shadow"]:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
body.dark-theme-active .sma-tg-root *[style*="box-shadow"]:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
body.dark-theme-active .sma-tg-window *[style*="box-shadow"]:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge),
body.dark-theme-active .chat-window *[style*="box-shadow"]:not(.news-link-button):not(.news-status-badge):not(.news-tag-badge) {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

[data-bs-theme="dark"] .sma-tg-chat-list-header,
[data-bs-theme="dark"] .sma-tg-chat-list-header *,
html[data-theme="dark"] .sma-tg-chat-list-header,
html[data-theme="dark"] .sma-tg-chat-list-header *,
body[data-theme="dark"] .sma-tg-chat-list-header,
body[data-theme="dark"] .sma-tg-chat-list-header *,
:root.dark-theme-active .sma-tg-chat-list-header,
:root.dark-theme-active .sma-tg-chat-list-header *,
html.dark-theme-active .sma-tg-chat-list-header,
html.dark-theme-active .sma-tg-chat-list-header *,
body.dark-theme-active .sma-tg-chat-list-header,
body.dark-theme-active .sma-tg-chat-list-header * {
  background: var(--chat-card-bg) !important;
  color: var(--chat-text-primary) !important;
  border-color: var(--chat-border) !important;
}

[data-bs-theme="dark"] .sma-tg-chat-list-header i,
[data-bs-theme="dark"] .sma-tg-chat-list-header svg,
[data-bs-theme="dark"] .sma-tg-chat-list-header img,
[data-bs-theme="dark"] .sma-tg-chat-list-header .icon,
[data-bs-theme="dark"] .sma-tg-chat-list-header .fas,
[data-bs-theme="dark"] .sma-tg-chat-list-header .far,
[data-bs-theme="dark"] .sma-tg-chat-list-header .fab,
html[data-theme="dark"] .sma-tg-chat-list-header i,
html[data-theme="dark"] .sma-tg-chat-list-header svg,
html[data-theme="dark"] .sma-tg-chat-list-header img,
html[data-theme="dark"] .sma-tg-chat-list-header .icon,
html[data-theme="dark"] .sma-tg-chat-list-header .fas,
html[data-theme="dark"] .sma-tg-chat-list-header .far,
html[data-theme="dark"] .sma-tg-chat-list-header .fab,
body[data-theme="dark"] .sma-tg-chat-list-header i,
body[data-theme="dark"] .sma-tg-chat-list-header svg,
body[data-theme="dark"] .sma-tg-chat-list-header img,
body[data-theme="dark"] .sma-tg-chat-list-header .icon,
body[data-theme="dark"] .sma-tg-chat-list-header .fas,
body[data-theme="dark"] .sma-tg-chat-list-header .far,
body[data-theme="dark"] .sma-tg-chat-list-header .fab,
:root.dark-theme-active .sma-tg-chat-list-header i,
:root.dark-theme-active .sma-tg-chat-list-header svg,
:root.dark-theme-active .sma-tg-chat-list-header img,
:root.dark-theme-active .sma-tg-chat-list-header .icon,
:root.dark-theme-active .sma-tg-chat-list-header .fas,
:root.dark-theme-active .sma-tg-chat-list-header .far,
:root.dark-theme-active .sma-tg-chat-list-header .fab,
html.dark-theme-active .sma-tg-chat-list-header i,
html.dark-theme-active .sma-tg-chat-list-header svg,
html.dark-theme-active .sma-tg-chat-list-header img,
html.dark-theme-active .sma-tg-chat-list-header .icon,
html.dark-theme-active .sma-tg-chat-list-header .fas,
html.dark-theme-active .sma-tg-chat-list-header .far,
html.dark-theme-active .sma-tg-chat-list-header .fab,
body.dark-theme-active .sma-tg-chat-list-header i,
body.dark-theme-active .sma-tg-chat-list-header svg,
body.dark-theme-active .sma-tg-chat-list-header img,
body.dark-theme-active .sma-tg-chat-list-header .icon,
body.dark-theme-active .sma-tg-chat-list-header .fas,
body.dark-theme-active .sma-tg-chat-list-header .far,
body.dark-theme-active .sma-tg-chat-list-header .fab {
  color: var(--chat-text-primary) !important;
  fill: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .sma-tg-chat-list-search,
[data-bs-theme="dark"] .sma-tg-chat-list-search *,
html[data-theme="dark"] .sma-tg-chat-list-search,
html[data-theme="dark"] .sma-tg-chat-list-search *,
body[data-theme="dark"] .sma-tg-chat-list-search,
body[data-theme="dark"] .sma-tg-chat-list-search *,
:root.dark-theme-active .sma-tg-chat-list-search,
:root.dark-theme-active .sma-tg-chat-list-search *,
html.dark-theme-active .sma-tg-chat-list-search,
html.dark-theme-active .sma-tg-chat-list-search *,
body.dark-theme-active .sma-tg-chat-list-search,
body.dark-theme-active .sma-tg-chat-list-search * {
  background: var(--chat-card-bg) !important;
  border-color: var(--chat-border) !important;
}

[data-bs-theme="dark"] .sma-tg-chat-list-search i,
[data-bs-theme="dark"] .sma-tg-chat-list-search svg,
[data-bs-theme="dark"] .sma-tg-chat-list-search img,
[data-bs-theme="dark"] .sma-tg-chat-list-search .icon,
[data-bs-theme="dark"] .sma-tg-chat-list-search .fas,
[data-bs-theme="dark"] .sma-tg-chat-list-search .far,
[data-bs-theme="dark"] .sma-tg-chat-list-search .fab,
html[data-theme="dark"] .sma-tg-chat-list-search i,
html[data-theme="dark"] .sma-tg-chat-list-search svg,
html[data-theme="dark"] .sma-tg-chat-list-search img,
html[data-theme="dark"] .sma-tg-chat-list-search .icon,
html[data-theme="dark"] .sma-tg-chat-list-search .fas,
html[data-theme="dark"] .sma-tg-chat-list-search .far,
html[data-theme="dark"] .sma-tg-chat-list-search .fab,
body[data-theme="dark"] .sma-tg-chat-list-search i,
body[data-theme="dark"] .sma-tg-chat-list-search svg,
body[data-theme="dark"] .sma-tg-chat-list-search img,
body[data-theme="dark"] .sma-tg-chat-list-search .icon,
body[data-theme="dark"] .sma-tg-chat-list-search .fas,
body[data-theme="dark"] .sma-tg-chat-list-search .far,
body[data-theme="dark"] .sma-tg-chat-list-search .fab,
:root.dark-theme-active .sma-tg-chat-list-search i,
:root.dark-theme-active .sma-tg-chat-list-search svg,
:root.dark-theme-active .sma-tg-chat-list-search img,
:root.dark-theme-active .sma-tg-chat-list-search .icon,
:root.dark-theme-active .sma-tg-chat-list-search .fas,
:root.dark-theme-active .sma-tg-chat-list-search .far,
:root.dark-theme-active .sma-tg-chat-list-search .fab,
html.dark-theme-active .sma-tg-chat-list-search i,
html.dark-theme-active .sma-tg-chat-list-search svg,
html.dark-theme-active .sma-tg-chat-list-search img,
html.dark-theme-active .sma-tg-chat-list-search .icon,
html.dark-theme-active .sma-tg-chat-list-search .fas,
html.dark-theme-active .sma-tg-chat-list-search .far,
html.dark-theme-active .sma-tg-chat-list-search .fab,
body.dark-theme-active .sma-tg-chat-list-search i,
body.dark-theme-active .sma-tg-chat-list-search svg,
body.dark-theme-active .sma-tg-chat-list-search img,
body.dark-theme-active .sma-tg-chat-list-search .icon,
body.dark-theme-active .sma-tg-chat-list-search .fas,
body.dark-theme-active .sma-tg-chat-list-search .far,
body.dark-theme-active .sma-tg-chat-list-search .fab {
  color: var(--chat-text-secondary) !important;
  fill: var(--chat-text-secondary) !important;
}

[data-bs-theme="dark"] .sma-tg-chat-list-search input,
[data-bs-theme="dark"] .sma-tg-chat-list-search input *,
html[data-theme="dark"] .sma-tg-chat-list-search input,
html[data-theme="dark"] .sma-tg-chat-list-search input *,
body[data-theme="dark"] .sma-tg-chat-list-search input,
body[data-theme="dark"] .sma-tg-chat-list-search input *,
:root.dark-theme-active .sma-tg-chat-list-search input,
:root.dark-theme-active .sma-tg-chat-list-search input *,
html.dark-theme-active .sma-tg-chat-list-search input,
html.dark-theme-active .sma-tg-chat-list-search input *,
body.dark-theme-active .sma-tg-chat-list-search input,
body.dark-theme-active .sma-tg-chat-list-search input * {
  background: #374151 !important;
  border-color: var(--chat-border) !important;
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .sma-tg-chat-list-search input:focus,
[data-bs-theme="dark"] .sma-tg-chat-list-search input:focus *,
html[data-theme="dark"] .sma-tg-chat-list-search input:focus,
html[data-theme="dark"] .sma-tg-chat-list-search input:focus *,
body[data-theme="dark"] .sma-tg-chat-list-search input:focus,
body[data-theme="dark"] .sma-tg-chat-list-search input:focus *,
:root.dark-theme-active .sma-tg-chat-list-search input:focus,
:root.dark-theme-active .sma-tg-chat-list-search input:focus *,
html.dark-theme-active .sma-tg-chat-list-search input:focus,
html.dark-theme-active .sma-tg-chat-list-search input:focus *,
body.dark-theme-active .sma-tg-chat-list-search input:focus,
body.dark-theme-active .sma-tg-chat-list-search input:focus * {
  border-color: var(--chat-primary) !important;
}

[data-bs-theme="dark"] .sma-tg-chat-list-item,
[data-bs-theme="dark"] .sma-tg-room,
[data-bs-theme="dark"] .sma-tg-chat-list-item *,
[data-bs-theme="dark"] .sma-tg-room *,
html[data-theme="dark"] .sma-tg-chat-list-item,
html[data-theme="dark"] .sma-tg-room,
html[data-theme="dark"] .sma-tg-chat-list-item *,
html[data-theme="dark"] .sma-tg-room *,
body[data-theme="dark"] .sma-tg-chat-list-item,
body[data-theme="dark"] .sma-tg-room,
body[data-theme="dark"] .sma-tg-chat-list-item *,
body[data-theme="dark"] .sma-tg-room *,
:root.dark-theme-active .sma-tg-chat-list-item,
:root.dark-theme-active .sma-tg-room,
:root.dark-theme-active .sma-tg-chat-list-item *,
:root.dark-theme-active .sma-tg-room *,
html.dark-theme-active .sma-tg-chat-list-item,
html.dark-theme-active .sma-tg-room,
html.dark-theme-active .sma-tg-chat-list-item *,
html.dark-theme-active .sma-tg-room *,
body.dark-theme-active .sma-tg-chat-list-item,
body.dark-theme-active .sma-tg-room,
body.dark-theme-active .sma-tg-chat-list-item *,
body.dark-theme-active .sma-tg-room * {
  background: var(--chat-card-bg) !important;
  border-color: var(--chat-border) !important;
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .sma-tg-chat-list-item i, [data-bs-theme="dark"] .sma-tg-room i,
[data-bs-theme="dark"] .sma-tg-chat-list-item svg,
[data-bs-theme="dark"] .sma-tg-room svg,
[data-bs-theme="dark"] .sma-tg-chat-list-item img,
[data-bs-theme="dark"] .sma-tg-room img,
[data-bs-theme="dark"] .sma-tg-chat-list-item .icon,
[data-bs-theme="dark"] .sma-tg-room .icon,
[data-bs-theme="dark"] .sma-tg-chat-list-item .fas,
[data-bs-theme="dark"] .sma-tg-room .fas,
[data-bs-theme="dark"] .sma-tg-chat-list-item .far,
[data-bs-theme="dark"] .sma-tg-room .far,
[data-bs-theme="dark"] .sma-tg-chat-list-item .fab,
[data-bs-theme="dark"] .sma-tg-room .fab,
[data-bs-theme="dark"] .sma-tg-room i,
[data-bs-theme="dark"] .sma-tg-room svg,
[data-bs-theme="dark"] .sma-tg-room img,
[data-bs-theme="dark"] .sma-tg-room .icon,
[data-bs-theme="dark"] .sma-tg-room .fas,
[data-bs-theme="dark"] .sma-tg-room .far,
[data-bs-theme="dark"] .sma-tg-room .fab,
html[data-theme="dark"] .sma-tg-chat-list-item i,
html[data-theme="dark"] .sma-tg-room i,
html[data-theme="dark"] .sma-tg-chat-list-item svg,
html[data-theme="dark"] .sma-tg-room svg,
html[data-theme="dark"] .sma-tg-chat-list-item img,
html[data-theme="dark"] .sma-tg-room img,
html[data-theme="dark"] .sma-tg-chat-list-item .icon,
html[data-theme="dark"] .sma-tg-room .icon,
html[data-theme="dark"] .sma-tg-chat-list-item .fas,
html[data-theme="dark"] .sma-tg-room .fas,
html[data-theme="dark"] .sma-tg-chat-list-item .far,
html[data-theme="dark"] .sma-tg-room .far,
html[data-theme="dark"] .sma-tg-chat-list-item .fab,
html[data-theme="dark"] .sma-tg-room .fab,
html[data-theme="dark"] .sma-tg-room i,
html[data-theme="dark"] .sma-tg-room svg,
html[data-theme="dark"] .sma-tg-room img,
html[data-theme="dark"] .sma-tg-room .icon,
html[data-theme="dark"] .sma-tg-room .fas,
html[data-theme="dark"] .sma-tg-room .far,
html[data-theme="dark"] .sma-tg-room .fab,
body[data-theme="dark"] .sma-tg-chat-list-item i,
body[data-theme="dark"] .sma-tg-room i,
body[data-theme="dark"] .sma-tg-chat-list-item svg,
body[data-theme="dark"] .sma-tg-room svg,
body[data-theme="dark"] .sma-tg-chat-list-item img,
body[data-theme="dark"] .sma-tg-room img,
body[data-theme="dark"] .sma-tg-chat-list-item .icon,
body[data-theme="dark"] .sma-tg-room .icon,
body[data-theme="dark"] .sma-tg-chat-list-item .fas,
body[data-theme="dark"] .sma-tg-room .fas,
body[data-theme="dark"] .sma-tg-chat-list-item .far,
body[data-theme="dark"] .sma-tg-room .far,
body[data-theme="dark"] .sma-tg-chat-list-item .fab,
body[data-theme="dark"] .sma-tg-room .fab,
body[data-theme="dark"] .sma-tg-room i,
body[data-theme="dark"] .sma-tg-room svg,
body[data-theme="dark"] .sma-tg-room img,
body[data-theme="dark"] .sma-tg-room .icon,
body[data-theme="dark"] .sma-tg-room .fas,
body[data-theme="dark"] .sma-tg-room .far,
body[data-theme="dark"] .sma-tg-room .fab,
:root.dark-theme-active .sma-tg-chat-list-item i,
:root.dark-theme-active .sma-tg-room i,
:root.dark-theme-active .sma-tg-chat-list-item svg,
:root.dark-theme-active .sma-tg-room svg,
:root.dark-theme-active .sma-tg-chat-list-item img,
:root.dark-theme-active .sma-tg-room img,
:root.dark-theme-active .sma-tg-chat-list-item .icon,
:root.dark-theme-active .sma-tg-room .icon,
:root.dark-theme-active .sma-tg-chat-list-item .fas,
:root.dark-theme-active .sma-tg-room .fas,
:root.dark-theme-active .sma-tg-chat-list-item .far,
:root.dark-theme-active .sma-tg-room .far,
:root.dark-theme-active .sma-tg-chat-list-item .fab,
:root.dark-theme-active .sma-tg-room .fab,
:root.dark-theme-active .sma-tg-room i,
:root.dark-theme-active .sma-tg-room svg,
:root.dark-theme-active .sma-tg-room img,
:root.dark-theme-active .sma-tg-room .icon,
:root.dark-theme-active .sma-tg-room .fas,
:root.dark-theme-active .sma-tg-room .far,
:root.dark-theme-active .sma-tg-room .fab,
html.dark-theme-active .sma-tg-chat-list-item i,
html.dark-theme-active .sma-tg-room i,
html.dark-theme-active .sma-tg-chat-list-item svg,
html.dark-theme-active .sma-tg-room svg,
html.dark-theme-active .sma-tg-chat-list-item img,
html.dark-theme-active .sma-tg-room img,
html.dark-theme-active .sma-tg-chat-list-item .icon,
html.dark-theme-active .sma-tg-room .icon,
html.dark-theme-active .sma-tg-chat-list-item .fas,
html.dark-theme-active .sma-tg-room .fas,
html.dark-theme-active .sma-tg-chat-list-item .far,
html.dark-theme-active .sma-tg-room .far,
html.dark-theme-active .sma-tg-chat-list-item .fab,
html.dark-theme-active .sma-tg-room .fab,
html.dark-theme-active .sma-tg-room i,
html.dark-theme-active .sma-tg-room svg,
html.dark-theme-active .sma-tg-room img,
html.dark-theme-active .sma-tg-room .icon,
html.dark-theme-active .sma-tg-room .fas,
html.dark-theme-active .sma-tg-room .far,
html.dark-theme-active .sma-tg-room .fab,
body.dark-theme-active .sma-tg-chat-list-item i,
body.dark-theme-active .sma-tg-room i,
body.dark-theme-active .sma-tg-chat-list-item svg,
body.dark-theme-active .sma-tg-room svg,
body.dark-theme-active .sma-tg-chat-list-item img,
body.dark-theme-active .sma-tg-room img,
body.dark-theme-active .sma-tg-chat-list-item .icon,
body.dark-theme-active .sma-tg-room .icon,
body.dark-theme-active .sma-tg-chat-list-item .fas,
body.dark-theme-active .sma-tg-room .fas,
body.dark-theme-active .sma-tg-chat-list-item .far,
body.dark-theme-active .sma-tg-room .far,
body.dark-theme-active .sma-tg-chat-list-item .fab,
body.dark-theme-active .sma-tg-room .fab,
body.dark-theme-active .sma-tg-room i,
body.dark-theme-active .sma-tg-room svg,
body.dark-theme-active .sma-tg-room img,
body.dark-theme-active .sma-tg-room .icon,
body.dark-theme-active .sma-tg-room .fas,
body.dark-theme-active .sma-tg-room .far,
body.dark-theme-active .sma-tg-room .fab {
  color: var(--chat-text-secondary) !important;
  fill: var(--chat-text-secondary) !important;
}

[data-bs-theme="dark"] .sma-tg-chat-list-item:hover,
[data-bs-theme="dark"] .sma-tg-room:hover,
[data-bs-theme="dark"] .sma-tg-chat-list-item:hover *,
[data-bs-theme="dark"] .sma-tg-room:hover *,
html[data-theme="dark"] .sma-tg-chat-list-item:hover,
html[data-theme="dark"] .sma-tg-room:hover,
html[data-theme="dark"] .sma-tg-chat-list-item:hover *,
html[data-theme="dark"] .sma-tg-room:hover *,
body[data-theme="dark"] .sma-tg-chat-list-item:hover,
body[data-theme="dark"] .sma-tg-room:hover,
body[data-theme="dark"] .sma-tg-chat-list-item:hover *,
body[data-theme="dark"] .sma-tg-room:hover *,
:root.dark-theme-active .sma-tg-chat-list-item:hover,
:root.dark-theme-active .sma-tg-room:hover,
:root.dark-theme-active .sma-tg-chat-list-item:hover *,
:root.dark-theme-active .sma-tg-room:hover *,
html.dark-theme-active .sma-tg-chat-list-item:hover,
html.dark-theme-active .sma-tg-room:hover,
html.dark-theme-active .sma-tg-chat-list-item:hover *,
html.dark-theme-active .sma-tg-room:hover *,
body.dark-theme-active .sma-tg-chat-list-item:hover,
body.dark-theme-active .sma-tg-room:hover,
body.dark-theme-active .sma-tg-chat-list-item:hover *,
body.dark-theme-active .sma-tg-room:hover * {
  background: rgba(79, 172, 254, 0.1) !important;
}

[data-bs-theme="dark"] .sma-tg-chat-list-item:hover i, [data-bs-theme="dark"] .sma-tg-room:hover i,
[data-bs-theme="dark"] .sma-tg-chat-list-item:hover svg,
[data-bs-theme="dark"] .sma-tg-room:hover svg,
[data-bs-theme="dark"] .sma-tg-chat-list-item:hover img,
[data-bs-theme="dark"] .sma-tg-room:hover img,
[data-bs-theme="dark"] .sma-tg-chat-list-item:hover .icon,
[data-bs-theme="dark"] .sma-tg-room:hover .icon,
[data-bs-theme="dark"] .sma-tg-chat-list-item:hover .fas,
[data-bs-theme="dark"] .sma-tg-room:hover .fas,
[data-bs-theme="dark"] .sma-tg-chat-list-item:hover .far,
[data-bs-theme="dark"] .sma-tg-room:hover .far,
[data-bs-theme="dark"] .sma-tg-chat-list-item:hover .fab,
[data-bs-theme="dark"] .sma-tg-room:hover .fab,
[data-bs-theme="dark"] .sma-tg-room:hover i,
[data-bs-theme="dark"] .sma-tg-room:hover svg,
[data-bs-theme="dark"] .sma-tg-room:hover img,
[data-bs-theme="dark"] .sma-tg-room:hover .icon,
[data-bs-theme="dark"] .sma-tg-room:hover .fas,
[data-bs-theme="dark"] .sma-tg-room:hover .far,
[data-bs-theme="dark"] .sma-tg-room:hover .fab,
html[data-theme="dark"] .sma-tg-chat-list-item:hover i,
html[data-theme="dark"] .sma-tg-room:hover i,
html[data-theme="dark"] .sma-tg-chat-list-item:hover svg,
html[data-theme="dark"] .sma-tg-room:hover svg,
html[data-theme="dark"] .sma-tg-chat-list-item:hover img,
html[data-theme="dark"] .sma-tg-room:hover img,
html[data-theme="dark"] .sma-tg-chat-list-item:hover .icon,
html[data-theme="dark"] .sma-tg-room:hover .icon,
html[data-theme="dark"] .sma-tg-chat-list-item:hover .fas,
html[data-theme="dark"] .sma-tg-room:hover .fas,
html[data-theme="dark"] .sma-tg-chat-list-item:hover .far,
html[data-theme="dark"] .sma-tg-room:hover .far,
html[data-theme="dark"] .sma-tg-chat-list-item:hover .fab,
html[data-theme="dark"] .sma-tg-room:hover .fab,
html[data-theme="dark"] .sma-tg-room:hover i,
html[data-theme="dark"] .sma-tg-room:hover svg,
html[data-theme="dark"] .sma-tg-room:hover img,
html[data-theme="dark"] .sma-tg-room:hover .icon,
html[data-theme="dark"] .sma-tg-room:hover .fas,
html[data-theme="dark"] .sma-tg-room:hover .far,
html[data-theme="dark"] .sma-tg-room:hover .fab,
body[data-theme="dark"] .sma-tg-chat-list-item:hover i,
body[data-theme="dark"] .sma-tg-room:hover i,
body[data-theme="dark"] .sma-tg-chat-list-item:hover svg,
body[data-theme="dark"] .sma-tg-room:hover svg,
body[data-theme="dark"] .sma-tg-chat-list-item:hover img,
body[data-theme="dark"] .sma-tg-room:hover img,
body[data-theme="dark"] .sma-tg-chat-list-item:hover .icon,
body[data-theme="dark"] .sma-tg-room:hover .icon,
body[data-theme="dark"] .sma-tg-chat-list-item:hover .fas,
body[data-theme="dark"] .sma-tg-room:hover .fas,
body[data-theme="dark"] .sma-tg-chat-list-item:hover .far,
body[data-theme="dark"] .sma-tg-room:hover .far,
body[data-theme="dark"] .sma-tg-chat-list-item:hover .fab,
body[data-theme="dark"] .sma-tg-room:hover .fab,
body[data-theme="dark"] .sma-tg-room:hover i,
body[data-theme="dark"] .sma-tg-room:hover svg,
body[data-theme="dark"] .sma-tg-room:hover img,
body[data-theme="dark"] .sma-tg-room:hover .icon,
body[data-theme="dark"] .sma-tg-room:hover .fas,
body[data-theme="dark"] .sma-tg-room:hover .far,
body[data-theme="dark"] .sma-tg-room:hover .fab,
:root.dark-theme-active .sma-tg-chat-list-item:hover i,
:root.dark-theme-active .sma-tg-room:hover i,
:root.dark-theme-active .sma-tg-chat-list-item:hover svg,
:root.dark-theme-active .sma-tg-room:hover svg,
:root.dark-theme-active .sma-tg-chat-list-item:hover img,
:root.dark-theme-active .sma-tg-room:hover img,
:root.dark-theme-active .sma-tg-chat-list-item:hover .icon,
:root.dark-theme-active .sma-tg-room:hover .icon,
:root.dark-theme-active .sma-tg-chat-list-item:hover .fas,
:root.dark-theme-active .sma-tg-room:hover .fas,
:root.dark-theme-active .sma-tg-chat-list-item:hover .far,
:root.dark-theme-active .sma-tg-room:hover .far,
:root.dark-theme-active .sma-tg-chat-list-item:hover .fab,
:root.dark-theme-active .sma-tg-room:hover .fab,
:root.dark-theme-active .sma-tg-room:hover i,
:root.dark-theme-active .sma-tg-room:hover svg,
:root.dark-theme-active .sma-tg-room:hover img,
:root.dark-theme-active .sma-tg-room:hover .icon,
:root.dark-theme-active .sma-tg-room:hover .fas,
:root.dark-theme-active .sma-tg-room:hover .far,
:root.dark-theme-active .sma-tg-room:hover .fab,
html.dark-theme-active .sma-tg-chat-list-item:hover i,
html.dark-theme-active .sma-tg-room:hover i,
html.dark-theme-active .sma-tg-chat-list-item:hover svg,
html.dark-theme-active .sma-tg-room:hover svg,
html.dark-theme-active .sma-tg-chat-list-item:hover img,
html.dark-theme-active .sma-tg-room:hover img,
html.dark-theme-active .sma-tg-chat-list-item:hover .icon,
html.dark-theme-active .sma-tg-room:hover .icon,
html.dark-theme-active .sma-tg-chat-list-item:hover .fas,
html.dark-theme-active .sma-tg-room:hover .fas,
html.dark-theme-active .sma-tg-chat-list-item:hover .far,
html.dark-theme-active .sma-tg-room:hover .far,
html.dark-theme-active .sma-tg-chat-list-item:hover .fab,
html.dark-theme-active .sma-tg-room:hover .fab,
html.dark-theme-active .sma-tg-room:hover i,
html.dark-theme-active .sma-tg-room:hover svg,
html.dark-theme-active .sma-tg-room:hover img,
html.dark-theme-active .sma-tg-room:hover .icon,
html.dark-theme-active .sma-tg-room:hover .fas,
html.dark-theme-active .sma-tg-room:hover .far,
html.dark-theme-active .sma-tg-room:hover .fab,
body.dark-theme-active .sma-tg-chat-list-item:hover i,
body.dark-theme-active .sma-tg-room:hover i,
body.dark-theme-active .sma-tg-chat-list-item:hover svg,
body.dark-theme-active .sma-tg-room:hover svg,
body.dark-theme-active .sma-tg-chat-list-item:hover img,
body.dark-theme-active .sma-tg-room:hover img,
body.dark-theme-active .sma-tg-chat-list-item:hover .icon,
body.dark-theme-active .sma-tg-room:hover .icon,
body.dark-theme-active .sma-tg-chat-list-item:hover .fas,
body.dark-theme-active .sma-tg-room:hover .fas,
body.dark-theme-active .sma-tg-chat-list-item:hover .far,
body.dark-theme-active .sma-tg-room:hover .far,
body.dark-theme-active .sma-tg-chat-list-item:hover .fab,
body.dark-theme-active .sma-tg-room:hover .fab,
body.dark-theme-active .sma-tg-room:hover i,
body.dark-theme-active .sma-tg-room:hover svg,
body.dark-theme-active .sma-tg-room:hover img,
body.dark-theme-active .sma-tg-room:hover .icon,
body.dark-theme-active .sma-tg-room:hover .fas,
body.dark-theme-active .sma-tg-room:hover .far,
body.dark-theme-active .sma-tg-room:hover .fab {
  color: var(--chat-text-primary) !important;
  fill: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .sma-tg-chat-list-item.active,
[data-bs-theme="dark"] .active.sma-tg-room,
[data-bs-theme="dark"] .sma-tg-chat-list-item.active *,
[data-bs-theme="dark"] .active.sma-tg-room *,
html[data-theme="dark"] .sma-tg-chat-list-item.active,
html[data-theme="dark"] .active.sma-tg-room,
html[data-theme="dark"] .sma-tg-chat-list-item.active *,
html[data-theme="dark"] .active.sma-tg-room *,
body[data-theme="dark"] .sma-tg-chat-list-item.active,
body[data-theme="dark"] .active.sma-tg-room,
body[data-theme="dark"] .sma-tg-chat-list-item.active *,
body[data-theme="dark"] .active.sma-tg-room *,
:root.dark-theme-active .sma-tg-chat-list-item.active,
:root.dark-theme-active .active.sma-tg-room,
:root.dark-theme-active .sma-tg-chat-list-item.active *,
:root.dark-theme-active .active.sma-tg-room *,
html.dark-theme-active .sma-tg-chat-list-item.active,
html.dark-theme-active .active.sma-tg-room,
html.dark-theme-active .sma-tg-chat-list-item.active *,
html.dark-theme-active .active.sma-tg-room *,
body.dark-theme-active .sma-tg-chat-list-item.active,
body.dark-theme-active .active.sma-tg-room,
body.dark-theme-active .sma-tg-chat-list-item.active *,
body.dark-theme-active .active.sma-tg-room * {
  background: linear-gradient(135deg, rgba(79, 172, 254, 0.15), rgba(0, 242, 254, 0.08)) !important;
}

[data-bs-theme="dark"] .sma-tg-chat-list-item.active i, [data-bs-theme="dark"] .active.sma-tg-room i,
[data-bs-theme="dark"] .sma-tg-chat-list-item.active svg,
[data-bs-theme="dark"] .active.sma-tg-room svg,
[data-bs-theme="dark"] .sma-tg-chat-list-item.active img,
[data-bs-theme="dark"] .active.sma-tg-room img,
[data-bs-theme="dark"] .sma-tg-chat-list-item.active .icon,
[data-bs-theme="dark"] .active.sma-tg-room .icon,
[data-bs-theme="dark"] .sma-tg-chat-list-item.active .fas,
[data-bs-theme="dark"] .active.sma-tg-room .fas,
[data-bs-theme="dark"] .sma-tg-chat-list-item.active .far,
[data-bs-theme="dark"] .active.sma-tg-room .far,
[data-bs-theme="dark"] .sma-tg-chat-list-item.active .fab,
[data-bs-theme="dark"] .active.sma-tg-room .fab,
[data-bs-theme="dark"] .active.sma-tg-room i,
[data-bs-theme="dark"] .active.sma-tg-room svg,
[data-bs-theme="dark"] .active.sma-tg-room img,
[data-bs-theme="dark"] .active.sma-tg-room .icon,
[data-bs-theme="dark"] .active.sma-tg-room .fas,
[data-bs-theme="dark"] .active.sma-tg-room .far,
[data-bs-theme="dark"] .active.sma-tg-room .fab,
html[data-theme="dark"] .sma-tg-chat-list-item.active i,
html[data-theme="dark"] .active.sma-tg-room i,
html[data-theme="dark"] .sma-tg-chat-list-item.active svg,
html[data-theme="dark"] .active.sma-tg-room svg,
html[data-theme="dark"] .sma-tg-chat-list-item.active img,
html[data-theme="dark"] .active.sma-tg-room img,
html[data-theme="dark"] .sma-tg-chat-list-item.active .icon,
html[data-theme="dark"] .active.sma-tg-room .icon,
html[data-theme="dark"] .sma-tg-chat-list-item.active .fas,
html[data-theme="dark"] .active.sma-tg-room .fas,
html[data-theme="dark"] .sma-tg-chat-list-item.active .far,
html[data-theme="dark"] .active.sma-tg-room .far,
html[data-theme="dark"] .sma-tg-chat-list-item.active .fab,
html[data-theme="dark"] .active.sma-tg-room .fab,
html[data-theme="dark"] .active.sma-tg-room i,
html[data-theme="dark"] .active.sma-tg-room svg,
html[data-theme="dark"] .active.sma-tg-room img,
html[data-theme="dark"] .active.sma-tg-room .icon,
html[data-theme="dark"] .active.sma-tg-room .fas,
html[data-theme="dark"] .active.sma-tg-room .far,
html[data-theme="dark"] .active.sma-tg-room .fab,
body[data-theme="dark"] .sma-tg-chat-list-item.active i,
body[data-theme="dark"] .active.sma-tg-room i,
body[data-theme="dark"] .sma-tg-chat-list-item.active svg,
body[data-theme="dark"] .active.sma-tg-room svg,
body[data-theme="dark"] .sma-tg-chat-list-item.active img,
body[data-theme="dark"] .active.sma-tg-room img,
body[data-theme="dark"] .sma-tg-chat-list-item.active .icon,
body[data-theme="dark"] .active.sma-tg-room .icon,
body[data-theme="dark"] .sma-tg-chat-list-item.active .fas,
body[data-theme="dark"] .active.sma-tg-room .fas,
body[data-theme="dark"] .sma-tg-chat-list-item.active .far,
body[data-theme="dark"] .active.sma-tg-room .far,
body[data-theme="dark"] .sma-tg-chat-list-item.active .fab,
body[data-theme="dark"] .active.sma-tg-room .fab,
body[data-theme="dark"] .active.sma-tg-room i,
body[data-theme="dark"] .active.sma-tg-room svg,
body[data-theme="dark"] .active.sma-tg-room img,
body[data-theme="dark"] .active.sma-tg-room .icon,
body[data-theme="dark"] .active.sma-tg-room .fas,
body[data-theme="dark"] .active.sma-tg-room .far,
body[data-theme="dark"] .active.sma-tg-room .fab,
:root.dark-theme-active .sma-tg-chat-list-item.active i,
:root.dark-theme-active .active.sma-tg-room i,
:root.dark-theme-active .sma-tg-chat-list-item.active svg,
:root.dark-theme-active .active.sma-tg-room svg,
:root.dark-theme-active .sma-tg-chat-list-item.active img,
:root.dark-theme-active .active.sma-tg-room img,
:root.dark-theme-active .sma-tg-chat-list-item.active .icon,
:root.dark-theme-active .active.sma-tg-room .icon,
:root.dark-theme-active .sma-tg-chat-list-item.active .fas,
:root.dark-theme-active .active.sma-tg-room .fas,
:root.dark-theme-active .sma-tg-chat-list-item.active .far,
:root.dark-theme-active .active.sma-tg-room .far,
:root.dark-theme-active .sma-tg-chat-list-item.active .fab,
:root.dark-theme-active .active.sma-tg-room .fab,
:root.dark-theme-active .active.sma-tg-room i,
:root.dark-theme-active .active.sma-tg-room svg,
:root.dark-theme-active .active.sma-tg-room img,
:root.dark-theme-active .active.sma-tg-room .icon,
:root.dark-theme-active .active.sma-tg-room .fas,
:root.dark-theme-active .active.sma-tg-room .far,
:root.dark-theme-active .active.sma-tg-room .fab,
html.dark-theme-active .sma-tg-chat-list-item.active i,
html.dark-theme-active .active.sma-tg-room i,
html.dark-theme-active .sma-tg-chat-list-item.active svg,
html.dark-theme-active .active.sma-tg-room svg,
html.dark-theme-active .sma-tg-chat-list-item.active img,
html.dark-theme-active .active.sma-tg-room img,
html.dark-theme-active .sma-tg-chat-list-item.active .icon,
html.dark-theme-active .active.sma-tg-room .icon,
html.dark-theme-active .sma-tg-chat-list-item.active .fas,
html.dark-theme-active .active.sma-tg-room .fas,
html.dark-theme-active .sma-tg-chat-list-item.active .far,
html.dark-theme-active .active.sma-tg-room .far,
html.dark-theme-active .sma-tg-chat-list-item.active .fab,
html.dark-theme-active .active.sma-tg-room .fab,
html.dark-theme-active .active.sma-tg-room i,
html.dark-theme-active .active.sma-tg-room svg,
html.dark-theme-active .active.sma-tg-room img,
html.dark-theme-active .active.sma-tg-room .icon,
html.dark-theme-active .active.sma-tg-room .fas,
html.dark-theme-active .active.sma-tg-room .far,
html.dark-theme-active .active.sma-tg-room .fab,
body.dark-theme-active .sma-tg-chat-list-item.active i,
body.dark-theme-active .active.sma-tg-room i,
body.dark-theme-active .sma-tg-chat-list-item.active svg,
body.dark-theme-active .active.sma-tg-room svg,
body.dark-theme-active .sma-tg-chat-list-item.active img,
body.dark-theme-active .active.sma-tg-room img,
body.dark-theme-active .sma-tg-chat-list-item.active .icon,
body.dark-theme-active .active.sma-tg-room .icon,
body.dark-theme-active .sma-tg-chat-list-item.active .fas,
body.dark-theme-active .active.sma-tg-room .fas,
body.dark-theme-active .sma-tg-chat-list-item.active .far,
body.dark-theme-active .active.sma-tg-room .far,
body.dark-theme-active .sma-tg-chat-list-item.active .fab,
body.dark-theme-active .active.sma-tg-room .fab,
body.dark-theme-active .active.sma-tg-room i,
body.dark-theme-active .active.sma-tg-room svg,
body.dark-theme-active .active.sma-tg-room img,
body.dark-theme-active .active.sma-tg-room .icon,
body.dark-theme-active .active.sma-tg-room .fas,
body.dark-theme-active .active.sma-tg-room .far,
body.dark-theme-active .active.sma-tg-room .fab {
  color: var(--chat-primary) !important;
  fill: var(--chat-primary) !important;
}

[data-bs-theme="dark"] .sma-tg-chat-list-title,
[data-bs-theme="dark"] .sma-tg-room-title,
[data-bs-theme="dark"] .sma-tg-chat-list-title *,
[data-bs-theme="dark"] .sma-tg-room-title *,
html[data-theme="dark"] .sma-tg-chat-list-title,
html[data-theme="dark"] .sma-tg-room-title,
html[data-theme="dark"] .sma-tg-chat-list-title *,
html[data-theme="dark"] .sma-tg-room-title *,
body[data-theme="dark"] .sma-tg-chat-list-title,
body[data-theme="dark"] .sma-tg-room-title,
body[data-theme="dark"] .sma-tg-chat-list-title *,
body[data-theme="dark"] .sma-tg-room-title *,
:root.dark-theme-active .sma-tg-chat-list-title,
:root.dark-theme-active .sma-tg-room-title,
:root.dark-theme-active .sma-tg-chat-list-title *,
:root.dark-theme-active .sma-tg-room-title *,
html.dark-theme-active .sma-tg-chat-list-title,
html.dark-theme-active .sma-tg-room-title,
html.dark-theme-active .sma-tg-chat-list-title *,
html.dark-theme-active .sma-tg-room-title *,
body.dark-theme-active .sma-tg-chat-list-title,
body.dark-theme-active .sma-tg-room-title,
body.dark-theme-active .sma-tg-chat-list-title *,
body.dark-theme-active .sma-tg-room-title * {
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .sma-tg-chat-list-preview,
[data-bs-theme="dark"] .sma-tg-room-preview,
[data-bs-theme="dark"] .sma-tg-chat-list-preview *,
[data-bs-theme="dark"] .sma-tg-room-preview *,
html[data-theme="dark"] .sma-tg-chat-list-preview,
html[data-theme="dark"] .sma-tg-room-preview,
html[data-theme="dark"] .sma-tg-chat-list-preview *,
html[data-theme="dark"] .sma-tg-room-preview *,
body[data-theme="dark"] .sma-tg-chat-list-preview,
body[data-theme="dark"] .sma-tg-room-preview,
body[data-theme="dark"] .sma-tg-chat-list-preview *,
body[data-theme="dark"] .sma-tg-room-preview *,
:root.dark-theme-active .sma-tg-chat-list-preview,
:root.dark-theme-active .sma-tg-room-preview,
:root.dark-theme-active .sma-tg-chat-list-preview *,
:root.dark-theme-active .sma-tg-room-preview *,
html.dark-theme-active .sma-tg-chat-list-preview,
html.dark-theme-active .sma-tg-room-preview,
html.dark-theme-active .sma-tg-chat-list-preview *,
html.dark-theme-active .sma-tg-room-preview *,
body.dark-theme-active .sma-tg-chat-list-preview,
body.dark-theme-active .sma-tg-room-preview,
body.dark-theme-active .sma-tg-chat-list-preview *,
body.dark-theme-active .sma-tg-room-preview * {
  color: var(--chat-text-secondary) !important;
}

[data-bs-theme="dark"] .sma-tg-chat-list-time,
[data-bs-theme="dark"] .sma-tg-room-time,
[data-bs-theme="dark"] .sma-tg-chat-list-time *,
[data-bs-theme="dark"] .sma-tg-room-time *,
html[data-theme="dark"] .sma-tg-chat-list-time,
html[data-theme="dark"] .sma-tg-room-time,
html[data-theme="dark"] .sma-tg-chat-list-time *,
html[data-theme="dark"] .sma-tg-room-time *,
body[data-theme="dark"] .sma-tg-chat-list-time,
body[data-theme="dark"] .sma-tg-room-time,
body[data-theme="dark"] .sma-tg-chat-list-time *,
body[data-theme="dark"] .sma-tg-room-time *,
:root.dark-theme-active .sma-tg-chat-list-time,
:root.dark-theme-active .sma-tg-room-time,
:root.dark-theme-active .sma-tg-chat-list-time *,
:root.dark-theme-active .sma-tg-room-time *,
html.dark-theme-active .sma-tg-chat-list-time,
html.dark-theme-active .sma-tg-room-time,
html.dark-theme-active .sma-tg-chat-list-time *,
html.dark-theme-active .sma-tg-room-time *,
body.dark-theme-active .sma-tg-chat-list-time,
body.dark-theme-active .sma-tg-room-time,
body.dark-theme-active .sma-tg-chat-list-time *,
body.dark-theme-active .sma-tg-room-time * {
  color: var(--chat-text-muted) !important;
}

[data-bs-theme="dark"] .sma-tg-chat-list-meta i,
[data-bs-theme="dark"] .sma-tg-chat-list-meta svg,
[data-bs-theme="dark"] .sma-tg-chat-list-meta img,
[data-bs-theme="dark"] .sma-tg-chat-list-meta .icon,
[data-bs-theme="dark"] .sma-tg-chat-list-meta .fas,
[data-bs-theme="dark"] .sma-tg-chat-list-meta .far,
[data-bs-theme="dark"] .sma-tg-chat-list-meta .fab,
html[data-theme="dark"] .sma-tg-chat-list-meta i,
html[data-theme="dark"] .sma-tg-chat-list-meta svg,
html[data-theme="dark"] .sma-tg-chat-list-meta img,
html[data-theme="dark"] .sma-tg-chat-list-meta .icon,
html[data-theme="dark"] .sma-tg-chat-list-meta .fas,
html[data-theme="dark"] .sma-tg-chat-list-meta .far,
html[data-theme="dark"] .sma-tg-chat-list-meta .fab,
body[data-theme="dark"] .sma-tg-chat-list-meta i,
body[data-theme="dark"] .sma-tg-chat-list-meta svg,
body[data-theme="dark"] .sma-tg-chat-list-meta img,
body[data-theme="dark"] .sma-tg-chat-list-meta .icon,
body[data-theme="dark"] .sma-tg-chat-list-meta .fas,
body[data-theme="dark"] .sma-tg-chat-list-meta .far,
body[data-theme="dark"] .sma-tg-chat-list-meta .fab,
:root.dark-theme-active .sma-tg-chat-list-meta i,
:root.dark-theme-active .sma-tg-chat-list-meta svg,
:root.dark-theme-active .sma-tg-chat-list-meta img,
:root.dark-theme-active .sma-tg-chat-list-meta .icon,
:root.dark-theme-active .sma-tg-chat-list-meta .fas,
:root.dark-theme-active .sma-tg-chat-list-meta .far,
:root.dark-theme-active .sma-tg-chat-list-meta .fab,
html.dark-theme-active .sma-tg-chat-list-meta i,
html.dark-theme-active .sma-tg-chat-list-meta svg,
html.dark-theme-active .sma-tg-chat-list-meta img,
html.dark-theme-active .sma-tg-chat-list-meta .icon,
html.dark-theme-active .sma-tg-chat-list-meta .fas,
html.dark-theme-active .sma-tg-chat-list-meta .far,
html.dark-theme-active .sma-tg-chat-list-meta .fab,
body.dark-theme-active .sma-tg-chat-list-meta i,
body.dark-theme-active .sma-tg-chat-list-meta svg,
body.dark-theme-active .sma-tg-chat-list-meta img,
body.dark-theme-active .sma-tg-chat-list-meta .icon,
body.dark-theme-active .sma-tg-chat-list-meta .fas,
body.dark-theme-active .sma-tg-chat-list-meta .far,
body.dark-theme-active .sma-tg-chat-list-meta .fab {
  color: var(--chat-text-muted) !important;
  fill: var(--chat-text-muted) !important;
}

[data-bs-theme="dark"] .sma-tg-input-area,
html[data-theme="dark"] .sma-tg-input-area,
body[data-theme="dark"] .sma-tg-input-area,
:root.dark-theme-active .sma-tg-input-area,
html.dark-theme-active .sma-tg-input-area,
body.dark-theme-active .sma-tg-input-area {
  background: var(--chat-card-bg) !important;
  border-color: var(--chat-border) !important;
}

[data-bs-theme="dark"] .sma-tg-input-area .input-wrapper,
html[data-theme="dark"] .sma-tg-input-area .input-wrapper,
body[data-theme="dark"] .sma-tg-input-area .input-wrapper,
:root.dark-theme-active .sma-tg-input-area .input-wrapper,
html.dark-theme-active .sma-tg-input-area .input-wrapper,
body.dark-theme-active .sma-tg-input-area .input-wrapper {
  background: var(--chat-card-bg) !important;
  border-color: var(--chat-border) !important;
}

[data-bs-theme="dark"] .sma-tg-input-area textarea,
html[data-theme="dark"] .sma-tg-input-area textarea,
body[data-theme="dark"] .sma-tg-input-area textarea,
:root.dark-theme-active .sma-tg-input-area textarea,
html.dark-theme-active .sma-tg-input-area textarea,
body.dark-theme-active .sma-tg-input-area textarea {
  background: transparent !important;
}

[data-bs-theme="dark"] .sma-tg-input-area textarea,
[data-bs-theme="dark"] .sma-tg-input-area textarea *,
[data-bs-theme="dark"] #sma-tg-input,
html[data-theme="dark"] .sma-tg-input-area textarea,
html[data-theme="dark"] .sma-tg-input-area textarea *,
html[data-theme="dark"] #sma-tg-input,
body[data-theme="dark"] .sma-tg-input-area textarea,
body[data-theme="dark"] .sma-tg-input-area textarea *,
body[data-theme="dark"] #sma-tg-input,
:root.dark-theme-active .sma-tg-input-area textarea,
:root.dark-theme-active .sma-tg-input-area textarea *,
:root.dark-theme-active #sma-tg-input,
html.dark-theme-active .sma-tg-input-area textarea,
html.dark-theme-active .sma-tg-input-area textarea *,
html.dark-theme-active #sma-tg-input,
body.dark-theme-active .sma-tg-input-area textarea,
body.dark-theme-active .sma-tg-input-area textarea *,
body.dark-theme-active #sma-tg-input {
  color: #ffffff !important;
  background: transparent !important;
  background-color: transparent !important;
}

[data-bs-theme="dark"] .sma-tg-input-area textarea::placeholder,
[data-bs-theme="dark"] #sma-tg-input::placeholder,
html[data-theme="dark"] .sma-tg-input-area textarea::placeholder,
html[data-theme="dark"] #sma-tg-input::placeholder,
body[data-theme="dark"] .sma-tg-input-area textarea::placeholder,
body[data-theme="dark"] #sma-tg-input::placeholder,
:root.dark-theme-active .sma-tg-input-area textarea::placeholder,
:root.dark-theme-active #sma-tg-input::placeholder,
html.dark-theme-active .sma-tg-input-area textarea::placeholder,
html.dark-theme-active #sma-tg-input::placeholder,
body.dark-theme-active .sma-tg-input-area textarea::placeholder,
body.dark-theme-active #sma-tg-input::placeholder {
  color: #9ca3af !important;
  opacity: 1 !important;
}

[data-bs-theme="dark"] .sma-tg-input-area i,
[data-bs-theme="dark"] .sma-tg-input-area svg,
[data-bs-theme="dark"] .sma-tg-input-area img,
[data-bs-theme="dark"] .sma-tg-input-area .icon,
[data-bs-theme="dark"] .sma-tg-input-area .fas,
[data-bs-theme="dark"] .sma-tg-input-area .far,
[data-bs-theme="dark"] .sma-tg-input-area .fab,
html[data-theme="dark"] .sma-tg-input-area i,
html[data-theme="dark"] .sma-tg-input-area svg,
html[data-theme="dark"] .sma-tg-input-area img,
html[data-theme="dark"] .sma-tg-input-area .icon,
html[data-theme="dark"] .sma-tg-input-area .fas,
html[data-theme="dark"] .sma-tg-input-area .far,
html[data-theme="dark"] .sma-tg-input-area .fab,
body[data-theme="dark"] .sma-tg-input-area i,
body[data-theme="dark"] .sma-tg-input-area svg,
body[data-theme="dark"] .sma-tg-input-area img,
body[data-theme="dark"] .sma-tg-input-area .icon,
body[data-theme="dark"] .sma-tg-input-area .fas,
body[data-theme="dark"] .sma-tg-input-area .far,
body[data-theme="dark"] .sma-tg-input-area .fab,
:root.dark-theme-active .sma-tg-input-area i,
:root.dark-theme-active .sma-tg-input-area svg,
:root.dark-theme-active .sma-tg-input-area img,
:root.dark-theme-active .sma-tg-input-area .icon,
:root.dark-theme-active .sma-tg-input-area .fas,
:root.dark-theme-active .sma-tg-input-area .far,
:root.dark-theme-active .sma-tg-input-area .fab,
html.dark-theme-active .sma-tg-input-area i,
html.dark-theme-active .sma-tg-input-area svg,
html.dark-theme-active .sma-tg-input-area img,
html.dark-theme-active .sma-tg-input-area .icon,
html.dark-theme-active .sma-tg-input-area .fas,
html.dark-theme-active .sma-tg-input-area .far,
html.dark-theme-active .sma-tg-input-area .fab,
body.dark-theme-active .sma-tg-input-area i,
body.dark-theme-active .sma-tg-input-area svg,
body.dark-theme-active .sma-tg-input-area img,
body.dark-theme-active .sma-tg-input-area .icon,
body.dark-theme-active .sma-tg-input-area .fas,
body.dark-theme-active .sma-tg-input-area .far,
body.dark-theme-active .sma-tg-input-area .fab {
  color: var(--chat-text-secondary) !important;
  fill: var(--chat-text-secondary) !important;
}

[data-bs-theme="dark"] .sma-tg-input-area .emoji-btn:hover i,
[data-bs-theme="dark"] .sma-tg-input-area .emoji-btn:hover svg,
[data-bs-theme="dark"] .sma-tg-input-area .emoji-btn:hover img,
[data-bs-theme="dark"] .sma-tg-input-area .attach-btn:hover i,
[data-bs-theme="dark"] .sma-tg-input-area .attach-btn:hover svg,
[data-bs-theme="dark"] .sma-tg-input-area .attach-btn:hover img,
html[data-theme="dark"] .sma-tg-input-area .emoji-btn:hover i,
html[data-theme="dark"] .sma-tg-input-area .emoji-btn:hover svg,
html[data-theme="dark"] .sma-tg-input-area .emoji-btn:hover img,
html[data-theme="dark"] .sma-tg-input-area .attach-btn:hover i,
html[data-theme="dark"] .sma-tg-input-area .attach-btn:hover svg,
html[data-theme="dark"] .sma-tg-input-area .attach-btn:hover img,
body[data-theme="dark"] .sma-tg-input-area .emoji-btn:hover i,
body[data-theme="dark"] .sma-tg-input-area .emoji-btn:hover svg,
body[data-theme="dark"] .sma-tg-input-area .emoji-btn:hover img,
body[data-theme="dark"] .sma-tg-input-area .attach-btn:hover i,
body[data-theme="dark"] .sma-tg-input-area .attach-btn:hover svg,
body[data-theme="dark"] .sma-tg-input-area .attach-btn:hover img,
:root.dark-theme-active .sma-tg-input-area .emoji-btn:hover i,
:root.dark-theme-active .sma-tg-input-area .emoji-btn:hover svg,
:root.dark-theme-active .sma-tg-input-area .emoji-btn:hover img,
:root.dark-theme-active .sma-tg-input-area .attach-btn:hover i,
:root.dark-theme-active .sma-tg-input-area .attach-btn:hover svg,
:root.dark-theme-active .sma-tg-input-area .attach-btn:hover img,
html.dark-theme-active .sma-tg-input-area .emoji-btn:hover i,
html.dark-theme-active .sma-tg-input-area .emoji-btn:hover svg,
html.dark-theme-active .sma-tg-input-area .emoji-btn:hover img,
html.dark-theme-active .sma-tg-input-area .attach-btn:hover i,
html.dark-theme-active .sma-tg-input-area .attach-btn:hover svg,
html.dark-theme-active .sma-tg-input-area .attach-btn:hover img,
body.dark-theme-active .sma-tg-input-area .emoji-btn:hover i,
body.dark-theme-active .sma-tg-input-area .emoji-btn:hover svg,
body.dark-theme-active .sma-tg-input-area .emoji-btn:hover img,
body.dark-theme-active .sma-tg-input-area .attach-btn:hover i,
body.dark-theme-active .sma-tg-input-area .attach-btn:hover svg,
body.dark-theme-active .sma-tg-input-area .attach-btn:hover img {
  color: var(--chat-text-primary) !important;
  fill: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .chat-header,
html[data-theme="dark"] .chat-header,
body[data-theme="dark"] .chat-header,
:root.dark-theme-active .chat-header,
html.dark-theme-active .chat-header,
body.dark-theme-active .chat-header {
  background: var(--chat-header-bg) !important;
  background-color: var(--chat-header-bg) !important;
  border-color: var(--chat-header-border) !important;
}

[data-bs-theme="dark"] .chat-header *,
html[data-theme="dark"] .chat-header *,
body[data-theme="dark"] .chat-header *,
:root.dark-theme-active .chat-header *,
html.dark-theme-active .chat-header *,
body.dark-theme-active .chat-header * {
  border-color: var(--chat-border) !important;
}

[data-bs-theme="dark"] .chat-username,
[data-bs-theme="dark"] .chat-username *,
html[data-theme="dark"] .chat-username,
html[data-theme="dark"] .chat-username *,
body[data-theme="dark"] .chat-username,
body[data-theme="dark"] .chat-username *,
:root.dark-theme-active .chat-username,
:root.dark-theme-active .chat-username *,
html.dark-theme-active .chat-username,
html.dark-theme-active .chat-username *,
body.dark-theme-active .chat-username,
body.dark-theme-active .chat-username * {
  color: var(--chat-header-text) !important;
}

[data-bs-theme="dark"] .chat-status,
[data-bs-theme="dark"] .chat-status *,
html[data-theme="dark"] .chat-status,
html[data-theme="dark"] .chat-status *,
body[data-theme="dark"] .chat-status,
body[data-theme="dark"] .chat-status *,
:root.dark-theme-active .chat-status,
:root.dark-theme-active .chat-status *,
html.dark-theme-active .chat-status,
html.dark-theme-active .chat-status *,
body.dark-theme-active .chat-status,
body.dark-theme-active .chat-status * {
  color: var(--chat-header-subtext) !important;
}

[data-bs-theme="dark"] .chat-header i,
[data-bs-theme="dark"] .chat-header svg,
[data-bs-theme="dark"] .chat-header img,
[data-bs-theme="dark"] .chat-header .icon,
[data-bs-theme="dark"] .chat-header .fas,
[data-bs-theme="dark"] .chat-header .far,
[data-bs-theme="dark"] .chat-header .fab,
[data-bs-theme="dark"] .chat-header .icon-btn,
[data-bs-theme="dark"] .chat-header .back-btn,
html[data-theme="dark"] .chat-header i,
html[data-theme="dark"] .chat-header svg,
html[data-theme="dark"] .chat-header img,
html[data-theme="dark"] .chat-header .icon,
html[data-theme="dark"] .chat-header .fas,
html[data-theme="dark"] .chat-header .far,
html[data-theme="dark"] .chat-header .fab,
html[data-theme="dark"] .chat-header .icon-btn,
html[data-theme="dark"] .chat-header .back-btn,
body[data-theme="dark"] .chat-header i,
body[data-theme="dark"] .chat-header svg,
body[data-theme="dark"] .chat-header img,
body[data-theme="dark"] .chat-header .icon,
body[data-theme="dark"] .chat-header .fas,
body[data-theme="dark"] .chat-header .far,
body[data-theme="dark"] .chat-header .fab,
body[data-theme="dark"] .chat-header .icon-btn,
body[data-theme="dark"] .chat-header .back-btn,
:root.dark-theme-active .chat-header i,
:root.dark-theme-active .chat-header svg,
:root.dark-theme-active .chat-header img,
:root.dark-theme-active .chat-header .icon,
:root.dark-theme-active .chat-header .fas,
:root.dark-theme-active .chat-header .far,
:root.dark-theme-active .chat-header .fab,
:root.dark-theme-active .chat-header .icon-btn,
:root.dark-theme-active .chat-header .back-btn,
html.dark-theme-active .chat-header i,
html.dark-theme-active .chat-header svg,
html.dark-theme-active .chat-header img,
html.dark-theme-active .chat-header .icon,
html.dark-theme-active .chat-header .fas,
html.dark-theme-active .chat-header .far,
html.dark-theme-active .chat-header .fab,
html.dark-theme-active .chat-header .icon-btn,
html.dark-theme-active .chat-header .back-btn,
body.dark-theme-active .chat-header i,
body.dark-theme-active .chat-header svg,
body.dark-theme-active .chat-header img,
body.dark-theme-active .chat-header .icon,
body.dark-theme-active .chat-header .fas,
body.dark-theme-active .chat-header .far,
body.dark-theme-active .chat-header .fab,
body.dark-theme-active .chat-header .icon-btn,
body.dark-theme-active .chat-header .back-btn {
  color: var(--chat-header-icon) !important;
  fill: var(--chat-header-icon) !important;
}

[data-bs-theme="dark"] .chat-header .icon-btn:hover i,
[data-bs-theme="dark"] .chat-header .icon-btn:hover svg,
[data-bs-theme="dark"] .chat-header .icon-btn:hover img,
[data-bs-theme="dark"] .chat-header .back-btn:hover i,
[data-bs-theme="dark"] .chat-header .back-btn:hover svg,
[data-bs-theme="dark"] .chat-header .back-btn:hover img,
html[data-theme="dark"] .chat-header .icon-btn:hover i,
html[data-theme="dark"] .chat-header .icon-btn:hover svg,
html[data-theme="dark"] .chat-header .icon-btn:hover img,
html[data-theme="dark"] .chat-header .back-btn:hover i,
html[data-theme="dark"] .chat-header .back-btn:hover svg,
html[data-theme="dark"] .chat-header .back-btn:hover img,
body[data-theme="dark"] .chat-header .icon-btn:hover i,
body[data-theme="dark"] .chat-header .icon-btn:hover svg,
body[data-theme="dark"] .chat-header .icon-btn:hover img,
body[data-theme="dark"] .chat-header .back-btn:hover i,
body[data-theme="dark"] .chat-header .back-btn:hover svg,
body[data-theme="dark"] .chat-header .back-btn:hover img,
:root.dark-theme-active .chat-header .icon-btn:hover i,
:root.dark-theme-active .chat-header .icon-btn:hover svg,
:root.dark-theme-active .chat-header .icon-btn:hover img,
:root.dark-theme-active .chat-header .back-btn:hover i,
:root.dark-theme-active .chat-header .back-btn:hover svg,
:root.dark-theme-active .chat-header .back-btn:hover img,
html.dark-theme-active .chat-header .icon-btn:hover i,
html.dark-theme-active .chat-header .icon-btn:hover svg,
html.dark-theme-active .chat-header .icon-btn:hover img,
html.dark-theme-active .chat-header .back-btn:hover i,
html.dark-theme-active .chat-header .back-btn:hover svg,
html.dark-theme-active .chat-header .back-btn:hover img,
body.dark-theme-active .chat-header .icon-btn:hover i,
body.dark-theme-active .chat-header .icon-btn:hover svg,
body.dark-theme-active .chat-header .icon-btn:hover img,
body.dark-theme-active .chat-header .back-btn:hover i,
body.dark-theme-active .chat-header .back-btn:hover svg,
body.dark-theme-active .chat-header .back-btn:hover img {
  color: var(--chat-text-primary) !important;
  fill: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .chat-search,
[data-bs-theme="dark"] .chat-search *,
html[data-theme="dark"] .chat-search,
html[data-theme="dark"] .chat-search *,
body[data-theme="dark"] .chat-search,
body[data-theme="dark"] .chat-search *,
:root.dark-theme-active .chat-search,
:root.dark-theme-active .chat-search *,
html.dark-theme-active .chat-search,
html.dark-theme-active .chat-search *,
body.dark-theme-active .chat-search,
body.dark-theme-active .chat-search * {
  background: var(--chat-card-bg) !important;
  border-color: var(--chat-border) !important;
}

[data-bs-theme="dark"] .search-input,
[data-bs-theme="dark"] .search-input *,
html[data-theme="dark"] .search-input,
html[data-theme="dark"] .search-input *,
body[data-theme="dark"] .search-input,
body[data-theme="dark"] .search-input *,
:root.dark-theme-active .search-input,
:root.dark-theme-active .search-input *,
html.dark-theme-active .search-input,
html.dark-theme-active .search-input *,
body.dark-theme-active .search-input,
body.dark-theme-active .search-input * {
  background: #374151 !important;
  border-color: var(--chat-border) !important;
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .search-input:focus,
[data-bs-theme="dark"] .search-input:focus *,
html[data-theme="dark"] .search-input:focus,
html[data-theme="dark"] .search-input:focus *,
body[data-theme="dark"] .search-input:focus,
body[data-theme="dark"] .search-input:focus *,
:root.dark-theme-active .search-input:focus,
:root.dark-theme-active .search-input:focus *,
html.dark-theme-active .search-input:focus,
html.dark-theme-active .search-input:focus *,
body.dark-theme-active .search-input:focus,
body.dark-theme-active .search-input:focus * {
  border-color: var(--chat-primary) !important;
}

[data-bs-theme="dark"] .message-text .news-link-button,
[data-bs-theme="dark"] .chat-bubble .news-link-button,
[data-bs-theme="dark"] .message-bubble .news-link-button,
html[data-theme="dark"] .message-text .news-link-button,
html[data-theme="dark"] .chat-bubble .news-link-button,
html[data-theme="dark"] .message-bubble .news-link-button,
body[data-theme="dark"] .message-text .news-link-button,
body[data-theme="dark"] .chat-bubble .news-link-button,
body[data-theme="dark"] .message-bubble .news-link-button,
:root.dark-theme-active .message-text .news-link-button,
:root.dark-theme-active .chat-bubble .news-link-button,
:root.dark-theme-active .message-bubble .news-link-button,
html.dark-theme-active .message-text .news-link-button,
html.dark-theme-active .chat-bubble .news-link-button,
html.dark-theme-active .message-bubble .news-link-button,
body.dark-theme-active .message-text .news-link-button,
body.dark-theme-active .chat-bubble .news-link-button,
body.dark-theme-active .message-bubble .news-link-button {
  background: var(--chat-primary) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

[data-bs-theme="dark"] .message-text .news-link-button, [data-bs-theme="dark"] .message-text .news-link-button *, [data-bs-theme="dark"] .message-text .news-link-button span, [data-bs-theme="dark"] .message-text .news-link-button text, [data-bs-theme="dark"] .message-text .news-link-button::before, [data-bs-theme="dark"] .message-text .news-link-button::after,
[data-bs-theme="dark"] .chat-bubble .news-link-button,
[data-bs-theme="dark"] .chat-bubble .news-link-button *,
[data-bs-theme="dark"] .chat-bubble .news-link-button span,
[data-bs-theme="dark"] .chat-bubble .news-link-button text,
[data-bs-theme="dark"] .chat-bubble .news-link-button::before,
[data-bs-theme="dark"] .chat-bubble .news-link-button::after,
[data-bs-theme="dark"] .message-bubble .news-link-button,
[data-bs-theme="dark"] .message-bubble .news-link-button *,
[data-bs-theme="dark"] .message-bubble .news-link-button span,
[data-bs-theme="dark"] .message-bubble .news-link-button text,
[data-bs-theme="dark"] .message-bubble .news-link-button::before,
[data-bs-theme="dark"] .message-bubble .news-link-button::after,
html[data-theme="dark"] .message-text .news-link-button,
html[data-theme="dark"] .message-text .news-link-button *,
html[data-theme="dark"] .message-text .news-link-button span,
html[data-theme="dark"] .message-text .news-link-button text,
html[data-theme="dark"] .message-text .news-link-button::before,
html[data-theme="dark"] .message-text .news-link-button::after,
html[data-theme="dark"] .chat-bubble .news-link-button,
html[data-theme="dark"] .chat-bubble .news-link-button *,
html[data-theme="dark"] .chat-bubble .news-link-button span,
html[data-theme="dark"] .chat-bubble .news-link-button text,
html[data-theme="dark"] .chat-bubble .news-link-button::before,
html[data-theme="dark"] .chat-bubble .news-link-button::after,
html[data-theme="dark"] .message-bubble .news-link-button,
html[data-theme="dark"] .message-bubble .news-link-button *,
html[data-theme="dark"] .message-bubble .news-link-button span,
html[data-theme="dark"] .message-bubble .news-link-button text,
html[data-theme="dark"] .message-bubble .news-link-button::before,
html[data-theme="dark"] .message-bubble .news-link-button::after,
body[data-theme="dark"] .message-text .news-link-button,
body[data-theme="dark"] .message-text .news-link-button *,
body[data-theme="dark"] .message-text .news-link-button span,
body[data-theme="dark"] .message-text .news-link-button text,
body[data-theme="dark"] .message-text .news-link-button::before,
body[data-theme="dark"] .message-text .news-link-button::after,
body[data-theme="dark"] .chat-bubble .news-link-button,
body[data-theme="dark"] .chat-bubble .news-link-button *,
body[data-theme="dark"] .chat-bubble .news-link-button span,
body[data-theme="dark"] .chat-bubble .news-link-button text,
body[data-theme="dark"] .chat-bubble .news-link-button::before,
body[data-theme="dark"] .chat-bubble .news-link-button::after,
body[data-theme="dark"] .message-bubble .news-link-button,
body[data-theme="dark"] .message-bubble .news-link-button *,
body[data-theme="dark"] .message-bubble .news-link-button span,
body[data-theme="dark"] .message-bubble .news-link-button text,
body[data-theme="dark"] .message-bubble .news-link-button::before,
body[data-theme="dark"] .message-bubble .news-link-button::after,
:root.dark-theme-active .message-text .news-link-button,
:root.dark-theme-active .message-text .news-link-button *,
:root.dark-theme-active .message-text .news-link-button span,
:root.dark-theme-active .message-text .news-link-button text,
:root.dark-theme-active .message-text .news-link-button::before,
:root.dark-theme-active .message-text .news-link-button::after,
:root.dark-theme-active .chat-bubble .news-link-button,
:root.dark-theme-active .chat-bubble .news-link-button *,
:root.dark-theme-active .chat-bubble .news-link-button span,
:root.dark-theme-active .chat-bubble .news-link-button text,
:root.dark-theme-active .chat-bubble .news-link-button::before,
:root.dark-theme-active .chat-bubble .news-link-button::after,
:root.dark-theme-active .message-bubble .news-link-button,
:root.dark-theme-active .message-bubble .news-link-button *,
:root.dark-theme-active .message-bubble .news-link-button span,
:root.dark-theme-active .message-bubble .news-link-button text,
:root.dark-theme-active .message-bubble .news-link-button::before,
:root.dark-theme-active .message-bubble .news-link-button::after,
html.dark-theme-active .message-text .news-link-button,
html.dark-theme-active .message-text .news-link-button *,
html.dark-theme-active .message-text .news-link-button span,
html.dark-theme-active .message-text .news-link-button text,
html.dark-theme-active .message-text .news-link-button::before,
html.dark-theme-active .message-text .news-link-button::after,
html.dark-theme-active .chat-bubble .news-link-button,
html.dark-theme-active .chat-bubble .news-link-button *,
html.dark-theme-active .chat-bubble .news-link-button span,
html.dark-theme-active .chat-bubble .news-link-button text,
html.dark-theme-active .chat-bubble .news-link-button::before,
html.dark-theme-active .chat-bubble .news-link-button::after,
html.dark-theme-active .message-bubble .news-link-button,
html.dark-theme-active .message-bubble .news-link-button *,
html.dark-theme-active .message-bubble .news-link-button span,
html.dark-theme-active .message-bubble .news-link-button text,
html.dark-theme-active .message-bubble .news-link-button::before,
html.dark-theme-active .message-bubble .news-link-button::after,
body.dark-theme-active .message-text .news-link-button,
body.dark-theme-active .message-text .news-link-button *,
body.dark-theme-active .message-text .news-link-button span,
body.dark-theme-active .message-text .news-link-button text,
body.dark-theme-active .message-text .news-link-button::before,
body.dark-theme-active .message-text .news-link-button::after,
body.dark-theme-active .chat-bubble .news-link-button,
body.dark-theme-active .chat-bubble .news-link-button *,
body.dark-theme-active .chat-bubble .news-link-button span,
body.dark-theme-active .chat-bubble .news-link-button text,
body.dark-theme-active .chat-bubble .news-link-button::before,
body.dark-theme-active .chat-bubble .news-link-button::after,
body.dark-theme-active .message-bubble .news-link-button,
body.dark-theme-active .message-bubble .news-link-button *,
body.dark-theme-active .message-bubble .news-link-button span,
body.dark-theme-active .message-bubble .news-link-button text,
body.dark-theme-active .message-bubble .news-link-button::before,
body.dark-theme-active .message-bubble .news-link-button::after {
  color: #fff !important;
}

[data-bs-theme="dark"] .message-text .news-link-button i, [data-bs-theme="dark"] .message-text .news-link-button .fas, [data-bs-theme="dark"] .message-text .news-link-button .far, [data-bs-theme="dark"] .message-text .news-link-button .fab, [data-bs-theme="dark"] .message-text .news-link-button .icon,
[data-bs-theme="dark"] .chat-bubble .news-link-button i,
[data-bs-theme="dark"] .chat-bubble .news-link-button .fas,
[data-bs-theme="dark"] .chat-bubble .news-link-button .far,
[data-bs-theme="dark"] .chat-bubble .news-link-button .fab,
[data-bs-theme="dark"] .chat-bubble .news-link-button .icon,
[data-bs-theme="dark"] .message-bubble .news-link-button i,
[data-bs-theme="dark"] .message-bubble .news-link-button .fas,
[data-bs-theme="dark"] .message-bubble .news-link-button .far,
[data-bs-theme="dark"] .message-bubble .news-link-button .fab,
[data-bs-theme="dark"] .message-bubble .news-link-button .icon,
html[data-theme="dark"] .message-text .news-link-button i,
html[data-theme="dark"] .message-text .news-link-button .fas,
html[data-theme="dark"] .message-text .news-link-button .far,
html[data-theme="dark"] .message-text .news-link-button .fab,
html[data-theme="dark"] .message-text .news-link-button .icon,
html[data-theme="dark"] .chat-bubble .news-link-button i,
html[data-theme="dark"] .chat-bubble .news-link-button .fas,
html[data-theme="dark"] .chat-bubble .news-link-button .far,
html[data-theme="dark"] .chat-bubble .news-link-button .fab,
html[data-theme="dark"] .chat-bubble .news-link-button .icon,
html[data-theme="dark"] .message-bubble .news-link-button i,
html[data-theme="dark"] .message-bubble .news-link-button .fas,
html[data-theme="dark"] .message-bubble .news-link-button .far,
html[data-theme="dark"] .message-bubble .news-link-button .fab,
html[data-theme="dark"] .message-bubble .news-link-button .icon,
body[data-theme="dark"] .message-text .news-link-button i,
body[data-theme="dark"] .message-text .news-link-button .fas,
body[data-theme="dark"] .message-text .news-link-button .far,
body[data-theme="dark"] .message-text .news-link-button .fab,
body[data-theme="dark"] .message-text .news-link-button .icon,
body[data-theme="dark"] .chat-bubble .news-link-button i,
body[data-theme="dark"] .chat-bubble .news-link-button .fas,
body[data-theme="dark"] .chat-bubble .news-link-button .far,
body[data-theme="dark"] .chat-bubble .news-link-button .fab,
body[data-theme="dark"] .chat-bubble .news-link-button .icon,
body[data-theme="dark"] .message-bubble .news-link-button i,
body[data-theme="dark"] .message-bubble .news-link-button .fas,
body[data-theme="dark"] .message-bubble .news-link-button .far,
body[data-theme="dark"] .message-bubble .news-link-button .fab,
body[data-theme="dark"] .message-bubble .news-link-button .icon,
:root.dark-theme-active .message-text .news-link-button i,
:root.dark-theme-active .message-text .news-link-button .fas,
:root.dark-theme-active .message-text .news-link-button .far,
:root.dark-theme-active .message-text .news-link-button .fab,
:root.dark-theme-active .message-text .news-link-button .icon,
:root.dark-theme-active .chat-bubble .news-link-button i,
:root.dark-theme-active .chat-bubble .news-link-button .fas,
:root.dark-theme-active .chat-bubble .news-link-button .far,
:root.dark-theme-active .chat-bubble .news-link-button .fab,
:root.dark-theme-active .chat-bubble .news-link-button .icon,
:root.dark-theme-active .message-bubble .news-link-button i,
:root.dark-theme-active .message-bubble .news-link-button .fas,
:root.dark-theme-active .message-bubble .news-link-button .far,
:root.dark-theme-active .message-bubble .news-link-button .fab,
:root.dark-theme-active .message-bubble .news-link-button .icon,
html.dark-theme-active .message-text .news-link-button i,
html.dark-theme-active .message-text .news-link-button .fas,
html.dark-theme-active .message-text .news-link-button .far,
html.dark-theme-active .message-text .news-link-button .fab,
html.dark-theme-active .message-text .news-link-button .icon,
html.dark-theme-active .chat-bubble .news-link-button i,
html.dark-theme-active .chat-bubble .news-link-button .fas,
html.dark-theme-active .chat-bubble .news-link-button .far,
html.dark-theme-active .chat-bubble .news-link-button .fab,
html.dark-theme-active .chat-bubble .news-link-button .icon,
html.dark-theme-active .message-bubble .news-link-button i,
html.dark-theme-active .message-bubble .news-link-button .fas,
html.dark-theme-active .message-bubble .news-link-button .far,
html.dark-theme-active .message-bubble .news-link-button .fab,
html.dark-theme-active .message-bubble .news-link-button .icon,
body.dark-theme-active .message-text .news-link-button i,
body.dark-theme-active .message-text .news-link-button .fas,
body.dark-theme-active .message-text .news-link-button .far,
body.dark-theme-active .message-text .news-link-button .fab,
body.dark-theme-active .message-text .news-link-button .icon,
body.dark-theme-active .chat-bubble .news-link-button i,
body.dark-theme-active .chat-bubble .news-link-button .fas,
body.dark-theme-active .chat-bubble .news-link-button .far,
body.dark-theme-active .chat-bubble .news-link-button .fab,
body.dark-theme-active .chat-bubble .news-link-button .icon,
body.dark-theme-active .message-bubble .news-link-button i,
body.dark-theme-active .message-bubble .news-link-button .fas,
body.dark-theme-active .message-bubble .news-link-button .far,
body.dark-theme-active .message-bubble .news-link-button .fab,
body.dark-theme-active .message-bubble .news-link-button .icon {
  color: #fff !important;
  opacity: 1 !important;
}

[data-bs-theme="dark"] .message-text .news-link-button:hover,
[data-bs-theme="dark"] .chat-bubble .news-link-button:hover,
[data-bs-theme="dark"] .message-bubble .news-link-button:hover,
html[data-theme="dark"] .message-text .news-link-button:hover,
html[data-theme="dark"] .chat-bubble .news-link-button:hover,
html[data-theme="dark"] .message-bubble .news-link-button:hover,
body[data-theme="dark"] .message-text .news-link-button:hover,
body[data-theme="dark"] .chat-bubble .news-link-button:hover,
body[data-theme="dark"] .message-bubble .news-link-button:hover,
:root.dark-theme-active .message-text .news-link-button:hover,
:root.dark-theme-active .chat-bubble .news-link-button:hover,
:root.dark-theme-active .message-bubble .news-link-button:hover,
html.dark-theme-active .message-text .news-link-button:hover,
html.dark-theme-active .chat-bubble .news-link-button:hover,
html.dark-theme-active .message-bubble .news-link-button:hover,
body.dark-theme-active .message-text .news-link-button:hover,
body.dark-theme-active .chat-bubble .news-link-button:hover,
body.dark-theme-active .message-bubble .news-link-button:hover {
  background: var(--chat-primary) !important;
  filter: brightness(1.1) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
}

[data-bs-theme="dark"] .message-text .news-link-button:hover, [data-bs-theme="dark"] .message-text .news-link-button:hover *, [data-bs-theme="dark"] .message-text .news-link-button:hover span, [data-bs-theme="dark"] .message-text .news-link-button:hover text,
[data-bs-theme="dark"] .chat-bubble .news-link-button:hover,
[data-bs-theme="dark"] .chat-bubble .news-link-button:hover *,
[data-bs-theme="dark"] .chat-bubble .news-link-button:hover span,
[data-bs-theme="dark"] .chat-bubble .news-link-button:hover text,
[data-bs-theme="dark"] .message-bubble .news-link-button:hover,
[data-bs-theme="dark"] .message-bubble .news-link-button:hover *,
[data-bs-theme="dark"] .message-bubble .news-link-button:hover span,
[data-bs-theme="dark"] .message-bubble .news-link-button:hover text,
html[data-theme="dark"] .message-text .news-link-button:hover,
html[data-theme="dark"] .message-text .news-link-button:hover *,
html[data-theme="dark"] .message-text .news-link-button:hover span,
html[data-theme="dark"] .message-text .news-link-button:hover text,
html[data-theme="dark"] .chat-bubble .news-link-button:hover,
html[data-theme="dark"] .chat-bubble .news-link-button:hover *,
html[data-theme="dark"] .chat-bubble .news-link-button:hover span,
html[data-theme="dark"] .chat-bubble .news-link-button:hover text,
html[data-theme="dark"] .message-bubble .news-link-button:hover,
html[data-theme="dark"] .message-bubble .news-link-button:hover *,
html[data-theme="dark"] .message-bubble .news-link-button:hover span,
html[data-theme="dark"] .message-bubble .news-link-button:hover text,
body[data-theme="dark"] .message-text .news-link-button:hover,
body[data-theme="dark"] .message-text .news-link-button:hover *,
body[data-theme="dark"] .message-text .news-link-button:hover span,
body[data-theme="dark"] .message-text .news-link-button:hover text,
body[data-theme="dark"] .chat-bubble .news-link-button:hover,
body[data-theme="dark"] .chat-bubble .news-link-button:hover *,
body[data-theme="dark"] .chat-bubble .news-link-button:hover span,
body[data-theme="dark"] .chat-bubble .news-link-button:hover text,
body[data-theme="dark"] .message-bubble .news-link-button:hover,
body[data-theme="dark"] .message-bubble .news-link-button:hover *,
body[data-theme="dark"] .message-bubble .news-link-button:hover span,
body[data-theme="dark"] .message-bubble .news-link-button:hover text,
:root.dark-theme-active .message-text .news-link-button:hover,
:root.dark-theme-active .message-text .news-link-button:hover *,
:root.dark-theme-active .message-text .news-link-button:hover span,
:root.dark-theme-active .message-text .news-link-button:hover text,
:root.dark-theme-active .chat-bubble .news-link-button:hover,
:root.dark-theme-active .chat-bubble .news-link-button:hover *,
:root.dark-theme-active .chat-bubble .news-link-button:hover span,
:root.dark-theme-active .chat-bubble .news-link-button:hover text,
:root.dark-theme-active .message-bubble .news-link-button:hover,
:root.dark-theme-active .message-bubble .news-link-button:hover *,
:root.dark-theme-active .message-bubble .news-link-button:hover span,
:root.dark-theme-active .message-bubble .news-link-button:hover text,
html.dark-theme-active .message-text .news-link-button:hover,
html.dark-theme-active .message-text .news-link-button:hover *,
html.dark-theme-active .message-text .news-link-button:hover span,
html.dark-theme-active .message-text .news-link-button:hover text,
html.dark-theme-active .chat-bubble .news-link-button:hover,
html.dark-theme-active .chat-bubble .news-link-button:hover *,
html.dark-theme-active .chat-bubble .news-link-button:hover span,
html.dark-theme-active .chat-bubble .news-link-button:hover text,
html.dark-theme-active .message-bubble .news-link-button:hover,
html.dark-theme-active .message-bubble .news-link-button:hover *,
html.dark-theme-active .message-bubble .news-link-button:hover span,
html.dark-theme-active .message-bubble .news-link-button:hover text,
body.dark-theme-active .message-text .news-link-button:hover,
body.dark-theme-active .message-text .news-link-button:hover *,
body.dark-theme-active .message-text .news-link-button:hover span,
body.dark-theme-active .message-text .news-link-button:hover text,
body.dark-theme-active .chat-bubble .news-link-button:hover,
body.dark-theme-active .chat-bubble .news-link-button:hover *,
body.dark-theme-active .chat-bubble .news-link-button:hover span,
body.dark-theme-active .chat-bubble .news-link-button:hover text,
body.dark-theme-active .message-bubble .news-link-button:hover,
body.dark-theme-active .message-bubble .news-link-button:hover *,
body.dark-theme-active .message-bubble .news-link-button:hover span,
body.dark-theme-active .message-bubble .news-link-button:hover text {
  color: #fff !important;
}

[data-bs-theme="dark"] .message-text .news-link-button:hover i, [data-bs-theme="dark"] .message-text .news-link-button:hover .fas, [data-bs-theme="dark"] .message-text .news-link-button:hover .far, [data-bs-theme="dark"] .message-text .news-link-button:hover .fab, [data-bs-theme="dark"] .message-text .news-link-button:hover .icon,
[data-bs-theme="dark"] .chat-bubble .news-link-button:hover i,
[data-bs-theme="dark"] .chat-bubble .news-link-button:hover .fas,
[data-bs-theme="dark"] .chat-bubble .news-link-button:hover .far,
[data-bs-theme="dark"] .chat-bubble .news-link-button:hover .fab,
[data-bs-theme="dark"] .chat-bubble .news-link-button:hover .icon,
[data-bs-theme="dark"] .message-bubble .news-link-button:hover i,
[data-bs-theme="dark"] .message-bubble .news-link-button:hover .fas,
[data-bs-theme="dark"] .message-bubble .news-link-button:hover .far,
[data-bs-theme="dark"] .message-bubble .news-link-button:hover .fab,
[data-bs-theme="dark"] .message-bubble .news-link-button:hover .icon,
html[data-theme="dark"] .message-text .news-link-button:hover i,
html[data-theme="dark"] .message-text .news-link-button:hover .fas,
html[data-theme="dark"] .message-text .news-link-button:hover .far,
html[data-theme="dark"] .message-text .news-link-button:hover .fab,
html[data-theme="dark"] .message-text .news-link-button:hover .icon,
html[data-theme="dark"] .chat-bubble .news-link-button:hover i,
html[data-theme="dark"] .chat-bubble .news-link-button:hover .fas,
html[data-theme="dark"] .chat-bubble .news-link-button:hover .far,
html[data-theme="dark"] .chat-bubble .news-link-button:hover .fab,
html[data-theme="dark"] .chat-bubble .news-link-button:hover .icon,
html[data-theme="dark"] .message-bubble .news-link-button:hover i,
html[data-theme="dark"] .message-bubble .news-link-button:hover .fas,
html[data-theme="dark"] .message-bubble .news-link-button:hover .far,
html[data-theme="dark"] .message-bubble .news-link-button:hover .fab,
html[data-theme="dark"] .message-bubble .news-link-button:hover .icon,
body[data-theme="dark"] .message-text .news-link-button:hover i,
body[data-theme="dark"] .message-text .news-link-button:hover .fas,
body[data-theme="dark"] .message-text .news-link-button:hover .far,
body[data-theme="dark"] .message-text .news-link-button:hover .fab,
body[data-theme="dark"] .message-text .news-link-button:hover .icon,
body[data-theme="dark"] .chat-bubble .news-link-button:hover i,
body[data-theme="dark"] .chat-bubble .news-link-button:hover .fas,
body[data-theme="dark"] .chat-bubble .news-link-button:hover .far,
body[data-theme="dark"] .chat-bubble .news-link-button:hover .fab,
body[data-theme="dark"] .chat-bubble .news-link-button:hover .icon,
body[data-theme="dark"] .message-bubble .news-link-button:hover i,
body[data-theme="dark"] .message-bubble .news-link-button:hover .fas,
body[data-theme="dark"] .message-bubble .news-link-button:hover .far,
body[data-theme="dark"] .message-bubble .news-link-button:hover .fab,
body[data-theme="dark"] .message-bubble .news-link-button:hover .icon,
:root.dark-theme-active .message-text .news-link-button:hover i,
:root.dark-theme-active .message-text .news-link-button:hover .fas,
:root.dark-theme-active .message-text .news-link-button:hover .far,
:root.dark-theme-active .message-text .news-link-button:hover .fab,
:root.dark-theme-active .message-text .news-link-button:hover .icon,
:root.dark-theme-active .chat-bubble .news-link-button:hover i,
:root.dark-theme-active .chat-bubble .news-link-button:hover .fas,
:root.dark-theme-active .chat-bubble .news-link-button:hover .far,
:root.dark-theme-active .chat-bubble .news-link-button:hover .fab,
:root.dark-theme-active .chat-bubble .news-link-button:hover .icon,
:root.dark-theme-active .message-bubble .news-link-button:hover i,
:root.dark-theme-active .message-bubble .news-link-button:hover .fas,
:root.dark-theme-active .message-bubble .news-link-button:hover .far,
:root.dark-theme-active .message-bubble .news-link-button:hover .fab,
:root.dark-theme-active .message-bubble .news-link-button:hover .icon,
html.dark-theme-active .message-text .news-link-button:hover i,
html.dark-theme-active .message-text .news-link-button:hover .fas,
html.dark-theme-active .message-text .news-link-button:hover .far,
html.dark-theme-active .message-text .news-link-button:hover .fab,
html.dark-theme-active .message-text .news-link-button:hover .icon,
html.dark-theme-active .chat-bubble .news-link-button:hover i,
html.dark-theme-active .chat-bubble .news-link-button:hover .fas,
html.dark-theme-active .chat-bubble .news-link-button:hover .far,
html.dark-theme-active .chat-bubble .news-link-button:hover .fab,
html.dark-theme-active .chat-bubble .news-link-button:hover .icon,
html.dark-theme-active .message-bubble .news-link-button:hover i,
html.dark-theme-active .message-bubble .news-link-button:hover .fas,
html.dark-theme-active .message-bubble .news-link-button:hover .far,
html.dark-theme-active .message-bubble .news-link-button:hover .fab,
html.dark-theme-active .message-bubble .news-link-button:hover .icon,
body.dark-theme-active .message-text .news-link-button:hover i,
body.dark-theme-active .message-text .news-link-button:hover .fas,
body.dark-theme-active .message-text .news-link-button:hover .far,
body.dark-theme-active .message-text .news-link-button:hover .fab,
body.dark-theme-active .message-text .news-link-button:hover .icon,
body.dark-theme-active .chat-bubble .news-link-button:hover i,
body.dark-theme-active .chat-bubble .news-link-button:hover .fas,
body.dark-theme-active .chat-bubble .news-link-button:hover .far,
body.dark-theme-active .chat-bubble .news-link-button:hover .fab,
body.dark-theme-active .chat-bubble .news-link-button:hover .icon,
body.dark-theme-active .message-bubble .news-link-button:hover i,
body.dark-theme-active .message-bubble .news-link-button:hover .fas,
body.dark-theme-active .message-bubble .news-link-button:hover .far,
body.dark-theme-active .message-bubble .news-link-button:hover .fab,
body.dark-theme-active .message-bubble .news-link-button:hover .icon {
  color: #fff !important;
  opacity: 1 !important;
}

[data-bs-theme="dark"] .chat-context-menu,
[data-bs-theme="dark"] .chat-context-menu *,
html[data-theme="dark"] .chat-context-menu,
html[data-theme="dark"] .chat-context-menu *,
body[data-theme="dark"] .chat-context-menu,
body[data-theme="dark"] .chat-context-menu *,
:root.dark-theme-active .chat-context-menu,
:root.dark-theme-active .chat-context-menu *,
html.dark-theme-active .chat-context-menu,
html.dark-theme-active .chat-context-menu *,
body.dark-theme-active .chat-context-menu,
body.dark-theme-active .chat-context-menu * {
  background: rgba(45, 45, 45, 0.95) !important;
  border-color: var(--chat-border) !important;
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .chat-context-menu .actions-block li,
[data-bs-theme="dark"] .chat-context-menu .actions-block li *,
html[data-theme="dark"] .chat-context-menu .actions-block li,
html[data-theme="dark"] .chat-context-menu .actions-block li *,
body[data-theme="dark"] .chat-context-menu .actions-block li,
body[data-theme="dark"] .chat-context-menu .actions-block li *,
:root.dark-theme-active .chat-context-menu .actions-block li,
:root.dark-theme-active .chat-context-menu .actions-block li *,
html.dark-theme-active .chat-context-menu .actions-block li,
html.dark-theme-active .chat-context-menu .actions-block li *,
body.dark-theme-active .chat-context-menu .actions-block li,
body.dark-theme-active .chat-context-menu .actions-block li * {
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .chat-context-menu .actions-block li:hover,
[data-bs-theme="dark"] .chat-context-menu .actions-block li:hover *,
html[data-theme="dark"] .chat-context-menu .actions-block li:hover,
html[data-theme="dark"] .chat-context-menu .actions-block li:hover *,
body[data-theme="dark"] .chat-context-menu .actions-block li:hover,
body[data-theme="dark"] .chat-context-menu .actions-block li:hover *,
:root.dark-theme-active .chat-context-menu .actions-block li:hover,
:root.dark-theme-active .chat-context-menu .actions-block li:hover *,
html.dark-theme-active .chat-context-menu .actions-block li:hover,
html.dark-theme-active .chat-context-menu .actions-block li:hover *,
body.dark-theme-active .chat-context-menu .actions-block li:hover,
body.dark-theme-active .chat-context-menu .actions-block li:hover * {
  background: rgba(255, 255, 255, 0.1) !important;
}

[data-bs-theme="dark"] .chat-context-menu i,
[data-bs-theme="dark"] .chat-context-menu svg,
[data-bs-theme="dark"] .chat-context-menu img,
[data-bs-theme="dark"] .chat-context-menu .icon,
[data-bs-theme="dark"] .chat-context-menu .fas,
[data-bs-theme="dark"] .chat-context-menu .far,
[data-bs-theme="dark"] .chat-context-menu .fab,
[data-bs-theme="dark"] .chat-context-menu .actions-block li .icon,
[data-bs-theme="dark"] .chat-context-menu .actions-block li i,
html[data-theme="dark"] .chat-context-menu i,
html[data-theme="dark"] .chat-context-menu svg,
html[data-theme="dark"] .chat-context-menu img,
html[data-theme="dark"] .chat-context-menu .icon,
html[data-theme="dark"] .chat-context-menu .fas,
html[data-theme="dark"] .chat-context-menu .far,
html[data-theme="dark"] .chat-context-menu .fab,
html[data-theme="dark"] .chat-context-menu .actions-block li .icon,
html[data-theme="dark"] .chat-context-menu .actions-block li i,
body[data-theme="dark"] .chat-context-menu i,
body[data-theme="dark"] .chat-context-menu svg,
body[data-theme="dark"] .chat-context-menu img,
body[data-theme="dark"] .chat-context-menu .icon,
body[data-theme="dark"] .chat-context-menu .fas,
body[data-theme="dark"] .chat-context-menu .far,
body[data-theme="dark"] .chat-context-menu .fab,
body[data-theme="dark"] .chat-context-menu .actions-block li .icon,
body[data-theme="dark"] .chat-context-menu .actions-block li i,
:root.dark-theme-active .chat-context-menu i,
:root.dark-theme-active .chat-context-menu svg,
:root.dark-theme-active .chat-context-menu img,
:root.dark-theme-active .chat-context-menu .icon,
:root.dark-theme-active .chat-context-menu .fas,
:root.dark-theme-active .chat-context-menu .far,
:root.dark-theme-active .chat-context-menu .fab,
:root.dark-theme-active .chat-context-menu .actions-block li .icon,
:root.dark-theme-active .chat-context-menu .actions-block li i,
html.dark-theme-active .chat-context-menu i,
html.dark-theme-active .chat-context-menu svg,
html.dark-theme-active .chat-context-menu img,
html.dark-theme-active .chat-context-menu .icon,
html.dark-theme-active .chat-context-menu .fas,
html.dark-theme-active .chat-context-menu .far,
html.dark-theme-active .chat-context-menu .fab,
html.dark-theme-active .chat-context-menu .actions-block li .icon,
html.dark-theme-active .chat-context-menu .actions-block li i,
body.dark-theme-active .chat-context-menu i,
body.dark-theme-active .chat-context-menu svg,
body.dark-theme-active .chat-context-menu img,
body.dark-theme-active .chat-context-menu .icon,
body.dark-theme-active .chat-context-menu .fas,
body.dark-theme-active .chat-context-menu .far,
body.dark-theme-active .chat-context-menu .fab,
body.dark-theme-active .chat-context-menu .actions-block li .icon,
body.dark-theme-active .chat-context-menu .actions-block li i {
  color: var(--chat-text-primary) !important;
  fill: var(--chat-text-primary) !important;
  stroke: var(--chat-text-primary) !important;
  opacity: 1 !important;
}

[data-bs-theme="dark"] .chat-context-menu .actions-block li:hover i,
[data-bs-theme="dark"] .chat-context-menu .actions-block li:hover .icon,
[data-bs-theme="dark"] .chat-context-menu .actions-block li:hover .fas,
[data-bs-theme="dark"] .chat-context-menu .actions-block li:hover .far,
[data-bs-theme="dark"] .chat-context-menu .actions-block li:hover .fab,
html[data-theme="dark"] .chat-context-menu .actions-block li:hover i,
html[data-theme="dark"] .chat-context-menu .actions-block li:hover .icon,
html[data-theme="dark"] .chat-context-menu .actions-block li:hover .fas,
html[data-theme="dark"] .chat-context-menu .actions-block li:hover .far,
html[data-theme="dark"] .chat-context-menu .actions-block li:hover .fab,
body[data-theme="dark"] .chat-context-menu .actions-block li:hover i,
body[data-theme="dark"] .chat-context-menu .actions-block li:hover .icon,
body[data-theme="dark"] .chat-context-menu .actions-block li:hover .fas,
body[data-theme="dark"] .chat-context-menu .actions-block li:hover .far,
body[data-theme="dark"] .chat-context-menu .actions-block li:hover .fab,
:root.dark-theme-active .chat-context-menu .actions-block li:hover i,
:root.dark-theme-active .chat-context-menu .actions-block li:hover .icon,
:root.dark-theme-active .chat-context-menu .actions-block li:hover .fas,
:root.dark-theme-active .chat-context-menu .actions-block li:hover .far,
:root.dark-theme-active .chat-context-menu .actions-block li:hover .fab,
html.dark-theme-active .chat-context-menu .actions-block li:hover i,
html.dark-theme-active .chat-context-menu .actions-block li:hover .icon,
html.dark-theme-active .chat-context-menu .actions-block li:hover .fas,
html.dark-theme-active .chat-context-menu .actions-block li:hover .far,
html.dark-theme-active .chat-context-menu .actions-block li:hover .fab,
body.dark-theme-active .chat-context-menu .actions-block li:hover i,
body.dark-theme-active .chat-context-menu .actions-block li:hover .icon,
body.dark-theme-active .chat-context-menu .actions-block li:hover .fas,
body.dark-theme-active .chat-context-menu .actions-block li:hover .far,
body.dark-theme-active .chat-context-menu .actions-block li:hover .fab {
  color: var(--chat-text-primary) !important;
  fill: var(--chat-text-primary) !important;
  stroke: var(--chat-text-primary) !important;
  opacity: 1 !important;
}

[data-bs-theme="dark"] .fallback-emoji-picker,
[data-bs-theme="dark"] .fallback-emoji-picker *,
html[data-theme="dark"] .fallback-emoji-picker,
html[data-theme="dark"] .fallback-emoji-picker *,
body[data-theme="dark"] .fallback-emoji-picker,
body[data-theme="dark"] .fallback-emoji-picker *,
:root.dark-theme-active .fallback-emoji-picker,
:root.dark-theme-active .fallback-emoji-picker *,
html.dark-theme-active .fallback-emoji-picker,
html.dark-theme-active .fallback-emoji-picker *,
body.dark-theme-active .fallback-emoji-picker,
body.dark-theme-active .fallback-emoji-picker * {
  background: var(--chat-card-bg) !important;
  border-color: var(--chat-border) !important;
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .fallback-emoji-picker button:hover,
[data-bs-theme="dark"] .fallback-emoji-picker button:hover *,
html[data-theme="dark"] .fallback-emoji-picker button:hover,
html[data-theme="dark"] .fallback-emoji-picker button:hover *,
body[data-theme="dark"] .fallback-emoji-picker button:hover,
body[data-theme="dark"] .fallback-emoji-picker button:hover *,
:root.dark-theme-active .fallback-emoji-picker button:hover,
:root.dark-theme-active .fallback-emoji-picker button:hover *,
html.dark-theme-active .fallback-emoji-picker button:hover,
html.dark-theme-active .fallback-emoji-picker button:hover *,
body.dark-theme-active .fallback-emoji-picker button:hover,
body.dark-theme-active .fallback-emoji-picker button:hover * {
  background-color: var(--chat-bg) !important;
}

[data-bs-theme="dark"] .fallback-emoji-picker button,
[data-bs-theme="dark"] .fallback-emoji-picker button *,
[data-bs-theme="dark"] .emoji-picker button,
[data-bs-theme="dark"] .emoji-picker button *,
html[data-theme="dark"] .fallback-emoji-picker button,
html[data-theme="dark"] .fallback-emoji-picker button *,
html[data-theme="dark"] .emoji-picker button,
html[data-theme="dark"] .emoji-picker button *,
body[data-theme="dark"] .fallback-emoji-picker button,
body[data-theme="dark"] .fallback-emoji-picker button *,
body[data-theme="dark"] .emoji-picker button,
body[data-theme="dark"] .emoji-picker button *,
:root.dark-theme-active .fallback-emoji-picker button,
:root.dark-theme-active .fallback-emoji-picker button *,
:root.dark-theme-active .emoji-picker button,
:root.dark-theme-active .emoji-picker button *,
html.dark-theme-active .fallback-emoji-picker button,
html.dark-theme-active .fallback-emoji-picker button *,
html.dark-theme-active .emoji-picker button,
html.dark-theme-active .emoji-picker button *,
body.dark-theme-active .fallback-emoji-picker button,
body.dark-theme-active .fallback-emoji-picker button *,
body.dark-theme-active .emoji-picker button,
body.dark-theme-active .emoji-picker button * {
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .emoji-picker i,
[data-bs-theme="dark"] .emoji-picker svg,
[data-bs-theme="dark"] .emoji-picker img,
[data-bs-theme="dark"] .emoji-picker .icon,
[data-bs-theme="dark"] .emoji-picker .fas,
[data-bs-theme="dark"] .emoji-picker .far,
[data-bs-theme="dark"] .emoji-picker .fab,
html[data-theme="dark"] .emoji-picker i,
html[data-theme="dark"] .emoji-picker svg,
html[data-theme="dark"] .emoji-picker img,
html[data-theme="dark"] .emoji-picker .icon,
html[data-theme="dark"] .emoji-picker .fas,
html[data-theme="dark"] .emoji-picker .far,
html[data-theme="dark"] .emoji-picker .fab,
body[data-theme="dark"] .emoji-picker i,
body[data-theme="dark"] .emoji-picker svg,
body[data-theme="dark"] .emoji-picker img,
body[data-theme="dark"] .emoji-picker .icon,
body[data-theme="dark"] .emoji-picker .fas,
body[data-theme="dark"] .emoji-picker .far,
body[data-theme="dark"] .emoji-picker .fab,
:root.dark-theme-active .emoji-picker i,
:root.dark-theme-active .emoji-picker svg,
:root.dark-theme-active .emoji-picker img,
:root.dark-theme-active .emoji-picker .icon,
:root.dark-theme-active .emoji-picker .fas,
:root.dark-theme-active .emoji-picker .far,
:root.dark-theme-active .emoji-picker .fab,
html.dark-theme-active .emoji-picker i,
html.dark-theme-active .emoji-picker svg,
html.dark-theme-active .emoji-picker img,
html.dark-theme-active .emoji-picker .icon,
html.dark-theme-active .emoji-picker .fas,
html.dark-theme-active .emoji-picker .far,
html.dark-theme-active .emoji-picker .fab,
body.dark-theme-active .emoji-picker i,
body.dark-theme-active .emoji-picker svg,
body.dark-theme-active .emoji-picker img,
body.dark-theme-active .emoji-picker .icon,
body.dark-theme-active .emoji-picker .fas,
body.dark-theme-active .emoji-picker .far,
body.dark-theme-active .emoji-picker .fab {
  color: var(--chat-text-primary) !important;
  fill: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .forward-modal,
[data-bs-theme="dark"] .forward-modal *,
html[data-theme="dark"] .forward-modal,
html[data-theme="dark"] .forward-modal *,
body[data-theme="dark"] .forward-modal,
body[data-theme="dark"] .forward-modal *,
:root.dark-theme-active .forward-modal,
:root.dark-theme-active .forward-modal *,
html.dark-theme-active .forward-modal,
html.dark-theme-active .forward-modal *,
body.dark-theme-active .forward-modal,
body.dark-theme-active .forward-modal * {
  background: var(--chat-card-bg) !important;
  border-color: var(--chat-border) !important;
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .forward-modal__search input,
[data-bs-theme="dark"] .forward-modal__search input *,
html[data-theme="dark"] .forward-modal__search input,
html[data-theme="dark"] .forward-modal__search input *,
body[data-theme="dark"] .forward-modal__search input,
body[data-theme="dark"] .forward-modal__search input *,
:root.dark-theme-active .forward-modal__search input,
:root.dark-theme-active .forward-modal__search input *,
html.dark-theme-active .forward-modal__search input,
html.dark-theme-active .forward-modal__search input *,
body.dark-theme-active .forward-modal__search input,
body.dark-theme-active .forward-modal__search input * {
  background: #374151 !important;
  border-color: var(--chat-border) !important;
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .forward-chat:hover,
[data-bs-theme="dark"] .forward-chat:hover *,
html[data-theme="dark"] .forward-chat:hover,
html[data-theme="dark"] .forward-chat:hover *,
body[data-theme="dark"] .forward-chat:hover,
body[data-theme="dark"] .forward-chat:hover *,
:root.dark-theme-active .forward-chat:hover,
:root.dark-theme-active .forward-chat:hover *,
html.dark-theme-active .forward-chat:hover,
html.dark-theme-active .forward-chat:hover *,
body.dark-theme-active .forward-chat:hover,
body.dark-theme-active .forward-chat:hover * {
  background: #374151 !important;
}

[data-bs-theme="dark"] .forward-chat__name,
[data-bs-theme="dark"] .forward-chat__name *,
html[data-theme="dark"] .forward-chat__name,
html[data-theme="dark"] .forward-chat__name *,
body[data-theme="dark"] .forward-chat__name,
body[data-theme="dark"] .forward-chat__name *,
:root.dark-theme-active .forward-chat__name,
:root.dark-theme-active .forward-chat__name *,
html.dark-theme-active .forward-chat__name,
html.dark-theme-active .forward-chat__name *,
body.dark-theme-active .forward-chat__name,
body.dark-theme-active .forward-chat__name * {
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .forward-chat__status,
[data-bs-theme="dark"] .forward-chat__status *,
html[data-theme="dark"] .forward-chat__status,
html[data-theme="dark"] .forward-chat__status *,
body[data-theme="dark"] .forward-chat__status,
body[data-theme="dark"] .forward-chat__status *,
:root.dark-theme-active .forward-chat__status,
:root.dark-theme-active .forward-chat__status *,
html.dark-theme-active .forward-chat__status,
html.dark-theme-active .forward-chat__status *,
body.dark-theme-active .forward-chat__status,
body.dark-theme-active .forward-chat__status * {
  color: var(--chat-text-secondary) !important;
}

[data-bs-theme="dark"] .forward-modal i,
[data-bs-theme="dark"] .forward-modal svg,
[data-bs-theme="dark"] .forward-modal img,
[data-bs-theme="dark"] .forward-modal .icon,
[data-bs-theme="dark"] .forward-modal .fas,
[data-bs-theme="dark"] .forward-modal .far,
[data-bs-theme="dark"] .forward-modal .fab,
html[data-theme="dark"] .forward-modal i,
html[data-theme="dark"] .forward-modal svg,
html[data-theme="dark"] .forward-modal img,
html[data-theme="dark"] .forward-modal .icon,
html[data-theme="dark"] .forward-modal .fas,
html[data-theme="dark"] .forward-modal .far,
html[data-theme="dark"] .forward-modal .fab,
body[data-theme="dark"] .forward-modal i,
body[data-theme="dark"] .forward-modal svg,
body[data-theme="dark"] .forward-modal img,
body[data-theme="dark"] .forward-modal .icon,
body[data-theme="dark"] .forward-modal .fas,
body[data-theme="dark"] .forward-modal .far,
body[data-theme="dark"] .forward-modal .fab,
:root.dark-theme-active .forward-modal i,
:root.dark-theme-active .forward-modal svg,
:root.dark-theme-active .forward-modal img,
:root.dark-theme-active .forward-modal .icon,
:root.dark-theme-active .forward-modal .fas,
:root.dark-theme-active .forward-modal .far,
:root.dark-theme-active .forward-modal .fab,
html.dark-theme-active .forward-modal i,
html.dark-theme-active .forward-modal svg,
html.dark-theme-active .forward-modal img,
html.dark-theme-active .forward-modal .icon,
html.dark-theme-active .forward-modal .fas,
html.dark-theme-active .forward-modal .far,
html.dark-theme-active .forward-modal .fab,
body.dark-theme-active .forward-modal i,
body.dark-theme-active .forward-modal svg,
body.dark-theme-active .forward-modal img,
body.dark-theme-active .forward-modal .icon,
body.dark-theme-active .forward-modal .fas,
body.dark-theme-active .forward-modal .far,
body.dark-theme-active .forward-modal .fab {
  color: var(--chat-text-primary) !important;
  fill: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .mention-popup,
[data-bs-theme="dark"] .mention-popup *,
html[data-theme="dark"] .mention-popup,
html[data-theme="dark"] .mention-popup *,
body[data-theme="dark"] .mention-popup,
body[data-theme="dark"] .mention-popup *,
:root.dark-theme-active .mention-popup,
:root.dark-theme-active .mention-popup *,
html.dark-theme-active .mention-popup,
html.dark-theme-active .mention-popup *,
body.dark-theme-active .mention-popup,
body.dark-theme-active .mention-popup * {
  background: var(--chat-card-bg) !important;
  border-color: var(--chat-border) !important;
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .mention-item:hover,
[data-bs-theme="dark"] .mention-item.active,
[data-bs-theme="dark"] .mention-item:hover *,
[data-bs-theme="dark"] .mention-item.active *,
html[data-theme="dark"] .mention-item:hover,
html[data-theme="dark"] .mention-item.active,
html[data-theme="dark"] .mention-item:hover *,
html[data-theme="dark"] .mention-item.active *,
body[data-theme="dark"] .mention-item:hover,
body[data-theme="dark"] .mention-item.active,
body[data-theme="dark"] .mention-item:hover *,
body[data-theme="dark"] .mention-item.active *,
:root.dark-theme-active .mention-item:hover,
:root.dark-theme-active .mention-item.active,
:root.dark-theme-active .mention-item:hover *,
:root.dark-theme-active .mention-item.active *,
html.dark-theme-active .mention-item:hover,
html.dark-theme-active .mention-item.active,
html.dark-theme-active .mention-item:hover *,
html.dark-theme-active .mention-item.active *,
body.dark-theme-active .mention-item:hover,
body.dark-theme-active .mention-item.active,
body.dark-theme-active .mention-item:hover *,
body.dark-theme-active .mention-item.active * {
  background: #374151 !important;
}

[data-bs-theme="dark"] .mention-item .meta .name,
[data-bs-theme="dark"] .mention-item .meta .name *,
html[data-theme="dark"] .mention-item .meta .name,
html[data-theme="dark"] .mention-item .meta .name *,
body[data-theme="dark"] .mention-item .meta .name,
body[data-theme="dark"] .mention-item .meta .name *,
:root.dark-theme-active .mention-item .meta .name,
:root.dark-theme-active .mention-item .meta .name *,
html.dark-theme-active .mention-item .meta .name,
html.dark-theme-active .mention-item .meta .name *,
body.dark-theme-active .mention-item .meta .name,
body.dark-theme-active .mention-item .meta .name * {
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .mention-item .meta .username,
[data-bs-theme="dark"] .mention-item .meta .username *,
html[data-theme="dark"] .mention-item .meta .username,
html[data-theme="dark"] .mention-item .meta .username *,
body[data-theme="dark"] .mention-item .meta .username,
body[data-theme="dark"] .mention-item .meta .username *,
:root.dark-theme-active .mention-item .meta .username,
:root.dark-theme-active .mention-item .meta .username *,
html.dark-theme-active .mention-item .meta .username,
html.dark-theme-active .mention-item .meta .username *,
body.dark-theme-active .mention-item .meta .username,
body.dark-theme-active .mention-item .meta .username * {
  color: var(--chat-text-secondary) !important;
}

[data-bs-theme="dark"] .mention-popup i,
[data-bs-theme="dark"] .mention-popup svg,
[data-bs-theme="dark"] .mention-popup img,
[data-bs-theme="dark"] .mention-popup .icon,
[data-bs-theme="dark"] .mention-popup .fas,
[data-bs-theme="dark"] .mention-popup .far,
[data-bs-theme="dark"] .mention-popup .fab,
html[data-theme="dark"] .mention-popup i,
html[data-theme="dark"] .mention-popup svg,
html[data-theme="dark"] .mention-popup img,
html[data-theme="dark"] .mention-popup .icon,
html[data-theme="dark"] .mention-popup .fas,
html[data-theme="dark"] .mention-popup .far,
html[data-theme="dark"] .mention-popup .fab,
body[data-theme="dark"] .mention-popup i,
body[data-theme="dark"] .mention-popup svg,
body[data-theme="dark"] .mention-popup img,
body[data-theme="dark"] .mention-popup .icon,
body[data-theme="dark"] .mention-popup .fas,
body[data-theme="dark"] .mention-popup .far,
body[data-theme="dark"] .mention-popup .fab,
:root.dark-theme-active .mention-popup i,
:root.dark-theme-active .mention-popup svg,
:root.dark-theme-active .mention-popup img,
:root.dark-theme-active .mention-popup .icon,
:root.dark-theme-active .mention-popup .fas,
:root.dark-theme-active .mention-popup .far,
:root.dark-theme-active .mention-popup .fab,
html.dark-theme-active .mention-popup i,
html.dark-theme-active .mention-popup svg,
html.dark-theme-active .mention-popup img,
html.dark-theme-active .mention-popup .icon,
html.dark-theme-active .mention-popup .fas,
html.dark-theme-active .mention-popup .far,
html.dark-theme-active .mention-popup .fab,
body.dark-theme-active .mention-popup i,
body.dark-theme-active .mention-popup svg,
body.dark-theme-active .mention-popup img,
body.dark-theme-active .mention-popup .icon,
body.dark-theme-active .mention-popup .fas,
body.dark-theme-active .mention-popup .far,
body.dark-theme-active .mention-popup .fab {
  color: var(--chat-text-primary) !important;
  fill: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .message-meta,
[data-bs-theme="dark"] .timestamp,
[data-bs-theme="dark"] .message-meta *,
[data-bs-theme="dark"] .timestamp *,
html[data-theme="dark"] .message-meta,
html[data-theme="dark"] .timestamp,
html[data-theme="dark"] .message-meta *,
html[data-theme="dark"] .timestamp *,
body[data-theme="dark"] .message-meta,
body[data-theme="dark"] .timestamp,
body[data-theme="dark"] .message-meta *,
body[data-theme="dark"] .timestamp *,
:root.dark-theme-active .message-meta,
:root.dark-theme-active .timestamp,
:root.dark-theme-active .message-meta *,
:root.dark-theme-active .timestamp *,
html.dark-theme-active .message-meta,
html.dark-theme-active .timestamp,
html.dark-theme-active .message-meta *,
html.dark-theme-active .timestamp *,
body.dark-theme-active .message-meta,
body.dark-theme-active .timestamp,
body.dark-theme-active .message-meta *,
body.dark-theme-active .timestamp * {
  color: var(--chat-text-muted) !important;
}

[data-bs-theme="dark"] .reply-snippet,
[data-bs-theme="dark"] .reply-snippet *,
html[data-theme="dark"] .reply-snippet,
html[data-theme="dark"] .reply-snippet *,
body[data-theme="dark"] .reply-snippet,
body[data-theme="dark"] .reply-snippet *,
:root.dark-theme-active .reply-snippet,
:root.dark-theme-active .reply-snippet *,
html.dark-theme-active .reply-snippet,
html.dark-theme-active .reply-snippet *,
body.dark-theme-active .reply-snippet,
body.dark-theme-active .reply-snippet * {
  background: rgba(255, 255, 255, 0.05) !important;
  border: none !important;
  border-left: 3px solid rgba(255, 255, 255, 0.2) !important;
  color: var(--chat-text-primary) !important;
  outline: none !important;
  box-shadow: none !important;
}

[data-bs-theme="dark"] .reaction-btn,
[data-bs-theme="dark"] .reaction-btn *,
html[data-theme="dark"] .reaction-btn,
html[data-theme="dark"] .reaction-btn *,
body[data-theme="dark"] .reaction-btn,
body[data-theme="dark"] .reaction-btn *,
:root.dark-theme-active .reaction-btn,
:root.dark-theme-active .reaction-btn *,
html.dark-theme-active .reaction-btn,
html.dark-theme-active .reaction-btn *,
body.dark-theme-active .reaction-btn,
body.dark-theme-active .reaction-btn * {
  background: rgba(255, 255, 255, 0.1) !important;
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .reaction-btn:hover,
[data-bs-theme="dark"] .reaction-btn:hover *,
html[data-theme="dark"] .reaction-btn:hover,
html[data-theme="dark"] .reaction-btn:hover *,
body[data-theme="dark"] .reaction-btn:hover,
body[data-theme="dark"] .reaction-btn:hover *,
:root.dark-theme-active .reaction-btn:hover,
:root.dark-theme-active .reaction-btn:hover *,
html.dark-theme-active .reaction-btn:hover,
html.dark-theme-active .reaction-btn:hover *,
body.dark-theme-active .reaction-btn:hover,
body.dark-theme-active .reaction-btn:hover * {
  background: rgba(255, 255, 255, 0.2) !important;
}

[data-bs-theme="dark"] .reaction-btn i,
[data-bs-theme="dark"] .reaction-btn svg,
[data-bs-theme="dark"] .reaction-btn img,
[data-bs-theme="dark"] .reaction-btn .icon,
[data-bs-theme="dark"] .reaction-btn .fas,
[data-bs-theme="dark"] .reaction-btn .far,
[data-bs-theme="dark"] .reaction-btn .fab,
html[data-theme="dark"] .reaction-btn i,
html[data-theme="dark"] .reaction-btn svg,
html[data-theme="dark"] .reaction-btn img,
html[data-theme="dark"] .reaction-btn .icon,
html[data-theme="dark"] .reaction-btn .fas,
html[data-theme="dark"] .reaction-btn .far,
html[data-theme="dark"] .reaction-btn .fab,
body[data-theme="dark"] .reaction-btn i,
body[data-theme="dark"] .reaction-btn svg,
body[data-theme="dark"] .reaction-btn img,
body[data-theme="dark"] .reaction-btn .icon,
body[data-theme="dark"] .reaction-btn .fas,
body[data-theme="dark"] .reaction-btn .far,
body[data-theme="dark"] .reaction-btn .fab,
:root.dark-theme-active .reaction-btn i,
:root.dark-theme-active .reaction-btn svg,
:root.dark-theme-active .reaction-btn img,
:root.dark-theme-active .reaction-btn .icon,
:root.dark-theme-active .reaction-btn .fas,
:root.dark-theme-active .reaction-btn .far,
:root.dark-theme-active .reaction-btn .fab,
html.dark-theme-active .reaction-btn i,
html.dark-theme-active .reaction-btn svg,
html.dark-theme-active .reaction-btn img,
html.dark-theme-active .reaction-btn .icon,
html.dark-theme-active .reaction-btn .fas,
html.dark-theme-active .reaction-btn .far,
html.dark-theme-active .reaction-btn .fab,
body.dark-theme-active .reaction-btn i,
body.dark-theme-active .reaction-btn svg,
body.dark-theme-active .reaction-btn img,
body.dark-theme-active .reaction-btn .icon,
body.dark-theme-active .reaction-btn .fas,
body.dark-theme-active .reaction-btn .far,
body.dark-theme-active .reaction-btn .fab {
  color: var(--chat-text-primary) !important;
  fill: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .reaction-menu,
[data-bs-theme="dark"] .reaction-menu *,
html[data-theme="dark"] .reaction-menu,
html[data-theme="dark"] .reaction-menu *,
body[data-theme="dark"] .reaction-menu,
body[data-theme="dark"] .reaction-menu *,
:root.dark-theme-active .reaction-menu,
:root.dark-theme-active .reaction-menu *,
html.dark-theme-active .reaction-menu,
html.dark-theme-active .reaction-menu *,
body.dark-theme-active .reaction-menu,
body.dark-theme-active .reaction-menu * {
  background: var(--chat-card-bg) !important;
  border-color: var(--chat-border) !important;
}

[data-bs-theme="dark"] .reaction-menu .reaction-btn:hover,
[data-bs-theme="dark"] .reaction-menu .reaction-btn:hover *,
html[data-theme="dark"] .reaction-menu .reaction-btn:hover,
html[data-theme="dark"] .reaction-menu .reaction-btn:hover *,
body[data-theme="dark"] .reaction-menu .reaction-btn:hover,
body[data-theme="dark"] .reaction-menu .reaction-btn:hover *,
:root.dark-theme-active .reaction-menu .reaction-btn:hover,
:root.dark-theme-active .reaction-menu .reaction-btn:hover *,
html.dark-theme-active .reaction-menu .reaction-btn:hover,
html.dark-theme-active .reaction-menu .reaction-btn:hover *,
body.dark-theme-active .reaction-menu .reaction-btn:hover,
body.dark-theme-active .reaction-menu .reaction-btn:hover * {
  background: rgba(255, 255, 255, 0.15) !important;
}

[data-bs-theme="dark"] .reaction-menu i,
[data-bs-theme="dark"] .reaction-menu svg,
[data-bs-theme="dark"] .reaction-menu img,
[data-bs-theme="dark"] .reaction-menu .icon,
[data-bs-theme="dark"] .reaction-menu .fas,
[data-bs-theme="dark"] .reaction-menu .far,
[data-bs-theme="dark"] .reaction-menu .fab,
html[data-theme="dark"] .reaction-menu i,
html[data-theme="dark"] .reaction-menu svg,
html[data-theme="dark"] .reaction-menu img,
html[data-theme="dark"] .reaction-menu .icon,
html[data-theme="dark"] .reaction-menu .fas,
html[data-theme="dark"] .reaction-menu .far,
html[data-theme="dark"] .reaction-menu .fab,
body[data-theme="dark"] .reaction-menu i,
body[data-theme="dark"] .reaction-menu svg,
body[data-theme="dark"] .reaction-menu img,
body[data-theme="dark"] .reaction-menu .icon,
body[data-theme="dark"] .reaction-menu .fas,
body[data-theme="dark"] .reaction-menu .far,
body[data-theme="dark"] .reaction-menu .fab,
:root.dark-theme-active .reaction-menu i,
:root.dark-theme-active .reaction-menu svg,
:root.dark-theme-active .reaction-menu img,
:root.dark-theme-active .reaction-menu .icon,
:root.dark-theme-active .reaction-menu .fas,
:root.dark-theme-active .reaction-menu .far,
:root.dark-theme-active .reaction-menu .fab,
html.dark-theme-active .reaction-menu i,
html.dark-theme-active .reaction-menu svg,
html.dark-theme-active .reaction-menu img,
html.dark-theme-active .reaction-menu .icon,
html.dark-theme-active .reaction-menu .fas,
html.dark-theme-active .reaction-menu .far,
html.dark-theme-active .reaction-menu .fab,
body.dark-theme-active .reaction-menu i,
body.dark-theme-active .reaction-menu svg,
body.dark-theme-active .reaction-menu img,
body.dark-theme-active .reaction-menu .icon,
body.dark-theme-active .reaction-menu .fas,
body.dark-theme-active .reaction-menu .far,
body.dark-theme-active .reaction-menu .fab {
  color: var(--chat-text-primary) !important;
  fill: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .emoji-picker,
[data-bs-theme="dark"] .emoji-picker *,
html[data-theme="dark"] .emoji-picker,
html[data-theme="dark"] .emoji-picker *,
body[data-theme="dark"] .emoji-picker,
body[data-theme="dark"] .emoji-picker *,
:root.dark-theme-active .emoji-picker,
:root.dark-theme-active .emoji-picker *,
html.dark-theme-active .emoji-picker,
html.dark-theme-active .emoji-picker *,
body.dark-theme-active .emoji-picker,
body.dark-theme-active .emoji-picker * {
  background: rgba(45, 45, 45, 0.98) !important;
  border-color: var(--chat-border) !important;
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .emoji-picker button:hover,
[data-bs-theme="dark"] .emoji-picker button:hover *,
html[data-theme="dark"] .emoji-picker button:hover,
html[data-theme="dark"] .emoji-picker button:hover *,
body[data-theme="dark"] .emoji-picker button:hover,
body[data-theme="dark"] .emoji-picker button:hover *,
:root.dark-theme-active .emoji-picker button:hover,
:root.dark-theme-active .emoji-picker button:hover *,
html.dark-theme-active .emoji-picker button:hover,
html.dark-theme-active .emoji-picker button:hover *,
body.dark-theme-active .emoji-picker button:hover,
body.dark-theme-active .emoji-picker button:hover * {
  background: rgba(255, 255, 255, 0.1) !important;
}

[data-bs-theme="dark"] .tg-mobile-chat-page.sma-chat-mobile-scope,
[data-bs-theme="dark"] .tg-mobile-chat-page.sma-chat-mobile-scope *,
html[data-theme="dark"] .tg-mobile-chat-page.sma-chat-mobile-scope,
html[data-theme="dark"] .tg-mobile-chat-page.sma-chat-mobile-scope *,
body[data-theme="dark"] .tg-mobile-chat-page.sma-chat-mobile-scope,
body[data-theme="dark"] .tg-mobile-chat-page.sma-chat-mobile-scope *,
:root.dark-theme-active .tg-mobile-chat-page.sma-chat-mobile-scope,
:root.dark-theme-active .tg-mobile-chat-page.sma-chat-mobile-scope *,
html.dark-theme-active .tg-mobile-chat-page.sma-chat-mobile-scope,
html.dark-theme-active .tg-mobile-chat-page.sma-chat-mobile-scope *,
body.dark-theme-active .tg-mobile-chat-page.sma-chat-mobile-scope,
body.dark-theme-active .tg-mobile-chat-page.sma-chat-mobile-scope * {
  background: var(--chat-card-bg) !important;
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .tg-mobile-chat-page .tg-chat-input-area,
[data-bs-theme="dark"] .tg-mobile-chat-page .tg-chat-input-area *,
html[data-theme="dark"] .tg-mobile-chat-page .tg-chat-input-area,
html[data-theme="dark"] .tg-mobile-chat-page .tg-chat-input-area *,
body[data-theme="dark"] .tg-mobile-chat-page .tg-chat-input-area,
body[data-theme="dark"] .tg-mobile-chat-page .tg-chat-input-area *,
:root.dark-theme-active .tg-mobile-chat-page .tg-chat-input-area,
:root.dark-theme-active .tg-mobile-chat-page .tg-chat-input-area *,
html.dark-theme-active .tg-mobile-chat-page .tg-chat-input-area,
html.dark-theme-active .tg-mobile-chat-page .tg-chat-input-area *,
body.dark-theme-active .tg-mobile-chat-page .tg-chat-input-area,
body.dark-theme-active .tg-mobile-chat-page .tg-chat-input-area * {
  background: var(--chat-card-bg) !important;
  border-color: var(--chat-border) !important;
}

[data-bs-theme="dark"] .message-menu,
[data-bs-theme="dark"] .message-menu *,
html[data-theme="dark"] .message-menu,
html[data-theme="dark"] .message-menu *,
body[data-theme="dark"] .message-menu,
body[data-theme="dark"] .message-menu *,
:root.dark-theme-active .message-menu,
:root.dark-theme-active .message-menu *,
html.dark-theme-active .message-menu,
html.dark-theme-active .message-menu *,
body.dark-theme-active .message-menu,
body.dark-theme-active .message-menu * {
  background: var(--chat-card-bg) !important;
  border-color: var(--chat-border) !important;
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .message-menu button,
[data-bs-theme="dark"] .message-menu button *,
html[data-theme="dark"] .message-menu button,
html[data-theme="dark"] .message-menu button *,
body[data-theme="dark"] .message-menu button,
body[data-theme="dark"] .message-menu button *,
:root.dark-theme-active .message-menu button,
:root.dark-theme-active .message-menu button *,
html.dark-theme-active .message-menu button,
html.dark-theme-active .message-menu button *,
body.dark-theme-active .message-menu button,
body.dark-theme-active .message-menu button * {
  color: var(--chat-text-primary) !important;
  background: none !important;
}

[data-bs-theme="dark"] .message-menu button:hover,
[data-bs-theme="dark"] .message-menu button:hover *,
html[data-theme="dark"] .message-menu button:hover,
html[data-theme="dark"] .message-menu button:hover *,
body[data-theme="dark"] .message-menu button:hover,
body[data-theme="dark"] .message-menu button:hover *,
:root.dark-theme-active .message-menu button:hover,
:root.dark-theme-active .message-menu button:hover *,
html.dark-theme-active .message-menu button:hover,
html.dark-theme-active .message-menu button:hover *,
body.dark-theme-active .message-menu button:hover,
body.dark-theme-active .message-menu button:hover * {
  background: #374151 !important;
}

[data-bs-theme="dark"] .message-menu i,
[data-bs-theme="dark"] .message-menu svg,
[data-bs-theme="dark"] .message-menu img,
[data-bs-theme="dark"] .message-menu .icon,
[data-bs-theme="dark"] .message-menu .fas,
[data-bs-theme="dark"] .message-menu .far,
[data-bs-theme="dark"] .message-menu .fab,
html[data-theme="dark"] .message-menu i,
html[data-theme="dark"] .message-menu svg,
html[data-theme="dark"] .message-menu img,
html[data-theme="dark"] .message-menu .icon,
html[data-theme="dark"] .message-menu .fas,
html[data-theme="dark"] .message-menu .far,
html[data-theme="dark"] .message-menu .fab,
body[data-theme="dark"] .message-menu i,
body[data-theme="dark"] .message-menu svg,
body[data-theme="dark"] .message-menu img,
body[data-theme="dark"] .message-menu .icon,
body[data-theme="dark"] .message-menu .fas,
body[data-theme="dark"] .message-menu .far,
body[data-theme="dark"] .message-menu .fab,
:root.dark-theme-active .message-menu i,
:root.dark-theme-active .message-menu svg,
:root.dark-theme-active .message-menu img,
:root.dark-theme-active .message-menu .icon,
:root.dark-theme-active .message-menu .fas,
:root.dark-theme-active .message-menu .far,
:root.dark-theme-active .message-menu .fab,
html.dark-theme-active .message-menu i,
html.dark-theme-active .message-menu svg,
html.dark-theme-active .message-menu img,
html.dark-theme-active .message-menu .icon,
html.dark-theme-active .message-menu .fas,
html.dark-theme-active .message-menu .far,
html.dark-theme-active .message-menu .fab,
body.dark-theme-active .message-menu i,
body.dark-theme-active .message-menu svg,
body.dark-theme-active .message-menu img,
body.dark-theme-active .message-menu .icon,
body.dark-theme-active .message-menu .fas,
body.dark-theme-active .message-menu .far,
body.dark-theme-active .message-menu .fab {
  color: var(--chat-text-primary) !important;
  fill: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .icon-btn,
[data-bs-theme="dark"] .icon-btn *,
[data-bs-theme="dark"] .back-btn,
[data-bs-theme="dark"] .back-btn *,
[data-bs-theme="dark"] .close-search,
[data-bs-theme="dark"] .close-search *,
[data-bs-theme="dark"] .sma-tg-menu-btn,
[data-bs-theme="dark"] .sma-tg-menu-btn *,
[data-bs-theme="dark"] .sma-tg-close-btn,
[data-bs-theme="dark"] .sma-tg-close-btn *,
html[data-theme="dark"] .icon-btn,
html[data-theme="dark"] .icon-btn *,
html[data-theme="dark"] .back-btn,
html[data-theme="dark"] .back-btn *,
html[data-theme="dark"] .close-search,
html[data-theme="dark"] .close-search *,
html[data-theme="dark"] .sma-tg-menu-btn,
html[data-theme="dark"] .sma-tg-menu-btn *,
html[data-theme="dark"] .sma-tg-close-btn,
html[data-theme="dark"] .sma-tg-close-btn *,
body[data-theme="dark"] .icon-btn,
body[data-theme="dark"] .icon-btn *,
body[data-theme="dark"] .back-btn,
body[data-theme="dark"] .back-btn *,
body[data-theme="dark"] .close-search,
body[data-theme="dark"] .close-search *,
body[data-theme="dark"] .sma-tg-menu-btn,
body[data-theme="dark"] .sma-tg-menu-btn *,
body[data-theme="dark"] .sma-tg-close-btn,
body[data-theme="dark"] .sma-tg-close-btn *,
:root.dark-theme-active .icon-btn,
:root.dark-theme-active .icon-btn *,
:root.dark-theme-active .back-btn,
:root.dark-theme-active .back-btn *,
:root.dark-theme-active .close-search,
:root.dark-theme-active .close-search *,
:root.dark-theme-active .sma-tg-menu-btn,
:root.dark-theme-active .sma-tg-menu-btn *,
:root.dark-theme-active .sma-tg-close-btn,
:root.dark-theme-active .sma-tg-close-btn *,
html.dark-theme-active .icon-btn,
html.dark-theme-active .icon-btn *,
html.dark-theme-active .back-btn,
html.dark-theme-active .back-btn *,
html.dark-theme-active .close-search,
html.dark-theme-active .close-search *,
html.dark-theme-active .sma-tg-menu-btn,
html.dark-theme-active .sma-tg-menu-btn *,
html.dark-theme-active .sma-tg-close-btn,
html.dark-theme-active .sma-tg-close-btn *,
body.dark-theme-active .icon-btn,
body.dark-theme-active .icon-btn *,
body.dark-theme-active .back-btn,
body.dark-theme-active .back-btn *,
body.dark-theme-active .close-search,
body.dark-theme-active .close-search *,
body.dark-theme-active .sma-tg-menu-btn,
body.dark-theme-active .sma-tg-menu-btn *,
body.dark-theme-active .sma-tg-close-btn,
body.dark-theme-active .sma-tg-close-btn * {
  color: var(--chat-text-secondary) !important;
}

[data-bs-theme="dark"] .icon-btn:hover,
[data-bs-theme="dark"] .icon-btn:hover *,
[data-bs-theme="dark"] .back-btn:hover,
[data-bs-theme="dark"] .back-btn:hover *,
[data-bs-theme="dark"] .close-search:hover,
[data-bs-theme="dark"] .close-search:hover *,
[data-bs-theme="dark"] .sma-tg-menu-btn:hover,
[data-bs-theme="dark"] .sma-tg-menu-btn:hover *,
[data-bs-theme="dark"] .sma-tg-close-btn:hover,
[data-bs-theme="dark"] .sma-tg-close-btn:hover *,
html[data-theme="dark"] .icon-btn:hover,
html[data-theme="dark"] .icon-btn:hover *,
html[data-theme="dark"] .back-btn:hover,
html[data-theme="dark"] .back-btn:hover *,
html[data-theme="dark"] .close-search:hover,
html[data-theme="dark"] .close-search:hover *,
html[data-theme="dark"] .sma-tg-menu-btn:hover,
html[data-theme="dark"] .sma-tg-menu-btn:hover *,
html[data-theme="dark"] .sma-tg-close-btn:hover,
html[data-theme="dark"] .sma-tg-close-btn:hover *,
body[data-theme="dark"] .icon-btn:hover,
body[data-theme="dark"] .icon-btn:hover *,
body[data-theme="dark"] .back-btn:hover,
body[data-theme="dark"] .back-btn:hover *,
body[data-theme="dark"] .close-search:hover,
body[data-theme="dark"] .close-search:hover *,
body[data-theme="dark"] .sma-tg-menu-btn:hover,
body[data-theme="dark"] .sma-tg-menu-btn:hover *,
body[data-theme="dark"] .sma-tg-close-btn:hover,
body[data-theme="dark"] .sma-tg-close-btn:hover *,
:root.dark-theme-active .icon-btn:hover,
:root.dark-theme-active .icon-btn:hover *,
:root.dark-theme-active .back-btn:hover,
:root.dark-theme-active .back-btn:hover *,
:root.dark-theme-active .close-search:hover,
:root.dark-theme-active .close-search:hover *,
:root.dark-theme-active .sma-tg-menu-btn:hover,
:root.dark-theme-active .sma-tg-menu-btn:hover *,
:root.dark-theme-active .sma-tg-close-btn:hover,
:root.dark-theme-active .sma-tg-close-btn:hover *,
html.dark-theme-active .icon-btn:hover,
html.dark-theme-active .icon-btn:hover *,
html.dark-theme-active .back-btn:hover,
html.dark-theme-active .back-btn:hover *,
html.dark-theme-active .close-search:hover,
html.dark-theme-active .close-search:hover *,
html.dark-theme-active .sma-tg-menu-btn:hover,
html.dark-theme-active .sma-tg-menu-btn:hover *,
html.dark-theme-active .sma-tg-close-btn:hover,
html.dark-theme-active .sma-tg-close-btn:hover *,
body.dark-theme-active .icon-btn:hover,
body.dark-theme-active .icon-btn:hover *,
body.dark-theme-active .back-btn:hover,
body.dark-theme-active .back-btn:hover *,
body.dark-theme-active .close-search:hover,
body.dark-theme-active .close-search:hover *,
body.dark-theme-active .sma-tg-menu-btn:hover,
body.dark-theme-active .sma-tg-menu-btn:hover *,
body.dark-theme-active .sma-tg-close-btn:hover,
body.dark-theme-active .sma-tg-close-btn:hover * {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .sma-tg-msg-search,
[data-bs-theme="dark"] .sma-tg-msg-search *,
html[data-theme="dark"] .sma-tg-msg-search,
html[data-theme="dark"] .sma-tg-msg-search *,
body[data-theme="dark"] .sma-tg-msg-search,
body[data-theme="dark"] .sma-tg-msg-search *,
:root.dark-theme-active .sma-tg-msg-search,
:root.dark-theme-active .sma-tg-msg-search *,
html.dark-theme-active .sma-tg-msg-search,
html.dark-theme-active .sma-tg-msg-search *,
body.dark-theme-active .sma-tg-msg-search,
body.dark-theme-active .sma-tg-msg-search * {
  background: var(--chat-card-bg) !important;
  border-color: var(--chat-border) !important;
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .sma-tg-msg-search:focus,
[data-bs-theme="dark"] .sma-tg-msg-search:focus *,
html[data-theme="dark"] .sma-tg-msg-search:focus,
html[data-theme="dark"] .sma-tg-msg-search:focus *,
body[data-theme="dark"] .sma-tg-msg-search:focus,
body[data-theme="dark"] .sma-tg-msg-search:focus *,
:root.dark-theme-active .sma-tg-msg-search:focus,
:root.dark-theme-active .sma-tg-msg-search:focus *,
html.dark-theme-active .sma-tg-msg-search:focus,
html.dark-theme-active .sma-tg-msg-search:focus *,
body.dark-theme-active .sma-tg-msg-search:focus,
body.dark-theme-active .sma-tg-msg-search:focus * {
  border-color: var(--chat-primary) !important;
}

[data-bs-theme="dark"] .sma-tg-msg-search i,
[data-bs-theme="dark"] .sma-tg-msg-search svg,
[data-bs-theme="dark"] .sma-tg-msg-search img,
[data-bs-theme="dark"] .sma-tg-msg-search .icon,
[data-bs-theme="dark"] .sma-tg-msg-search .fas,
[data-bs-theme="dark"] .sma-tg-msg-search .far,
[data-bs-theme="dark"] .sma-tg-msg-search .fab,
html[data-theme="dark"] .sma-tg-msg-search i,
html[data-theme="dark"] .sma-tg-msg-search svg,
html[data-theme="dark"] .sma-tg-msg-search img,
html[data-theme="dark"] .sma-tg-msg-search .icon,
html[data-theme="dark"] .sma-tg-msg-search .fas,
html[data-theme="dark"] .sma-tg-msg-search .far,
html[data-theme="dark"] .sma-tg-msg-search .fab,
body[data-theme="dark"] .sma-tg-msg-search i,
body[data-theme="dark"] .sma-tg-msg-search svg,
body[data-theme="dark"] .sma-tg-msg-search img,
body[data-theme="dark"] .sma-tg-msg-search .icon,
body[data-theme="dark"] .sma-tg-msg-search .fas,
body[data-theme="dark"] .sma-tg-msg-search .far,
body[data-theme="dark"] .sma-tg-msg-search .fab,
:root.dark-theme-active .sma-tg-msg-search i,
:root.dark-theme-active .sma-tg-msg-search svg,
:root.dark-theme-active .sma-tg-msg-search img,
:root.dark-theme-active .sma-tg-msg-search .icon,
:root.dark-theme-active .sma-tg-msg-search .fas,
:root.dark-theme-active .sma-tg-msg-search .far,
:root.dark-theme-active .sma-tg-msg-search .fab,
html.dark-theme-active .sma-tg-msg-search i,
html.dark-theme-active .sma-tg-msg-search svg,
html.dark-theme-active .sma-tg-msg-search img,
html.dark-theme-active .sma-tg-msg-search .icon,
html.dark-theme-active .sma-tg-msg-search .fas,
html.dark-theme-active .sma-tg-msg-search .far,
html.dark-theme-active .sma-tg-msg-search .fab,
body.dark-theme-active .sma-tg-msg-search i,
body.dark-theme-active .sma-tg-msg-search svg,
body.dark-theme-active .sma-tg-msg-search img,
body.dark-theme-active .sma-tg-msg-search .icon,
body.dark-theme-active .sma-tg-msg-search .fas,
body.dark-theme-active .sma-tg-msg-search .far,
body.dark-theme-active .sma-tg-msg-search .fab {
  color: var(--chat-text-secondary) !important;
  fill: var(--chat-text-secondary) !important;
}

[data-bs-theme="dark"] .tg-ajax-chat-window,
[data-bs-theme="dark"] .tg-ajax-chat-window *,
html[data-theme="dark"] .tg-ajax-chat-window,
html[data-theme="dark"] .tg-ajax-chat-window *,
body[data-theme="dark"] .tg-ajax-chat-window,
body[data-theme="dark"] .tg-ajax-chat-window *,
:root.dark-theme-active .tg-ajax-chat-window,
:root.dark-theme-active .tg-ajax-chat-window *,
html.dark-theme-active .tg-ajax-chat-window,
html.dark-theme-active .tg-ajax-chat-window *,
body.dark-theme-active .tg-ajax-chat-window,
body.dark-theme-active .tg-ajax-chat-window * {
  background: var(--chat-card-bg) !important;
  border-color: var(--chat-border) !important;
}

[data-bs-theme="dark"] .tg-ajax-chat-window i,
[data-bs-theme="dark"] .tg-ajax-chat-window svg,
[data-bs-theme="dark"] .tg-ajax-chat-window img,
[data-bs-theme="dark"] .tg-ajax-chat-window .icon,
[data-bs-theme="dark"] .tg-ajax-chat-window .fas,
[data-bs-theme="dark"] .tg-ajax-chat-window .far,
[data-bs-theme="dark"] .tg-ajax-chat-window .fab,
html[data-theme="dark"] .tg-ajax-chat-window i,
html[data-theme="dark"] .tg-ajax-chat-window svg,
html[data-theme="dark"] .tg-ajax-chat-window img,
html[data-theme="dark"] .tg-ajax-chat-window .icon,
html[data-theme="dark"] .tg-ajax-chat-window .fas,
html[data-theme="dark"] .tg-ajax-chat-window .far,
html[data-theme="dark"] .tg-ajax-chat-window .fab,
body[data-theme="dark"] .tg-ajax-chat-window i,
body[data-theme="dark"] .tg-ajax-chat-window svg,
body[data-theme="dark"] .tg-ajax-chat-window img,
body[data-theme="dark"] .tg-ajax-chat-window .icon,
body[data-theme="dark"] .tg-ajax-chat-window .fas,
body[data-theme="dark"] .tg-ajax-chat-window .far,
body[data-theme="dark"] .tg-ajax-chat-window .fab,
:root.dark-theme-active .tg-ajax-chat-window i,
:root.dark-theme-active .tg-ajax-chat-window svg,
:root.dark-theme-active .tg-ajax-chat-window img,
:root.dark-theme-active .tg-ajax-chat-window .icon,
:root.dark-theme-active .tg-ajax-chat-window .fas,
:root.dark-theme-active .tg-ajax-chat-window .far,
:root.dark-theme-active .tg-ajax-chat-window .fab,
html.dark-theme-active .tg-ajax-chat-window i,
html.dark-theme-active .tg-ajax-chat-window svg,
html.dark-theme-active .tg-ajax-chat-window img,
html.dark-theme-active .tg-ajax-chat-window .icon,
html.dark-theme-active .tg-ajax-chat-window .fas,
html.dark-theme-active .tg-ajax-chat-window .far,
html.dark-theme-active .tg-ajax-chat-window .fab,
body.dark-theme-active .tg-ajax-chat-window i,
body.dark-theme-active .tg-ajax-chat-window svg,
body.dark-theme-active .tg-ajax-chat-window img,
body.dark-theme-active .tg-ajax-chat-window .icon,
body.dark-theme-active .tg-ajax-chat-window .fas,
body.dark-theme-active .tg-ajax-chat-window .far,
body.dark-theme-active .tg-ajax-chat-window .fab {
  color: var(--chat-text-secondary) !important;
  fill: var(--chat-text-secondary) !important;
}

[data-bs-theme="dark"] .chat-window-bar,
[data-bs-theme="dark"] .chat-window-bar *,
[data-bs-theme="dark"] .tg-ajax-chat-window .chat-window-bar,
[data-bs-theme="dark"] .chat-window .chat-window-bar,
html[data-theme="dark"] .chat-window-bar,
html[data-theme="dark"] .chat-window-bar *,
html[data-theme="dark"] .tg-ajax-chat-window .chat-window-bar,
html[data-theme="dark"] .chat-window .chat-window-bar,
body[data-theme="dark"] .chat-window-bar,
body[data-theme="dark"] .chat-window-bar *,
body[data-theme="dark"] .tg-ajax-chat-window .chat-window-bar,
body[data-theme="dark"] .chat-window .chat-window-bar,
:root.dark-theme-active .chat-window-bar,
:root.dark-theme-active .chat-window-bar *,
:root.dark-theme-active .tg-ajax-chat-window .chat-window-bar,
:root.dark-theme-active .chat-window .chat-window-bar,
html.dark-theme-active .chat-window-bar,
html.dark-theme-active .chat-window-bar *,
html.dark-theme-active .tg-ajax-chat-window .chat-window-bar,
html.dark-theme-active .chat-window .chat-window-bar,
body.dark-theme-active .chat-window-bar,
body.dark-theme-active .chat-window-bar *,
body.dark-theme-active .tg-ajax-chat-window .chat-window-bar,
body.dark-theme-active .chat-window .chat-window-bar {
  background: #374151 !important;
  background-color: #374151 !important;
  background-image: none !important;
  border-color: var(--chat-border) !important;
}

[data-bs-theme="dark"] .chat-window-bar i,
[data-bs-theme="dark"] .chat-window-bar svg,
[data-bs-theme="dark"] .chat-window-bar img,
[data-bs-theme="dark"] .chat-window-bar .icon,
[data-bs-theme="dark"] .chat-window-bar .fas,
[data-bs-theme="dark"] .chat-window-bar .far,
[data-bs-theme="dark"] .chat-window-bar .fab,
html[data-theme="dark"] .chat-window-bar i,
html[data-theme="dark"] .chat-window-bar svg,
html[data-theme="dark"] .chat-window-bar img,
html[data-theme="dark"] .chat-window-bar .icon,
html[data-theme="dark"] .chat-window-bar .fas,
html[data-theme="dark"] .chat-window-bar .far,
html[data-theme="dark"] .chat-window-bar .fab,
body[data-theme="dark"] .chat-window-bar i,
body[data-theme="dark"] .chat-window-bar svg,
body[data-theme="dark"] .chat-window-bar img,
body[data-theme="dark"] .chat-window-bar .icon,
body[data-theme="dark"] .chat-window-bar .fas,
body[data-theme="dark"] .chat-window-bar .far,
body[data-theme="dark"] .chat-window-bar .fab,
:root.dark-theme-active .chat-window-bar i,
:root.dark-theme-active .chat-window-bar svg,
:root.dark-theme-active .chat-window-bar img,
:root.dark-theme-active .chat-window-bar .icon,
:root.dark-theme-active .chat-window-bar .fas,
:root.dark-theme-active .chat-window-bar .far,
:root.dark-theme-active .chat-window-bar .fab,
html.dark-theme-active .chat-window-bar i,
html.dark-theme-active .chat-window-bar svg,
html.dark-theme-active .chat-window-bar img,
html.dark-theme-active .chat-window-bar .icon,
html.dark-theme-active .chat-window-bar .fas,
html.dark-theme-active .chat-window-bar .far,
html.dark-theme-active .chat-window-bar .fab,
body.dark-theme-active .chat-window-bar i,
body.dark-theme-active .chat-window-bar svg,
body.dark-theme-active .chat-window-bar img,
body.dark-theme-active .chat-window-bar .icon,
body.dark-theme-active .chat-window-bar .fas,
body.dark-theme-active .chat-window-bar .far,
body.dark-theme-active .chat-window-bar .fab {
  color: var(--chat-text-secondary) !important;
  fill: var(--chat-text-secondary) !important;
}

[data-bs-theme="dark"] .chat-window-btn,
[data-bs-theme="dark"] .chat-window-btn *,
html[data-theme="dark"] .chat-window-btn,
html[data-theme="dark"] .chat-window-btn *,
body[data-theme="dark"] .chat-window-btn,
body[data-theme="dark"] .chat-window-btn *,
:root.dark-theme-active .chat-window-btn,
:root.dark-theme-active .chat-window-btn *,
html.dark-theme-active .chat-window-btn,
html.dark-theme-active .chat-window-btn *,
body.dark-theme-active .chat-window-btn,
body.dark-theme-active .chat-window-btn * {
  color: var(--chat-text-secondary) !important;
}

[data-bs-theme="dark"] .chat-window-btn:hover,
[data-bs-theme="dark"] .chat-window-btn:hover *,
html[data-theme="dark"] .chat-window-btn:hover,
html[data-theme="dark"] .chat-window-btn:hover *,
body[data-theme="dark"] .chat-window-btn:hover,
body[data-theme="dark"] .chat-window-btn:hover *,
:root.dark-theme-active .chat-window-btn:hover,
:root.dark-theme-active .chat-window-btn:hover *,
html.dark-theme-active .chat-window-btn:hover,
html.dark-theme-active .chat-window-btn:hover *,
body.dark-theme-active .chat-window-btn:hover,
body.dark-theme-active .chat-window-btn:hover * {
  background: rgba(255, 255, 255, 0.1) !important;
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .chat-window-btn i,
[data-bs-theme="dark"] .chat-window-btn svg,
[data-bs-theme="dark"] .chat-window-btn img,
[data-bs-theme="dark"] .chat-window-btn .icon,
[data-bs-theme="dark"] .chat-window-btn .fas,
[data-bs-theme="dark"] .chat-window-btn .far,
[data-bs-theme="dark"] .chat-window-btn .fab,
html[data-theme="dark"] .chat-window-btn i,
html[data-theme="dark"] .chat-window-btn svg,
html[data-theme="dark"] .chat-window-btn img,
html[data-theme="dark"] .chat-window-btn .icon,
html[data-theme="dark"] .chat-window-btn .fas,
html[data-theme="dark"] .chat-window-btn .far,
html[data-theme="dark"] .chat-window-btn .fab,
body[data-theme="dark"] .chat-window-btn i,
body[data-theme="dark"] .chat-window-btn svg,
body[data-theme="dark"] .chat-window-btn img,
body[data-theme="dark"] .chat-window-btn .icon,
body[data-theme="dark"] .chat-window-btn .fas,
body[data-theme="dark"] .chat-window-btn .far,
body[data-theme="dark"] .chat-window-btn .fab,
:root.dark-theme-active .chat-window-btn i,
:root.dark-theme-active .chat-window-btn svg,
:root.dark-theme-active .chat-window-btn img,
:root.dark-theme-active .chat-window-btn .icon,
:root.dark-theme-active .chat-window-btn .fas,
:root.dark-theme-active .chat-window-btn .far,
:root.dark-theme-active .chat-window-btn .fab,
html.dark-theme-active .chat-window-btn i,
html.dark-theme-active .chat-window-btn svg,
html.dark-theme-active .chat-window-btn img,
html.dark-theme-active .chat-window-btn .icon,
html.dark-theme-active .chat-window-btn .fas,
html.dark-theme-active .chat-window-btn .far,
html.dark-theme-active .chat-window-btn .fab,
body.dark-theme-active .chat-window-btn i,
body.dark-theme-active .chat-window-btn svg,
body.dark-theme-active .chat-window-btn img,
body.dark-theme-active .chat-window-btn .icon,
body.dark-theme-active .chat-window-btn .fas,
body.dark-theme-active .chat-window-btn .far,
body.dark-theme-active .chat-window-btn .fab {
  color: var(--chat-text-secondary) !important;
  fill: var(--chat-text-secondary) !important;
}

[data-bs-theme="dark"] .chat-window-btn:hover i,
[data-bs-theme="dark"] .chat-window-btn:hover svg,
[data-bs-theme="dark"] .chat-window-btn:hover img,
[data-bs-theme="dark"] .chat-window-btn:hover .icon,
[data-bs-theme="dark"] .chat-window-btn:hover .fas,
[data-bs-theme="dark"] .chat-window-btn:hover .far,
[data-bs-theme="dark"] .chat-window-btn:hover .fab,
html[data-theme="dark"] .chat-window-btn:hover i,
html[data-theme="dark"] .chat-window-btn:hover svg,
html[data-theme="dark"] .chat-window-btn:hover img,
html[data-theme="dark"] .chat-window-btn:hover .icon,
html[data-theme="dark"] .chat-window-btn:hover .fas,
html[data-theme="dark"] .chat-window-btn:hover .far,
html[data-theme="dark"] .chat-window-btn:hover .fab,
body[data-theme="dark"] .chat-window-btn:hover i,
body[data-theme="dark"] .chat-window-btn:hover svg,
body[data-theme="dark"] .chat-window-btn:hover img,
body[data-theme="dark"] .chat-window-btn:hover .icon,
body[data-theme="dark"] .chat-window-btn:hover .fas,
body[data-theme="dark"] .chat-window-btn:hover .far,
body[data-theme="dark"] .chat-window-btn:hover .fab,
:root.dark-theme-active .chat-window-btn:hover i,
:root.dark-theme-active .chat-window-btn:hover svg,
:root.dark-theme-active .chat-window-btn:hover img,
:root.dark-theme-active .chat-window-btn:hover .icon,
:root.dark-theme-active .chat-window-btn:hover .fas,
:root.dark-theme-active .chat-window-btn:hover .far,
:root.dark-theme-active .chat-window-btn:hover .fab,
html.dark-theme-active .chat-window-btn:hover i,
html.dark-theme-active .chat-window-btn:hover svg,
html.dark-theme-active .chat-window-btn:hover img,
html.dark-theme-active .chat-window-btn:hover .icon,
html.dark-theme-active .chat-window-btn:hover .fas,
html.dark-theme-active .chat-window-btn:hover .far,
html.dark-theme-active .chat-window-btn:hover .fab,
body.dark-theme-active .chat-window-btn:hover i,
body.dark-theme-active .chat-window-btn:hover svg,
body.dark-theme-active .chat-window-btn:hover img,
body.dark-theme-active .chat-window-btn:hover .icon,
body.dark-theme-active .chat-window-btn:hover .fas,
body.dark-theme-active .chat-window-btn:hover .far,
body.dark-theme-active .chat-window-btn:hover .fab {
  color: var(--chat-text-primary) !important;
  fill: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .sma-tg-pinned,
[data-bs-theme="dark"] .sma-tg-pinned *,
html[data-theme="dark"] .sma-tg-pinned,
html[data-theme="dark"] .sma-tg-pinned *,
body[data-theme="dark"] .sma-tg-pinned,
body[data-theme="dark"] .sma-tg-pinned *,
:root.dark-theme-active .sma-tg-pinned,
:root.dark-theme-active .sma-tg-pinned *,
html.dark-theme-active .sma-tg-pinned,
html.dark-theme-active .sma-tg-pinned *,
body.dark-theme-active .sma-tg-pinned,
body.dark-theme-active .sma-tg-pinned * {
  background: rgba(255, 193, 7, 0.1) !important;
  border-color: var(--chat-border) !important;
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .sma-tg-pinned .btn-close,
[data-bs-theme="dark"] .sma-tg-pinned .btn-close *,
html[data-theme="dark"] .sma-tg-pinned .btn-close,
html[data-theme="dark"] .sma-tg-pinned .btn-close *,
body[data-theme="dark"] .sma-tg-pinned .btn-close,
body[data-theme="dark"] .sma-tg-pinned .btn-close *,
:root.dark-theme-active .sma-tg-pinned .btn-close,
:root.dark-theme-active .sma-tg-pinned .btn-close *,
html.dark-theme-active .sma-tg-pinned .btn-close,
html.dark-theme-active .sma-tg-pinned .btn-close *,
body.dark-theme-active .sma-tg-pinned .btn-close,
body.dark-theme-active .sma-tg-pinned .btn-close * {
  color: var(--chat-text-secondary) !important;
}

[data-bs-theme="dark"] .sma-tg-pinned .btn-close:hover,
[data-bs-theme="dark"] .sma-tg-pinned .btn-close:hover *,
html[data-theme="dark"] .sma-tg-pinned .btn-close:hover,
html[data-theme="dark"] .sma-tg-pinned .btn-close:hover *,
body[data-theme="dark"] .sma-tg-pinned .btn-close:hover,
body[data-theme="dark"] .sma-tg-pinned .btn-close:hover *,
:root.dark-theme-active .sma-tg-pinned .btn-close:hover,
:root.dark-theme-active .sma-tg-pinned .btn-close:hover *,
html.dark-theme-active .sma-tg-pinned .btn-close:hover,
html.dark-theme-active .sma-tg-pinned .btn-close:hover *,
body.dark-theme-active .sma-tg-pinned .btn-close:hover,
body.dark-theme-active .sma-tg-pinned .btn-close:hover * {
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .sma-tg-pinned i,
[data-bs-theme="dark"] .sma-tg-pinned svg,
[data-bs-theme="dark"] .sma-tg-pinned img,
[data-bs-theme="dark"] .sma-tg-pinned .icon,
[data-bs-theme="dark"] .sma-tg-pinned .fas,
[data-bs-theme="dark"] .sma-tg-pinned .far,
[data-bs-theme="dark"] .sma-tg-pinned .fab,
html[data-theme="dark"] .sma-tg-pinned i,
html[data-theme="dark"] .sma-tg-pinned svg,
html[data-theme="dark"] .sma-tg-pinned img,
html[data-theme="dark"] .sma-tg-pinned .icon,
html[data-theme="dark"] .sma-tg-pinned .fas,
html[data-theme="dark"] .sma-tg-pinned .far,
html[data-theme="dark"] .sma-tg-pinned .fab,
body[data-theme="dark"] .sma-tg-pinned i,
body[data-theme="dark"] .sma-tg-pinned svg,
body[data-theme="dark"] .sma-tg-pinned img,
body[data-theme="dark"] .sma-tg-pinned .icon,
body[data-theme="dark"] .sma-tg-pinned .fas,
body[data-theme="dark"] .sma-tg-pinned .far,
body[data-theme="dark"] .sma-tg-pinned .fab,
:root.dark-theme-active .sma-tg-pinned i,
:root.dark-theme-active .sma-tg-pinned svg,
:root.dark-theme-active .sma-tg-pinned img,
:root.dark-theme-active .sma-tg-pinned .icon,
:root.dark-theme-active .sma-tg-pinned .fas,
:root.dark-theme-active .sma-tg-pinned .far,
:root.dark-theme-active .sma-tg-pinned .fab,
html.dark-theme-active .sma-tg-pinned i,
html.dark-theme-active .sma-tg-pinned svg,
html.dark-theme-active .sma-tg-pinned img,
html.dark-theme-active .sma-tg-pinned .icon,
html.dark-theme-active .sma-tg-pinned .fas,
html.dark-theme-active .sma-tg-pinned .far,
html.dark-theme-active .sma-tg-pinned .fab,
body.dark-theme-active .sma-tg-pinned i,
body.dark-theme-active .sma-tg-pinned svg,
body.dark-theme-active .sma-tg-pinned img,
body.dark-theme-active .sma-tg-pinned .icon,
body.dark-theme-active .sma-tg-pinned .fas,
body.dark-theme-active .sma-tg-pinned .far,
body.dark-theme-active .sma-tg-pinned .fab {
  color: var(--chat-text-primary) !important;
  fill: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .message-file,
[data-bs-theme="dark"] .message-file *,
html[data-theme="dark"] .message-file,
html[data-theme="dark"] .message-file *,
body[data-theme="dark"] .message-file,
body[data-theme="dark"] .message-file *,
:root.dark-theme-active .message-file,
:root.dark-theme-active .message-file *,
html.dark-theme-active .message-file,
html.dark-theme-active .message-file *,
body.dark-theme-active .message-file,
body.dark-theme-active .message-file * {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: var(--chat-text-primary) !important;
  outline: none !important;
  box-shadow: none !important;
}

[data-bs-theme="dark"] .attach-preview .remove-btn,
[data-bs-theme="dark"] .attach-preview .remove-btn *,
html[data-theme="dark"] .attach-preview .remove-btn,
html[data-theme="dark"] .attach-preview .remove-btn *,
body[data-theme="dark"] .attach-preview .remove-btn,
body[data-theme="dark"] .attach-preview .remove-btn *,
:root.dark-theme-active .attach-preview .remove-btn,
:root.dark-theme-active .attach-preview .remove-btn *,
html.dark-theme-active .attach-preview .remove-btn,
html.dark-theme-active .attach-preview .remove-btn *,
body.dark-theme-active .attach-preview .remove-btn,
body.dark-theme-active .attach-preview .remove-btn * {
  background: rgba(255, 255, 255, 0.1) !important;
  color: var(--chat-text-primary) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  outline: none !important;
  box-shadow: none !important;
}

[data-bs-theme="dark"] .attach-preview .remove-btn:hover,
[data-bs-theme="dark"] .attach-preview .remove-btn *:hover,
html[data-theme="dark"] .attach-preview .remove-btn:hover,
html[data-theme="dark"] .attach-preview .remove-btn *:hover,
body[data-theme="dark"] .attach-preview .remove-btn:hover,
body[data-theme="dark"] .attach-preview .remove-btn *:hover,
:root.dark-theme-active .attach-preview .remove-btn:hover,
:root.dark-theme-active .attach-preview .remove-btn *:hover,
html.dark-theme-active .attach-preview .remove-btn:hover,
html.dark-theme-active .attach-preview .remove-btn *:hover,
body.dark-theme-active .attach-preview .remove-btn:hover,
body.dark-theme-active .attach-preview .remove-btn *:hover {
  background: rgba(255, 255, 255, 0.15) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

[data-bs-theme="dark"] .message-file i,
[data-bs-theme="dark"] .message-file svg,
[data-bs-theme="dark"] .message-file img,
[data-bs-theme="dark"] .message-file .icon,
[data-bs-theme="dark"] .message-file .fas,
[data-bs-theme="dark"] .message-file .far,
[data-bs-theme="dark"] .message-file .fab,
[data-bs-theme="dark"] .attach-preview i,
[data-bs-theme="dark"] .attach-preview svg,
[data-bs-theme="dark"] .attach-preview img,
[data-bs-theme="dark"] .attach-preview .icon,
[data-bs-theme="dark"] .attach-preview .fas,
[data-bs-theme="dark"] .attach-preview .far,
[data-bs-theme="dark"] .attach-preview .fab,
html[data-theme="dark"] .message-file i,
html[data-theme="dark"] .message-file svg,
html[data-theme="dark"] .message-file img,
html[data-theme="dark"] .message-file .icon,
html[data-theme="dark"] .message-file .fas,
html[data-theme="dark"] .message-file .far,
html[data-theme="dark"] .message-file .fab,
html[data-theme="dark"] .attach-preview i,
html[data-theme="dark"] .attach-preview svg,
html[data-theme="dark"] .attach-preview img,
html[data-theme="dark"] .attach-preview .icon,
html[data-theme="dark"] .attach-preview .fas,
html[data-theme="dark"] .attach-preview .far,
html[data-theme="dark"] .attach-preview .fab,
body[data-theme="dark"] .message-file i,
body[data-theme="dark"] .message-file svg,
body[data-theme="dark"] .message-file img,
body[data-theme="dark"] .message-file .icon,
body[data-theme="dark"] .message-file .fas,
body[data-theme="dark"] .message-file .far,
body[data-theme="dark"] .message-file .fab,
body[data-theme="dark"] .attach-preview i,
body[data-theme="dark"] .attach-preview svg,
body[data-theme="dark"] .attach-preview img,
body[data-theme="dark"] .attach-preview .icon,
body[data-theme="dark"] .attach-preview .fas,
body[data-theme="dark"] .attach-preview .far,
body[data-theme="dark"] .attach-preview .fab,
:root.dark-theme-active .message-file i,
:root.dark-theme-active .message-file svg,
:root.dark-theme-active .message-file img,
:root.dark-theme-active .message-file .icon,
:root.dark-theme-active .message-file .fas,
:root.dark-theme-active .message-file .far,
:root.dark-theme-active .message-file .fab,
:root.dark-theme-active .attach-preview i,
:root.dark-theme-active .attach-preview svg,
:root.dark-theme-active .attach-preview img,
:root.dark-theme-active .attach-preview .icon,
:root.dark-theme-active .attach-preview .fas,
:root.dark-theme-active .attach-preview .far,
:root.dark-theme-active .attach-preview .fab,
html.dark-theme-active .message-file i,
html.dark-theme-active .message-file svg,
html.dark-theme-active .message-file img,
html.dark-theme-active .message-file .icon,
html.dark-theme-active .message-file .fas,
html.dark-theme-active .message-file .far,
html.dark-theme-active .message-file .fab,
html.dark-theme-active .attach-preview i,
html.dark-theme-active .attach-preview svg,
html.dark-theme-active .attach-preview img,
html.dark-theme-active .attach-preview .icon,
html.dark-theme-active .attach-preview .fas,
html.dark-theme-active .attach-preview .far,
html.dark-theme-active .attach-preview .fab,
body.dark-theme-active .message-file i,
body.dark-theme-active .message-file svg,
body.dark-theme-active .message-file img,
body.dark-theme-active .message-file .icon,
body.dark-theme-active .message-file .fas,
body.dark-theme-active .message-file .far,
body.dark-theme-active .message-file .fab,
body.dark-theme-active .attach-preview i,
body.dark-theme-active .attach-preview svg,
body.dark-theme-active .attach-preview img,
body.dark-theme-active .attach-preview .icon,
body.dark-theme-active .attach-preview .fas,
body.dark-theme-active .attach-preview .far,
body.dark-theme-active .attach-preview .fab {
  color: var(--chat-text-primary) !important;
  fill: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .reply-preview,
[data-bs-theme="dark"] .reply-preview *,
html[data-theme="dark"] .reply-preview,
html[data-theme="dark"] .reply-preview *,
body[data-theme="dark"] .reply-preview,
body[data-theme="dark"] .reply-preview *,
:root.dark-theme-active .reply-preview,
:root.dark-theme-active .reply-preview *,
html.dark-theme-active .reply-preview,
html.dark-theme-active .reply-preview *,
body.dark-theme-active .reply-preview,
body.dark-theme-active .reply-preview * {
  background: rgba(255, 255, 255, 0.05) !important;
  border: none !important;
  border-left: 3px solid rgba(255, 255, 255, 0.2) !important;
  color: var(--chat-text-primary) !important;
  outline: none !important;
  box-shadow: none !important;
}

[data-bs-theme="dark"] .reply-preview-sender,
[data-bs-theme="dark"] .reply-preview-sender *,
html[data-theme="dark"] .reply-preview-sender,
html[data-theme="dark"] .reply-preview-sender *,
body[data-theme="dark"] .reply-preview-sender,
body[data-theme="dark"] .reply-preview-sender *,
:root.dark-theme-active .reply-preview-sender,
:root.dark-theme-active .reply-preview-sender *,
html.dark-theme-active .reply-preview-sender,
html.dark-theme-active .reply-preview-sender *,
body.dark-theme-active .reply-preview-sender,
body.dark-theme-active .reply-preview-sender * {
  color: var(--chat-primary) !important;
}

[data-bs-theme="dark"] .reply-preview-text,
[data-bs-theme="dark"] .reply-preview-text *,
html[data-theme="dark"] .reply-preview-text,
html[data-theme="dark"] .reply-preview-text *,
body[data-theme="dark"] .reply-preview-text,
body[data-theme="dark"] .reply-preview-text *,
:root.dark-theme-active .reply-preview-text,
:root.dark-theme-active .reply-preview-text *,
html.dark-theme-active .reply-preview-text,
html.dark-theme-active .reply-preview-text *,
body.dark-theme-active .reply-preview-text,
body.dark-theme-active .reply-preview-text * {
  color: var(--chat-text-secondary) !important;
}

[data-bs-theme="dark"] .cancel-reply-btn,
[data-bs-theme="dark"] .cancel-reply-btn *,
html[data-theme="dark"] .cancel-reply-btn,
html[data-theme="dark"] .cancel-reply-btn *,
body[data-theme="dark"] .cancel-reply-btn,
body[data-theme="dark"] .cancel-reply-btn *,
:root.dark-theme-active .cancel-reply-btn,
:root.dark-theme-active .cancel-reply-btn *,
html.dark-theme-active .cancel-reply-btn,
html.dark-theme-active .cancel-reply-btn *,
body.dark-theme-active .cancel-reply-btn,
body.dark-theme-active .cancel-reply-btn * {
  color: var(--chat-text-secondary) !important;
}

[data-bs-theme="dark"] .cancel-reply-btn:hover,
[data-bs-theme="dark"] .cancel-reply-btn:hover *,
html[data-theme="dark"] .cancel-reply-btn:hover,
html[data-theme="dark"] .cancel-reply-btn:hover *,
body[data-theme="dark"] .cancel-reply-btn:hover,
body[data-theme="dark"] .cancel-reply-btn:hover *,
:root.dark-theme-active .cancel-reply-btn:hover,
:root.dark-theme-active .cancel-reply-btn:hover *,
html.dark-theme-active .cancel-reply-btn:hover,
html.dark-theme-active .cancel-reply-btn:hover *,
body.dark-theme-active .cancel-reply-btn:hover,
body.dark-theme-active .cancel-reply-btn:hover * {
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .reply-preview i,
[data-bs-theme="dark"] .reply-preview svg,
[data-bs-theme="dark"] .reply-preview img,
[data-bs-theme="dark"] .reply-preview .icon,
[data-bs-theme="dark"] .reply-preview .fas,
[data-bs-theme="dark"] .reply-preview .far,
[data-bs-theme="dark"] .reply-preview .fab,
[data-bs-theme="dark"] .cancel-reply-btn i,
[data-bs-theme="dark"] .cancel-reply-btn svg,
[data-bs-theme="dark"] .cancel-reply-btn img,
[data-bs-theme="dark"] .cancel-reply-btn .icon,
[data-bs-theme="dark"] .cancel-reply-btn .fas,
[data-bs-theme="dark"] .cancel-reply-btn .far,
[data-bs-theme="dark"] .cancel-reply-btn .fab,
html[data-theme="dark"] .reply-preview i,
html[data-theme="dark"] .reply-preview svg,
html[data-theme="dark"] .reply-preview img,
html[data-theme="dark"] .reply-preview .icon,
html[data-theme="dark"] .reply-preview .fas,
html[data-theme="dark"] .reply-preview .far,
html[data-theme="dark"] .reply-preview .fab,
html[data-theme="dark"] .cancel-reply-btn i,
html[data-theme="dark"] .cancel-reply-btn svg,
html[data-theme="dark"] .cancel-reply-btn img,
html[data-theme="dark"] .cancel-reply-btn .icon,
html[data-theme="dark"] .cancel-reply-btn .fas,
html[data-theme="dark"] .cancel-reply-btn .far,
html[data-theme="dark"] .cancel-reply-btn .fab,
body[data-theme="dark"] .reply-preview i,
body[data-theme="dark"] .reply-preview svg,
body[data-theme="dark"] .reply-preview img,
body[data-theme="dark"] .reply-preview .icon,
body[data-theme="dark"] .reply-preview .fas,
body[data-theme="dark"] .reply-preview .far,
body[data-theme="dark"] .reply-preview .fab,
body[data-theme="dark"] .cancel-reply-btn i,
body[data-theme="dark"] .cancel-reply-btn svg,
body[data-theme="dark"] .cancel-reply-btn img,
body[data-theme="dark"] .cancel-reply-btn .icon,
body[data-theme="dark"] .cancel-reply-btn .fas,
body[data-theme="dark"] .cancel-reply-btn .far,
body[data-theme="dark"] .cancel-reply-btn .fab,
:root.dark-theme-active .reply-preview i,
:root.dark-theme-active .reply-preview svg,
:root.dark-theme-active .reply-preview img,
:root.dark-theme-active .reply-preview .icon,
:root.dark-theme-active .reply-preview .fas,
:root.dark-theme-active .reply-preview .far,
:root.dark-theme-active .reply-preview .fab,
:root.dark-theme-active .cancel-reply-btn i,
:root.dark-theme-active .cancel-reply-btn svg,
:root.dark-theme-active .cancel-reply-btn img,
:root.dark-theme-active .cancel-reply-btn .icon,
:root.dark-theme-active .cancel-reply-btn .fas,
:root.dark-theme-active .cancel-reply-btn .far,
:root.dark-theme-active .cancel-reply-btn .fab,
html.dark-theme-active .reply-preview i,
html.dark-theme-active .reply-preview svg,
html.dark-theme-active .reply-preview img,
html.dark-theme-active .reply-preview .icon,
html.dark-theme-active .reply-preview .fas,
html.dark-theme-active .reply-preview .far,
html.dark-theme-active .reply-preview .fab,
html.dark-theme-active .cancel-reply-btn i,
html.dark-theme-active .cancel-reply-btn svg,
html.dark-theme-active .cancel-reply-btn img,
html.dark-theme-active .cancel-reply-btn .icon,
html.dark-theme-active .cancel-reply-btn .fas,
html.dark-theme-active .cancel-reply-btn .far,
html.dark-theme-active .cancel-reply-btn .fab,
body.dark-theme-active .reply-preview i,
body.dark-theme-active .reply-preview svg,
body.dark-theme-active .reply-preview img,
body.dark-theme-active .reply-preview .icon,
body.dark-theme-active .reply-preview .fas,
body.dark-theme-active .reply-preview .far,
body.dark-theme-active .reply-preview .fab,
body.dark-theme-active .cancel-reply-btn i,
body.dark-theme-active .cancel-reply-btn svg,
body.dark-theme-active .cancel-reply-btn img,
body.dark-theme-active .cancel-reply-btn .icon,
body.dark-theme-active .cancel-reply-btn .fas,
body.dark-theme-active .cancel-reply-btn .far,
body.dark-theme-active .cancel-reply-btn .fab {
  color: var(--chat-text-secondary) !important;
  fill: var(--chat-text-secondary) !important;
}

[data-bs-theme="dark"] .cancel-reply-btn:hover i,
[data-bs-theme="dark"] .cancel-reply-btn:hover svg,
[data-bs-theme="dark"] .cancel-reply-btn:hover img,
[data-bs-theme="dark"] .cancel-reply-btn:hover .icon,
[data-bs-theme="dark"] .cancel-reply-btn:hover .fas,
[data-bs-theme="dark"] .cancel-reply-btn:hover .far,
[data-bs-theme="dark"] .cancel-reply-btn:hover .fab,
html[data-theme="dark"] .cancel-reply-btn:hover i,
html[data-theme="dark"] .cancel-reply-btn:hover svg,
html[data-theme="dark"] .cancel-reply-btn:hover img,
html[data-theme="dark"] .cancel-reply-btn:hover .icon,
html[data-theme="dark"] .cancel-reply-btn:hover .fas,
html[data-theme="dark"] .cancel-reply-btn:hover .far,
html[data-theme="dark"] .cancel-reply-btn:hover .fab,
body[data-theme="dark"] .cancel-reply-btn:hover i,
body[data-theme="dark"] .cancel-reply-btn:hover svg,
body[data-theme="dark"] .cancel-reply-btn:hover img,
body[data-theme="dark"] .cancel-reply-btn:hover .icon,
body[data-theme="dark"] .cancel-reply-btn:hover .fas,
body[data-theme="dark"] .cancel-reply-btn:hover .far,
body[data-theme="dark"] .cancel-reply-btn:hover .fab,
:root.dark-theme-active .cancel-reply-btn:hover i,
:root.dark-theme-active .cancel-reply-btn:hover svg,
:root.dark-theme-active .cancel-reply-btn:hover img,
:root.dark-theme-active .cancel-reply-btn:hover .icon,
:root.dark-theme-active .cancel-reply-btn:hover .fas,
:root.dark-theme-active .cancel-reply-btn:hover .far,
:root.dark-theme-active .cancel-reply-btn:hover .fab,
html.dark-theme-active .cancel-reply-btn:hover i,
html.dark-theme-active .cancel-reply-btn:hover svg,
html.dark-theme-active .cancel-reply-btn:hover img,
html.dark-theme-active .cancel-reply-btn:hover .icon,
html.dark-theme-active .cancel-reply-btn:hover .fas,
html.dark-theme-active .cancel-reply-btn:hover .far,
html.dark-theme-active .cancel-reply-btn:hover .fab,
body.dark-theme-active .cancel-reply-btn:hover i,
body.dark-theme-active .cancel-reply-btn:hover svg,
body.dark-theme-active .cancel-reply-btn:hover img,
body.dark-theme-active .cancel-reply-btn:hover .icon,
body.dark-theme-active .cancel-reply-btn:hover .fas,
body.dark-theme-active .cancel-reply-btn:hover .far,
body.dark-theme-active .cancel-reply-btn:hover .fab {
  color: var(--chat-text-primary) !important;
  fill: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .sma-tg-messages::-webkit-scrollbar-thumb,
[data-bs-theme="dark"] .sma-tg-input-area textarea::-webkit-scrollbar-thumb,
[data-bs-theme="dark"] .fallback-emoji-picker::-webkit-scrollbar-thumb,
[data-bs-theme="dark"] .forward-modal::-webkit-scrollbar-thumb,
html[data-theme="dark"] .sma-tg-messages::-webkit-scrollbar-thumb,
html[data-theme="dark"] .sma-tg-input-area textarea::-webkit-scrollbar-thumb,
html[data-theme="dark"] .fallback-emoji-picker::-webkit-scrollbar-thumb,
html[data-theme="dark"] .forward-modal::-webkit-scrollbar-thumb,
body[data-theme="dark"] .sma-tg-messages::-webkit-scrollbar-thumb,
body[data-theme="dark"] .sma-tg-input-area textarea::-webkit-scrollbar-thumb,
body[data-theme="dark"] .fallback-emoji-picker::-webkit-scrollbar-thumb,
body[data-theme="dark"] .forward-modal::-webkit-scrollbar-thumb,
:root.dark-theme-active .sma-tg-messages::-webkit-scrollbar-thumb,
:root.dark-theme-active .sma-tg-input-area textarea::-webkit-scrollbar-thumb,
:root.dark-theme-active .fallback-emoji-picker::-webkit-scrollbar-thumb,
:root.dark-theme-active .forward-modal::-webkit-scrollbar-thumb,
html.dark-theme-active .sma-tg-messages::-webkit-scrollbar-thumb,
html.dark-theme-active .sma-tg-input-area textarea::-webkit-scrollbar-thumb,
html.dark-theme-active .fallback-emoji-picker::-webkit-scrollbar-thumb,
html.dark-theme-active .forward-modal::-webkit-scrollbar-thumb,
body.dark-theme-active .sma-tg-messages::-webkit-scrollbar-thumb,
body.dark-theme-active .sma-tg-input-area textarea::-webkit-scrollbar-thumb,
body.dark-theme-active .fallback-emoji-picker::-webkit-scrollbar-thumb,
body.dark-theme-active .forward-modal::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3) !important;
}

[data-bs-theme="dark"] .sma-tg-messages:hover::-webkit-scrollbar-thumb,
[data-bs-theme="dark"] .sma-tg-input-area textarea:hover::-webkit-scrollbar-thumb,
[data-bs-theme="dark"] .fallback-emoji-picker:hover::-webkit-scrollbar-thumb,
[data-bs-theme="dark"] .forward-modal:hover::-webkit-scrollbar-thumb,
html[data-theme="dark"] .sma-tg-messages:hover::-webkit-scrollbar-thumb,
html[data-theme="dark"] .sma-tg-input-area textarea:hover::-webkit-scrollbar-thumb,
html[data-theme="dark"] .fallback-emoji-picker:hover::-webkit-scrollbar-thumb,
html[data-theme="dark"] .forward-modal:hover::-webkit-scrollbar-thumb,
body[data-theme="dark"] .sma-tg-messages:hover::-webkit-scrollbar-thumb,
body[data-theme="dark"] .sma-tg-input-area textarea:hover::-webkit-scrollbar-thumb,
body[data-theme="dark"] .fallback-emoji-picker:hover::-webkit-scrollbar-thumb,
body[data-theme="dark"] .forward-modal:hover::-webkit-scrollbar-thumb,
:root.dark-theme-active .sma-tg-messages:hover::-webkit-scrollbar-thumb,
:root.dark-theme-active .sma-tg-input-area textarea:hover::-webkit-scrollbar-thumb,
:root.dark-theme-active .fallback-emoji-picker:hover::-webkit-scrollbar-thumb,
:root.dark-theme-active .forward-modal:hover::-webkit-scrollbar-thumb,
html.dark-theme-active .sma-tg-messages:hover::-webkit-scrollbar-thumb,
html.dark-theme-active .sma-tg-input-area textarea:hover::-webkit-scrollbar-thumb,
html.dark-theme-active .fallback-emoji-picker:hover::-webkit-scrollbar-thumb,
html.dark-theme-active .forward-modal:hover::-webkit-scrollbar-thumb,
body.dark-theme-active .sma-tg-messages:hover::-webkit-scrollbar-thumb,
body.dark-theme-active .sma-tg-input-area textarea:hover::-webkit-scrollbar-thumb,
body.dark-theme-active .fallback-emoji-picker:hover::-webkit-scrollbar-thumb,
body.dark-theme-active .forward-modal:hover::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.5) !important;
}

[data-bs-theme="dark"] .tg-mobile-chat-page .back-btn,
[data-bs-theme="dark"] .tg-mobile-chat-page .back-btn *,
[data-bs-theme="dark"] .tg-mobile-chat-page .icon-btn,
[data-bs-theme="dark"] .tg-mobile-chat-page .icon-btn *,
[data-bs-theme="dark"] .tg-mobile-chat-page .mobile-chat-header__close-btn,
[data-bs-theme="dark"] .tg-mobile-chat-page .mobile-chat-header__close-btn *,
html[data-theme="dark"] .tg-mobile-chat-page .back-btn,
html[data-theme="dark"] .tg-mobile-chat-page .back-btn *,
html[data-theme="dark"] .tg-mobile-chat-page .icon-btn,
html[data-theme="dark"] .tg-mobile-chat-page .icon-btn *,
html[data-theme="dark"] .tg-mobile-chat-page .mobile-chat-header__close-btn,
html[data-theme="dark"] .tg-mobile-chat-page .mobile-chat-header__close-btn *,
body[data-theme="dark"] .tg-mobile-chat-page .back-btn,
body[data-theme="dark"] .tg-mobile-chat-page .back-btn *,
body[data-theme="dark"] .tg-mobile-chat-page .icon-btn,
body[data-theme="dark"] .tg-mobile-chat-page .icon-btn *,
body[data-theme="dark"] .tg-mobile-chat-page .mobile-chat-header__close-btn,
body[data-theme="dark"] .tg-mobile-chat-page .mobile-chat-header__close-btn *,
:root.dark-theme-active .tg-mobile-chat-page .back-btn,
:root.dark-theme-active .tg-mobile-chat-page .back-btn *,
:root.dark-theme-active .tg-mobile-chat-page .icon-btn,
:root.dark-theme-active .tg-mobile-chat-page .icon-btn *,
:root.dark-theme-active .tg-mobile-chat-page .mobile-chat-header__close-btn,
:root.dark-theme-active .tg-mobile-chat-page .mobile-chat-header__close-btn *,
html.dark-theme-active .tg-mobile-chat-page .back-btn,
html.dark-theme-active .tg-mobile-chat-page .back-btn *,
html.dark-theme-active .tg-mobile-chat-page .icon-btn,
html.dark-theme-active .tg-mobile-chat-page .icon-btn *,
html.dark-theme-active .tg-mobile-chat-page .mobile-chat-header__close-btn,
html.dark-theme-active .tg-mobile-chat-page .mobile-chat-header__close-btn *,
body.dark-theme-active .tg-mobile-chat-page .back-btn,
body.dark-theme-active .tg-mobile-chat-page .back-btn *,
body.dark-theme-active .tg-mobile-chat-page .icon-btn,
body.dark-theme-active .tg-mobile-chat-page .icon-btn *,
body.dark-theme-active .tg-mobile-chat-page .mobile-chat-header__close-btn,
body.dark-theme-active .tg-mobile-chat-page .mobile-chat-header__close-btn * {
  color: var(--chat-text-secondary) !important;
}

[data-bs-theme="dark"] .tg-mobile-chat-page .back-btn:hover,
[data-bs-theme="dark"] .tg-mobile-chat-page .back-btn:hover *,
[data-bs-theme="dark"] .tg-mobile-chat-page .icon-btn:hover,
[data-bs-theme="dark"] .tg-mobile-chat-page .icon-btn:hover *,
[data-bs-theme="dark"] .tg-mobile-chat-page .mobile-chat-header__close-btn:hover,
[data-bs-theme="dark"] .tg-mobile-chat-page .mobile-chat-header__close-btn:hover *,
html[data-theme="dark"] .tg-mobile-chat-page .back-btn:hover,
html[data-theme="dark"] .tg-mobile-chat-page .back-btn:hover *,
html[data-theme="dark"] .tg-mobile-chat-page .icon-btn:hover,
html[data-theme="dark"] .tg-mobile-chat-page .icon-btn:hover *,
html[data-theme="dark"] .tg-mobile-chat-page .mobile-chat-header__close-btn:hover,
html[data-theme="dark"] .tg-mobile-chat-page .mobile-chat-header__close-btn:hover *,
body[data-theme="dark"] .tg-mobile-chat-page .back-btn:hover,
body[data-theme="dark"] .tg-mobile-chat-page .back-btn:hover *,
body[data-theme="dark"] .tg-mobile-chat-page .icon-btn:hover,
body[data-theme="dark"] .tg-mobile-chat-page .icon-btn:hover *,
body[data-theme="dark"] .tg-mobile-chat-page .mobile-chat-header__close-btn:hover,
body[data-theme="dark"] .tg-mobile-chat-page .mobile-chat-header__close-btn:hover *,
:root.dark-theme-active .tg-mobile-chat-page .back-btn:hover,
:root.dark-theme-active .tg-mobile-chat-page .back-btn:hover *,
:root.dark-theme-active .tg-mobile-chat-page .icon-btn:hover,
:root.dark-theme-active .tg-mobile-chat-page .icon-btn:hover *,
:root.dark-theme-active .tg-mobile-chat-page .mobile-chat-header__close-btn:hover,
:root.dark-theme-active .tg-mobile-chat-page .mobile-chat-header__close-btn:hover *,
html.dark-theme-active .tg-mobile-chat-page .back-btn:hover,
html.dark-theme-active .tg-mobile-chat-page .back-btn:hover *,
html.dark-theme-active .tg-mobile-chat-page .icon-btn:hover,
html.dark-theme-active .tg-mobile-chat-page .icon-btn:hover *,
html.dark-theme-active .tg-mobile-chat-page .mobile-chat-header__close-btn:hover,
html.dark-theme-active .tg-mobile-chat-page .mobile-chat-header__close-btn:hover *,
body.dark-theme-active .tg-mobile-chat-page .back-btn:hover,
body.dark-theme-active .tg-mobile-chat-page .back-btn:hover *,
body.dark-theme-active .tg-mobile-chat-page .icon-btn:hover,
body.dark-theme-active .tg-mobile-chat-page .icon-btn:hover *,
body.dark-theme-active .tg-mobile-chat-page .mobile-chat-header__close-btn:hover,
body.dark-theme-active .tg-mobile-chat-page .mobile-chat-header__close-btn:hover * {
  color: var(--chat-text-primary) !important;
  background: rgba(255, 255, 255, 0.1) !important;
}

[data-bs-theme="dark"] .tg-mobile-chat-page i,
[data-bs-theme="dark"] .tg-mobile-chat-page svg,
[data-bs-theme="dark"] .tg-mobile-chat-page img,
[data-bs-theme="dark"] .tg-mobile-chat-page .icon,
[data-bs-theme="dark"] .tg-mobile-chat-page .fas,
[data-bs-theme="dark"] .tg-mobile-chat-page .far,
[data-bs-theme="dark"] .tg-mobile-chat-page .fab,
html[data-theme="dark"] .tg-mobile-chat-page i,
html[data-theme="dark"] .tg-mobile-chat-page svg,
html[data-theme="dark"] .tg-mobile-chat-page img,
html[data-theme="dark"] .tg-mobile-chat-page .icon,
html[data-theme="dark"] .tg-mobile-chat-page .fas,
html[data-theme="dark"] .tg-mobile-chat-page .far,
html[data-theme="dark"] .tg-mobile-chat-page .fab,
body[data-theme="dark"] .tg-mobile-chat-page i,
body[data-theme="dark"] .tg-mobile-chat-page svg,
body[data-theme="dark"] .tg-mobile-chat-page img,
body[data-theme="dark"] .tg-mobile-chat-page .icon,
body[data-theme="dark"] .tg-mobile-chat-page .fas,
body[data-theme="dark"] .tg-mobile-chat-page .far,
body[data-theme="dark"] .tg-mobile-chat-page .fab,
:root.dark-theme-active .tg-mobile-chat-page i,
:root.dark-theme-active .tg-mobile-chat-page svg,
:root.dark-theme-active .tg-mobile-chat-page img,
:root.dark-theme-active .tg-mobile-chat-page .icon,
:root.dark-theme-active .tg-mobile-chat-page .fas,
:root.dark-theme-active .tg-mobile-chat-page .far,
:root.dark-theme-active .tg-mobile-chat-page .fab,
html.dark-theme-active .tg-mobile-chat-page i,
html.dark-theme-active .tg-mobile-chat-page svg,
html.dark-theme-active .tg-mobile-chat-page img,
html.dark-theme-active .tg-mobile-chat-page .icon,
html.dark-theme-active .tg-mobile-chat-page .fas,
html.dark-theme-active .tg-mobile-chat-page .far,
html.dark-theme-active .tg-mobile-chat-page .fab,
body.dark-theme-active .tg-mobile-chat-page i,
body.dark-theme-active .tg-mobile-chat-page svg,
body.dark-theme-active .tg-mobile-chat-page img,
body.dark-theme-active .tg-mobile-chat-page .icon,
body.dark-theme-active .tg-mobile-chat-page .fas,
body.dark-theme-active .tg-mobile-chat-page .far,
body.dark-theme-active .tg-mobile-chat-page .fab {
  color: var(--chat-text-secondary) !important;
  fill: var(--chat-text-secondary) !important;
}

[data-bs-theme="dark"] .tg-mobile-chat-page .back-btn:hover i,
[data-bs-theme="dark"] .tg-mobile-chat-page .back-btn:hover svg,
[data-bs-theme="dark"] .tg-mobile-chat-page .back-btn:hover img,
[data-bs-theme="dark"] .tg-mobile-chat-page .icon-btn:hover i,
[data-bs-theme="dark"] .tg-mobile-chat-page .icon-btn:hover svg,
[data-bs-theme="dark"] .tg-mobile-chat-page .icon-btn:hover img,
html[data-theme="dark"] .tg-mobile-chat-page .back-btn:hover i,
html[data-theme="dark"] .tg-mobile-chat-page .back-btn:hover svg,
html[data-theme="dark"] .tg-mobile-chat-page .back-btn:hover img,
html[data-theme="dark"] .tg-mobile-chat-page .icon-btn:hover i,
html[data-theme="dark"] .tg-mobile-chat-page .icon-btn:hover svg,
html[data-theme="dark"] .tg-mobile-chat-page .icon-btn:hover img,
body[data-theme="dark"] .tg-mobile-chat-page .back-btn:hover i,
body[data-theme="dark"] .tg-mobile-chat-page .back-btn:hover svg,
body[data-theme="dark"] .tg-mobile-chat-page .back-btn:hover img,
body[data-theme="dark"] .tg-mobile-chat-page .icon-btn:hover i,
body[data-theme="dark"] .tg-mobile-chat-page .icon-btn:hover svg,
body[data-theme="dark"] .tg-mobile-chat-page .icon-btn:hover img,
:root.dark-theme-active .tg-mobile-chat-page .back-btn:hover i,
:root.dark-theme-active .tg-mobile-chat-page .back-btn:hover svg,
:root.dark-theme-active .tg-mobile-chat-page .back-btn:hover img,
:root.dark-theme-active .tg-mobile-chat-page .icon-btn:hover i,
:root.dark-theme-active .tg-mobile-chat-page .icon-btn:hover svg,
:root.dark-theme-active .tg-mobile-chat-page .icon-btn:hover img,
html.dark-theme-active .tg-mobile-chat-page .back-btn:hover i,
html.dark-theme-active .tg-mobile-chat-page .back-btn:hover svg,
html.dark-theme-active .tg-mobile-chat-page .back-btn:hover img,
html.dark-theme-active .tg-mobile-chat-page .icon-btn:hover i,
html.dark-theme-active .tg-mobile-chat-page .icon-btn:hover svg,
html.dark-theme-active .tg-mobile-chat-page .icon-btn:hover img,
body.dark-theme-active .tg-mobile-chat-page .back-btn:hover i,
body.dark-theme-active .tg-mobile-chat-page .back-btn:hover svg,
body.dark-theme-active .tg-mobile-chat-page .back-btn:hover img,
body.dark-theme-active .tg-mobile-chat-page .icon-btn:hover i,
body.dark-theme-active .tg-mobile-chat-page .icon-btn:hover svg,
body.dark-theme-active .tg-mobile-chat-page .icon-btn:hover img {
  color: var(--chat-text-primary) !important;
  fill: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] #sma-tg-emoji,
[data-bs-theme="dark"] #sma-tg-emoji *,
[data-bs-theme="dark"] #sma-tg-attach,
[data-bs-theme="dark"] #sma-tg-attach *,
html[data-theme="dark"] #sma-tg-emoji,
html[data-theme="dark"] #sma-tg-emoji *,
html[data-theme="dark"] #sma-tg-attach,
html[data-theme="dark"] #sma-tg-attach *,
body[data-theme="dark"] #sma-tg-emoji,
body[data-theme="dark"] #sma-tg-emoji *,
body[data-theme="dark"] #sma-tg-attach,
body[data-theme="dark"] #sma-tg-attach *,
:root.dark-theme-active #sma-tg-emoji,
:root.dark-theme-active #sma-tg-emoji *,
:root.dark-theme-active #sma-tg-attach,
:root.dark-theme-active #sma-tg-attach *,
html.dark-theme-active #sma-tg-emoji,
html.dark-theme-active #sma-tg-emoji *,
html.dark-theme-active #sma-tg-attach,
html.dark-theme-active #sma-tg-attach *,
body.dark-theme-active #sma-tg-emoji,
body.dark-theme-active #sma-tg-emoji *,
body.dark-theme-active #sma-tg-attach,
body.dark-theme-active #sma-tg-attach * {
  color: var(--chat-text-secondary) !important;
}

[data-bs-theme="dark"] #sma-tg-emoji:hover,
[data-bs-theme="dark"] #sma-tg-emoji:hover *,
[data-bs-theme="dark"] #sma-tg-attach:hover,
[data-bs-theme="dark"] #sma-tg-attach:hover *,
html[data-theme="dark"] #sma-tg-emoji:hover,
html[data-theme="dark"] #sma-tg-emoji:hover *,
html[data-theme="dark"] #sma-tg-attach:hover,
html[data-theme="dark"] #sma-tg-attach:hover *,
body[data-theme="dark"] #sma-tg-emoji:hover,
body[data-theme="dark"] #sma-tg-emoji:hover *,
body[data-theme="dark"] #sma-tg-attach:hover,
body[data-theme="dark"] #sma-tg-attach:hover *,
:root.dark-theme-active #sma-tg-emoji:hover,
:root.dark-theme-active #sma-tg-emoji:hover *,
:root.dark-theme-active #sma-tg-attach:hover,
:root.dark-theme-active #sma-tg-attach:hover *,
html.dark-theme-active #sma-tg-emoji:hover,
html.dark-theme-active #sma-tg-emoji:hover *,
html.dark-theme-active #sma-tg-attach:hover,
html.dark-theme-active #sma-tg-attach:hover *,
body.dark-theme-active #sma-tg-emoji:hover,
body.dark-theme-active #sma-tg-emoji:hover *,
body.dark-theme-active #sma-tg-attach:hover,
body.dark-theme-active #sma-tg-attach:hover * {
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] button,
[data-bs-theme="dark"] button *,
[data-bs-theme="dark"] .btn,
[data-bs-theme="dark"] .btn *,
html[data-theme="dark"] button,
html[data-theme="dark"] button *,
html[data-theme="dark"] .btn,
html[data-theme="dark"] .btn *,
body[data-theme="dark"] button,
body[data-theme="dark"] button *,
body[data-theme="dark"] .btn,
body[data-theme="dark"] .btn *,
:root.dark-theme-active button,
:root.dark-theme-active button *,
:root.dark-theme-active .btn,
:root.dark-theme-active .btn *,
html.dark-theme-active button,
html.dark-theme-active button *,
html.dark-theme-active .btn,
html.dark-theme-active .btn *,
body.dark-theme-active button,
body.dark-theme-active button *,
body.dark-theme-active .btn,
body.dark-theme-active .btn * {
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] button:hover,
[data-bs-theme="dark"] button:hover *,
[data-bs-theme="dark"] .btn:hover,
[data-bs-theme="dark"] .btn:hover *,
html[data-theme="dark"] button:hover,
html[data-theme="dark"] button:hover *,
html[data-theme="dark"] .btn:hover,
html[data-theme="dark"] .btn:hover *,
body[data-theme="dark"] button:hover,
body[data-theme="dark"] button:hover *,
body[data-theme="dark"] .btn:hover,
body[data-theme="dark"] .btn:hover *,
:root.dark-theme-active button:hover,
:root.dark-theme-active button:hover *,
:root.dark-theme-active .btn:hover,
:root.dark-theme-active .btn:hover *,
html.dark-theme-active button:hover,
html.dark-theme-active button:hover *,
html.dark-theme-active .btn:hover,
html.dark-theme-active .btn:hover *,
body.dark-theme-active button:hover,
body.dark-theme-active button:hover *,
body.dark-theme-active .btn:hover,
body.dark-theme-active .btn:hover * {
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] *,
html[data-theme="dark"] *,
body[data-theme="dark"] *,
:root.dark-theme-active *,
html.dark-theme-active *,
body.dark-theme-active * {
  color: inherit !important;
}

[data-bs-theme="dark"] .message-row,
[data-bs-theme="dark"] .message-row *:not(a):not(.link),
html[data-theme="dark"] .message-row,
html[data-theme="dark"] .message-row *:not(a):not(.link),
body[data-theme="dark"] .message-row,
body[data-theme="dark"] .message-row *:not(a):not(.link),
:root.dark-theme-active .message-row,
:root.dark-theme-active .message-row *:not(a):not(.link),
html.dark-theme-active .message-row,
html.dark-theme-active .message-row *:not(a):not(.link),
body.dark-theme-active .message-row,
body.dark-theme-active .message-row *:not(a):not(.link) {
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .message-content,
[data-bs-theme="dark"] .message-content *:not(a):not(.link),
html[data-theme="dark"] .message-content,
html[data-theme="dark"] .message-content *:not(a):not(.link),
body[data-theme="dark"] .message-content,
body[data-theme="dark"] .message-content *:not(a):not(.link),
:root.dark-theme-active .message-content,
:root.dark-theme-active .message-content *:not(a):not(.link),
html.dark-theme-active .message-content,
html.dark-theme-active .message-content *:not(a):not(.link),
body.dark-theme-active .message-content,
body.dark-theme-active .message-content *:not(a):not(.link) {
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .message-text,
[data-bs-theme="dark"] .message-text *:not(a):not(.link),
html[data-theme="dark"] .message-text,
html[data-theme="dark"] .message-text *:not(a):not(.link),
body[data-theme="dark"] .message-text,
body[data-theme="dark"] .message-text *:not(a):not(.link),
:root.dark-theme-active .message-text,
:root.dark-theme-active .message-text *:not(a):not(.link),
html.dark-theme-active .message-text,
html.dark-theme-active .message-text *:not(a):not(.link),
body.dark-theme-active .message-text,
body.dark-theme-active .message-text *:not(a):not(.link) {
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .message-image,
[data-bs-theme="dark"] .message-image *,
html[data-theme="dark"] .message-image,
html[data-theme="dark"] .message-image *,
body[data-theme="dark"] .message-image,
body[data-theme="dark"] .message-image *,
:root.dark-theme-active .message-image,
:root.dark-theme-active .message-image *,
html.dark-theme-active .message-image,
html.dark-theme-active .message-image *,
body.dark-theme-active .message-image,
body.dark-theme-active .message-image * {
  border-color: var(--chat-border) !important;
}

[data-bs-theme="dark"] .chat-search,
[data-bs-theme="dark"] .chat-search *,
html[data-theme="dark"] .chat-search,
html[data-theme="dark"] .chat-search *,
body[data-theme="dark"] .chat-search,
body[data-theme="dark"] .chat-search *,
:root.dark-theme-active .chat-search,
:root.dark-theme-active .chat-search *,
html.dark-theme-active .chat-search,
html.dark-theme-active .chat-search *,
body.dark-theme-active .chat-search,
body.dark-theme-active .chat-search * {
  background: var(--chat-card-bg) !important;
  border-color: var(--chat-border) !important;
}

[data-bs-theme="dark"] .search-input,
[data-bs-theme="dark"] .search-input *,
html[data-theme="dark"] .search-input,
html[data-theme="dark"] .search-input *,
body[data-theme="dark"] .search-input,
body[data-theme="dark"] .search-input *,
:root.dark-theme-active .search-input,
:root.dark-theme-active .search-input *,
html.dark-theme-active .search-input,
html.dark-theme-active .search-input *,
body.dark-theme-active .search-input,
body.dark-theme-active .search-input * {
  background: #374151 !important;
  border-color: var(--chat-border) !important;
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .search-input:focus,
[data-bs-theme="dark"] .search-input:focus *,
html[data-theme="dark"] .search-input:focus,
html[data-theme="dark"] .search-input:focus *,
body[data-theme="dark"] .search-input:focus,
body[data-theme="dark"] .search-input:focus *,
:root.dark-theme-active .search-input:focus,
:root.dark-theme-active .search-input:focus *,
html.dark-theme-active .search-input:focus,
html.dark-theme-active .search-input:focus *,
body.dark-theme-active .search-input:focus,
body.dark-theme-active .search-input:focus * {
  border-color: var(--chat-primary) !important;
}

[data-bs-theme="dark"] .icon-btn,
[data-bs-theme="dark"] .icon-btn *,
[data-bs-theme="dark"] .back-btn,
[data-bs-theme="dark"] .back-btn *,
[data-bs-theme="dark"] .close-search,
[data-bs-theme="dark"] .close-search *,
html[data-theme="dark"] .icon-btn,
html[data-theme="dark"] .icon-btn *,
html[data-theme="dark"] .back-btn,
html[data-theme="dark"] .back-btn *,
html[data-theme="dark"] .close-search,
html[data-theme="dark"] .close-search *,
body[data-theme="dark"] .icon-btn,
body[data-theme="dark"] .icon-btn *,
body[data-theme="dark"] .back-btn,
body[data-theme="dark"] .back-btn *,
body[data-theme="dark"] .close-search,
body[data-theme="dark"] .close-search *,
:root.dark-theme-active .icon-btn,
:root.dark-theme-active .icon-btn *,
:root.dark-theme-active .back-btn,
:root.dark-theme-active .back-btn *,
:root.dark-theme-active .close-search,
:root.dark-theme-active .close-search *,
html.dark-theme-active .icon-btn,
html.dark-theme-active .icon-btn *,
html.dark-theme-active .back-btn,
html.dark-theme-active .back-btn *,
html.dark-theme-active .close-search,
html.dark-theme-active .close-search *,
body.dark-theme-active .icon-btn,
body.dark-theme-active .icon-btn *,
body.dark-theme-active .back-btn,
body.dark-theme-active .back-btn *,
body.dark-theme-active .close-search,
body.dark-theme-active .close-search * {
  color: var(--chat-text-secondary) !important;
}

[data-bs-theme="dark"] .icon-btn:hover,
[data-bs-theme="dark"] .icon-btn:hover *,
[data-bs-theme="dark"] .back-btn:hover,
[data-bs-theme="dark"] .back-btn:hover *,
[data-bs-theme="dark"] .close-search:hover,
[data-bs-theme="dark"] .close-search:hover *,
html[data-theme="dark"] .icon-btn:hover,
html[data-theme="dark"] .icon-btn:hover *,
html[data-theme="dark"] .back-btn:hover,
html[data-theme="dark"] .back-btn:hover *,
html[data-theme="dark"] .close-search:hover,
html[data-theme="dark"] .close-search:hover *,
body[data-theme="dark"] .icon-btn:hover,
body[data-theme="dark"] .icon-btn:hover *,
body[data-theme="dark"] .back-btn:hover,
body[data-theme="dark"] .back-btn:hover *,
body[data-theme="dark"] .close-search:hover,
body[data-theme="dark"] .close-search:hover *,
:root.dark-theme-active .icon-btn:hover,
:root.dark-theme-active .icon-btn:hover *,
:root.dark-theme-active .back-btn:hover,
:root.dark-theme-active .back-btn:hover *,
:root.dark-theme-active .close-search:hover,
:root.dark-theme-active .close-search:hover *,
html.dark-theme-active .icon-btn:hover,
html.dark-theme-active .icon-btn:hover *,
html.dark-theme-active .back-btn:hover,
html.dark-theme-active .back-btn:hover *,
html.dark-theme-active .close-search:hover,
html.dark-theme-active .close-search:hover *,
body.dark-theme-active .icon-btn:hover,
body.dark-theme-active .icon-btn:hover *,
body.dark-theme-active .back-btn:hover,
body.dark-theme-active .back-btn:hover *,
body.dark-theme-active .close-search:hover,
body.dark-theme-active .close-search:hover * {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .icon-btn i,
[data-bs-theme="dark"] .icon-btn svg,
[data-bs-theme="dark"] .icon-btn img,
[data-bs-theme="dark"] .back-btn i,
[data-bs-theme="dark"] .back-btn svg,
[data-bs-theme="dark"] .back-btn img,
[data-bs-theme="dark"] .close-search i,
[data-bs-theme="dark"] .close-search svg,
[data-bs-theme="dark"] .close-search img,
html[data-theme="dark"] .icon-btn i,
html[data-theme="dark"] .icon-btn svg,
html[data-theme="dark"] .icon-btn img,
html[data-theme="dark"] .back-btn i,
html[data-theme="dark"] .back-btn svg,
html[data-theme="dark"] .back-btn img,
html[data-theme="dark"] .close-search i,
html[data-theme="dark"] .close-search svg,
html[data-theme="dark"] .close-search img,
body[data-theme="dark"] .icon-btn i,
body[data-theme="dark"] .icon-btn svg,
body[data-theme="dark"] .icon-btn img,
body[data-theme="dark"] .back-btn i,
body[data-theme="dark"] .back-btn svg,
body[data-theme="dark"] .back-btn img,
body[data-theme="dark"] .close-search i,
body[data-theme="dark"] .close-search svg,
body[data-theme="dark"] .close-search img,
:root.dark-theme-active .icon-btn i,
:root.dark-theme-active .icon-btn svg,
:root.dark-theme-active .icon-btn img,
:root.dark-theme-active .back-btn i,
:root.dark-theme-active .back-btn svg,
:root.dark-theme-active .back-btn img,
:root.dark-theme-active .close-search i,
:root.dark-theme-active .close-search svg,
:root.dark-theme-active .close-search img,
html.dark-theme-active .icon-btn i,
html.dark-theme-active .icon-btn svg,
html.dark-theme-active .icon-btn img,
html.dark-theme-active .back-btn i,
html.dark-theme-active .back-btn svg,
html.dark-theme-active .back-btn img,
html.dark-theme-active .close-search i,
html.dark-theme-active .close-search svg,
html.dark-theme-active .close-search img,
body.dark-theme-active .icon-btn i,
body.dark-theme-active .icon-btn svg,
body.dark-theme-active .icon-btn img,
body.dark-theme-active .back-btn i,
body.dark-theme-active .back-btn svg,
body.dark-theme-active .back-btn img,
body.dark-theme-active .close-search i,
body.dark-theme-active .close-search svg,
body.dark-theme-active .close-search img {
  color: var(--chat-text-secondary) !important;
  fill: var(--chat-text-secondary) !important;
}

[data-bs-theme="dark"] .icon-btn:hover i,
[data-bs-theme="dark"] .icon-btn:hover svg,
[data-bs-theme="dark"] .icon-btn:hover img,
[data-bs-theme="dark"] .back-btn:hover i,
[data-bs-theme="dark"] .back-btn:hover svg,
[data-bs-theme="dark"] .back-btn:hover img,
[data-bs-theme="dark"] .close-search:hover i,
[data-bs-theme="dark"] .close-search:hover svg,
[data-bs-theme="dark"] .close-search:hover img,
html[data-theme="dark"] .icon-btn:hover i,
html[data-theme="dark"] .icon-btn:hover svg,
html[data-theme="dark"] .icon-btn:hover img,
html[data-theme="dark"] .back-btn:hover i,
html[data-theme="dark"] .back-btn:hover svg,
html[data-theme="dark"] .back-btn:hover img,
html[data-theme="dark"] .close-search:hover i,
html[data-theme="dark"] .close-search:hover svg,
html[data-theme="dark"] .close-search:hover img,
body[data-theme="dark"] .icon-btn:hover i,
body[data-theme="dark"] .icon-btn:hover svg,
body[data-theme="dark"] .icon-btn:hover img,
body[data-theme="dark"] .back-btn:hover i,
body[data-theme="dark"] .back-btn:hover svg,
body[data-theme="dark"] .back-btn:hover img,
body[data-theme="dark"] .close-search:hover i,
body[data-theme="dark"] .close-search:hover svg,
body[data-theme="dark"] .close-search:hover img,
:root.dark-theme-active .icon-btn:hover i,
:root.dark-theme-active .icon-btn:hover svg,
:root.dark-theme-active .icon-btn:hover img,
:root.dark-theme-active .back-btn:hover i,
:root.dark-theme-active .back-btn:hover svg,
:root.dark-theme-active .back-btn:hover img,
:root.dark-theme-active .close-search:hover i,
:root.dark-theme-active .close-search:hover svg,
:root.dark-theme-active .close-search:hover img,
html.dark-theme-active .icon-btn:hover i,
html.dark-theme-active .icon-btn:hover svg,
html.dark-theme-active .icon-btn:hover img,
html.dark-theme-active .back-btn:hover i,
html.dark-theme-active .back-btn:hover svg,
html.dark-theme-active .back-btn:hover img,
html.dark-theme-active .close-search:hover i,
html.dark-theme-active .close-search:hover svg,
html.dark-theme-active .close-search:hover img,
body.dark-theme-active .icon-btn:hover i,
body.dark-theme-active .icon-btn:hover svg,
body.dark-theme-active .icon-btn:hover img,
body.dark-theme-active .back-btn:hover i,
body.dark-theme-active .back-btn:hover svg,
body.dark-theme-active .back-btn:hover img,
body.dark-theme-active .close-search:hover i,
body.dark-theme-active .close-search:hover svg,
body.dark-theme-active .close-search:hover img {
  color: var(--chat-text-primary) !important;
  fill: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .avatar,
[data-bs-theme="dark"] .chat-header-avatar,
[data-bs-theme="dark"] .sma-tg-chat-list-avatar,
[data-bs-theme="dark"] .sma-tg-room-avatar,
html[data-theme="dark"] .avatar,
html[data-theme="dark"] .chat-header-avatar,
html[data-theme="dark"] .sma-tg-chat-list-avatar,
html[data-theme="dark"] .sma-tg-room-avatar,
body[data-theme="dark"] .avatar,
body[data-theme="dark"] .chat-header-avatar,
body[data-theme="dark"] .sma-tg-chat-list-avatar,
body[data-theme="dark"] .sma-tg-room-avatar,
:root.dark-theme-active .avatar,
:root.dark-theme-active .chat-header-avatar,
:root.dark-theme-active .sma-tg-chat-list-avatar,
:root.dark-theme-active .sma-tg-room-avatar,
html.dark-theme-active .avatar,
html.dark-theme-active .chat-header-avatar,
html.dark-theme-active .sma-tg-chat-list-avatar,
html.dark-theme-active .sma-tg-room-avatar,
body.dark-theme-active .avatar,
body.dark-theme-active .chat-header-avatar,
body.dark-theme-active .sma-tg-chat-list-avatar,
body.dark-theme-active .sma-tg-room-avatar {
  border-color: var(--chat-border) !important;
}

[data-bs-theme="dark"] .sma-tg-messages::-webkit-scrollbar-track,
[data-bs-theme="dark"] .chat-messages::-webkit-scrollbar-track,
[data-bs-theme="dark"] .sma-tg-input-area textarea::-webkit-scrollbar-track,
html[data-theme="dark"] .sma-tg-messages::-webkit-scrollbar-track,
html[data-theme="dark"] .chat-messages::-webkit-scrollbar-track,
html[data-theme="dark"] .sma-tg-input-area textarea::-webkit-scrollbar-track,
body[data-theme="dark"] .sma-tg-messages::-webkit-scrollbar-track,
body[data-theme="dark"] .chat-messages::-webkit-scrollbar-track,
body[data-theme="dark"] .sma-tg-input-area textarea::-webkit-scrollbar-track,
:root.dark-theme-active .sma-tg-messages::-webkit-scrollbar-track,
:root.dark-theme-active .chat-messages::-webkit-scrollbar-track,
:root.dark-theme-active .sma-tg-input-area textarea::-webkit-scrollbar-track,
html.dark-theme-active .sma-tg-messages::-webkit-scrollbar-track,
html.dark-theme-active .chat-messages::-webkit-scrollbar-track,
html.dark-theme-active .sma-tg-input-area textarea::-webkit-scrollbar-track,
body.dark-theme-active .sma-tg-messages::-webkit-scrollbar-track,
body.dark-theme-active .chat-messages::-webkit-scrollbar-track,
body.dark-theme-active .sma-tg-input-area textarea::-webkit-scrollbar-track {
  background: #374151 !important;
}

[data-bs-theme="dark"] .sma-tg-messages::-webkit-scrollbar-thumb,
[data-bs-theme="dark"] .chat-messages::-webkit-scrollbar-thumb,
[data-bs-theme="dark"] .sma-tg-input-area textarea::-webkit-scrollbar-thumb,
html[data-theme="dark"] .sma-tg-messages::-webkit-scrollbar-thumb,
html[data-theme="dark"] .chat-messages::-webkit-scrollbar-thumb,
html[data-theme="dark"] .sma-tg-input-area textarea::-webkit-scrollbar-thumb,
body[data-theme="dark"] .sma-tg-messages::-webkit-scrollbar-thumb,
body[data-theme="dark"] .chat-messages::-webkit-scrollbar-thumb,
body[data-theme="dark"] .sma-tg-input-area textarea::-webkit-scrollbar-thumb,
:root.dark-theme-active .sma-tg-messages::-webkit-scrollbar-thumb,
:root.dark-theme-active .chat-messages::-webkit-scrollbar-thumb,
:root.dark-theme-active .sma-tg-input-area textarea::-webkit-scrollbar-thumb,
html.dark-theme-active .sma-tg-messages::-webkit-scrollbar-thumb,
html.dark-theme-active .chat-messages::-webkit-scrollbar-thumb,
html.dark-theme-active .sma-tg-input-area textarea::-webkit-scrollbar-thumb,
body.dark-theme-active .sma-tg-messages::-webkit-scrollbar-thumb,
body.dark-theme-active .chat-messages::-webkit-scrollbar-thumb,
body.dark-theme-active .sma-tg-input-area textarea::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3) !important;
}

[data-bs-theme="dark"] .sma-tg-messages:hover::-webkit-scrollbar-thumb,
[data-bs-theme="dark"] .chat-messages:hover::-webkit-scrollbar-thumb,
[data-bs-theme="dark"] .sma-tg-input-area textarea:hover::-webkit-scrollbar-thumb,
html[data-theme="dark"] .sma-tg-messages:hover::-webkit-scrollbar-thumb,
html[data-theme="dark"] .chat-messages:hover::-webkit-scrollbar-thumb,
html[data-theme="dark"] .sma-tg-input-area textarea:hover::-webkit-scrollbar-thumb,
body[data-theme="dark"] .sma-tg-messages:hover::-webkit-scrollbar-thumb,
body[data-theme="dark"] .chat-messages:hover::-webkit-scrollbar-thumb,
body[data-theme="dark"] .sma-tg-input-area textarea:hover::-webkit-scrollbar-thumb,
:root.dark-theme-active .sma-tg-messages:hover::-webkit-scrollbar-thumb,
:root.dark-theme-active .chat-messages:hover::-webkit-scrollbar-thumb,
:root.dark-theme-active .sma-tg-input-area textarea:hover::-webkit-scrollbar-thumb,
html.dark-theme-active .sma-tg-messages:hover::-webkit-scrollbar-thumb,
html.dark-theme-active .chat-messages:hover::-webkit-scrollbar-thumb,
html.dark-theme-active .sma-tg-input-area textarea:hover::-webkit-scrollbar-thumb,
body.dark-theme-active .sma-tg-messages:hover::-webkit-scrollbar-thumb,
body.dark-theme-active .chat-messages:hover::-webkit-scrollbar-thumb,
body.dark-theme-active .sma-tg-input-area textarea:hover::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.5) !important;
}

[data-bs-theme="dark"] .tg-chat-message--unread,
html[data-theme="dark"] .tg-chat-message--unread,
body[data-theme="dark"] .tg-chat-message--unread,
:root.dark-theme-active .tg-chat-message--unread,
html.dark-theme-active .tg-chat-message--unread,
body.dark-theme-active .tg-chat-message--unread {
  background: rgba(255, 193, 7, 0.1) !important;
}

[data-bs-theme="dark"] .message-row.selected,
html[data-theme="dark"] .message-row.selected,
body[data-theme="dark"] .message-row.selected,
:root.dark-theme-active .message-row.selected,
html.dark-theme-active .message-row.selected,
body.dark-theme-active .message-row.selected {
  background: rgba(79, 172, 254, 0.1) !important;
}

[data-bs-theme="dark"] .message-image,
html[data-theme="dark"] .message-image,
body[data-theme="dark"] .message-image,
:root.dark-theme-active .message-image,
html.dark-theme-active .message-image,
body.dark-theme-active .message-image {
  border-color: var(--chat-border) !important;
}

[data-bs-theme="dark"] .message-text video,
html[data-theme="dark"] .message-text video,
body[data-theme="dark"] .message-text video,
:root.dark-theme-active .message-text video,
html.dark-theme-active .message-text video,
body.dark-theme-active .message-text video {
  border-color: var(--chat-border) !important;
}

[data-bs-theme="dark"] .message-text iframe,
html[data-theme="dark"] .message-text iframe,
body[data-theme="dark"] .message-text iframe,
:root.dark-theme-active .message-text iframe,
html.dark-theme-active .message-text iframe,
body.dark-theme-active .message-text iframe {
  border-color: var(--chat-border) !important;
}

[data-bs-theme="dark"] .message-text .video-container,
[data-bs-theme="dark"] .chat-bubble .video-container,
[data-bs-theme="dark"] .message-bubble .video-container,
html[data-theme="dark"] .message-text .video-container,
html[data-theme="dark"] .chat-bubble .video-container,
html[data-theme="dark"] .message-bubble .video-container,
body[data-theme="dark"] .message-text .video-container,
body[data-theme="dark"] .chat-bubble .video-container,
body[data-theme="dark"] .message-bubble .video-container,
:root.dark-theme-active .message-text .video-container,
:root.dark-theme-active .chat-bubble .video-container,
:root.dark-theme-active .message-bubble .video-container,
html.dark-theme-active .message-text .video-container,
html.dark-theme-active .chat-bubble .video-container,
html.dark-theme-active .message-bubble .video-container,
body.dark-theme-active .message-text .video-container,
body.dark-theme-active .chat-bubble .video-container,
body.dark-theme-active .message-bubble .video-container {
  position: relative !important;
  overflow: hidden !important;
  width: 100% !important;
  max-width: 100% !important;
  background: #000 !important;
  margin: 1rem 0 !important;
  border-radius: 8px !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  aspect-ratio: 16 / 9 !important;
}

@supports not (aspect-ratio: 16/9) {
  [data-bs-theme="dark"] .message-text .video-container,
[data-bs-theme="dark"] .chat-bubble .video-container,
[data-bs-theme="dark"] .message-bubble .video-container,
html[data-theme="dark"] .message-text .video-container,
html[data-theme="dark"] .chat-bubble .video-container,
html[data-theme="dark"] .message-bubble .video-container,
body[data-theme="dark"] .message-text .video-container,
body[data-theme="dark"] .chat-bubble .video-container,
body[data-theme="dark"] .message-bubble .video-container,
:root.dark-theme-active .message-text .video-container,
:root.dark-theme-active .chat-bubble .video-container,
:root.dark-theme-active .message-bubble .video-container,
html.dark-theme-active .message-text .video-container,
html.dark-theme-active .chat-bubble .video-container,
html.dark-theme-active .message-bubble .video-container,
body.dark-theme-active .message-text .video-container,
body.dark-theme-active .chat-bubble .video-container,
body.dark-theme-active .message-bubble .video-container {
    padding-bottom: 56.25% !important;
    height: 0 !important;
  }
}

[data-bs-theme="dark"] .message-text .video-container iframe,
[data-bs-theme="dark"] .chat-bubble .video-container iframe,
[data-bs-theme="dark"] .message-bubble .video-container iframe,
html[data-theme="dark"] .message-text .video-container iframe,
html[data-theme="dark"] .chat-bubble .video-container iframe,
html[data-theme="dark"] .message-bubble .video-container iframe,
body[data-theme="dark"] .message-text .video-container iframe,
body[data-theme="dark"] .chat-bubble .video-container iframe,
body[data-theme="dark"] .message-bubble .video-container iframe,
:root.dark-theme-active .message-text .video-container iframe,
:root.dark-theme-active .chat-bubble .video-container iframe,
:root.dark-theme-active .message-bubble .video-container iframe,
html.dark-theme-active .message-text .video-container iframe,
html.dark-theme-active .chat-bubble .video-container iframe,
html.dark-theme-active .message-bubble .video-container iframe,
body.dark-theme-active .message-text .video-container iframe,
body.dark-theme-active .chat-bubble .video-container iframe,
body.dark-theme-active .message-bubble .video-container iframe {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: none !important;
  display: block !important;
  box-sizing: border-box !important;
}

[data-bs-theme="dark"] .chat-bubble .video-container,
[data-bs-theme="dark"] .message-bubble .video-container,
html[data-theme="dark"] .chat-bubble .video-container,
html[data-theme="dark"] .message-bubble .video-container,
body[data-theme="dark"] .chat-bubble .video-container,
body[data-theme="dark"] .message-bubble .video-container,
:root.dark-theme-active .chat-bubble .video-container,
:root.dark-theme-active .message-bubble .video-container,
html.dark-theme-active .chat-bubble .video-container,
html.dark-theme-active .message-bubble .video-container,
body.dark-theme-active .chat-bubble .video-container,
body.dark-theme-active .message-bubble .video-container {
  margin-left: -12px !important;
  margin-right: -12px !important;
  width: calc(100% + 24px) !important;
  max-width: calc(100% + 24px) !important;
}

@media (min-width: 768px) {
  [data-bs-theme="dark"] .chat-bubble .video-container,
[data-bs-theme="dark"] .message-bubble .video-container,
html[data-theme="dark"] .chat-bubble .video-container,
html[data-theme="dark"] .message-bubble .video-container,
body[data-theme="dark"] .chat-bubble .video-container,
body[data-theme="dark"] .message-bubble .video-container,
:root.dark-theme-active .chat-bubble .video-container,
:root.dark-theme-active .message-bubble .video-container,
html.dark-theme-active .chat-bubble .video-container,
html.dark-theme-active .message-bubble .video-container,
body.dark-theme-active .chat-bubble .video-container,
body.dark-theme-active .message-bubble .video-container {
    width: calc(100% + 24px) !important;
    max-width: none !important;
  }
}

[data-bs-theme="dark"] .message-text .news-item-header,
[data-bs-theme="dark"] .chat-bubble .news-item-header,
[data-bs-theme="dark"] .message-bubble .news-item-header,
html[data-theme="dark"] .message-text .news-item-header,
html[data-theme="dark"] .chat-bubble .news-item-header,
html[data-theme="dark"] .message-bubble .news-item-header,
body[data-theme="dark"] .message-text .news-item-header,
body[data-theme="dark"] .chat-bubble .news-item-header,
body[data-theme="dark"] .message-bubble .news-item-header,
:root.dark-theme-active .message-text .news-item-header,
:root.dark-theme-active .chat-bubble .news-item-header,
:root.dark-theme-active .message-bubble .news-item-header,
html.dark-theme-active .message-text .news-item-header,
html.dark-theme-active .chat-bubble .news-item-header,
html.dark-theme-active .message-bubble .news-item-header,
body.dark-theme-active .message-text .news-item-header,
body.dark-theme-active .chat-bubble .news-item-header,
body.dark-theme-active .message-bubble .news-item-header {
  margin-bottom: 1rem !important;
}

[data-bs-theme="dark"] .message-text .news-item-header .news-title,
[data-bs-theme="dark"] .chat-bubble .news-item-header .news-title,
[data-bs-theme="dark"] .message-bubble .news-item-header .news-title,
html[data-theme="dark"] .message-text .news-item-header .news-title,
html[data-theme="dark"] .chat-bubble .news-item-header .news-title,
html[data-theme="dark"] .message-bubble .news-item-header .news-title,
body[data-theme="dark"] .message-text .news-item-header .news-title,
body[data-theme="dark"] .chat-bubble .news-item-header .news-title,
body[data-theme="dark"] .message-bubble .news-item-header .news-title,
:root.dark-theme-active .message-text .news-item-header .news-title,
:root.dark-theme-active .chat-bubble .news-item-header .news-title,
:root.dark-theme-active .message-bubble .news-item-header .news-title,
html.dark-theme-active .message-text .news-item-header .news-title,
html.dark-theme-active .chat-bubble .news-item-header .news-title,
html.dark-theme-active .message-bubble .news-item-header .news-title,
body.dark-theme-active .message-text .news-item-header .news-title,
body.dark-theme-active .chat-bubble .news-item-header .news-title,
body.dark-theme-active .message-bubble .news-item-header .news-title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: var(--chat-text-primary) !important;
  margin: 0 0 0.75rem 0 !important;
  line-height: 1.4 !important;
  padding: 0 !important;
  display: block !important;
}

[data-bs-theme="dark"] .message-text .news-item-header .news-meta,
[data-bs-theme="dark"] .chat-bubble .news-item-header .news-meta,
[data-bs-theme="dark"] .message-bubble .news-item-header .news-meta,
html[data-theme="dark"] .message-text .news-item-header .news-meta,
html[data-theme="dark"] .chat-bubble .news-item-header .news-meta,
html[data-theme="dark"] .message-bubble .news-item-header .news-meta,
body[data-theme="dark"] .message-text .news-item-header .news-meta,
body[data-theme="dark"] .chat-bubble .news-item-header .news-meta,
body[data-theme="dark"] .message-bubble .news-item-header .news-meta,
:root.dark-theme-active .message-text .news-item-header .news-meta,
:root.dark-theme-active .chat-bubble .news-item-header .news-meta,
:root.dark-theme-active .message-bubble .news-item-header .news-meta,
html.dark-theme-active .message-text .news-item-header .news-meta,
html.dark-theme-active .chat-bubble .news-item-header .news-meta,
html.dark-theme-active .message-bubble .news-item-header .news-meta,
body.dark-theme-active .message-text .news-item-header .news-meta,
body.dark-theme-active .chat-bubble .news-item-header .news-meta,
body.dark-theme-active .message-bubble .news-item-header .news-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.5rem !important;
  margin-top: 0.5rem !important;
}

[data-bs-theme="dark"] .message-text .news-item-header .news-status-badge,
[data-bs-theme="dark"] .chat-bubble .news-item-header .news-status-badge,
[data-bs-theme="dark"] .message-bubble .news-item-header .news-status-badge,
html[data-theme="dark"] .message-text .news-item-header .news-status-badge,
html[data-theme="dark"] .chat-bubble .news-item-header .news-status-badge,
html[data-theme="dark"] .message-bubble .news-item-header .news-status-badge,
body[data-theme="dark"] .message-text .news-item-header .news-status-badge,
body[data-theme="dark"] .chat-bubble .news-item-header .news-status-badge,
body[data-theme="dark"] .message-bubble .news-item-header .news-status-badge,
:root.dark-theme-active .message-text .news-item-header .news-status-badge,
:root.dark-theme-active .chat-bubble .news-item-header .news-status-badge,
:root.dark-theme-active .message-bubble .news-item-header .news-status-badge,
html.dark-theme-active .message-text .news-item-header .news-status-badge,
html.dark-theme-active .chat-bubble .news-item-header .news-status-badge,
html.dark-theme-active .message-bubble .news-item-header .news-status-badge,
body.dark-theme-active .message-text .news-item-header .news-status-badge,
body.dark-theme-active .chat-bubble .news-item-header .news-status-badge,
body.dark-theme-active .message-bubble .news-item-header .news-status-badge {
  display: inline-block !important;
  padding: 4px 12px !important;
  border-radius: 12px !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  white-space: nowrap !important;
}

[data-bs-theme="dark"] .message-text .news-item-header .news-status-actual,
[data-bs-theme="dark"] .chat-bubble .news-item-header .news-status-actual,
[data-bs-theme="dark"] .message-bubble .news-item-header .news-status-actual,
html[data-theme="dark"] .message-text .news-item-header .news-status-actual,
html[data-theme="dark"] .chat-bubble .news-item-header .news-status-actual,
html[data-theme="dark"] .message-bubble .news-item-header .news-status-actual,
body[data-theme="dark"] .message-text .news-item-header .news-status-actual,
body[data-theme="dark"] .chat-bubble .news-item-header .news-status-actual,
body[data-theme="dark"] .message-bubble .news-item-header .news-status-actual,
:root.dark-theme-active .message-text .news-item-header .news-status-actual,
:root.dark-theme-active .chat-bubble .news-item-header .news-status-actual,
:root.dark-theme-active .message-bubble .news-item-header .news-status-actual,
html.dark-theme-active .message-text .news-item-header .news-status-actual,
html.dark-theme-active .chat-bubble .news-item-header .news-status-actual,
html.dark-theme-active .message-bubble .news-item-header .news-status-actual,
body.dark-theme-active .message-text .news-item-header .news-status-actual,
body.dark-theme-active .chat-bubble .news-item-header .news-status-actual,
body.dark-theme-active .message-bubble .news-item-header .news-status-actual {
  background: linear-gradient(135deg, #007bff 0%, #0056b3 100%) !important;
  color: #fff !important;
  box-shadow: 0 2px 4px rgba(0, 123, 255, 0.3) !important;
}

[data-bs-theme="dark"] .message-text .news-item-header .news-tags-wrapper,
[data-bs-theme="dark"] .chat-bubble .news-item-header .news-tags-wrapper,
[data-bs-theme="dark"] .message-bubble .news-item-header .news-tags-wrapper,
html[data-theme="dark"] .message-text .news-item-header .news-tags-wrapper,
html[data-theme="dark"] .chat-bubble .news-item-header .news-tags-wrapper,
html[data-theme="dark"] .message-bubble .news-item-header .news-tags-wrapper,
body[data-theme="dark"] .message-text .news-item-header .news-tags-wrapper,
body[data-theme="dark"] .chat-bubble .news-item-header .news-tags-wrapper,
body[data-theme="dark"] .message-bubble .news-item-header .news-tags-wrapper,
:root.dark-theme-active .message-text .news-item-header .news-tags-wrapper,
:root.dark-theme-active .chat-bubble .news-item-header .news-tags-wrapper,
:root.dark-theme-active .message-bubble .news-item-header .news-tags-wrapper,
html.dark-theme-active .message-text .news-item-header .news-tags-wrapper,
html.dark-theme-active .chat-bubble .news-item-header .news-tags-wrapper,
html.dark-theme-active .message-bubble .news-item-header .news-tags-wrapper,
body.dark-theme-active .message-text .news-item-header .news-tags-wrapper,
body.dark-theme-active .chat-bubble .news-item-header .news-tags-wrapper,
body.dark-theme-active .message-bubble .news-item-header .news-tags-wrapper {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.5rem !important;
  align-items: center !important;
}

[data-bs-theme="dark"] .message-text .news-item-header .news-tag-badge,
[data-bs-theme="dark"] .chat-bubble .news-item-header .news-tag-badge,
[data-bs-theme="dark"] .message-bubble .news-item-header .news-tag-badge,
html[data-theme="dark"] .message-text .news-item-header .news-tag-badge,
html[data-theme="dark"] .chat-bubble .news-item-header .news-tag-badge,
html[data-theme="dark"] .message-bubble .news-item-header .news-tag-badge,
body[data-theme="dark"] .message-text .news-item-header .news-tag-badge,
body[data-theme="dark"] .chat-bubble .news-item-header .news-tag-badge,
body[data-theme="dark"] .message-bubble .news-item-header .news-tag-badge,
:root.dark-theme-active .message-text .news-item-header .news-tag-badge,
:root.dark-theme-active .chat-bubble .news-item-header .news-tag-badge,
:root.dark-theme-active .message-bubble .news-item-header .news-tag-badge,
html.dark-theme-active .message-text .news-item-header .news-tag-badge,
html.dark-theme-active .chat-bubble .news-item-header .news-tag-badge,
html.dark-theme-active .message-bubble .news-item-header .news-tag-badge,
body.dark-theme-active .message-text .news-item-header .news-tag-badge,
body.dark-theme-active .chat-bubble .news-item-header .news-tag-badge,
body.dark-theme-active .message-bubble .news-item-header .news-tag-badge {
  display: inline-block !important;
  padding: 4px 10px !important;
  border-radius: 10px !important;
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  color: #fff !important;
  white-space: nowrap !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
}

[data-bs-theme="dark"] .message-text h3,
[data-bs-theme="dark"] .chat-bubble h3,
[data-bs-theme="dark"] .message-bubble h3,
html[data-theme="dark"] .message-text h3,
html[data-theme="dark"] .chat-bubble h3,
html[data-theme="dark"] .message-bubble h3,
body[data-theme="dark"] .message-text h3,
body[data-theme="dark"] .chat-bubble h3,
body[data-theme="dark"] .message-bubble h3,
:root.dark-theme-active .message-text h3,
:root.dark-theme-active .chat-bubble h3,
:root.dark-theme-active .message-bubble h3,
html.dark-theme-active .message-text h3,
html.dark-theme-active .chat-bubble h3,
html.dark-theme-active .message-bubble h3,
body.dark-theme-active .message-text h3,
body.dark-theme-active .chat-bubble h3,
body.dark-theme-active .message-bubble h3 {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: var(--chat-text-primary) !important;
  margin: 0 0 0.75rem 0 !important;
  line-height: 1.4 !important;
  padding: 0 !important;
  display: block !important;
}

[data-bs-theme="dark"] .message-text .news-tags,
[data-bs-theme="dark"] .chat-bubble .news-tags,
[data-bs-theme="dark"] .message-bubble .news-tags,
html[data-theme="dark"] .message-text .news-tags,
html[data-theme="dark"] .chat-bubble .news-tags,
html[data-theme="dark"] .message-bubble .news-tags,
body[data-theme="dark"] .message-text .news-tags,
body[data-theme="dark"] .chat-bubble .news-tags,
body[data-theme="dark"] .message-bubble .news-tags,
:root.dark-theme-active .message-text .news-tags,
:root.dark-theme-active .chat-bubble .news-tags,
:root.dark-theme-active .message-bubble .news-tags,
html.dark-theme-active .message-text .news-tags,
html.dark-theme-active .chat-bubble .news-tags,
html.dark-theme-active .message-bubble .news-tags,
body.dark-theme-active .message-text .news-tags,
body.dark-theme-active .chat-bubble .news-tags,
body.dark-theme-active .message-bubble .news-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.5rem !important;
  align-items: center !important;
  margin: 0.5rem 0 1rem 0 !important;
}

[data-bs-theme="dark"] .message-text .news-tags .badge,
[data-bs-theme="dark"] .chat-bubble .news-tags .badge,
[data-bs-theme="dark"] .message-bubble .news-tags .badge,
html[data-theme="dark"] .message-text .news-tags .badge,
html[data-theme="dark"] .chat-bubble .news-tags .badge,
html[data-theme="dark"] .message-bubble .news-tags .badge,
body[data-theme="dark"] .message-text .news-tags .badge,
body[data-theme="dark"] .chat-bubble .news-tags .badge,
body[data-theme="dark"] .message-bubble .news-tags .badge,
:root.dark-theme-active .message-text .news-tags .badge,
:root.dark-theme-active .chat-bubble .news-tags .badge,
:root.dark-theme-active .message-bubble .news-tags .badge,
html.dark-theme-active .message-text .news-tags .badge,
html.dark-theme-active .chat-bubble .news-tags .badge,
html.dark-theme-active .message-bubble .news-tags .badge,
body.dark-theme-active .message-text .news-tags .badge,
body.dark-theme-active .chat-bubble .news-tags .badge,
body.dark-theme-active .message-bubble .news-tags .badge {
  display: inline-block !important;
  padding: 4px 10px !important;
  border-radius: 10px !important;
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  color: #fff !important;
  white-space: nowrap !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  margin: 0 !important;
}

[data-bs-theme="dark"] .message-text .news-content,
[data-bs-theme="dark"] .chat-bubble .news-content,
[data-bs-theme="dark"] .message-bubble .news-content,
html[data-theme="dark"] .message-text .news-content,
html[data-theme="dark"] .chat-bubble .news-content,
html[data-theme="dark"] .message-bubble .news-content,
body[data-theme="dark"] .message-text .news-content,
body[data-theme="dark"] .chat-bubble .news-content,
body[data-theme="dark"] .message-bubble .news-content,
:root.dark-theme-active .message-text .news-content,
:root.dark-theme-active .chat-bubble .news-content,
:root.dark-theme-active .message-bubble .news-content,
html.dark-theme-active .message-text .news-content,
html.dark-theme-active .chat-bubble .news-content,
html.dark-theme-active .message-bubble .news-content,
body.dark-theme-active .message-text .news-content,
body.dark-theme-active .chat-bubble .news-content,
body.dark-theme-active .message-bubble .news-content {
  margin: 1rem 0 !important;
  line-height: 1.6 !important;
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .message-text .news-content p,
[data-bs-theme="dark"] .chat-bubble .news-content p,
[data-bs-theme="dark"] .message-bubble .news-content p,
html[data-theme="dark"] .message-text .news-content p,
html[data-theme="dark"] .chat-bubble .news-content p,
html[data-theme="dark"] .message-bubble .news-content p,
body[data-theme="dark"] .message-text .news-content p,
body[data-theme="dark"] .chat-bubble .news-content p,
body[data-theme="dark"] .message-bubble .news-content p,
:root.dark-theme-active .message-text .news-content p,
:root.dark-theme-active .chat-bubble .news-content p,
:root.dark-theme-active .message-bubble .news-content p,
html.dark-theme-active .message-text .news-content p,
html.dark-theme-active .chat-bubble .news-content p,
html.dark-theme-active .message-bubble .news-content p,
body.dark-theme-active .message-text .news-content p,
body.dark-theme-active .chat-bubble .news-content p,
body.dark-theme-active .message-bubble .news-content p {
  margin-bottom: 0.75rem !important;
}

[data-bs-theme="dark"] .message-text .news-content p:last-child,
[data-bs-theme="dark"] .chat-bubble .news-content p:last-child,
[data-bs-theme="dark"] .message-bubble .news-content p:last-child,
html[data-theme="dark"] .message-text .news-content p:last-child,
html[data-theme="dark"] .chat-bubble .news-content p:last-child,
html[data-theme="dark"] .message-bubble .news-content p:last-child,
body[data-theme="dark"] .message-text .news-content p:last-child,
body[data-theme="dark"] .chat-bubble .news-content p:last-child,
body[data-theme="dark"] .message-bubble .news-content p:last-child,
:root.dark-theme-active .message-text .news-content p:last-child,
:root.dark-theme-active .chat-bubble .news-content p:last-child,
:root.dark-theme-active .message-bubble .news-content p:last-child,
html.dark-theme-active .message-text .news-content p:last-child,
html.dark-theme-active .chat-bubble .news-content p:last-child,
html.dark-theme-active .message-bubble .news-content p:last-child,
body.dark-theme-active .message-text .news-content p:last-child,
body.dark-theme-active .chat-bubble .news-content p:last-child,
body.dark-theme-active .message-bubble .news-content p:last-child {
  margin-bottom: 0 !important;
}

[data-bs-theme="dark"] .message-text .news-footer,
[data-bs-theme="dark"] .chat-bubble .news-footer,
[data-bs-theme="dark"] .message-bubble .news-footer,
html[data-theme="dark"] .message-text .news-footer,
html[data-theme="dark"] .chat-bubble .news-footer,
html[data-theme="dark"] .message-bubble .news-footer,
body[data-theme="dark"] .message-text .news-footer,
body[data-theme="dark"] .chat-bubble .news-footer,
body[data-theme="dark"] .message-bubble .news-footer,
:root.dark-theme-active .message-text .news-footer,
:root.dark-theme-active .chat-bubble .news-footer,
:root.dark-theme-active .message-bubble .news-footer,
html.dark-theme-active .message-text .news-footer,
html.dark-theme-active .chat-bubble .news-footer,
html.dark-theme-active .message-bubble .news-footer,
body.dark-theme-active .message-text .news-footer,
body.dark-theme-active .chat-bubble .news-footer,
body.dark-theme-active .message-bubble .news-footer {
  margin-top: 1rem !important;
  padding-top: 1rem !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

[data-bs-theme="dark"] [data-bs-theme="dark"] .message-text .news-footer,
[data-bs-theme="dark"] [data-bs-theme="dark"] .chat-bubble .news-footer,
[data-bs-theme="dark"] [data-bs-theme="dark"] .message-bubble .news-footer, [data-bs-theme="dark"] html[data-theme="dark"] .message-text .news-footer,
[data-bs-theme="dark"] html[data-theme="dark"] .chat-bubble .news-footer,
[data-bs-theme="dark"] html[data-theme="dark"] .message-bubble .news-footer, [data-bs-theme="dark"] body[data-theme="dark"] .message-text .news-footer,
[data-bs-theme="dark"] body[data-theme="dark"] .chat-bubble .news-footer,
[data-bs-theme="dark"] body[data-theme="dark"] .message-bubble .news-footer, [data-bs-theme="dark"] :root.dark-theme-active .message-text .news-footer,
[data-bs-theme="dark"] :root.dark-theme-active .chat-bubble .news-footer,
[data-bs-theme="dark"] :root.dark-theme-active .message-bubble .news-footer, [data-bs-theme="dark"] html.dark-theme-active .message-text .news-footer,
[data-bs-theme="dark"] html.dark-theme-active .chat-bubble .news-footer,
[data-bs-theme="dark"] html.dark-theme-active .message-bubble .news-footer, [data-bs-theme="dark"] body.dark-theme-active .message-text .news-footer,
[data-bs-theme="dark"] body.dark-theme-active .chat-bubble .news-footer,
[data-bs-theme="dark"] body.dark-theme-active .message-bubble .news-footer {
  border-top-color: rgba(255, 255, 255, 0.1) !important;
}

[data-bs-theme="dark"] .message-text .news-link-button,
[data-bs-theme="dark"] .chat-bubble .news-link-button,
[data-bs-theme="dark"] .message-bubble .news-link-button,
html[data-theme="dark"] .message-text .news-link-button,
html[data-theme="dark"] .chat-bubble .news-link-button,
html[data-theme="dark"] .message-bubble .news-link-button,
body[data-theme="dark"] .message-text .news-link-button,
body[data-theme="dark"] .chat-bubble .news-link-button,
body[data-theme="dark"] .message-bubble .news-link-button,
:root.dark-theme-active .message-text .news-link-button,
:root.dark-theme-active .chat-bubble .news-link-button,
:root.dark-theme-active .message-bubble .news-link-button,
html.dark-theme-active .message-text .news-link-button,
html.dark-theme-active .chat-bubble .news-link-button,
html.dark-theme-active .message-bubble .news-link-button,
body.dark-theme-active .message-text .news-link-button,
body.dark-theme-active .chat-bubble .news-link-button,
body.dark-theme-active .message-bubble .news-link-button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 16px !important;
  margin: 12px 0 !important;
  background: var(--chat-primary) !important;
  color: #fff !important;
  text-decoration: none !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  font-size: 0.95rem !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
  border: none !important;
  cursor: pointer !important;
}

[data-bs-theme="dark"] .message-text .news-link-button i,
[data-bs-theme="dark"] .chat-bubble .news-link-button i,
[data-bs-theme="dark"] .message-bubble .news-link-button i,
html[data-theme="dark"] .message-text .news-link-button i,
html[data-theme="dark"] .chat-bubble .news-link-button i,
html[data-theme="dark"] .message-bubble .news-link-button i,
body[data-theme="dark"] .message-text .news-link-button i,
body[data-theme="dark"] .chat-bubble .news-link-button i,
body[data-theme="dark"] .message-bubble .news-link-button i,
:root.dark-theme-active .message-text .news-link-button i,
:root.dark-theme-active .chat-bubble .news-link-button i,
:root.dark-theme-active .message-bubble .news-link-button i,
html.dark-theme-active .message-text .news-link-button i,
html.dark-theme-active .chat-bubble .news-link-button i,
html.dark-theme-active .message-bubble .news-link-button i,
body.dark-theme-active .message-text .news-link-button i,
body.dark-theme-active .chat-bubble .news-link-button i,
body.dark-theme-active .message-bubble .news-link-button i {
  font-size: 0.9rem !important;
  opacity: 0.9 !important;
  color: #fff !important;
}

[data-bs-theme="dark"] .message-text .news-link-button, [data-bs-theme="dark"] .message-text .news-link-button *, [data-bs-theme="dark"] .message-text .news-link-button span, [data-bs-theme="dark"] .message-text .news-link-button text,
[data-bs-theme="dark"] .chat-bubble .news-link-button,
[data-bs-theme="dark"] .chat-bubble .news-link-button *,
[data-bs-theme="dark"] .chat-bubble .news-link-button span,
[data-bs-theme="dark"] .chat-bubble .news-link-button text,
[data-bs-theme="dark"] .message-bubble .news-link-button,
[data-bs-theme="dark"] .message-bubble .news-link-button *,
[data-bs-theme="dark"] .message-bubble .news-link-button span,
[data-bs-theme="dark"] .message-bubble .news-link-button text,
html[data-theme="dark"] .message-text .news-link-button,
html[data-theme="dark"] .message-text .news-link-button *,
html[data-theme="dark"] .message-text .news-link-button span,
html[data-theme="dark"] .message-text .news-link-button text,
html[data-theme="dark"] .chat-bubble .news-link-button,
html[data-theme="dark"] .chat-bubble .news-link-button *,
html[data-theme="dark"] .chat-bubble .news-link-button span,
html[data-theme="dark"] .chat-bubble .news-link-button text,
html[data-theme="dark"] .message-bubble .news-link-button,
html[data-theme="dark"] .message-bubble .news-link-button *,
html[data-theme="dark"] .message-bubble .news-link-button span,
html[data-theme="dark"] .message-bubble .news-link-button text,
body[data-theme="dark"] .message-text .news-link-button,
body[data-theme="dark"] .message-text .news-link-button *,
body[data-theme="dark"] .message-text .news-link-button span,
body[data-theme="dark"] .message-text .news-link-button text,
body[data-theme="dark"] .chat-bubble .news-link-button,
body[data-theme="dark"] .chat-bubble .news-link-button *,
body[data-theme="dark"] .chat-bubble .news-link-button span,
body[data-theme="dark"] .chat-bubble .news-link-button text,
body[data-theme="dark"] .message-bubble .news-link-button,
body[data-theme="dark"] .message-bubble .news-link-button *,
body[data-theme="dark"] .message-bubble .news-link-button span,
body[data-theme="dark"] .message-bubble .news-link-button text,
:root.dark-theme-active .message-text .news-link-button,
:root.dark-theme-active .message-text .news-link-button *,
:root.dark-theme-active .message-text .news-link-button span,
:root.dark-theme-active .message-text .news-link-button text,
:root.dark-theme-active .chat-bubble .news-link-button,
:root.dark-theme-active .chat-bubble .news-link-button *,
:root.dark-theme-active .chat-bubble .news-link-button span,
:root.dark-theme-active .chat-bubble .news-link-button text,
:root.dark-theme-active .message-bubble .news-link-button,
:root.dark-theme-active .message-bubble .news-link-button *,
:root.dark-theme-active .message-bubble .news-link-button span,
:root.dark-theme-active .message-bubble .news-link-button text,
html.dark-theme-active .message-text .news-link-button,
html.dark-theme-active .message-text .news-link-button *,
html.dark-theme-active .message-text .news-link-button span,
html.dark-theme-active .message-text .news-link-button text,
html.dark-theme-active .chat-bubble .news-link-button,
html.dark-theme-active .chat-bubble .news-link-button *,
html.dark-theme-active .chat-bubble .news-link-button span,
html.dark-theme-active .chat-bubble .news-link-button text,
html.dark-theme-active .message-bubble .news-link-button,
html.dark-theme-active .message-bubble .news-link-button *,
html.dark-theme-active .message-bubble .news-link-button span,
html.dark-theme-active .message-bubble .news-link-button text,
body.dark-theme-active .message-text .news-link-button,
body.dark-theme-active .message-text .news-link-button *,
body.dark-theme-active .message-text .news-link-button span,
body.dark-theme-active .message-text .news-link-button text,
body.dark-theme-active .chat-bubble .news-link-button,
body.dark-theme-active .chat-bubble .news-link-button *,
body.dark-theme-active .chat-bubble .news-link-button span,
body.dark-theme-active .chat-bubble .news-link-button text,
body.dark-theme-active .message-bubble .news-link-button,
body.dark-theme-active .message-bubble .news-link-button *,
body.dark-theme-active .message-bubble .news-link-button span,
body.dark-theme-active .message-bubble .news-link-button text {
  color: #fff !important;
}

[data-bs-theme="dark"] .message-text .news-link-button:hover,
[data-bs-theme="dark"] .chat-bubble .news-link-button:hover,
[data-bs-theme="dark"] .message-bubble .news-link-button:hover,
html[data-theme="dark"] .message-text .news-link-button:hover,
html[data-theme="dark"] .chat-bubble .news-link-button:hover,
html[data-theme="dark"] .message-bubble .news-link-button:hover,
body[data-theme="dark"] .message-text .news-link-button:hover,
body[data-theme="dark"] .chat-bubble .news-link-button:hover,
body[data-theme="dark"] .message-bubble .news-link-button:hover,
:root.dark-theme-active .message-text .news-link-button:hover,
:root.dark-theme-active .chat-bubble .news-link-button:hover,
:root.dark-theme-active .message-bubble .news-link-button:hover,
html.dark-theme-active .message-text .news-link-button:hover,
html.dark-theme-active .chat-bubble .news-link-button:hover,
html.dark-theme-active .message-bubble .news-link-button:hover,
body.dark-theme-active .message-text .news-link-button:hover,
body.dark-theme-active .chat-bubble .news-link-button:hover,
body.dark-theme-active .message-bubble .news-link-button:hover {
  background: var(--chat-primary) !important;
  filter: brightness(0.9) !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
  transform: translateY(-1px) !important;
  color: #fff !important;
  text-decoration: none !important;
}

[data-bs-theme="dark"] .message-text .news-link-button:hover, [data-bs-theme="dark"] .message-text .news-link-button:hover *, [data-bs-theme="dark"] .message-text .news-link-button:hover span, [data-bs-theme="dark"] .message-text .news-link-button:hover text,
[data-bs-theme="dark"] .chat-bubble .news-link-button:hover,
[data-bs-theme="dark"] .chat-bubble .news-link-button:hover *,
[data-bs-theme="dark"] .chat-bubble .news-link-button:hover span,
[data-bs-theme="dark"] .chat-bubble .news-link-button:hover text,
[data-bs-theme="dark"] .message-bubble .news-link-button:hover,
[data-bs-theme="dark"] .message-bubble .news-link-button:hover *,
[data-bs-theme="dark"] .message-bubble .news-link-button:hover span,
[data-bs-theme="dark"] .message-bubble .news-link-button:hover text,
html[data-theme="dark"] .message-text .news-link-button:hover,
html[data-theme="dark"] .message-text .news-link-button:hover *,
html[data-theme="dark"] .message-text .news-link-button:hover span,
html[data-theme="dark"] .message-text .news-link-button:hover text,
html[data-theme="dark"] .chat-bubble .news-link-button:hover,
html[data-theme="dark"] .chat-bubble .news-link-button:hover *,
html[data-theme="dark"] .chat-bubble .news-link-button:hover span,
html[data-theme="dark"] .chat-bubble .news-link-button:hover text,
html[data-theme="dark"] .message-bubble .news-link-button:hover,
html[data-theme="dark"] .message-bubble .news-link-button:hover *,
html[data-theme="dark"] .message-bubble .news-link-button:hover span,
html[data-theme="dark"] .message-bubble .news-link-button:hover text,
body[data-theme="dark"] .message-text .news-link-button:hover,
body[data-theme="dark"] .message-text .news-link-button:hover *,
body[data-theme="dark"] .message-text .news-link-button:hover span,
body[data-theme="dark"] .message-text .news-link-button:hover text,
body[data-theme="dark"] .chat-bubble .news-link-button:hover,
body[data-theme="dark"] .chat-bubble .news-link-button:hover *,
body[data-theme="dark"] .chat-bubble .news-link-button:hover span,
body[data-theme="dark"] .chat-bubble .news-link-button:hover text,
body[data-theme="dark"] .message-bubble .news-link-button:hover,
body[data-theme="dark"] .message-bubble .news-link-button:hover *,
body[data-theme="dark"] .message-bubble .news-link-button:hover span,
body[data-theme="dark"] .message-bubble .news-link-button:hover text,
:root.dark-theme-active .message-text .news-link-button:hover,
:root.dark-theme-active .message-text .news-link-button:hover *,
:root.dark-theme-active .message-text .news-link-button:hover span,
:root.dark-theme-active .message-text .news-link-button:hover text,
:root.dark-theme-active .chat-bubble .news-link-button:hover,
:root.dark-theme-active .chat-bubble .news-link-button:hover *,
:root.dark-theme-active .chat-bubble .news-link-button:hover span,
:root.dark-theme-active .chat-bubble .news-link-button:hover text,
:root.dark-theme-active .message-bubble .news-link-button:hover,
:root.dark-theme-active .message-bubble .news-link-button:hover *,
:root.dark-theme-active .message-bubble .news-link-button:hover span,
:root.dark-theme-active .message-bubble .news-link-button:hover text,
html.dark-theme-active .message-text .news-link-button:hover,
html.dark-theme-active .message-text .news-link-button:hover *,
html.dark-theme-active .message-text .news-link-button:hover span,
html.dark-theme-active .message-text .news-link-button:hover text,
html.dark-theme-active .chat-bubble .news-link-button:hover,
html.dark-theme-active .chat-bubble .news-link-button:hover *,
html.dark-theme-active .chat-bubble .news-link-button:hover span,
html.dark-theme-active .chat-bubble .news-link-button:hover text,
html.dark-theme-active .message-bubble .news-link-button:hover,
html.dark-theme-active .message-bubble .news-link-button:hover *,
html.dark-theme-active .message-bubble .news-link-button:hover span,
html.dark-theme-active .message-bubble .news-link-button:hover text,
body.dark-theme-active .message-text .news-link-button:hover,
body.dark-theme-active .message-text .news-link-button:hover *,
body.dark-theme-active .message-text .news-link-button:hover span,
body.dark-theme-active .message-text .news-link-button:hover text,
body.dark-theme-active .chat-bubble .news-link-button:hover,
body.dark-theme-active .chat-bubble .news-link-button:hover *,
body.dark-theme-active .chat-bubble .news-link-button:hover span,
body.dark-theme-active .chat-bubble .news-link-button:hover text,
body.dark-theme-active .message-bubble .news-link-button:hover,
body.dark-theme-active .message-bubble .news-link-button:hover *,
body.dark-theme-active .message-bubble .news-link-button:hover span,
body.dark-theme-active .message-bubble .news-link-button:hover text {
  color: #fff !important;
}

[data-bs-theme="dark"] .message-text .news-link-button:active,
[data-bs-theme="dark"] .chat-bubble .news-link-button:active,
[data-bs-theme="dark"] .message-bubble .news-link-button:active,
html[data-theme="dark"] .message-text .news-link-button:active,
html[data-theme="dark"] .chat-bubble .news-link-button:active,
html[data-theme="dark"] .message-bubble .news-link-button:active,
body[data-theme="dark"] .message-text .news-link-button:active,
body[data-theme="dark"] .chat-bubble .news-link-button:active,
body[data-theme="dark"] .message-bubble .news-link-button:active,
:root.dark-theme-active .message-text .news-link-button:active,
:root.dark-theme-active .chat-bubble .news-link-button:active,
:root.dark-theme-active .message-bubble .news-link-button:active,
html.dark-theme-active .message-text .news-link-button:active,
html.dark-theme-active .chat-bubble .news-link-button:active,
html.dark-theme-active .message-bubble .news-link-button:active,
body.dark-theme-active .message-text .news-link-button:active,
body.dark-theme-active .chat-bubble .news-link-button:active,
body.dark-theme-active .message-bubble .news-link-button:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
  filter: brightness(0.85) !important;
}

[data-bs-theme="dark"] .message-text a:not(.news-link-button),
[data-bs-theme="dark"] .chat-bubble a:not(.news-link-button),
[data-bs-theme="dark"] .message-bubble a:not(.news-link-button),
[data-bs-theme="dark"] .message-text .link,
[data-bs-theme="dark"] .chat-bubble .link,
[data-bs-theme="dark"] .message-bubble .link,
html[data-theme="dark"] .message-text a:not(.news-link-button),
html[data-theme="dark"] .chat-bubble a:not(.news-link-button),
html[data-theme="dark"] .message-bubble a:not(.news-link-button),
html[data-theme="dark"] .message-text .link,
html[data-theme="dark"] .chat-bubble .link,
html[data-theme="dark"] .message-bubble .link,
body[data-theme="dark"] .message-text a:not(.news-link-button),
body[data-theme="dark"] .chat-bubble a:not(.news-link-button),
body[data-theme="dark"] .message-bubble a:not(.news-link-button),
body[data-theme="dark"] .message-text .link,
body[data-theme="dark"] .chat-bubble .link,
body[data-theme="dark"] .message-bubble .link,
:root.dark-theme-active .message-text a:not(.news-link-button),
:root.dark-theme-active .chat-bubble a:not(.news-link-button),
:root.dark-theme-active .message-bubble a:not(.news-link-button),
:root.dark-theme-active .message-text .link,
:root.dark-theme-active .chat-bubble .link,
:root.dark-theme-active .message-bubble .link,
html.dark-theme-active .message-text a:not(.news-link-button),
html.dark-theme-active .chat-bubble a:not(.news-link-button),
html.dark-theme-active .message-bubble a:not(.news-link-button),
html.dark-theme-active .message-text .link,
html.dark-theme-active .chat-bubble .link,
html.dark-theme-active .message-bubble .link,
body.dark-theme-active .message-text a:not(.news-link-button),
body.dark-theme-active .chat-bubble a:not(.news-link-button),
body.dark-theme-active .message-bubble a:not(.news-link-button),
body.dark-theme-active .message-text .link,
body.dark-theme-active .chat-bubble .link,
body.dark-theme-active .message-bubble .link {
  color: var(--chat-primary) !important;
  text-decoration: underline;
  font-weight: 500;
}

[data-bs-theme="dark"] .message-text a:not(.news-link-button):hover,
[data-bs-theme="dark"] .chat-bubble a:not(.news-link-button):hover,
[data-bs-theme="dark"] .message-bubble a:not(.news-link-button):hover,
[data-bs-theme="dark"] .message-text .link:hover,
[data-bs-theme="dark"] .chat-bubble .link:hover,
[data-bs-theme="dark"] .message-bubble .link:hover,
html[data-theme="dark"] .message-text a:not(.news-link-button):hover,
html[data-theme="dark"] .chat-bubble a:not(.news-link-button):hover,
html[data-theme="dark"] .message-bubble a:not(.news-link-button):hover,
html[data-theme="dark"] .message-text .link:hover,
html[data-theme="dark"] .chat-bubble .link:hover,
html[data-theme="dark"] .message-bubble .link:hover,
body[data-theme="dark"] .message-text a:not(.news-link-button):hover,
body[data-theme="dark"] .chat-bubble a:not(.news-link-button):hover,
body[data-theme="dark"] .message-bubble a:not(.news-link-button):hover,
body[data-theme="dark"] .message-text .link:hover,
body[data-theme="dark"] .chat-bubble .link:hover,
body[data-theme="dark"] .message-bubble .link:hover,
:root.dark-theme-active .message-text a:not(.news-link-button):hover,
:root.dark-theme-active .chat-bubble a:not(.news-link-button):hover,
:root.dark-theme-active .message-bubble a:not(.news-link-button):hover,
:root.dark-theme-active .message-text .link:hover,
:root.dark-theme-active .chat-bubble .link:hover,
:root.dark-theme-active .message-bubble .link:hover,
html.dark-theme-active .message-text a:not(.news-link-button):hover,
html.dark-theme-active .chat-bubble a:not(.news-link-button):hover,
html.dark-theme-active .message-bubble a:not(.news-link-button):hover,
html.dark-theme-active .message-text .link:hover,
html.dark-theme-active .chat-bubble .link:hover,
html.dark-theme-active .message-bubble .link:hover,
body.dark-theme-active .message-text a:not(.news-link-button):hover,
body.dark-theme-active .chat-bubble a:not(.news-link-button):hover,
body.dark-theme-active .message-bubble a:not(.news-link-button):hover,
body.dark-theme-active .message-text .link:hover,
body.dark-theme-active .chat-bubble .link:hover,
body.dark-theme-active .message-bubble .link:hover {
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .message-text code,
html[data-theme="dark"] .message-text code,
body[data-theme="dark"] .message-text code,
:root.dark-theme-active .message-text code,
html.dark-theme-active .message-text code,
body.dark-theme-active .message-text code {
  background: #374151 !important;
  color: var(--chat-text-primary) !important;
  border-color: var(--chat-border) !important;
}

[data-bs-theme="dark"] .message-text pre,
html[data-theme="dark"] .message-text pre,
body[data-theme="dark"] .message-text pre,
:root.dark-theme-active .message-text pre,
html.dark-theme-active .message-text pre,
body.dark-theme-active .message-text pre {
  background: #374151 !important;
  color: var(--chat-text-primary) !important;
  border-color: var(--chat-border) !important;
}

[data-bs-theme="dark"] .message-text blockquote,
html[data-theme="dark"] .message-text blockquote,
body[data-theme="dark"] .message-text blockquote,
:root.dark-theme-active .message-text blockquote,
html.dark-theme-active .message-text blockquote,
body.dark-theme-active .message-text blockquote {
  border-left-color: var(--chat-border) !important;
  color: var(--chat-text-secondary) !important;
}

[data-bs-theme="dark"] .message-text ul,
[data-bs-theme="dark"] .message-text ol,
html[data-theme="dark"] .message-text ul,
html[data-theme="dark"] .message-text ol,
body[data-theme="dark"] .message-text ul,
body[data-theme="dark"] .message-text ol,
:root.dark-theme-active .message-text ul,
:root.dark-theme-active .message-text ol,
html.dark-theme-active .message-text ul,
html.dark-theme-active .message-text ol,
body.dark-theme-active .message-text ul,
body.dark-theme-active .message-text ol {
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .message-text li,
html[data-theme="dark"] .message-text li,
body[data-theme="dark"] .message-text li,
:root.dark-theme-active .message-text li,
html.dark-theme-active .message-text li,
body.dark-theme-active .message-text li {
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .message-text table,
html[data-theme="dark"] .message-text table,
body[data-theme="dark"] .message-text table,
:root.dark-theme-active .message-text table,
html.dark-theme-active .message-text table,
body.dark-theme-active .message-text table {
  border-color: var(--chat-border) !important;
}

[data-bs-theme="dark"] .message-text th,
[data-bs-theme="dark"] .message-text td,
html[data-theme="dark"] .message-text th,
html[data-theme="dark"] .message-text td,
body[data-theme="dark"] .message-text th,
body[data-theme="dark"] .message-text td,
:root.dark-theme-active .message-text th,
:root.dark-theme-active .message-text td,
html.dark-theme-active .message-text th,
html.dark-theme-active .message-text td,
body.dark-theme-active .message-text th,
body.dark-theme-active .message-text td {
  border-color: var(--chat-border) !important;
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .message-text th,
html[data-theme="dark"] .message-text th,
body[data-theme="dark"] .message-text th,
:root.dark-theme-active .message-text th,
html.dark-theme-active .message-text th,
body.dark-theme-active .message-text th {
  background: #374151 !important;
}

[data-bs-theme="dark"] .message-text hr,
html[data-theme="dark"] .message-text hr,
body[data-theme="dark"] .message-text hr,
:root.dark-theme-active .message-text hr,
html.dark-theme-active .message-text hr,
body.dark-theme-active .message-text hr {
  border-color: var(--chat-border) !important;
}

[data-bs-theme="dark"] .mention-link,
html[data-theme="dark"] .mention-link,
body[data-theme="dark"] .mention-link,
:root.dark-theme-active .mention-link,
html.dark-theme-active .mention-link,
body.dark-theme-active .mention-link {
  color: var(--chat-primary) !important;
}

[data-bs-theme="dark"] .mention-link:hover,
html[data-theme="dark"] .mention-link:hover,
body[data-theme="dark"] .mention-link:hover,
:root.dark-theme-active .mention-link:hover,
html.dark-theme-active .mention-link:hover,
body.dark-theme-active .mention-link:hover {
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] .reaction-bar,
html[data-theme="dark"] .reaction-bar,
body[data-theme="dark"] .reaction-bar,
:root.dark-theme-active .reaction-bar,
html.dark-theme-active .reaction-bar,
body.dark-theme-active .reaction-bar {
  background: transparent !important;
}

[data-bs-theme="dark"] .reply-snippet,
html[data-theme="dark"] .reply-snippet,
body[data-theme="dark"] .reply-snippet,
:root.dark-theme-active .reply-snippet,
html.dark-theme-active .reply-snippet,
body.dark-theme-active .reply-snippet {
  background: #374151 !important;
  border-left-color: var(--chat-border) !important;
}

[data-bs-theme="dark"] .author-name,
html[data-theme="dark"] .author-name,
body[data-theme="dark"] .author-name,
:root.dark-theme-active .author-name,
html.dark-theme-active .author-name,
body.dark-theme-active .author-name {
  color: var(--chat-primary) !important;
}

[data-bs-theme="dark"] .timestamp,
html[data-theme="dark"] .timestamp,
body[data-theme="dark"] .timestamp,
:root.dark-theme-active .timestamp,
html.dark-theme-active .timestamp,
body.dark-theme-active .timestamp {
  color: var(--chat-text-muted) !important;
}

[data-bs-theme="dark"] .read-status,
html[data-theme="dark"] .read-status,
body[data-theme="dark"] .read-status,
:root.dark-theme-active .read-status,
html.dark-theme-active .read-status,
body.dark-theme-active .read-status {
  color: var(--chat-text-muted) !important;
}

[data-bs-theme="dark"] .pin-icon,
html[data-theme="dark"] .pin-icon,
body[data-theme="dark"] .pin-icon,
:root.dark-theme-active .pin-icon,
html.dark-theme-active .pin-icon,
body.dark-theme-active .pin-icon {
  color: var(--chat-text-muted) !important;
}

[data-bs-theme="dark"] .message-row.continued,
html[data-theme="dark"] .message-row.continued,
body[data-theme="dark"] .message-row.continued,
:root.dark-theme-active .message-row.continued,
html.dark-theme-active .message-row.continued,
body.dark-theme-active .message-row.continued {
  background: transparent !important;
}

[data-bs-theme="dark"] .message-row.group-start,
html[data-theme="dark"] .message-row.group-start,
body[data-theme="dark"] .message-row.group-start,
:root.dark-theme-active .message-row.group-start,
html.dark-theme-active .message-row.group-start,
body.dark-theme-active .message-row.group-start {
  background: transparent !important;
}

[data-bs-theme="dark"] .message-row.other,
html[data-theme="dark"] .message-row.other,
body[data-theme="dark"] .message-row.other,
:root.dark-theme-active .message-row.other,
html.dark-theme-active .message-row.other,
body.dark-theme-active .message-row.other {
  background: transparent !important;
}

[data-bs-theme="dark"] .message-row.own,
html[data-theme="dark"] .message-row.own,
body[data-theme="dark"] .message-row.own,
:root.dark-theme-active .message-row.own,
html.dark-theme-active .message-row.own,
body.dark-theme-active .message-row.own {
  background: transparent !important;
}

[data-bs-theme="dark"] .message-row.pinned,
html[data-theme="dark"] .message-row.pinned,
body[data-theme="dark"] .message-row.pinned,
:root.dark-theme-active .message-row.pinned,
html.dark-theme-active .message-row.pinned,
body.dark-theme-active .message-row.pinned {
  background: #4b5563 !important;
}

[data-bs-theme="dark"] .message-row.selected,
html[data-theme="dark"] .message-row.selected,
body[data-theme="dark"] .message-row.selected,
:root.dark-theme-active .message-row.selected,
html.dark-theme-active .message-row.selected,
body.dark-theme-active .message-row.selected {
  background: rgba(79, 172, 254, 0.1) !important;
}

[data-bs-theme="dark"] .message-row.unread,
html[data-theme="dark"] .message-row.unread,
body[data-theme="dark"] .message-row.unread,
:root.dark-theme-active .message-row.unread,
html.dark-theme-active .message-row.unread,
body.dark-theme-active .message-row.unread {
  background: rgba(255, 193, 7, 0.05) !important;
}

[data-bs-theme="dark"] .message-row.error,
html[data-theme="dark"] .message-row.error,
body[data-theme="dark"] .message-row.error,
:root.dark-theme-active .message-row.error,
html.dark-theme-active .message-row.error,
body.dark-theme-active .message-row.error {
  background: rgba(220, 53, 69, 0.1) !important;
}

[data-bs-theme="dark"] .message-row.success,
html[data-theme="dark"] .message-row.success,
body[data-theme="dark"] .message-row.success,
:root.dark-theme-active .message-row.success,
html.dark-theme-active .message-row.success,
body.dark-theme-active .message-row.success {
  background: rgba(40, 167, 69, 0.1) !important;
}

[data-bs-theme="dark"] .message-row.warning,
html[data-theme="dark"] .message-row.warning,
body[data-theme="dark"] .message-row.warning,
:root.dark-theme-active .message-row.warning,
html.dark-theme-active .message-row.warning,
body.dark-theme-active .message-row.warning {
  background: rgba(255, 193, 7, 0.1) !important;
}

[data-bs-theme="dark"] .message-row.info,
html[data-theme="dark"] .message-row.info,
body[data-theme="dark"] .message-row.info,
:root.dark-theme-active .message-row.info,
html.dark-theme-active .message-row.info,
body.dark-theme-active .message-row.info {
  background: rgba(23, 162, 184, 0.1) !important;
}

[data-bs-theme="dark"] .chat-bubble.sent,
[data-bs-theme="dark"] .chat-bubble.sent *,
[data-bs-theme="dark"] .sma-tg-input-area .send-btn,
[data-bs-theme="dark"] .sma-tg-input-area .send-btn *,
[data-bs-theme="dark"] #sma-tg-send,
[data-bs-theme="dark"] #sma-tg-send *,
html[data-theme="dark"] .chat-bubble.sent,
html[data-theme="dark"] .chat-bubble.sent *,
html[data-theme="dark"] .sma-tg-input-area .send-btn,
html[data-theme="dark"] .sma-tg-input-area .send-btn *,
html[data-theme="dark"] #sma-tg-send,
html[data-theme="dark"] #sma-tg-send *,
body[data-theme="dark"] .chat-bubble.sent,
body[data-theme="dark"] .chat-bubble.sent *,
body[data-theme="dark"] .sma-tg-input-area .send-btn,
body[data-theme="dark"] .sma-tg-input-area .send-btn *,
body[data-theme="dark"] #sma-tg-send,
body[data-theme="dark"] #sma-tg-send *,
:root.dark-theme-active .chat-bubble.sent,
:root.dark-theme-active .chat-bubble.sent *,
:root.dark-theme-active .sma-tg-input-area .send-btn,
:root.dark-theme-active .sma-tg-input-area .send-btn *,
:root.dark-theme-active #sma-tg-send,
:root.dark-theme-active #sma-tg-send *,
html.dark-theme-active .chat-bubble.sent,
html.dark-theme-active .chat-bubble.sent *,
html.dark-theme-active .sma-tg-input-area .send-btn,
html.dark-theme-active .sma-tg-input-area .send-btn *,
html.dark-theme-active #sma-tg-send,
html.dark-theme-active #sma-tg-send *,
body.dark-theme-active .chat-bubble.sent,
body.dark-theme-active .chat-bubble.sent *,
body.dark-theme-active .sma-tg-input-area .send-btn,
body.dark-theme-active .sma-tg-input-area .send-btn *,
body.dark-theme-active #sma-tg-send,
body.dark-theme-active #sma-tg-send * {
  color: #ffffff !important;
}

[data-bs-theme="dark"] .sma-tg-chat-list-unread i,
[data-bs-theme="dark"] .sma-tg-chat-list-unread svg,
[data-bs-theme="dark"] .sma-tg-chat-list-unread img,
[data-bs-theme="dark"] .sma-tg-chat-list-unread .icon,
[data-bs-theme="dark"] .sma-tg-chat-list-unread .fas,
[data-bs-theme="dark"] .sma-tg-chat-list-unread .far,
[data-bs-theme="dark"] .sma-tg-chat-list-unread .fab,
html[data-theme="dark"] .sma-tg-chat-list-unread i,
html[data-theme="dark"] .sma-tg-chat-list-unread svg,
html[data-theme="dark"] .sma-tg-chat-list-unread img,
html[data-theme="dark"] .sma-tg-chat-list-unread .icon,
html[data-theme="dark"] .sma-tg-chat-list-unread .fas,
html[data-theme="dark"] .sma-tg-chat-list-unread .far,
html[data-theme="dark"] .sma-tg-chat-list-unread .fab,
body[data-theme="dark"] .sma-tg-chat-list-unread i,
body[data-theme="dark"] .sma-tg-chat-list-unread svg,
body[data-theme="dark"] .sma-tg-chat-list-unread img,
body[data-theme="dark"] .sma-tg-chat-list-unread .icon,
body[data-theme="dark"] .sma-tg-chat-list-unread .fas,
body[data-theme="dark"] .sma-tg-chat-list-unread .far,
body[data-theme="dark"] .sma-tg-chat-list-unread .fab,
:root.dark-theme-active .sma-tg-chat-list-unread i,
:root.dark-theme-active .sma-tg-chat-list-unread svg,
:root.dark-theme-active .sma-tg-chat-list-unread img,
:root.dark-theme-active .sma-tg-chat-list-unread .icon,
:root.dark-theme-active .sma-tg-chat-list-unread .fas,
:root.dark-theme-active .sma-tg-chat-list-unread .far,
:root.dark-theme-active .sma-tg-chat-list-unread .fab,
html.dark-theme-active .sma-tg-chat-list-unread i,
html.dark-theme-active .sma-tg-chat-list-unread svg,
html.dark-theme-active .sma-tg-chat-list-unread img,
html.dark-theme-active .sma-tg-chat-list-unread .icon,
html.dark-theme-active .sma-tg-chat-list-unread .fas,
html.dark-theme-active .sma-tg-chat-list-unread .far,
html.dark-theme-active .sma-tg-chat-list-unread .fab,
body.dark-theme-active .sma-tg-chat-list-unread i,
body.dark-theme-active .sma-tg-chat-list-unread svg,
body.dark-theme-active .sma-tg-chat-list-unread img,
body.dark-theme-active .sma-tg-chat-list-unread .icon,
body.dark-theme-active .sma-tg-chat-list-unread .fas,
body.dark-theme-active .sma-tg-chat-list-unread .far,
body.dark-theme-active .sma-tg-chat-list-unread .fab {
  color: #ffffff !important;
  fill: #ffffff !important;
}

[data-bs-theme="dark"] .chat-container,
[data-bs-theme="dark"] .telegram-wrapper,
[data-bs-theme="dark"] .sma-tg-root,
html[data-theme="dark"] .chat-container,
html[data-theme="dark"] .telegram-wrapper,
html[data-theme="dark"] .sma-tg-root,
body[data-theme="dark"] .chat-container,
body[data-theme="dark"] .telegram-wrapper,
body[data-theme="dark"] .sma-tg-root,
:root.dark-theme-active .chat-container,
:root.dark-theme-active .telegram-wrapper,
:root.dark-theme-active .sma-tg-root,
html.dark-theme-active .chat-container,
html.dark-theme-active .telegram-wrapper,
html.dark-theme-active .sma-tg-root,
body.dark-theme-active .chat-container,
body.dark-theme-active .telegram-wrapper,
body.dark-theme-active .sma-tg-root {
  background: var(--chat-bg) !important;
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] [class*="chat"],
[data-bs-theme="dark"] [class*="message"],
[data-bs-theme="dark"] [class*="sma-tg"],
[data-bs-theme="dark"] [class*="telegram"],
html[data-theme="dark"] [class*="chat"],
html[data-theme="dark"] [class*="message"],
html[data-theme="dark"] [class*="sma-tg"],
html[data-theme="dark"] [class*="telegram"],
body[data-theme="dark"] [class*="chat"],
body[data-theme="dark"] [class*="message"],
body[data-theme="dark"] [class*="sma-tg"],
body[data-theme="dark"] [class*="telegram"],
:root.dark-theme-active [class*="chat"],
:root.dark-theme-active [class*="message"],
:root.dark-theme-active [class*="sma-tg"],
:root.dark-theme-active [class*="telegram"],
html.dark-theme-active [class*="chat"],
html.dark-theme-active [class*="message"],
html.dark-theme-active [class*="sma-tg"],
html.dark-theme-active [class*="telegram"],
body.dark-theme-active [class*="chat"],
body.dark-theme-active [class*="message"],
body.dark-theme-active [class*="sma-tg"],
body.dark-theme-active [class*="telegram"] {
  color: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] [class*="chat"] i,
[data-bs-theme="dark"] [class*="chat"] svg,
[data-bs-theme="dark"] [class*="chat"] img,
[data-bs-theme="dark"] [class*="message"] i,
[data-bs-theme="dark"] [class*="message"] svg,
[data-bs-theme="dark"] [class*="message"] img,
[data-bs-theme="dark"] [class*="sma-tg"] i,
[data-bs-theme="dark"] [class*="sma-tg"] svg,
[data-bs-theme="dark"] [class*="sma-tg"] img,
html[data-theme="dark"] [class*="chat"] i,
html[data-theme="dark"] [class*="chat"] svg,
html[data-theme="dark"] [class*="chat"] img,
html[data-theme="dark"] [class*="message"] i,
html[data-theme="dark"] [class*="message"] svg,
html[data-theme="dark"] [class*="message"] img,
html[data-theme="dark"] [class*="sma-tg"] i,
html[data-theme="dark"] [class*="sma-tg"] svg,
html[data-theme="dark"] [class*="sma-tg"] img,
body[data-theme="dark"] [class*="chat"] i,
body[data-theme="dark"] [class*="chat"] svg,
body[data-theme="dark"] [class*="chat"] img,
body[data-theme="dark"] [class*="message"] i,
body[data-theme="dark"] [class*="message"] svg,
body[data-theme="dark"] [class*="message"] img,
body[data-theme="dark"] [class*="sma-tg"] i,
body[data-theme="dark"] [class*="sma-tg"] svg,
body[data-theme="dark"] [class*="sma-tg"] img,
:root.dark-theme-active [class*="chat"] i,
:root.dark-theme-active [class*="chat"] svg,
:root.dark-theme-active [class*="chat"] img,
:root.dark-theme-active [class*="message"] i,
:root.dark-theme-active [class*="message"] svg,
:root.dark-theme-active [class*="message"] img,
:root.dark-theme-active [class*="sma-tg"] i,
:root.dark-theme-active [class*="sma-tg"] svg,
:root.dark-theme-active [class*="sma-tg"] img,
html.dark-theme-active [class*="chat"] i,
html.dark-theme-active [class*="chat"] svg,
html.dark-theme-active [class*="chat"] img,
html.dark-theme-active [class*="message"] i,
html.dark-theme-active [class*="message"] svg,
html.dark-theme-active [class*="message"] img,
html.dark-theme-active [class*="sma-tg"] i,
html.dark-theme-active [class*="sma-tg"] svg,
html.dark-theme-active [class*="sma-tg"] img,
body.dark-theme-active [class*="chat"] i,
body.dark-theme-active [class*="chat"] svg,
body.dark-theme-active [class*="chat"] img,
body.dark-theme-active [class*="message"] i,
body.dark-theme-active [class*="message"] svg,
body.dark-theme-active [class*="message"] img,
body.dark-theme-active [class*="sma-tg"] i,
body.dark-theme-active [class*="sma-tg"] svg,
body.dark-theme-active [class*="sma-tg"] img {
  color: var(--chat-text-secondary) !important;
  fill: var(--chat-text-secondary) !important;
}

[data-bs-theme="dark"] [class*="chat"]:hover i,
[data-bs-theme="dark"] [class*="chat"]:hover svg,
[data-bs-theme="dark"] [class*="chat"]:hover img,
[data-bs-theme="dark"] [class*="message"]:hover i,
[data-bs-theme="dark"] [class*="message"]:hover svg,
[data-bs-theme="dark"] [class*="message"]:hover img,
[data-bs-theme="dark"] [class*="sma-tg"]:hover i,
[data-bs-theme="dark"] [class*="sma-tg"]:hover svg,
[data-bs-theme="dark"] [class*="sma-tg"]:hover img,
html[data-theme="dark"] [class*="chat"]:hover i,
html[data-theme="dark"] [class*="chat"]:hover svg,
html[data-theme="dark"] [class*="chat"]:hover img,
html[data-theme="dark"] [class*="message"]:hover i,
html[data-theme="dark"] [class*="message"]:hover svg,
html[data-theme="dark"] [class*="message"]:hover img,
html[data-theme="dark"] [class*="sma-tg"]:hover i,
html[data-theme="dark"] [class*="sma-tg"]:hover svg,
html[data-theme="dark"] [class*="sma-tg"]:hover img,
body[data-theme="dark"] [class*="chat"]:hover i,
body[data-theme="dark"] [class*="chat"]:hover svg,
body[data-theme="dark"] [class*="chat"]:hover img,
body[data-theme="dark"] [class*="message"]:hover i,
body[data-theme="dark"] [class*="message"]:hover svg,
body[data-theme="dark"] [class*="message"]:hover img,
body[data-theme="dark"] [class*="sma-tg"]:hover i,
body[data-theme="dark"] [class*="sma-tg"]:hover svg,
body[data-theme="dark"] [class*="sma-tg"]:hover img,
:root.dark-theme-active [class*="chat"]:hover i,
:root.dark-theme-active [class*="chat"]:hover svg,
:root.dark-theme-active [class*="chat"]:hover img,
:root.dark-theme-active [class*="message"]:hover i,
:root.dark-theme-active [class*="message"]:hover svg,
:root.dark-theme-active [class*="message"]:hover img,
:root.dark-theme-active [class*="sma-tg"]:hover i,
:root.dark-theme-active [class*="sma-tg"]:hover svg,
:root.dark-theme-active [class*="sma-tg"]:hover img,
html.dark-theme-active [class*="chat"]:hover i,
html.dark-theme-active [class*="chat"]:hover svg,
html.dark-theme-active [class*="chat"]:hover img,
html.dark-theme-active [class*="message"]:hover i,
html.dark-theme-active [class*="message"]:hover svg,
html.dark-theme-active [class*="message"]:hover img,
html.dark-theme-active [class*="sma-tg"]:hover i,
html.dark-theme-active [class*="sma-tg"]:hover svg,
html.dark-theme-active [class*="sma-tg"]:hover img,
body.dark-theme-active [class*="chat"]:hover i,
body.dark-theme-active [class*="chat"]:hover svg,
body.dark-theme-active [class*="chat"]:hover img,
body.dark-theme-active [class*="message"]:hover i,
body.dark-theme-active [class*="message"]:hover svg,
body.dark-theme-active [class*="message"]:hover img,
body.dark-theme-active [class*="sma-tg"]:hover i,
body.dark-theme-active [class*="sma-tg"]:hover svg,
body.dark-theme-active [class*="sma-tg"]:hover img {
  color: var(--chat-text-primary) !important;
  fill: var(--chat-text-primary) !important;
}

[data-bs-theme="dark"] [class*="chat"].active i,
[data-bs-theme="dark"] [class*="chat"].active svg,
[data-bs-theme="dark"] [class*="chat"].active img,
[data-bs-theme="dark"] [class*="message"].active i,
[data-bs-theme="dark"] [class*="message"].active svg,
[data-bs-theme="dark"] [class*="message"].active img,
[data-bs-theme="dark"] [class*="sma-tg"].active i,
[data-bs-theme="dark"] [class*="sma-tg"].active svg,
[data-bs-theme="dark"] [class*="sma-tg"].active img,
html[data-theme="dark"] [class*="chat"].active i,
html[data-theme="dark"] [class*="chat"].active svg,
html[data-theme="dark"] [class*="chat"].active img,
html[data-theme="dark"] [class*="message"].active i,
html[data-theme="dark"] [class*="message"].active svg,
html[data-theme="dark"] [class*="message"].active img,
html[data-theme="dark"] [class*="sma-tg"].active i,
html[data-theme="dark"] [class*="sma-tg"].active svg,
html[data-theme="dark"] [class*="sma-tg"].active img,
body[data-theme="dark"] [class*="chat"].active i,
body[data-theme="dark"] [class*="chat"].active svg,
body[data-theme="dark"] [class*="chat"].active img,
body[data-theme="dark"] [class*="message"].active i,
body[data-theme="dark"] [class*="message"].active svg,
body[data-theme="dark"] [class*="message"].active img,
body[data-theme="dark"] [class*="sma-tg"].active i,
body[data-theme="dark"] [class*="sma-tg"].active svg,
body[data-theme="dark"] [class*="sma-tg"].active img,
:root.dark-theme-active [class*="chat"].active i,
:root.dark-theme-active [class*="chat"].active svg,
:root.dark-theme-active [class*="chat"].active img,
:root.dark-theme-active [class*="message"].active i,
:root.dark-theme-active [class*="message"].active svg,
:root.dark-theme-active [class*="message"].active img,
:root.dark-theme-active [class*="sma-tg"].active i,
:root.dark-theme-active [class*="sma-tg"].active svg,
:root.dark-theme-active [class*="sma-tg"].active img,
html.dark-theme-active [class*="chat"].active i,
html.dark-theme-active [class*="chat"].active svg,
html.dark-theme-active [class*="chat"].active img,
html.dark-theme-active [class*="message"].active i,
html.dark-theme-active [class*="message"].active svg,
html.dark-theme-active [class*="message"].active img,
html.dark-theme-active [class*="sma-tg"].active i,
html.dark-theme-active [class*="sma-tg"].active svg,
html.dark-theme-active [class*="sma-tg"].active img,
body.dark-theme-active [class*="chat"].active i,
body.dark-theme-active [class*="chat"].active svg,
body.dark-theme-active [class*="chat"].active img,
body.dark-theme-active [class*="message"].active i,
body.dark-theme-active [class*="message"].active svg,
body.dark-theme-active [class*="message"].active img,
body.dark-theme-active [class*="sma-tg"].active i,
body.dark-theme-active [class*="sma-tg"].active svg,
body.dark-theme-active [class*="sma-tg"].active img {
  color: var(--chat-primary) !important;
  fill: var(--chat-primary) !important;
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.chat-bubble.message-highlight {
  box-shadow: 0 0 0 2px var(--chat-primary);
  animation: messageHighlight 2s ease-in-out;
}

@keyframes messageHighlight {
  0% {
    background-color: var(--chat-primary-hover);
  }
  100% {
    background-color: inherit;
  }
}

.mobile-panel-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  background: #f8fafc;
  z-index: 9999;
  display: none;
  flex-direction: column;
  overflow: hidden;
}

/* Ensure mobile chat active view takes full screen */
.mobile-active-content-item {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  background: #f8fafc !important;
  z-index: 10000 !important;
  overflow: hidden !important;
}

/* Mobile chat header with close button */
.mobile-chat-header {
  position: sticky;
  top: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 56px;
  padding: 8px 16px;
  background: #f8fafc;
  border-bottom: 1px solid #d1d5db;
  z-index: 10;
  flex-shrink: 0;
}

.mobile-chat-header__close-btn {
  background: none;
  border: none;
  font-size: 24px;
  color: #374151;
  cursor: pointer;
  padding: 8px;
  border-radius: 50%;
  transition: background-color 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}

.mobile-chat-header__close-btn:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.mobile-chat-header__close-btn:active {
  background-color: rgba(0, 0, 0, 0.1);
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

/* Ensure chat messages area takes remaining space */
.tg-chat-messages-container {
  flex: 1 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}

.sma-tg-messages {
  flex: 1 !important;
  overflow-y: auto !important;
  padding: 12px 16px 80px !important;
}

/* Chat input area should be at bottom */
.tg-chat-input-area {
  position: sticky !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  background: #f8fafc !important;
  border-top: 1px solid #d1d5db !important;
  flex-shrink: 0 !important;
  z-index: 10 !important;
}

.mobile-panel-header,
.mobile-panel-navigation {
  position: sticky;
  top: 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 48px;
  border-bottom: 1px solid #d1d5db;
  font-size: 14px;
  font-weight: 500;
  background: #f8fafc;
  z-index: 10;
}

.mobile-panel-navigation .nav-link {
  flex: 1;
  text-align: center;
  color: #60728e;
  padding: 0;
}

.mobile-panel-navigation .nav-link.active {
  color: #2563eb;
  border-bottom: 2px solid #2563eb;
}

.mobile-panel-body,
.mobile-panel-section-content,
.mobile-list-items-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.mobile-list-items-container {
  overflow-y: auto;
}

.mobile-chat-search-container {
  background: white;
  border-radius: 16px;
  padding: 8px 12px;
  font-size: 14px;
  margin: 8px 12px;
}

.mobile-chat-search-container .mobile-chat-type-filter {
  margin-top: 8px;
}

.mobile-chat-search-container .mobile-chat-type-filter select {
  width: 100%;
  padding: 6px 8px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 0.85rem;
  background: #ffffff;
  color: #111827;
}

.mobile-chat-search-container .mobile-chat-type-filter select:focus {
  outline: none;
  border-color: #1e40af;
  box-shadow: 0 0 0 2px rgba(30, 64, 175, 0.1);
}

[data-bs-theme="dark"] .mobile-chat-search-container {
  background: #283547;
}

[data-bs-theme="dark"] .mobile-chat-search-container .mobile-chat-type-filter select {
  background: #111827;
  color: #f9fafb;
  border-color: #374151;
}

[data-bs-theme="dark"] .mobile-chat-search-container .mobile-chat-type-filter select:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

#mobile-chat-search {
  background: transparent;
  border: none;
  width: 100%;
  outline: none;
  font-size: 14px;
}

#mobile-chat-items-list {
  overflow-y: auto;
  flex: 1;
  scrollbar-width: thin;
  -ms-overflow-style: none;
}

#mobile-chat-items-list::-webkit-scrollbar {
  width: 6px;
}

#mobile-chat-items-list::-webkit-scrollbar-track {
  background: transparent;
}

#mobile-chat-items-list::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  opacity: 0;
  transition: opacity 0.3s;
}

#mobile-chat-items-list:hover::-webkit-scrollbar-thumb {
  opacity: 1;
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.mobile-chat-list__item {
  display: flex;
  align-items: center;
  padding: 10px 14px;
  border-bottom: 1px solid #d1d5db;
  cursor: pointer;
  gap: 12px;
  transition: background 0.2s ease;
}

.mobile-chat-list__item:hover,
.mobile-chat-list__item.active {
  background: #eaeefb;
}

.mobile-chat-list__item.pinned {
  background: #fffcf9;
}

.mobile-chat-list__avatar-container {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

.mobile-chat-list__avatar-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.mobile-chat-list__name {
  font-weight: 600;
  font-size: 15px;
}

.mobile-chat-list__message-preview {
  font-size: 13px;
  color: #374151;
}

.mobile-chat-list__time {
  font-size: 12px;
  color: #60728e;
  align-self: flex-start;
}

.mega-chat-context-menu {
  position: absolute;
  top: var(--y, 0);
  left: var(--x, 0);
  display: none;
  background: rgba(248, 250, 252, 0.98);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(209, 213, 219, 0.3);
  border-radius: 16px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15), 0 4px 12px rgba(30, 64, 175, 0.1);
  list-style: none;
  padding: 12px 0;
  min-width: 200px;
  max-width: calc(min(320px, 90vw));
  z-index: 10002;
  opacity: 0;
  transform: scale(0.9) translateY(-8px);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
}

.mega-chat-context-menu.visible {
  display: block;
  opacity: 1;
  transform: scale(1) translateY(0);
}

.mega-chat-context-menu::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, #1e40af 0%, #2563eb 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.mega-chat-context-menu.visible::before {
  opacity: 1;
}

[data-bs-theme="dark"] .mega-chat-context-menu {
  background: rgba(31, 41, 55, 0.98);
  border-color: rgba(55, 65, 81, 0.4);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.3), 0 4px 12px rgba(59, 130, 246, 0.15);
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.reactions-block {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px 20px;
  border-bottom: 1px solid rgba(209, 213, 219, 0.2);
  background: rgba(30, 64, 175, 0.02);
  margin: 0 8px;
  border-radius: 12px;
}

.reactions-block .reaction-btn {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  cursor: pointer;
  background: rgba(248, 250, 252, 0.8);
  border: 2px solid transparent;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}

.reactions-block .reaction-btn::before {
  content: '';
  position: absolute;
  inset: -2px;
  border-radius: 50%;
  background: linear-gradient(135deg, #1e40af, #2563eb);
  opacity: 0;
  z-index: -1;
  transition: opacity 0.3s ease;
}

.reactions-block .reaction-btn:hover {
  transform: scale(1.15) rotate(10deg);
  border-color: #1e40af;
  box-shadow: 0 6px 20px rgba(30, 64, 175, 0.3);
}

.reactions-block .reaction-btn:hover::before {
  opacity: 0.1;
}

.reactions-block .reaction-btn:active {
  transform: scale(1.05);
}

.reactions-block .reaction-btn.selected {
  background: rgba(30, 64, 175, 0.15);
  border-color: #1e40af;
}

.reactions-block .reaction-btn.selected::before {
  opacity: 0.2;
}

[data-bs-theme="dark"] .reactions-block {
  background: rgba(59, 130, 246, 0.05);
  border-bottom-color: rgba(55, 65, 81, 0.3);
}

[data-bs-theme="dark"] .reactions-block .reaction-btn {
  background: rgba(31, 41, 55, 0.9);
}

[data-bs-theme="dark"] .reactions-block .reaction-btn:hover {
  border-color: #3b82f6;
  box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4);
}

[data-bs-theme="dark"] .reactions-block .reaction-btn.selected {
  background: rgba(59, 130, 246, 0.2);
  border-color: #3b82f6;
}

.actions-block {
  list-style: none;
  margin: 0;
  padding: 0;
}

.actions-block li {
  display: flex;
  align-items: center;
  padding: 12px 20px;
  cursor: pointer;
  font-size: 14px;
  color: #111827;
  transition: all 0.2s ease;
  border-radius: 8px;
  margin: 2px 8px;
}

.actions-block li:hover {
  background: rgba(30, 64, 175, 0.1);
  color: #1e40af;
}

.actions-block li .icon {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  color: inherit;
}

[data-bs-theme="dark"] .actions-block li {
  color: #f9fafb !important;
}

[data-bs-theme="dark"] .actions-block li:hover {
  background: rgba(59, 130, 246, 0.15) !important;
  color: #3b82f6 !important;
}

.news-comment-bar button {
  background: linear-gradient(135deg, #1e40af 0%, #2563eb 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 25px !important;
  padding: 12px 24px !important;
  font-weight: 600 !important;
  font-size: 0.9rem !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  box-shadow: 0 4px 12px rgba(30, 64, 175, 0.25) !important;
}

.news-comment-bar button i, .news-comment-bar button svg {
  color: #ffffff !important;
  font-size: 16px !important;
  width: 16px !important;
  height: 16px !important;
}

.news-comment-bar button:hover {
  transform: translateY(-2px) scale(1.02) !important;
  box-shadow: 0 8px 20px rgba(30, 64, 175, 0.35) !important;
  background: linear-gradient(135deg, #2563eb 0%, #134cca 100%) !important;
}

.news-comment-bar button:active {
  transform: translateY(0) scale(0.98) !important;
}

[data-bs-theme="dark"] .news-comment-bar button {
  background: linear-gradient(135deg, #3b82f6 0%, #3b82f6 100%) !important;
  color: #111827 !important;
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3) !important;
}

[data-bs-theme="dark"] .news-comment-bar button i, [data-bs-theme="dark"] .news-comment-bar button svg {
  color: #111827 !important;
}

[data-bs-theme="dark"] .news-comment-bar button:hover {
  background: linear-gradient(135deg, #6ca1f8 0%, #3b82f6 100%) !important;
  box-shadow: 0 8px 20px rgba(59, 130, 246, 0.4) !important;
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

#sma-tg-search-toggle {
  background: transparent !important;
  border: none !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  color: #374151 !important;
  font-size: 0 !important;
}

#sma-tg-search-toggle::before, #sma-tg-search-toggle::after {
  display: none !important;
  content: none !important;
}

#sma-tg-search-toggle i.fas {
  font-size: 16px !important;
  color: inherit !important;
  width: 16px !important;
  height: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

#sma-tg-search-toggle:hover {
  background: rgba(55, 65, 81, 0.1) !important;
  transform: scale(1.05) !important;
  color: #111827 !important;
}

#sma-tg-search-toggle:hover i.fas {
  color: #111827 !important;
}

#sma-tg-search-toggle:active {
  transform: scale(0.95) !important;
}

[data-bs-theme="dark"] #sma-tg-search-toggle {
  color: #ffffff !important;
}

[data-bs-theme="dark"] #sma-tg-search-toggle i.fas {
  color: #ffffff !important;
}

[data-bs-theme="dark"] #sma-tg-search-toggle:hover {
  background: rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
}

[data-bs-theme="dark"] #sma-tg-search-toggle:hover i.fas {
  color: #ffffff !important;
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

@keyframes megaChatMenuFade {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.mega-chat-emoji-picker {
  position: absolute;
  background: rgba(248, 250, 252, 0.98);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(209, 213, 219, 0.2);
  border-radius: 20px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.15), 0 6px 20px rgba(30, 64, 175, 0.1);
  padding: 16px;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 8px;
  z-index: 10002;
  max-width: 320px;
  max-height: 280px;
  overflow-y: auto;
  scrollbar-width: thin;
}

.mega-chat-emoji-picker::-webkit-scrollbar {
  width: 6px;
}

.mega-chat-emoji-picker::-webkit-scrollbar-track {
  background: transparent;
}

.mega-chat-emoji-picker::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #1e40af, #2563eb);
  border-radius: 3px;
}

.mega-chat-emoji-picker .emoji-category {
  grid-column: 1 / -1;
  font-size: 0.75rem;
  font-weight: 600;
  color: #374151;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 8px 4px 4px;
  border-top: 1px solid rgba(209, 213, 219, 0.2);
}

.mega-chat-emoji-picker .emoji-category:first-child {
  border-top: none;
  padding-top: 0;
}

.mega-chat-emoji-picker button {
  background: transparent;
  border: 2px solid transparent;
  font-size: 24px;
  padding: 8px;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  position: relative;
}

.mega-chat-emoji-picker button::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 10px;
  background: linear-gradient(135deg, #1e40af, #2563eb);
  opacity: 0;
  z-index: -1;
  transition: opacity 0.3s ease;
}

.mega-chat-emoji-picker button:hover {
  transform: scale(1.1);
  border-color: #1e40af;
  box-shadow: 0 4px 12px rgba(30, 64, 175, 0.2);
}

.mega-chat-emoji-picker button:hover::before {
  opacity: 0.1;
}

.mega-chat-emoji-picker button:active {
  transform: scale(0.95);
}

.mega-chat-emoji-picker button.frequent {
  background: rgba(217, 119, 6, 0.1);
  border-color: rgba(217, 119, 6, 0.3);
}

.mega-chat-emoji-picker button.recent {
  background: rgba(8, 145, 178, 0.1);
  border-color: rgba(8, 145, 178, 0.3);
}

[data-bs-theme="dark"] .mega-chat-emoji-picker {
  background: rgba(31, 41, 55, 0.98);
  border-color: rgba(55, 65, 81, 0.3);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.3), 0 6px 20px rgba(59, 130, 246, 0.15);
}

[data-bs-theme="dark"] .mega-chat-emoji-picker .emoji-category {
  color: #d1d5db;
  border-top-color: rgba(55, 65, 81, 0.3);
}

[data-bs-theme="dark"] .mega-chat-emoji-picker button:hover {
  border-color: #3b82f6;
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

[data-bs-theme="dark"] .mega-chat-emoji-picker button.frequent {
  background: rgba(245, 158, 11, 0.15);
  border-color: rgba(245, 158, 11, 0.4);
}

[data-bs-theme="dark"] .mega-chat-emoji-picker button.recent {
  background: rgba(8, 145, 178, 0.15);
  border-color: rgba(8, 145, 178, 0.4);
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.mega-chat-manage-modal .modal-dialog {
  max-width: 960px;
}

.mega-chat-manage-modal .modal-body {
  height: 80vh;
  padding: 0;
}

.mega-chat-manage-modal iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.mega-chat-manage-modal {
  z-index: 100100;
  /* show above chat overlay */
}

.mega-chat-manage-backdrop {
  z-index: 100050;
}

/* Context menus */
.mega-chat-context-menu,
.mega-chat-header-menu {
  position: fixed;
  background: #f8fafc;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 10002;
  min-width: 180px;
  display: none;
  padding: 8px 0;
}

.mega-chat-context-menu.show,
.mega-chat-header-menu.show {
  display: block;
  animation: megaChatMenuFade 0.15s ease-out;
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.mega-chat-context-item {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 16px;
  border: none;
  background: none;
  cursor: pointer;
  font-size: 14px;
  color: #111827;
  transition: background-color 0.2s;
}

.mega-chat-context-item:hover {
  background-color: #eeeff1;
}

.mega-chat-context-item i {
  width: 16px;
  text-align: center;
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

/* Emoji picker */
.mega-chat-emoji-picker-extended {
  position: absolute;
  background: #f8fafc;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  padding: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 5px;
  max-width: 320px;
  max-height: 200px;
  overflow-y: auto;
  scrollbar-width: thin;
  /* thin scrollbar for Firefox */
  -ms-overflow-style: none;
  /* hide for IE/Edge */
}

.mega-chat-emoji-picker-extended::-webkit-scrollbar {
  width: 6px;
  /* thin scrollbar width */
}

.mega-chat-emoji-picker-extended::-webkit-scrollbar-track {
  background: transparent;
  /* transparent track */
}

.mega-chat-emoji-picker-extended::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  /* semi-transparent thumb */
  border-radius: 3px;
  opacity: 0;
  transition: opacity 0.3s;
}

.mega-chat-emoji-picker-extended:hover::-webkit-scrollbar-thumb {
  opacity: 1;
  /* show thumb on hover */
}

.mega-chat-emoji-picker-extended button {
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
  padding: 5px;
  border-radius: 4px;
  transition: background-color 0.2s;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mega-chat-emoji-picker-extended button:hover {
  background-color: #dfe2e6;
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

/* Attach menu */
.mega-chat-attach-menu {
  position: absolute;
  background: #f8fafc;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  padding: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  min-width: 200px;
}

/* Message search */
.mega-chat-message-search {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 300px;
  padding: 8px 12px;
  border: 1px solid #d1d5db;
  border-radius: 20px;
  z-index: 1000;
  background: #f8fafc;
}

[data-bs-theme="dark"] {
  --mega-chat-bg: #374151;
  --mega-chat-card-bg: #1f2937;
  --mega-chat-border: #374151;
  --mega-chat-text-primary: #ffffff;
  --mega-chat-text-secondary: #d1d5db;
  --mega-chat-text-muted: #9ca3af;
  --mega-chat-message-received: #374151;
  --mega-chat-primary: #000000;
}

[data-bs-theme="dark"] .sma-tg-root,
[data-bs-theme="dark"] .sma-tg-chat-container,
[data-bs-theme="dark"] .telegram-wrapper,
[data-bs-theme="dark"] .tg-main-container,
[data-bs-theme="dark"] .tg-chat-list-panel,
[data-bs-theme="dark"] .tg-chat-header,
[data-bs-theme="dark"] .tg-chat-input-panel {
  background-color: var(--mega-chat-card-bg) !important;
  color: var(--mega-chat-text-primary) !important;
  border-color: var(--mega-chat-border) !important;
}

[data-bs-theme="dark"] .tg-chat-panel {
  background-color: var(--mega-chat-bg) !important;
}

[data-bs-theme="dark"] .sma-tg-chat-list,
[data-bs-theme="dark"] .sma-tg-list {
  background-color: var(--mega-chat-card-bg) !important;
  border-color: var(--mega-chat-border) !important;
}

[data-bs-theme="dark"] .sma-tg-chat-list-item,
[data-bs-theme="dark"] .sma-tg-room {
  background-color: var(--mega-chat-card-bg) !important;
  border-color: var(--mega-chat-border) !important;
  color: var(--mega-chat-text-primary) !important;
}

[data-bs-theme="dark"] .sma-tg-chat-list-item:hover,
[data-bs-theme="dark"] .sma-tg-room:hover {
  background-color: rgba(79, 172, 254, 0.1) !important;
}

[data-bs-theme="dark"] .sma-tg-chat-list-item.active,
[data-bs-theme="dark"] .sma-tg-room.active {
  background: linear-gradient(135deg, rgba(79, 172, 254, 0.15), rgba(0, 242, 254, 0.08)) !important;
}

[data-bs-theme="dark"] .chat-header,
[data-bs-theme="dark"] .mobile-chat-header {
  background-color: var(--mega-chat-card-bg) !important;
  border-color: var(--mega-chat-border) !important;
  color: var(--mega-chat-text-primary) !important;
}

[data-bs-theme="dark"] .chat-username {
  color: var(--mega-chat-text-primary) !important;
}

[data-bs-theme="dark"] .chat-status {
  color: var(--mega-chat-text-secondary) !important;
}

[data-bs-theme="dark"] .sma-tg-messages,
[data-bs-theme="dark"] .chat-messages {
  background-color: var(--mega-chat-card-bg) !important;
  color: var(--mega-chat-text-primary) !important;
}

[data-bs-theme="dark"] .chat-bubble.received,
[data-bs-theme="dark"] .message-bubble.received {
  background-color: var(--mega-chat-message-received) !important;
  color: var(--mega-chat-text-primary) !important;
}

[data-bs-theme="dark"] .chat-bubble.sent,
[data-bs-theme="dark"] .message-bubble.sent {
  background-color: var(--mega-chat-primary) !important;
  border: none !important;
  color: #ffffff !important;
}

[data-bs-theme="dark"] .sma-tg-input-area,
[data-bs-theme="dark"] .tg-chat-input-area {
  background-color: var(--mega-chat-card-bg) !important;
  border-color: var(--mega-chat-border) !important;
}

[data-bs-theme="dark"] .sma-tg-input-area .input-wrapper,
[data-bs-theme="dark"] .tg-chat-input-area .input-wrapper {
  background-color: var(--mega-chat-bg) !important;
}

[data-bs-theme="dark"] .sma-tg-input-area textarea,
[data-bs-theme="dark"] .tg-chat-input-area textarea {
  color: var(--mega-chat-text-primary) !important;
}

[data-bs-theme="dark"] .sma-tg-input-area textarea::placeholder,
[data-bs-theme="dark"] .tg-chat-input-area textarea::placeholder {
  color: var(--mega-chat-text-muted) !important;
}

[data-bs-theme="dark"] .icon-btn,
[data-bs-theme="dark"] .back-btn,
[data-bs-theme="dark"] .close-search,
[data-bs-theme="dark"] .mobile-chat-header__close-btn,
[data-bs-theme="dark"] .sma-tg-menu-btn,
[data-bs-theme="dark"] .sma-tg-close-btn {
  color: var(--mega-chat-text-secondary) !important;
}

[data-bs-theme="dark"] .icon-btn:hover,
[data-bs-theme="dark"] .back-btn:hover,
[data-bs-theme="dark"] .close-search:hover,
[data-bs-theme="dark"] .mobile-chat-header__close-btn:hover,
[data-bs-theme="dark"] .sma-tg-menu-btn:hover,
[data-bs-theme="dark"] .sma-tg-close-btn:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: var(--mega-chat-text-primary) !important;
}

[data-bs-theme="dark"] .mega-chat-context-menu,
[data-bs-theme="dark"] .mega-chat-header-menu,
[data-bs-theme="dark"] .chat-context-menu {
  background: rgba(45, 45, 45, 0.95) !important;
  border-color: var(--mega-chat-border) !important;
  color: var(--mega-chat-text-primary) !important;
}

[data-bs-theme="dark"] .mega-chat-context-menu .actions-block li,
[data-bs-theme="dark"] .mega-chat-header-menu .actions-block li,
[data-bs-theme="dark"] .chat-context-menu .actions-block li {
  color: var(--mega-chat-text-primary) !important;
}

[data-bs-theme="dark"] .mega-chat-context-menu .actions-block li:hover,
[data-bs-theme="dark"] .mega-chat-header-menu .actions-block li:hover,
[data-bs-theme="dark"] .chat-context-menu .actions-block li:hover {
  background: rgba(255, 255, 255, 0.1) !important;
}

[data-bs-theme="dark"] .mega-chat-context-item {
  color: var(--mega-chat-text-primary) !important;
}

[data-bs-theme="dark"] .mega-chat-context-item:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

[data-bs-theme="dark"] .mega-chat-emoji-picker,
[data-bs-theme="dark"] .mega-chat-emoji-picker-extended,
[data-bs-theme="dark"] .emoji-picker,
[data-bs-theme="dark"] .fallback-emoji-picker {
  background: rgba(45, 45, 45, 0.98) !important;
  border-color: var(--mega-chat-border) !important;
  color: var(--mega-chat-text-primary) !important;
}

[data-bs-theme="dark"] .mega-chat-emoji-picker button,
[data-bs-theme="dark"] .mega-chat-emoji-picker-extended button,
[data-bs-theme="dark"] .emoji-picker button,
[data-bs-theme="dark"] .fallback-emoji-picker button {
  color: var(--mega-chat-text-primary) !important;
}

[data-bs-theme="dark"] .mega-chat-emoji-picker button:hover,
[data-bs-theme="dark"] .mega-chat-emoji-picker-extended button:hover,
[data-bs-theme="dark"] .emoji-picker button:hover,
[data-bs-theme="dark"] .fallback-emoji-picker button:hover {
  background: rgba(255, 255, 255, 0.1) !important;
}

[data-bs-theme="dark"] .reaction-btn {
  background: rgba(255, 255, 255, 0.1) !important;
  color: var(--mega-chat-text-primary) !important;
}

[data-bs-theme="dark"] .reaction-btn:hover {
  background: rgba(255, 255, 255, 0.2) !important;
}

[data-bs-theme="dark"] .reaction-menu {
  background: var(--mega-chat-card-bg) !important;
  border-color: var(--mega-chat-border) !important;
}

[data-bs-theme="dark"] .reaction-menu .reaction-btn:hover {
  background: rgba(255, 255, 255, 0.15) !important;
}

[data-bs-theme="dark"] .reply-snippet,
[data-bs-theme="dark"] .reply-preview {
  background: var(--mega-chat-bg) !important;
  border-color: var(--mega-chat-border) !important;
  color: var(--mega-chat-text-primary) !important;
}

[data-bs-theme="dark"] .reply-preview-sender {
  color: var(--mega-chat-primary) !important;
}

[data-bs-theme="dark"] .reply-preview-text {
  color: var(--mega-chat-text-secondary) !important;
}

[data-bs-theme="dark"] .sma-tg-pinned {
  background: rgba(255, 193, 7, 0.1) !important;
  border-color: var(--mega-chat-border) !important;
  color: var(--mega-chat-text-primary) !important;
}

[data-bs-theme="dark"] .message-file,
[data-bs-theme="dark"] .attach-preview {
  background: var(--mega-chat-bg) !important;
  border-color: var(--mega-chat-border) !important;
  color: var(--mega-chat-text-primary) !important;
}

[data-bs-theme="dark"] .attach-preview .remove-btn {
  background: var(--mega-chat-card-bg) !important;
  color: var(--mega-chat-text-primary) !important;
  border-color: var(--mega-chat-border) !important;
}

[data-bs-theme="dark"] .date-divider {
  background: var(--mega-chat-bg) !important;
  color: var(--mega-chat-text-secondary) !important;
}

[data-bs-theme="dark"] .message-meta,
[data-bs-theme="dark"] .timestamp {
  color: var(--mega-chat-text-muted) !important;
}

[data-bs-theme="dark"] .author-name {
  color: var(--mega-chat-primary) !important;
}

[data-bs-theme="dark"] .search-input,
[data-bs-theme="dark"] .mobile-chat-search-container,
[data-bs-theme="dark"] .mega-chat-message-search {
  background: var(--mega-chat-bg) !important;
  border-color: var(--mega-chat-border) !important;
  color: var(--mega-chat-text-primary) !important;
}

[data-bs-theme="dark"] .search-input:focus,
[data-bs-theme="dark"] .mobile-chat-search-container:focus,
[data-bs-theme="dark"] .mega-chat-message-search:focus {
  border-color: var(--mega-chat-primary) !important;
}

[data-bs-theme="dark"] .mobile-panel-container,
[data-bs-theme="dark"] .mobile-active-content-item {
  background: var(--mega-chat-card-bg) !important;
  color: var(--mega-chat-text-primary) !important;
}

[data-bs-theme="dark"] .mobile-chat-list__item {
  background: var(--mega-chat-card-bg) !important;
  border-color: var(--mega-chat-border) !important;
  color: var(--mega-chat-text-primary) !important;
}

[data-bs-theme="dark"] .mobile-chat-list__item:hover, [data-bs-theme="dark"] .mobile-chat-list__item.active {
  background: rgba(79, 172, 254, 0.1) !important;
}

[data-bs-theme="dark"] .mobile-chat-list__item.pinned {
  background: rgba(255, 193, 7, 0.1) !important;
}

[data-bs-theme="dark"] .mobile-chat-list__message-preview {
  color: var(--mega-chat-text-secondary) !important;
}

[data-bs-theme="dark"] .mobile-chat-list__time {
  color: var(--mega-chat-text-muted) !important;
}

[data-bs-theme="dark"] .mega-chat-manage-modal .modal-content {
  background: var(--mega-chat-card-bg) !important;
  border-color: var(--mega-chat-border) !important;
  color: var(--mega-chat-text-primary) !important;
}

[data-bs-theme="dark"] .sma-tg-messages::-webkit-scrollbar-thumb,
[data-bs-theme="dark"] .sma-tg-input-area textarea::-webkit-scrollbar-thumb,
[data-bs-theme="dark"] .mega-chat-emoji-picker-extended::-webkit-scrollbar-thumb,
[data-bs-theme="dark"] #mobile-chat-items-list::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3) !important;
}

[data-bs-theme="dark"] .sma-tg-messages:hover::-webkit-scrollbar-thumb,
[data-bs-theme="dark"] .sma-tg-input-area textarea:hover::-webkit-scrollbar-thumb,
[data-bs-theme="dark"] .mega-chat-emoji-picker-extended:hover::-webkit-scrollbar-thumb,
[data-bs-theme="dark"] #mobile-chat-items-list:hover::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.5) !important;
}

[data-bs-theme="dark"] [class*="sma-tg"] i,
[data-bs-theme="dark"] [class*="sma-tg"] svg,
[data-bs-theme="dark"] [class*="chat"] i,
[data-bs-theme="dark"] [class*="chat"] svg,
[data-bs-theme="dark"] [class*="message"] i,
[data-bs-theme="dark"] [class*="message"] svg,
[data-bs-theme="dark"] [class*="mobile-chat"] i,
[data-bs-theme="dark"] [class*="mobile-chat"] svg,
[data-bs-theme="dark"] [class*="mega-chat"] i,
[data-bs-theme="dark"] [class*="mega-chat"] svg {
  color: inherit !important;
  fill: currentColor !important;
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.tg-chat-header-menu,
#tg-main-menu {
  position: fixed !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
  padding: 8px 0 !important;
  min-width: 180px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  z-index: 10060 !important;
  list-style: none !important;
  margin: 0 !important;
}

.tg-chat-context-item,
.tg-chat-header-menu button,
#tg-main-menu button {
  display: flex !important;
  align-items: center !important;
  padding: 12px 16px !important;
  cursor: pointer !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #374151 !important;
  border: none !important;
  background: transparent !important;
  transition: background-color 0.2s ease !important;
  width: 100% !important;
  text-align: left !important;
  justify-content: flex-start !important;
}

.tg-chat-context-item i,
.tg-chat-header-menu button i,
#tg-main-menu button i {
  margin-right: 8px !important;
  width: 16px !important;
  text-align: center !important;
  color: inherit !important;
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.tg-chat-context-item:hover,
.tg-chat-header-menu button:hover,
#tg-main-menu button:hover {
  background: #f3f4f6 !important;
  color: #1e40af !important;
}

#tg-attach-menu,
.message-menu {
  position: fixed !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
  padding: 8px 0 !important;
  min-width: 120px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  z-index: 10060 !important;
}

#tg-attach-menu button,
.message-menu button {
  display: flex !important;
  align-items: center !important;
  padding: 12px 16px !important;
  cursor: pointer !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #374151 !important;
  border: none !important;
  background: transparent !important;
  transition: background-color 0.2s ease !important;
  width: 100% !important;
  text-align: left !important;
  justify-content: flex-start !important;
}

#tg-attach-menu button:hover,
.message-menu button:hover {
  background: #f3f4f6 !important;
  color: #1e40af !important;
}

[data-bs-theme="dark"] .tg-chat-header-menu,
[data-bs-theme="dark"] #tg-main-menu {
  background: #374151 !important;
  border-color: #4b5563 !important;
  color: #ffffff !important;
}

[data-bs-theme="dark"] .tg-chat-context-item,
[data-bs-theme="dark"] .tg-chat-header-menu button,
[data-bs-theme="dark"] #tg-main-menu button {
  color: #ffffff !important;
}

[data-bs-theme="dark"] .tg-chat-context-item i,
[data-bs-theme="dark"] .tg-chat-header-menu button i,
[data-bs-theme="dark"] #tg-main-menu button i {
  color: inherit !important;
}

[data-bs-theme="dark"] .tg-chat-context-item:hover,
[data-bs-theme="dark"] .tg-chat-header-menu button:hover,
[data-bs-theme="dark"] #tg-main-menu button:hover {
  background: #4b5563 !important;
  color: #60a5fa !important;
}

[data-bs-theme="dark"] #tg-attach-menu,
[data-bs-theme="dark"] .message-menu {
  background: #374151 !important;
  border-color: #4b5563 !important;
}

[data-bs-theme="dark"] #tg-attach-menu button,
[data-bs-theme="dark"] .message-menu button {
  color: #ffffff !important;
}

[data-bs-theme="dark"] #tg-attach-menu button:hover,
[data-bs-theme="dark"] .message-menu button:hover {
  background: #4b5563 !important;
  color: #60a5fa !important;
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.chat-folder-actions {
  margin-top: 8px;
}

.chat-folder-actions .btn {
  font-size: 0.8rem;
  padding: 4px 8px;
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.chat-folder {
  border: 1px solid #d1d5db;
  border-radius: 8px;
  margin-bottom: 8px;
  background: #f8fafc;
  transition: all 0.2s;
}

.chat-folder.drag-over {
  border-color: #1e40af;
  background: rgba(30, 64, 175, 0.05);
  box-shadow: 0 0 0 2px rgba(30, 64, 175, 0.2);
}

.chat-folder .chat-folder-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-left: 4px solid #1e40af;
  cursor: pointer;
  transition: background-color 0.2s;
}

.chat-folder .chat-folder-header:hover {
  background: rgba(30, 64, 175, 0.05);
}

.chat-folder .chat-folder-header .chat-folder-info {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
}

.chat-folder .chat-folder-header .chat-folder-info .fa-folder {
  font-size: 1.1rem;
}

.chat-folder .chat-folder-header .chat-folder-info .chat-folder-name {
  font-weight: 600;
  color: #111827;
}

.chat-folder .chat-folder-header .chat-folder-info .chat-folder-count {
  color: #374151;
  font-size: 0.9rem;
}

.chat-folder .chat-folder-header .chat-folder-actions {
  margin: 0;
}

.chat-folder .chat-folder-header .chat-folder-actions .btn {
  padding: 4px 8px;
  border: none;
  background: transparent;
  color: #374151;
}

.chat-folder .chat-folder-header .chat-folder-actions .btn:hover {
  background: rgba(30, 64, 175, 0.1);
  color: #1e40af;
}

.chat-folder .chat-folder-content {
  border-top: 1px solid #d1d5db;
  background: rgba(30, 64, 175, 0.02);
}

.chat-folder .chat-folder-chats {
  padding: 8px;
}

.chat-folder .chat-folder-chat {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 12px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s;
}

.chat-folder .chat-folder-chat:hover {
  background: rgba(30, 64, 175, 0.05);
}

.chat-folder .chat-folder-chat.dragging {
  opacity: 0.5;
  transform: scale(1.02);
  box-shadow: 0 4px 12px rgba(30, 64, 175, 0.3);
}

.chat-folder .chat-folder-chat .chat-folder-chat-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
}

.chat-folder .chat-folder-chat .chat-folder-chat-info {
  flex: 1;
  min-width: 0;
}

.chat-folder .chat-folder-chat .chat-folder-chat-info .chat-folder-chat-name {
  font-weight: 500;
  color: #111827;
  font-size: 0.9rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.chat-folder .chat-folder-chat .chat-folder-chat-info .chat-folder-chat-preview {
  color: #374151;
  font-size: 0.8rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 2px;
}

.chat-folder .chat-folder-chat .chat-folder-chat-meta {
  text-align: right;
  min-width: 60px;
}

.chat-folder .chat-folder-chat .chat-folder-chat-meta .chat-folder-chat-time {
  color: #374151;
  font-size: 0.75rem;
}

.chat-folder .chat-folder-chat .chat-folder-chat-meta .chat-folder-chat-unread {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #dc2626;
  color: #ffffff;
  font-size: 0.7rem;
  font-weight: 700;
  min-width: 18px;
  height: 18px;
  border-radius: 9px;
  margin-top: 2px;
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

[data-bs-theme="dark"] .chat-folder {
  background: #1f2937;
  border-color: #374151;
}

[data-bs-theme="dark"] .chat-folder.drag-over {
  border-color: #3b82f6;
  background: rgba(59, 130, 246, 0.1);
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.3);
}

[data-bs-theme="dark"] .chat-folder .chat-folder-header:hover {
  background: rgba(59, 130, 246, 0.1);
}

[data-bs-theme="dark"] .chat-folder .chat-folder-header .chat-folder-info .chat-folder-name {
  color: #f9fafb;
}

[data-bs-theme="dark"] .chat-folder .chat-folder-header .chat-folder-info .chat-folder-count {
  color: #d1d5db;
}

[data-bs-theme="dark"] .chat-folder .chat-folder-header .chat-folder-actions .btn {
  color: #d1d5db;
}

[data-bs-theme="dark"] .chat-folder .chat-folder-header .chat-folder-actions .btn:hover {
  background: rgba(59, 130, 246, 0.15);
  color: #3b82f6;
}

[data-bs-theme="dark"] .chat-folder .chat-folder-content {
  border-color: #374151;
  background: rgba(59, 130, 246, 0.05);
}

[data-bs-theme="dark"] .chat-folder .chat-folder-chat:hover {
  background: rgba(59, 130, 246, 0.08);
}

[data-bs-theme="dark"] .chat-folder .chat-folder-chat.dragging {
  opacity: 0.5;
  transform: scale(1.02);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);
}

[data-bs-theme="dark"] .chat-folder .chat-folder-chat .chat-folder-chat-info .chat-folder-chat-name {
  color: #f9fafb;
}

[data-bs-theme="dark"] .chat-folder .chat-folder-chat .chat-folder-chat-info .chat-folder-chat-preview {
  color: #d1d5db;
}

[data-bs-theme="dark"] .chat-folder .chat-folder-chat .chat-folder-chat-meta .chat-folder-chat-time {
  color: #d1d5db;
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.folder-selection-list {
  max-height: 300px;
  overflow-y: auto;
}

.folder-selection-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  margin-bottom: 8px;
  cursor: pointer;
  transition: all 0.2s;
}

.folder-selection-item:hover {
  background: rgba(30, 64, 175, 0.05);
  border-color: #1e40af;
}

.folder-selection-item .fa-folder {
  font-size: 1.2rem;
}

.folder-selection-item .folder-name {
  font-weight: 500;
  color: #111827;
  flex: 1;
}

.folder-selection-item .folder-count {
  color: #374151;
  font-size: 0.9rem;
}

.sma-tg-chat-tab {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-chat-tab[data-tab="folders"] {
  visibility: visible !important;
  display: flex !important;
  opacity: 1 !important;
}

.sma-tg-room.draggable-room {
  transition: all 0.2s;
  cursor: default;
}

.sma-tg-room.draggable-room.dragging {
  opacity: 0.5;
  transform: scale(0.98);
}

.sma-tg-room-drag-handle {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: #374151;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: grab;
  opacity: 0;
  transition: opacity 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.sma-tg-room-drag-handle i {
  font-size: 0.85rem;
  line-height: 1;
}

.sma-tg-room-drag-handle:focus-visible {
  outline: 2px solid #1e40af;
  outline-offset: 2px;
  opacity: 1;
}

.sma-tg-room-drag-handle.dragging {
  cursor: grabbing;
  opacity: 1;
}

.sma-tg-room:hover .sma-tg-room-drag-handle {
  opacity: 1;
  background: rgba(30, 64, 175, 0.08);
  color: #1e40af;
}

[data-bs-theme="dark"] .sma-tg-room-drag-handle {
  color: #d1d5db;
}

[data-bs-theme="dark"] .sma-tg-room-drag-handle:focus-visible {
  outline-color: #3b82f6;
}

[data-bs-theme="dark"] .sma-tg-room:hover .sma-tg-room-drag-handle {
  background: rgba(59, 130, 246, 0.15);
  color: #3b82f6;
}

.chat-access-error {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px;
  margin: 24px auto;
  max-width: 480px;
  border-radius: 16px;
  background: rgba(30, 64, 175, 0.06);
  border: 1px solid rgba(30, 64, 175, 0.12);
  box-shadow: 0 12px 32px rgba(30, 64, 175, 0.12);
  transition: background 0.3s ease, border-color 0.3s ease;
}

.chat-access-error__icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: linear-gradient(135deg, #1e40af 0%, #2563eb 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 1.5rem;
  box-shadow: 0 10px 24px rgba(30, 64, 175, 0.25);
  flex-shrink: 0;
}

.chat-access-error__content {
  flex: 1;
  min-width: 0;
}

.chat-access-error h4 {
  font-size: 1.125rem;
  font-weight: 600;
  color: #1e40af;
  margin-bottom: 6px;
}

.chat-access-error__message {
  color: #111827;
  font-size: 0.95rem;
  line-height: 1.55;
  margin-bottom: 10px;
}

.chat-access-error__message p {
  margin-bottom: 0.5rem;
}

.chat-access-error__message a {
  color: #1e40af;
  font-weight: 500;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: rgba(30, 64, 175, 0.4);
}

.chat-access-error__message a:hover {
  color: #2563eb;
  text-decoration-color: rgba(37, 99, 235, 0.6);
}

.chat-access-error__hint {
  font-size: 0.85rem;
  color: #374151;
  line-height: 1.45;
  background: rgba(30, 64, 175, 0.08);
  border-radius: 10px;
  padding: 10px 12px;
}

[data-bs-theme="dark"] .chat-access-error {
  background: rgba(59, 130, 246, 0.08);
  border-color: rgba(59, 130, 246, 0.18);
  box-shadow: 0 12px 32px rgba(59, 130, 246, 0.1);
}

[data-bs-theme="dark"] .chat-access-error__icon {
  background: linear-gradient(135deg, #4f8ef7 0%, #4f8ef7 100%);
  color: #111827;
  box-shadow: 0 10px 24px rgba(59, 130, 246, 0.25);
}

[data-bs-theme="dark"] .chat-access-error h4 {
  color: #3b82f6;
}

[data-bs-theme="dark"] .chat-access-error__message {
  color: #f9fafb;
}

[data-bs-theme="dark"] .chat-access-error__message a {
  color: #3b82f6;
  text-decoration-color: rgba(59, 130, 246, 0.4);
}

[data-bs-theme="dark"] .chat-access-error__message a:hover {
  color: #5895f7;
  text-decoration-color: rgba(59, 130, 246, 0.6);
}

[data-bs-theme="dark"] .chat-access-error__hint {
  color: #d1d5db;
  background: rgba(59, 130, 246, 0.12);
}

:root[data-bs-theme="dark"],
body[data-bs-theme="dark"],
:root.dark-theme-active,
html.dark-theme-active,
body.dark-theme-active,
html[data-theme="dark"],
body[data-theme="dark"] {
  --chat-bg: #1e3045;
  --chat-card-bg: #263650;
  --chat-surface: #263650;
  --chat-surface-elevated: #2e4060;
  --chat-border: #3a5272;
  --chat-text-primary: #eef0f3;
  --chat-text-secondary: #9baabb;
  --chat-text-muted: #6a8499;
  --chat-primary: #6ab3f3;
  --chat-header-bg: #1e3045;
  --chat-header-text: #eef0f3;
  --chat-header-subtext: #7a90a1;
  --chat-header-icon: #9baabb;
  --chat-header-hover-bg: rgba(255, 255, 255, 0.08);
  --chat-header-border: #3a5272;
  --chat-bubble-own-bg: #2b5faa;
  --chat-bubble-own-border: rgba(106, 179, 243, 0.25);
  --chat-bubble-own-shadow: 0 2px 10px rgba(43, 95, 170, 0.35);
  --chat-bubble-own-text: #ffffff;
  --chat-bubble-received-bg: #2e4b6a;
  --chat-bubble-received-border: rgba(255, 255, 255, 0.08);
  --chat-bubble-received-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  --chat-bubble-received-text: #eef0f3;
  --chat-meta-own: rgba(255, 255, 255, 0.65);
  --chat-meta-received: rgba(155, 170, 187, 0.75);
  --chat-shadow-soft: 0 2px 8px rgba(0, 0, 0, 0.15);
  --chat-shadow-strong: 0 6px 20px rgba(0, 0, 0, 0.22);
  --chat-radius-lg: 18px;
}

[data-bs-theme="dark"] .message-row.selected {
  background: rgba(255, 255, 255, 0.06) !important;
}

.sma-tg-input-area .send-btn,
#sma-tg-send {
  transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease !important;
}

.sma-tg-input-area .send-btn:hover,
#sma-tg-send:hover {
  transform: translateY(-1px) scale(1.03) !important;
  box-shadow: 0 6px 14px rgba(30, 64, 175, 0.38) !important, 0 0 0 5px rgba(30, 64, 175, 0.18) !important;
}

.sma-tg-input-area .send-btn:active,
#sma-tg-send:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 10px rgba(30, 64, 175, 0.35) !important, 0 0 0 3px rgba(30, 64, 175, 0.18) !important;
}

.sma-tg-input-area .send-btn:focus-visible,
#sma-tg-send:focus-visible {
  outline: none !important;
  box-shadow: 0 2px 10px rgba(30, 64, 175, 0.35) !important, 0 0 0 4px rgba(30, 64, 175, 0.2) !important;
}

[data-bs-theme="dark"] .sma-tg-input-area .send-btn:hover,
[data-bs-theme="dark"] #sma-tg-send:hover {
  box-shadow: 0 6px 14px rgba(59, 130, 246, 0.45) !important, 0 0 0 5px rgba(59, 130, 246, 0.18) !important;
}

.sma-tg-root i,
.sma-tg-root .fas,
.sma-tg-root .far,
.sma-tg-root .fab,
.sma-tg-root svg {
  color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

[data-bs-theme="dark"] .sma-tg-input-area .input-wrapper {
  background: var(--chat-card-bg) !important;
}

[data-bs-theme="dark"] .sma-tg-input-area .input-wrapper textarea {
  background: transparent !important;
}

[data-bs-theme="dark"] .tg-chat-input-area {
  background: var(--chat-card-bg) !important;
  border-color: var(--chat-border) !important;
}

[data-bs-theme="dark"] .tg-chat-input-area .input-wrapper {
  background: var(--chat-card-bg) !important;
  border-color: var(--chat-border) !important;
}

[data-bs-theme="dark"] .tg-chat-input-area textarea {
  background: transparent !important;
}

[data-bs-theme="dark"] .tg-chat-input-area .send-btn,
[data-bs-theme="dark"] button[id^="mobile-chat-message-submit"] {
  background: linear-gradient(135deg, #3b82f6 0%, #3b82f6 100%) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 50% !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.4) !important;
}

[data-bs-theme="dark"] .tg-chat-input-area .send-btn img,
[data-bs-theme="dark"] button[id^="mobile-chat-message-submit"] img {
  filter: brightness(0) invert(1) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* FA icon overrides for attach/send buttons */
.sma-tg-input-area .attach-btn i.fas {
  font-size: 18px !important;
  color: #6b7280 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.sma-tg-input-area .send-btn i.fas {
  font-size: 18px !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
[data-bs-theme="dark"] .sma-tg-input-area .attach-btn i.fas {
  color: #9baabb !important;
}
[data-bs-theme="dark"] .sma-tg-input-area .send-btn i.fas {
  color: #ffffff !important;
}