/**
 * Conversation Linking Dark Theme Styles
 * Color-related properties for dark theme
 */

/* Linking mode styles */
[data-bs-theme="dark"] .conversation-item.selected-for-linking {
  background-color: #1a3a52;
  border-left-color: #0dcaf0;
}

[data-bs-theme="dark"] .conversation-item.has-linked-conversations::before {
  background: linear-gradient(180deg, #0dcaf0, #9333ea);
}

/* Linked indicator badge */
[data-bs-theme="dark"] .linked-indicator {
  background-color: #9333ea;
  color: white;
  border: 1px solid #9333ea;
}

[data-bs-theme="dark"] .linked-indicator:hover {
  background-color: #7e22ce;
  border-color: #7e22ce;
}

/* Linking control checkbox */
[data-bs-theme="dark"] .linking-control .form-check-input:checked {
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}

[data-bs-theme="dark"] .linking-control .form-check-input:focus {
  border-color: #31d2f2;
  box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.25);
}

/* Highlight animation for navigation */
[data-bs-theme="dark"] .conversation-item.highlight-conversation {
  animation: highlight-dark 2s ease;
}

@keyframes highlight-dark {
  0% {
    background-color: transparent;
  }
  50% {
    background-color: #664d03;
  }
  100% {
    background-color: transparent;
  }
}

/* Linking instructions alert */
[data-bs-theme="dark"] #linkingInstructions {
  background-color: #0c5460;
  border-color: #0dcaf0;
  color: #d1ecf1;
  border-left-color: #0dcaf0;
}

/* Link button states */
[data-bs-theme="dark"] #linkConversationsBtn.btn-warning {
  background-color: #ffca2c;
  border-color: #ffca2c;
  color: #000;
}

[data-bs-theme="dark"] #linkConversationsBtn.btn-warning:hover {
  background-color: #ffc107;
  border-color: #ffc107;
}

/* Modal styles for linked conversations */
[data-bs-theme="dark"] #linkedConversationsModal .modal-content {
  background-color: #212529;
  color: #dee2e6;
}

[data-bs-theme="dark"] #linkedConversationsModal .modal-header {
  border-bottom-color: #495057;
}

[data-bs-theme="dark"] #linkedConversationsModal .modal-footer {
  border-top-color: #495057;
}

[data-bs-theme="dark"] #linkedConversationsModal .list-group-item {
  background-color: #2b3035;
  border-color: #495057;
  color: #dee2e6;
}

[data-bs-theme="dark"] #linkedConversationsModal .list-group-item:hover {
  background-color: #343a40;
}

[data-bs-theme="dark"] #linkedConversationsModal .list-group-item .badge {
  background-color: #6c757d;
  color: white;
}

[data-bs-theme="dark"] #linkedConversationsModal .btn-close {
  filter: invert(1) grayscale(100%) brightness(200%);
}

/* Channel-specific colors in linking mode (dark theme) */
[data-bs-theme="dark"] .conversation-item.selected-for-linking .bi-whatsapp {
  color: #25d366;
}

[data-bs-theme="dark"] .conversation-item.selected-for-linking .bi-instagram {
  color: #e4405f;
}

[data-bs-theme="dark"] .conversation-item.selected-for-linking .bi-messenger {
  color: #0084ff;
}

[data-bs-theme="dark"] .conversation-item.selected-for-linking .bi-telegram {
  color: #0088cc;
}

[data-bs-theme="dark"] .conversation-item.selected-for-linking .bi-envelope {
  color: #ea4335;
}

[data-bs-theme="dark"] .conversation-item.selected-for-linking .bi-globe {
  color: #4285f4;
}

/* Tooltip styles */
[data-bs-theme="dark"] .linked-indicator[title]:hover::after {
  background-color: #f8f9fa;
  color: #212529;
}

/* Loading state */
[data-bs-theme="dark"] .linking-loading::after {
  border-color: #0dcaf0;
  border-top-color: transparent;
}

/* Success/Error states */
[data-bs-theme="dark"] .linking-success {
  background-color: #051b11;
  border-color: #0f5132;
}

[data-bs-theme="dark"] .linking-error {
  background-color: #2c0b0e;
  border-color: #842029;
}

/* Active linking mode indicator */
[data-bs-theme="dark"] .linking-mode-active {
  background-color: #664d03;
  border-color: #997404;
}

/* Unlink button in modal */
[data-bs-theme="dark"] .btn-unlink {
  color: #f8d7da;
  background-color: transparent;
  border-color: #f8d7da;
}

[data-bs-theme="dark"] .btn-unlink:hover {
  color: white;
  background-color: #dc3545;
  border-color: #dc3545;
}
