@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap');

:root {
  --primary: #059669;
  --primary-light: #10b981;
  --bg-gradient: linear-gradient(135deg, #f0fdf4 0%, #e0f2fe 50%, #f8fafc 100%);
}

* {
  box-sizing: border-box;
}

body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  background: var(--bg-gradient);
  background-attachment: fixed;
  color: #0f172a !important; /* slate-900 kontras tinggi */
  margin: 0;
  padding: 0;
}

/* Glass Card & Kontainer Cerah Modern */
.glass-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.04), 0 2px 4px -2px rgba(0, 0, 0, 0.03);
  color: #0f172a !important;
}

.glass-card-elevated {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.08);
}

/* Scanner Laser Line */
.scanner-box {
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.06);
}

.scanner-line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(90deg, transparent, #10b981, #059669, transparent);
  box-shadow: 0 0 15px #10b981;
  animation: scanLaser 2.2s ease-in-out infinite alternate;
}

@keyframes scanLaser {
  0% { top: 4%; opacity: 0.3; }
  50% { opacity: 1; }
  100% { top: 94%; opacity: 0.3; }
}

/* Status Scanner Kamera */
.scanner-box.verified {
  border-color: #10b981 !important;
  box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.2);
}

.scanner-box.unverified {
  border-color: #f59e0b !important;
  box-shadow: 0 0 0 4px rgba(245, 158, 11, 0.2);
}

/* Efek Tombol */
.btn-emerald-glow {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  box-shadow: 0 10px 20px -5px rgba(16, 185, 129, 0.4);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  color: #ffffff !important;
}

.btn-emerald-glow:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 24px -5px rgba(16, 185, 129, 0.5);
}

.btn-emerald-glow:active {
  transform: translateY(0);
}

/* ==============================================================
   OVERRIDE ELEMEN TEKS & TABEL UNTUK MODE CERAH
   ============================================================== */

/* Pastikan semua teks gelap terbaca pekat */
.text-white, 
.text-slate-100, 
.text-slate-200, 
.text-slate-300 {
  color: #0f172a !important;
}

.text-slate-400, 
.text-slate-500 {
  color: #475569 !important; /* slate-600 */
}

/* Tabel Admin */
table thead, .bg-slate-800\/80, .bg-slate-800\/90 {
  background-color: #f1f5f9 !important; /* slate-100 */
}

table thead th {
  color: #1e293b !important; /* slate-800 */
  font-weight: 700 !important;
  border-bottom: 1px solid #cbd5e1 !important;
}

table tbody tr {
  border-bottom: 1px solid #f1f5f9 !important;
}

table tbody td {
  color: #0f172a !important;
}

/* Tombol Aksi & Badge */
.bg-emerald-600, 
.bg-emerald-500, 
.bg-rose-600, 
.bg-rose-500,
button[type="submit"],
.swal2-confirm {
  color: #ffffff !important;
}

.text-emerald-400 {
  color: #047857 !important; /* emerald-700 */
}

.text-amber-400 {
  color: #b45309 !important; /* amber-700 */
}

.text-rose-400 {
  color: #b91c1c !important; /* rose-700 */
}