/* =======================================================================
   PANEL PLAYNOZ: TEMA TERANG
   Halaman panel ditulis dengan kelas Tailwind gelap (bg-gray-800, text-white, ...).
   Saat <html data-theme="light">, kelas-kelas itu dipetakan ke warna terang di sini,
   jadi semua modul ikut berubah tanpa menulis ulang markup-nya.
   ======================================================================= */

/* Font yang sama di semua modul (beberapa halaman lama belum mengaturnya) */
body { font-family: 'Inter', ui-sans-serif, system-ui, sans-serif; }

html[data-theme="light"] body { background-color: #f3f4f6; color: #1f2937; }

/* ---------- Latar ---------- */
html[data-theme="light"] .bg-gray-900,
html[data-theme="light"] .bg-gray-900\/50,
html[data-theme="light"] .bg-gray-900\/60 { background-color: #f3f4f6; }

html[data-theme="light"] .bg-gray-800,
html[data-theme="light"] .bg-gray-800\/60 { background-color: #ffffff; }

html[data-theme="light"] .bg-gray-800.rounded-xl,
html[data-theme="light"] .bg-gray-800\/60.rounded-xl,
html[data-theme="light"] .bg-gray-800\/60.rounded-lg {
    box-shadow: 0 0 0 1px #e5e7eb, 0 1px 3px rgba(17, 24, 39, 0.06);
}

html[data-theme="light"] .bg-gray-700 { background-color: #ffffff; }
html[data-theme="light"] .bg-gray-600 { background-color: #e5e7eb; }
/* Tombol sekunder abu-abu (bukan input) tetap terlihat sebagai tombol */
html[data-theme="light"] button.bg-gray-700 { background-color: #e5e7eb; color: #1f2937; }

html[data-theme="light"] .hover\:bg-gray-900:hover { background-color: #e5e7eb; }
html[data-theme="light"] .hover\:bg-gray-700:hover { background-color: #f3f4f6; }
html[data-theme="light"] .hover\:bg-gray-600:hover,
html[data-theme="light"] .hover\:bg-gray-500:hover { background-color: #d1d5db; }

/* Kotak status berwarna transparan (banner, info) */
html[data-theme="light"] .bg-green-900\/30 { background-color: #dcfce7; }
html[data-theme="light"] .bg-red-900\/30 { background-color: #fee2e2; }
html[data-theme="light"] .bg-amber-900\/30,
html[data-theme="light"] .bg-yellow-900\/30 { background-color: #fef3c7; }

/* Badge jumlah di kolom kanban Amazon */
html[data-theme="light"] .bg-blue-900\/50 { background-color: #dbeafe; }
html[data-theme="light"] .bg-amber-900\/50 { background-color: #fef3c7; }
html[data-theme="light"] .bg-green-900\/50 { background-color: #dcfce7; }
html[data-theme="light"] .bg-red-900\/50 { background-color: #fee2e2; }

/* ---------- Teks ---------- */
html[data-theme="light"] .text-white,
html[data-theme="light"] .hover\:text-white:hover { color: #111827; }
html[data-theme="light"] .text-gray-200 { color: #1f2937; }
html[data-theme="light"] .text-gray-300 { color: #374151; }
html[data-theme="light"] .text-gray-400 { color: #4b5563; }
html[data-theme="light"] .text-gray-500 { color: #6b7280; }

html[data-theme="light"] .text-red-200,
html[data-theme="light"] .text-red-300 { color: #b91c1c; }
html[data-theme="light"] .text-red-400,
html[data-theme="light"] .text-red-500 { color: #dc2626; }
html[data-theme="light"] .text-green-200,
html[data-theme="light"] .text-green-300,
html[data-theme="light"] .text-green-400 { color: #15803d; }
html[data-theme="light"] .text-blue-200,
html[data-theme="light"] .text-blue-300 { color: #1d4ed8; }
html[data-theme="light"] .text-blue-400 { color: #2563eb; }
html[data-theme="light"] .text-amber-300 { color: #b45309; }
html[data-theme="light"] .text-amber-400 { color: #d97706; }
html[data-theme="light"] .text-yellow-300 { color: #a16207; }

/* ---------- Garis ---------- */
html[data-theme="light"] .border-gray-600 { border-color: #d1d5db; }
html[data-theme="light"] .border-gray-700,
html[data-theme="light"] .border-gray-700\/50,
html[data-theme="light"] .border-gray-700\/60 { border-color: #e5e7eb; }
html[data-theme="light"] .border-green-700\/50 { border-color: #86efac; }
html[data-theme="light"] .border-red-700\/50 { border-color: #fca5a5; }
html[data-theme="light"] .border-amber-700\/50,
html[data-theme="light"] .border-yellow-700\/50 { border-color: #fcd34d; }

html[data-theme="light"] .placeholder-gray-500::placeholder,
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder { color: #9ca3af; }

/* ---------- Tombol berwarna: teks tetap putih ----------
   (ditaruh paling akhir supaya menang dari pemetaan .text-white di atas) */
html[data-theme="light"] [class*="bg-blue-6"],
html[data-theme="light"] [class*="bg-sky-6"],
html[data-theme="light"] [class*="bg-indigo-6"],
html[data-theme="light"] [class*="bg-cyan-6"],
html[data-theme="light"] [class*="bg-teal-6"],
html[data-theme="light"] [class*="bg-green-6"],
html[data-theme="light"] [class*="bg-emerald-6"],
html[data-theme="light"] [class*="bg-red-6"],
html[data-theme="light"] [class*="bg-red-7"],
html[data-theme="light"] [class*="bg-red-8"] { color: #ffffff; }

/* ---------- Scrollbar ---------- */
html[data-theme="light"] ::-webkit-scrollbar-track { background: #f3f4f6; }
html[data-theme="light"] ::-webkit-scrollbar-thumb { background: #d1d5db; }

/* ---------- Modul Amazon (amazon.css) ---------- */
html[data-theme="light"] .kanban-column {
    background-color: #ffffff;
    box-shadow: 0 0 0 1px #e5e7eb, 0 1px 3px rgba(17, 24, 39, 0.06);
}
html[data-theme="light"] .item-card { background-color: #f9fafb; box-shadow: 0 0 0 1px #e5e7eb; }
html[data-theme="light"] .item-card:hover { background-color: #f3f4f6; }
html[data-theme="light"] .item-card .bg-gray-800 { background-color: #e5e7eb; }
html[data-theme="light"] .item-card .hover\:bg-gray-900:hover { background-color: #d1d5db; }

/* ---------- Modul Wise (wise.css) ---------- */
html[data-theme="light"] .log-info { color: #4b5563; }
html[data-theme="light"] .log-success { color: #15803d; }
html[data-theme="light"] .log-warn { color: #b45309; }
html[data-theme="light"] .log-error { color: #dc2626; }