/* Tema light (default sekolah) / dark — kartu cetak tidak diubah */
html[data-theme="dark"] { color-scheme: dark; }
html[data-theme="dark"] body {
  background: #0f172a !important;
  color: #e2e8f0 !important;
}
html[data-theme="dark"] .bg-white,
html[data-theme="dark"] .bg-white\/60,
html[data-theme="dark"] .bg-white\/80,
html[data-theme="dark"] .bg-slate-50,
html[data-theme="dark"] .bg-slate-50\/80,
html[data-theme="dark"] .bg-slate-100 {
  background-color: #1e293b !important;
}
html[data-theme="dark"] .bg-slate-100\/80 { background-color: #1e293b !important; }
html[data-theme="dark"] aside,
html[data-theme="dark"] #appSidebar {
  background-color: #0b1220 !important;
  border-color: #1e293b !important;
}
html[data-theme="dark"] header,
html[data-theme="dark"] footer {
  background-color: #0f172a !important;
  border-color: #1e293b !important;
}
html[data-theme="dark"] .text-slate-800,
html[data-theme="dark"] .text-slate-900,
html[data-theme="dark"] .text-slate-700 {
  color: #f1f5f9 !important;
}
html[data-theme="dark"] .text-slate-600,
html[data-theme="dark"] .text-slate-500 {
  color: #94a3b8 !important;
}
html[data-theme="dark"] .text-slate-400 { color: #64748b !important; }
html[data-theme="dark"] .border-slate-100,
html[data-theme="dark"] .border-slate-200,
html[data-theme="dark"] .border-slate-200\/80 {
  border-color: #334155 !important;
}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea {
  background-color: #0f172a !important;
  color: #e2e8f0 !important;
  border-color: #334155 !important;
}
html[data-theme="dark"] table thead { background-color: #0f172a !important; }
html[data-theme="dark"] table tbody tr { border-color: #334155 !important; }
html[data-theme="dark"] .hover\:bg-slate-50:hover,
html[data-theme="dark"] .hover\:bg-slate-100:hover {
  background-color: #334155 !important;
}
html[data-theme="dark"] .shadow-sm,
html[data-theme="dark"] .shadow-lg { box-shadow: none !important; }
html[data-theme="dark"] .bg-indigo-50 { background-color: #312e81 !important; color: #e0e7ff !important; }
html[data-theme="dark"] .bg-emerald-50 { background-color: #064e3b !important; }
html[data-theme="dark"] .bg-red-50 { background-color: #7f1d1d !important; }
html[data-theme="dark"] .bg-amber-50 { background-color: #78350f !important; }

@media print {
  html[data-theme="dark"] body,
  html[data-theme="dark"] .bg-white { background: #fff !important; color: #111 !important; }
}