/* Dark mode */
body.dark {
  background-color: #1a1a2e !important;
  color: #e0e0e0;
}

.dark .bg-white,
.dark.bg-white {
  background-color: #16213e !important;
}

.dark .bg-gray-100,
.dark.bg-gray-100 {
  background-color: #1a1a2e !important;
}

.dark .bg-gray-50,
.dark.bg-gray-50 {
  background-color: #0f172a !important;
}

.dark .bg-blue-100 {
  background-color: #1e3a5f !important;
}

.dark .text-gray-800 {
  color: #e0e0e0 !important;
}

.dark .text-gray-700 {
  color: #d1d5db !important;
}

.dark .text-gray-600 {
  color: #9ca3af !important;
}

.dark .text-gray-500 {
  color: #6b7280 !important;
}

.dark .text-gray-400 {
  color: #9ca3af !important;
}

.dark .border,
.dark .border-b,
.dark .border-r,
.dark .border-t {
  border-color: #374151 !important;
}

.dark input,
.dark select,
.dark textarea {
  background-color: #1e293b !important;
  border-color: #374151 !important;
  color: #e0e0e0 !important;
}

.dark .shadow {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

.dark .shadow-sm {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

.dark .hover\:shadow-lg:hover {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4) !important;
}

.dark .hover\:bg-gray-50:hover {
  background-color: #1e293b !important;
}

.dark .text-green-600 {
  color: #4ade80 !important;
}

.dark .text-blue-600 {
  color: #60a5fa !important;
}

.dark .text-purple-600 {
  color: #c084fc !important;
}

.dark .text-green-800 {
  color: #86efac !important;
}

.dark .text-red-800 {
  color: #fca5a5 !important;
}

.dark .bg-green-100 {
  background-color: #166534 !important;
}

.dark .bg-red-100 {
  background-color: #7f1d1d !important;
}

.dark .bg-gray-100.text-gray-800 {
  background-color: #374151 !important;
  color: #9ca3af !important;
}

.dark .chat-item:hover {
  background-color: #1e293b !important;
}

.dark .chat-item.active {
  background-color: #1e3a5f !important;
}

.dark .card {
  background-color: #16213e;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.dark .card table {
  color: #e0e0e0;
}

.dark .border-gray-800 {
  border-color: #374151;
}

.dark .border-gray-700 {
  border-color: #374151;
}

.dark .hover\:bg-gray-800\/50:hover {
  background-color: rgba(31, 41, 55, 0.5);
}

.dark .bg-gray-700 {
  background-color: #374151;
}

.dark button.border {
  border-color: #374151 !important;
}

.dark button.hover\:bg-gray-50:hover {
  background-color: #1e293b !important;
}

.dark .bg-green-50 {
  background-color: #14532d !important;
}

.dark .bg-black {
  background-color: #000 !important;
}

.dark .shadow-xl {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4) !important;
}

/* Voice page styles */
.dark .audio-row:hover {
  background-color: #1e293b !important;
}

.dark .audio-row.selected {
  background-color: #1e3a5f !important;
}

.dark .divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
  border-color: #374151 !important;
}

.dark .bg-gray-200 {
  background-color: #374151 !important;
}

.dark .text-yellow-600 {
  color: #fbbf24 !important;
}

.dark .text-indigo-600 {
  color: #818cf8 !important;
}

.dark .bg-blue-100.text-blue-800 {
  background-color: #1e3a5f !important;
  color: #93c5fd !important;
}

.dark .bg-purple-100.text-purple-800 {
  background-color: #4c1d95 !important;
  color: #c4b5fd !important;
}

.dark .caption-text {
  color: #e0e0e0 !important;
}

.dark table {
  color: #e0e0e0;
}

.dark table th {
  color: #9ca3af !important;
}

.dark table td {
  color: #d1d5db !important;
}

.dark audio {
  filter: invert(1);
}

.dark button:disabled,
.dark button.disabled {
  background-color: #374151 !important;
  color: #6b7280 !important;
}

/* Alert cards */
.dark .alert-card {
  background-color: #1e293b !important;
  border-left-color: #92400e !important;
}

.dark .bg-amber-50 {
  background-color: #1e293b !important;
}

.dark .bg-amber-200 {
  background-color: #92400e !important;
}

.dark .text-amber-800 {
  color: #fbbf24 !important;
}

.dark .bg-amber-100 {
  background-color: #78350f !important;
}

.dark .text-amber-700 {
  color: #fcd34d !important;
}

/* Tag pills */
.dark .bg-indigo-50 {
  background-color: #312e81 !important;
}

.dark .text-indigo-600,
.dark .text-indigo-700 {
  color: #a5b4fc !important;
}

/* Violet (Deploy Agent) */
.dark .bg-violet-100 {
  background-color: #4c1d95 !important;
}

.dark .text-violet-700 {
  color: #c4b5fd !important;
}

/* Language toggle */
.dark .bg-gray-100 .rounded-md {
  color: #9ca3af;
}

.dark .bg-gray-100 .rounded-md.bg-white {
  background-color: #374151 !important;
  color: #e0e0e0 !important;
}

/* Keyword stats */
.dark .bg-gray-50 {
  background-color: #1e293b !important;
}

/* Active tag filter pills */
.dark .bg-indigo-500 {
  background-color: #4f46e5 !important;
}

/* Green badges */
.dark .bg-green-100.text-green-800 {
  background-color: #166534 !important;
  color: #86efac !important;
}

/* Yellow badges */
.dark .bg-yellow-100.text-yellow-800 {
  background-color: #854d0e !important;
  color: #fde047 !important;
}

/* Purple badges */
.dark .bg-purple-100.text-purple-800 {
  background-color: #581c87 !important;
  color: #d8b4fe !important;
}