/* ============================================================
   TAMBALAN KOMPATIBILITAS untuk neon_glass.css (uji coba Bey, 21 Agt)
   Dua benturan nyata dengan bakpao_webapp_v2.html:

   1) LEBAR DESKTOP. neon memasang body{max-width:480px}; aturan desktop
      bawaan body{max-width:none} ada di dalam @media (min-width:1024px).
      Media query TIDAK menambah specificity dan neon dimuat belakangan,
      jadi neon menang -> aplikasi terjepit 480px di layar lebar.

   2) TABRAKAN MAKNA VARIABEL --dark. Bawaan: --dark:#1A1612 (warna GELAP,
      dipakai sbg LATAR di 4 tempat). neon mengubahnya jadi --dark:#F8FAFC
      ("Text Main", nyaris PUTIH) -> keempat tempat itu jadi latar putih
      dengan teks putih = TIDAK TERBACA. Terparah: layar LOGIN & DAFTAR.
      (#screen-daftar & baris tabel admin memakai style inline -> perlu !important)
   ============================================================ */

@media (min-width:1024px){
  body{ max-width:none }
}

#screen-login,
#screen-daftar{ background:#0B0F19 !important }

.toast{ background:#1A2438 !important; color:#F8FAFC !important }

/* baris kepala tabel admin: <tr style="background:var(--dark);color:#fff"> */
tr[style*="var(--dark)"]{ background:#1A2438 !important; color:#F8FAFC !important }

/* ============================================================
   SISIR MENYELURUH 26 Agt — kontainer yg latarnya SELALU terang
   literal (bukan var(--card)/var(--bg) adaptif), jadi banyak teks
   anaknya yg TIDAK punya `color` sendiri (mis. <h3> judul modal,
   sel tabel polos) ikut warna ambient var(--dark) yg di tema Gelap
   = hampir putih = tak kelihatan. Fix: set `color` di level
   KONTAINER supaya seluruh anak yg belum py warna sendiri ikut
   benar (elemen yg SUDAH py warna sendiri, mis. .form-label,
   .badge-*, span berwarna eksplisit, tak kepengaruh — cascade CSS
   selalu menang atas inherited). Dicek: templat di dalamnya TIDAK
   ada kotak berlatar var(--bg)/var(--card) adaptif yg butuh warna
   ambient asli (--dark) — aman disetel literal di sini.
   ============================================================ */
#stokModalBox,
.stok-cabang-card {
  color: var(--text-on-light-card);
}

/* Switch toggle tema Terang/Gelap — kartu "Tampilan Aplikasi" di Profil */
#tema-switch-track::before {
  content: '';
  position: absolute;
  height: 20px;
  width: 20px;
  left: 3px;
  top: 3px;
  background: #fff;
  border-radius: 50%;
  transition: transform .2s ease;
  box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
#tema-switch:checked + #tema-switch-track {
  background: var(--brand-accent);
}
#tema-switch:checked + #tema-switch-track::before {
  transform: translateX(20px);
}
#tema-switch:focus-visible + #tema-switch-track {
  box-shadow: 0 0 0 2px var(--brand-accent-glow);
}