/* Séparer visuellement WhatsApp et Email dans Chatwoot */

/* WhatsApp */
.conversation-item:has([title*="WhatsApp"]),
.conversation-item:has([aria-label*="WhatsApp"]),
.conversation-card:has([title*="WhatsApp"]) {
  border-left: 5px solid #00a884 !important;
  background: linear-gradient(90deg, rgba(0,168,132,0.16), transparent 45%) !important;
}

/* Email */
.conversation-item:has([title*="Email"]),
.conversation-item:has([aria-label*="Email"]),
.conversation-card:has([title*="Email"]),
.conversation-item:has([title*="Mail"]),
.conversation-card:has([title*="Mail"]) {
  border-left: 5px solid #53bdeb !important;
  background: linear-gradient(90deg, rgba(83,189,235,0.14), transparent 45%) !important;
}

/* Petit badge visuel à droite */
.conversation-item:has([title*="WhatsApp"])::after,
.conversation-card:has([title*="WhatsApp"])::after {
  content: "WA";
  background: #00a884;
  color: white;
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 999px;
  margin-left: auto;
}

.conversation-item:has([title*="Email"])::after,
.conversation-card:has([title*="Email"])::after,
.conversation-item:has([title*="Mail"])::after,
.conversation-card:has([title*="Mail"])::after {
  content: "MAIL";
  background: #53bdeb;
  color: #0b141a;
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 999px;
  margin-left: auto;
}