/**
 * Conversation Linking Light Theme Styles
 * Color-related properties for light theme
 */

/* Linking mode styles */
.conversation-item.selected-for-linking {
  background-color: #e8f4fd;
  border-left-color: #0d6efd;
}

.conversation-item.has-linked-conversations::before {
  background: linear-gradient(180deg, #0d6efd, #6610f2);
}

/* Linked indicator badge */
.linked-indicator {
  background-color: #6610f2;
  color: white;
  border: 1px solid #6610f2;
}

.linked-indicator:hover {
  background-color: #5a0dc2;
  border-color: #5a0dc2;
}

/* Linking control checkbox */
.linking-control .form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.linking-control .form-check-input:focus {
  border-color: #86b7fe;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* Highlight animation for navigation */
@keyframes highlight {
  0% {
    background-color: transparent;
  }
  50% {
    background-color: #fff3cd;
  }
  100% {
    background-color: transparent;
  }
}

/* Linking instructions alert */
#linkingInstructions {
  background-color: #d1ecf1;
  border-color: #0c5460;
  color: #0c5460;
  border-left-color: #0c5460;
}

/* Link button states */
#linkConversationsBtn.btn-warning {
  background-color: #ffc107;
  border-color: #ffc107;
  color: #212529;
}

#linkConversationsBtn.btn-warning:hover {
  background-color: #ffca2c;
  border-color: #ffc720;
}

/* Modal styles for linked conversations */
#linkedConversationsModal .list-group-item {
  background-color: #ffffff;
  border-color: #dee2e6;
}

#linkedConversationsModal .list-group-item:hover {
  background-color: #f8f9fa;
}

#linkedConversationsModal .list-group-item .badge {
  background-color: #6c757d;
  color: white;
}

/* Channel-specific colors in linking mode */
.conversation-item.selected-for-linking .bi-whatsapp {
  color: #25d366;
}

.conversation-item.selected-for-linking .bi-instagram {
  color: #e4405f;
}

.conversation-item.selected-for-linking .bi-messenger {
  color: #0084ff;
}

.conversation-item.selected-for-linking .bi-telegram {
  color: #0088cc;
}

.conversation-item.selected-for-linking .bi-envelope {
  color: #ea4335;
}

.conversation-item.selected-for-linking .bi-globe {
  color: #4285f4;
}

/* Tooltip styles */
.linked-indicator[title]:hover::after {
  background-color: #212529;
  color: white;
}

/* Loading state */
.linking-loading::after {
  border-color: #0d6efd;
  border-top-color: transparent;
}

/* Success/Error states */
.linking-success {
  background-color: #d1e7dd;
  border-color: #badbcc;
}

.linking-error {
  background-color: #f8d7da;
  border-color: #f5c2c7;
}

/* Active linking mode indicator */
.linking-mode-active {
  background-color: #fff3cd;
  border-color: #ffecb5;
}

/* Unlink button in modal */
.btn-unlink {
  color: #dc3545;
  background-color: transparent;
  border-color: #dc3545;
}

.btn-unlink:hover {
  color: white;
  background-color: #dc3545;
  border-color: #dc3545;
}