/* CHATCITO 2026 - COLORES DE PESTAÑAS */

/* Salas normales: rosa */
#cc-top-tabs .cc-top-tab.cc-room {
  background: linear-gradient(180deg,#f4a5d0,#e58abf) !important;
  border-color: #cf76a8 !important;
}

/* Sala activa: verde */
#cc-top-tabs .cc-top-tab.cc-room.cc-active {
  background: linear-gradient(180deg,#a9ee70,#76d341) !important;
  border-color: #58b82f !important;
  box-shadow: 0 2px 10px rgba(109,211,65,.35) !important;
}

/* Privados normales: azul oscuro */
#cc-top-tabs .cc-top-tab.cc-query {
  background: linear-gradient(180deg,#354e70,#233753) !important;
  border-color: #496182 !important;
}

/* Privado activo: rosa luminoso */
#cc-top-tabs .cc-top-tab.cc-query.cc-active {
  background: linear-gradient(180deg,#ffaddb,#ef78b8) !important;
  border-color: #e25da6 !important;
  box-shadow: 0 2px 12px rgba(239,95,174,.40) !important;
}

/* Texto negro para salas y privados activos */
#cc-top-tabs .cc-room .cc-tab-open,
#cc-top-tabs .cc-room .cc-tab-close,
#cc-top-tabs .cc-room .cc-tab-name,
#cc-top-tabs .cc-query.cc-active .cc-tab-open,
#cc-top-tabs .cc-query.cc-active .cc-tab-close,
#cc-top-tabs .cc-query.cc-active .cc-tab-name {
  color: #171717 !important;
}

/* Texto blanco en privados inactivos */
#cc-top-tabs .cc-query:not(.cc-active) .cc-tab-open,
#cc-top-tabs .cc-query:not(.cc-active) .cc-tab-close,
#cc-top-tabs .cc-query:not(.cc-active) .cc-tab-name {
  color: #f5f8ff !important;
}

/* Iconos coloridos */
#cc-top-tabs .cc-tab-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 17px !important;
  filter: saturate(1.4) !important;
}

/* ==========================================
   CHATCITO 2026 - COLORES DEFINITIVOS V6
   ========================================== */

/* Salas inactivas: rosa */
#cc-top-tabs .cc-top-tab.cc-room:not(.cc-active) {
  background: linear-gradient(
    180deg, #f5acd6 0%, #e78abf 100%
  ) !important;
  border-color: #d47bac !important;
}

/* Privados inactivos: azul bonito y luminoso */
#cc-top-tabs .cc-top-tab.cc-query:not(.cc-active) {
  background: linear-gradient(
    180deg, #8ac9f6 0%, #66aee9 100%
  ) !important;
  border-color: #438fd0 !important;
  box-shadow:
    0 2px 6px rgba(68,144,215,.19) !important;
}

/* CUALQUIER pestaña activa: verde */
#cc-top-tabs .cc-top-tab.cc-active,
#cc-top-tabs .cc-top-tab.cc-room.cc-active,
#cc-top-tabs .cc-top-tab.cc-query.cc-active {
  background: linear-gradient(
    180deg, #a0ee71 0%, #70d34b 100%
  ) !important;
  border-color: #4cba35 !important;
  box-shadow:
    0 2px 10px rgba(91,212,75,.34),
    inset 0 1px 0 rgba(255,255,255,.3) !important;
}

/* Letras siempre oscuras y legibles */
#cc-top-tabs .cc-top-tab .cc-tab-name,
#cc-top-tabs .cc-top-tab .cc-tab-open,
#cc-top-tabs .cc-top-tab .cc-tab-close {
  color: #172129 !important;
}

/* Respetar los colores de los iconos */
#cc-top-tabs .cc-top-tab .cc-tab-icon {
  filter: saturate(1.4) !important;
}