.chat-switch-btn[data-active="true"] {
  background-color: #dbeafe !important; /* blue-100 */
  color: #1e40af !important; /* blue-900 */
}
.dark .chat-switch-btn[data-active="true"] {
  background-color: #3b82f6 !important; /* blue-500 */
  color: #fff !important;
}


/* Отключаем hover для активной chat-switch-btn */
.chat-switch-btn[data-active="true"]:hover {
  background-color: #dbeafe !important; /* blue-100 */
  color: #1e40af !important;            /* blue-900 */
}
.dark .chat-switch-btn[data-active="true"]:hover {
  background-color: #3b82f6 !important; /* blue-500 */
  color: #fff !important;
}




/* --- Стили для style-switch-btn --- */
.style-switch-btn[data-active="true"] {
  background-color: #dbeafe !important; /* blue-100 */
  color: #1e40af !important;            /* blue-900 */
}
.dark .style-switch-btn[data-active="true"] {
  background-color: #3b82f6 !important; /* blue-500 */
  color: #fff !important;
}

/* Отключаем hover для активной style-switch-btn */
.style-switch-btn[data-active="true"]:hover {
  background-color: #dbeafe !important; /* blue-100 */
  color: #1e40af !important;            /* blue-900 */
}
.dark .style-switch-btn[data-active="true"]:hover {
  background-color: #3b82f6 !important; /* blue-500 */
  color: #fff !important;
}

/* --- Стили для topic-switch-btn --- */
.topic-switch-btn[data-active="true"] {
  background-color: #dbeafe !important; /* blue-100 */
  color: #1e40af !important;            /* blue-900 */
}
.dark .topic-switch-btn[data-active="true"] {
  background-color: #3b82f6 !important; /* blue-500 */
  color: #fff !important;
}

/* Отключаем hover для активной topic-switch-btn */
.topic-switch-btn[data-active="true"]:hover {
  background-color: #dbeafe !important; /* blue-100 */
  color: #1e40af !important;            /* blue-900 */
}
.dark .topic-switch-btn[data-active="true"]:hover {
  background-color: #3b82f6 !important; /* blue-500 */
  color: #fff !important;
}