/* WhatsApp View - Light Theme Colors */
.whatsapp-view .card {
  background: #eff7ff;
}

.whatsapp-view .whatsapp-sidebar {
  border-right: 1px solid #e2e8f0;
  background: #eff7ff;
  box-shadow: none !important;
}

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

.whatsapp-view .sidebar-header-compact {
  border-bottom: 1px solid #e2e8f0;
  background: #0077b6;
}

.whatsapp-view .sidebar-controls {
  background: #f7fafc;
  border-bottom: 1px solid #e2e8f0;
}

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

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

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

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

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

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

.whatsapp-view .client-item.status-pending {
  background-color: #fff3cd;
  border-left-color: #ffc107;
  border-left-style: solid;
}

.whatsapp-view .client-item.status-active {
  background-color: #d1ecf1;
  border-left-color: #17a2b8;
  border-left-style: solid;
}

.whatsapp-view .client-item.status-urgent {
  background-color: #f8d7da;
  border-left-color: #dc3545;
  border-left-style: solid;
}

.whatsapp-view .client-item.status-completed {
  background-color: #d4edda;
  border-left-color: #28a745;
  border-left-style: solid;
}

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

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

.whatsapp-view .whatsapp-conversation {
  background: #ffffff;
}

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

.whatsapp-view .conversation-body {
  background: #edf2f7;
  border-color: #cbd5e0;
}

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

.whatsapp-view .message-bubble {
  background: #f7fafc;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  border: 1px solid #e2e8f0;
}

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

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

.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: #718096;
}

.whatsapp-view .message-translation-toggle {
  color: #0077b6;
}

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

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

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

/* Response Status Indicators - Light theme */
.whatsapp-view .client-item-micro.client-waiting {
  border-left-color: #dc3545;
}

.whatsapp-view .client-item-micro.we-waiting {
  border-left-color: #198754;
}

/* PMS Drawer - Light theme colors */
.pms-drawer {
  background: white;
  border-left: 1px solid #dee2e6;
}

.pms-drawer-header {
  border-bottom: 1px solid #dee2e6;
  background: #f8f9fa;
}

.pms-drawer-header h6 {
  color: #212529;
}

.pms-drawer-header .btn-link {
  color: #212529;
}

.pms-drawer-header .btn-link:hover {
  color: #212529;
}

.pms-drawer-body {
  background: white;
  color: #212529;
}

.pms-drawer-body .form-control,
.pms-drawer-body .form-select {
  background-color: white;
  color: #212529;
  border-color: #dee2e6;
}

.pms-drawer-body .form-control:focus,
.pms-drawer-body .form-select:focus {
  background-color: white;
  color: #212529;
  border-color: #0d6efd;
}

.pms-drawer-body .form-label {
  color: #212529;
}

.pms-drawer-body .card {
  background-color: #f8f9fa;
  border-color: #dee2e6;
}

.pms-drawer-body .card-header {
  background-color: #e9ecef;
  border-color: #dee2e6;
  color: #212529;
}

.pms-drawer-body .card-body {
  background-color: #f8f9fa;
  color: #212529;
}

.pms-action-card {
  border: 1px solid #dee2e6;
  background: white;
}

.pms-action-card:hover {
  background: #f8f9fa;
  border-color: #0d6efd;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

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