/* ==========================================================================
   NugrahaWarehouse — Dark Mode Theme Override (v1.8.0)
   Extracted from header.php (was inline 64-baris).
   Per skill pitfall: Tailwind CDN Play doesn't generate dark: variants reliably.
   This file nullifies dark: classes when .dark is absent.
   ========================================================================== */

/* Light Mode Override — nullify dark: classes when .dark is absent */
html:not(.dark) {
  /* Backgrounds */
  .dark\:bg-amber-950 { background-color: #fffbeb !important; }
  .dark\:bg-blue-900 { background-color: #dbeafe !important; }
  .dark\:bg-blue-950 { background-color: #eff6ff !important; }
  .dark\:bg-cyan-900 { background-color: #ecfeff !important; }
  .dark\:bg-green-950 { background-color: #f0fdf4 !important; }
  .dark\:bg-purple-950 { background-color: #faf5ff !important; }
  .dark\:bg-red-950 { background-color: #fef2f2 !important; }
  .dark\:bg-slate-800 { background-color: #e2e8f0 !important; }
  .dark\:bg-slate-900 { background-color: #f1f5f9 !important; }
  .dark\:bg-slate-950 { background-color: #f8fafc !important; }
  .dark\:bg-slate-950\/80 { background-color: #f8fafc !important; }

  /* Text */
  .dark\:text-amber-100 { color: #d97706 !important; }
  .dark\:text-amber-200 { color: #d97706 !important; }
  .dark\:text-amber-300 { color: #b45309 !important; }
  .dark\:text-amber-400 { color: #92400e !important; }
  .dark\:text-blue-200 { color: #1d4ed8 !important; }
  .dark\:text-blue-300 { color: #1d4ed8 !important; }
  .dark\:text-blue-400 { color: #2563eb !important; }
  .dark\:text-cyan-200 { color: #0891b2 !important; }
  .dark\:text-cyan-400 { color: #0891b2 !important; }
  .dark\:text-green-200 { color: #16a34a !important; }
  .dark\:text-green-300 { color: #15803d !important; }
  .dark\:text-green-400 { color: #16a34a !important; }
  .dark\:text-indigo-400 { color: #4f46e5 !important; }
  .dark\:text-purple-200 { color: #7c3aed !important; }
  .dark\:text-purple-300 { color: #6d28d9 !important; }
  .dark\:text-purple-400 { color: #6d28d9 !important; }
  .dark\:text-red-200 { color: #dc2626 !important; }
  .dark\:text-red-300 { color: #b91c1c !important; }
  .dark\:text-red-400 { color: #dc2626 !important; }
  .dark\:text-sky-300 { color: #0284c7 !important; }
  .dark\:text-slate-100 { color: #0f172a !important; }
  .dark\:text-slate-200 { color: #1e293b !important; }
  .dark\:text-slate-300 { color: #334155 !important; }
  .dark\:text-slate-400 { color: #64748b !important; }
  .dark\:text-slate-500 { color: #64748b !important; }

  /* Borders */
  .dark\:border-amber-400 { border-color: #fbbf24 !important; }
  .dark\:border-amber-600 { border-color: #fde68a !important; }
  .dark\:border-amber-700 { border-color: #fde68a !important; }
  .dark\:border-amber-800 { border-color: #fde68a !important; }
  .dark\:border-blue-600 { border-color: #bfdbfe !important; }
  .dark\:border-blue-700 { border-color: #bfdbfe !important; }
  .dark\:border-blue-800 { border-color: #bfdbfe !important; }
  .dark\:border-green-600 { border-color: #bbf7d0 !important; }
  .dark\:border-green-700 { border-color: #bbf7d0 !important; }
  .dark\:border-green-800 { border-color: #bbf7d0 !important; }
  .dark\:border-purple-600 { border-color: #c084fc !important; }
  .dark\:border-purple-800 { border-color: #e9d5ff !important; }
  .dark\:border-red-400 { border-color: #fca5a5 !important; }
  .dark\:border-red-600 { border-color: #fecaca !important; }
  .dark\:border-red-700 { border-color: #fecaca !important; }
  .dark\:border-red-800 { border-color: #fecaca !important; }
  .dark\:border-sky-600 { border-color: #7dd3fc !important; }
  .dark\:border-slate-600 { border-color: #94a3b8 !important; }
  .dark\:border-slate-700 { border-color: #cbd5e1 !important; }
  .dark\:border-slate-800 { border-color: #e2e8f0 !important; }
}

/* Date input calendar icon fix for dark mode */
.dark input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(1);
}