/* WhatsApp View - Dark Theme Colors */
.whatsapp-view .card {
  background: #1a202c;
}

.whatsapp-view .whatsapp-sidebar {
  border-right: 1px solid #2d3748;
  background: #1a202c;
}

.whatsapp-view .sidebar-header {
  border-bottom: 1px solid #2d3748;
  background: #2d3748;
}

.whatsapp-view .sidebar-header-compact {
  border-bottom: 1px solid #2d3748;
  background: #2d3748;
}

.whatsapp-view .sidebar-controls {
  background: #2d3748;
  border-bottom: 1px solid #4a5568;
}

/* Client Groups */
.whatsapp-view .client-group-header {
  background: #2d3748;
  color: #cbd5e0;
  border-bottom: 1px solid #4a5568;
}

.whatsapp-view .clients-list {
  background-color: #1a202c;
}

.whatsapp-view .client-item {
  border-bottom: 1px solid #2d3748;
  background: transparent;
}

.whatsapp-view .client-item:hover {
  background: #2d3748;
}

.whatsapp-view .client-item.active {
  background: #2c5282;
  border-right-color: #0077b6;
  border-right-style: solid;
}

/* Status-based background colors for client items - Dark theme */
.whatsapp-view .client-item.status-new {
  background-color: #2d3748;
}

.whatsapp-view .client-item.status-pending {
  background-color: #3d3a2a;
}

.whatsapp-view .client-item.status-active {
  background-color: #30536b;
}

.whatsapp-view .client-item.status-urgent {
  background-color: #3a1e1e;
}

.whatsapp-view .client-item.status-completed {
  background-color: #1e3a1e;
}

.whatsapp-view .client-name {
  color: #e2e8f0;
}

.whatsapp-view .client-time {
  color: #a0aec0;
}

.whatsapp-view .whatsapp-conversation {
  background: #1a202c;
}

/* Chat header override for dark theme */
.whatsapp-view .chat-header {
  background: #2d3748 !important;
  border-bottom: 1px solid #4a5568;
  color: #e2e8f0;
}
.whatsapp-view .chat-header h6,
.whatsapp-view .chat-header small {
  color: #e2e8f0;
}

/* Improve outline button contrast in header */
.whatsapp-view .chat-header .btn.btn-outline-primary {
  color: #93c5fd;
  border-color: #3b82f6;
}
.whatsapp-view .chat-header .btn.btn-outline-primary:hover {
  background: #1d4ed8;
  color: #fff;
}
.whatsapp-view .chat-header .btn.btn-outline-info {
  color: #67e8f9;
  border-color: #22d3ee;
}
.whatsapp-view .chat-header .btn.btn-outline-info:hover {
  background: #0891b2;
  color: #0b1220;
}
.whatsapp-view .chat-header .btn.btn-outline-success {
  color: #86efac;
  border-color: #22c55e;
}
.whatsapp-view .chat-header .btn.btn-outline-success:hover {
  background: #16a34a;
  color: #0b1220;
}

.whatsapp-view .conversation-header {
  border-bottom: 1px solid #2d3748;
  background: linear-gradient(120deg, #0077b6 0%, #005a8c 100%);
  color: #fff;
}

.whatsapp-view .conversation-body {
  background: #171923;
}

.whatsapp-view .placeholder-state {
  color: #a0aec0;
}

.whatsapp-view .message-bubble {
  background: #2d3748;
  color: #e2e8f0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.whatsapp-view .message-bubble.rag-generated {
  background: linear-gradient(135deg, #2c5282 0%, #2a4365 100%) !important;
  border-left-color: #0077b6;
  box-shadow: 0 2px 8px rgba(0, 119, 182, 0.3);
}

.whatsapp-view .message-row.outbound .message-bubble {
  background: #0077b6;
  color: #ffffff;
}

.whatsapp-view .message-row.outbound .message-bubble.rag-generated {
  background: linear-gradient(135deg, #0088cc 0%, #006699 100%) !important;
  border-left-color: #00b4d8;
}

.whatsapp-view .message-meta {
  color: #a0aec0;
}

.whatsapp-view .message-translation-toggle {
  color: #0088cc;
}

.whatsapp-view .message-translation {
  background: #2c5282;
  color: #bee3f8;
}

.whatsapp-view .summary-card {
  background: #2c5282;
  border-left-color: #0077b6;
  box-shadow: 0 2px 8px rgba(0, 119, 182, 0.2);
}

.whatsapp-view .summary-card h6 {
  color: #bee3f8;
}

/* Client list phone color for contrast */
.whatsapp-view .client-phone,
.whatsapp-view .client-phone-micro {
  color: #94a3b8;
}

/* PMS Drawer - Dark theme colors */
[data-bs-theme="dark"] .pms-drawer {
  background: #1a1d29;
  border-left: 1px solid #495057;
}

[data-bs-theme="dark"] .pms-drawer-header {
  border-bottom: 1px solid #495057;
  background: #2d2d2d;
}

[data-bs-theme="dark"] .pms-drawer-header h6 {
  color: #e9ecef;
}

[data-bs-theme="dark"] .pms-drawer-header .btn-link {
  color: #e9ecef;
}

[data-bs-theme="dark"] .pms-drawer-header .btn-link:hover {
  color: #e9ecef;
}

[data-bs-theme="dark"] .pms-drawer-body {
  background: #1a1d29;
  color: #e9ecef;
}

[data-bs-theme="dark"] .pms-drawer-body .form-control,
[data-bs-theme="dark"] .pms-drawer-body .form-select {
  background-color: #2d2d2d;
  color: #e9ecef;
  border-color: #495057;
}

[data-bs-theme="dark"] .pms-drawer-body .form-control:focus,
[data-bs-theme="dark"] .pms-drawer-body .form-select:focus {
  background-color: #2d2d2d;
  color: #e9ecef;
  border-color: #86b7fe;
}

[data-bs-theme="dark"] .pms-drawer-body .form-label {
  color: #e9ecef;
}

[data-bs-theme="dark"] .pms-drawer-body .card {
  background-color: #212529;
  border-color: #495057;
}

[data-bs-theme="dark"] .pms-drawer-body .card-header {
  background-color: #2d2d2d;
  border-color: #495057;
  color: #e9ecef;
}

[data-bs-theme="dark"] .pms-drawer-body .card-body {
  background-color: #212529;
  color: #e9ecef;
}

[data-bs-theme="dark"] .pms-action-card {
  border: 1px solid #495057;
  background: #212529;
}

[data-bs-theme="dark"] .pms-action-card:hover {
  background: #2d2d2d;
  border-color: #0d6efd;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}

@media (max-width: 992px) {
  .whatsapp-view .whatsapp-sidebar {
    border-bottom: 1px solid #2d3748;
  }
}