/* RAIA — TEMA TERANG lintas halaman. Aktif lewat <html data-theme="light"> */
html[data-theme="light"]{
  color-scheme:light;
  --bg:#f7f5f0;--card:#ffffff;--card2:#fbf9f5;--panel:#ffffff;
  --line:rgba(28,24,16,.10);--line2:rgba(28,24,16,.06);--border:rgba(28,24,16,.10);
  --text:#1a1712;--ink:#1a1712;--fg:#1a1712;
  --sub:#6d675c;--sub2:#8f887c;--muted:#6d675c;--muted2:#8f887c;
  --acc:#e85a05;--accent:#e85a05;--acc2:#c94a02;--hot:#b03d00;
  --green:#0a8f4d;--ok:#0a8f4d;--red:#cf2436;--amber:#9a6b06;--gold:#9a6b06;
}
html[data-theme="light"] body{
  background-color:#f7f5f0 !important;color:#1a1712 !important;
  background-image:
    radial-gradient(ellipse 58% 40% at 86% -8%, rgba(232,90,5,.10), transparent 62%),
    radial-gradient(ellipse 50% 36% at 4% 3%, rgba(180,150,90,.09), transparent 64%),
    linear-gradient(178deg,#fdfbf7 0%,#f6f4ee 48%,#f2efe7 100%) !important;
  background-attachment:fixed !important;
}
html[data-theme="light"] .card,
html[data-theme="light"] .panel,
html[data-theme="light"] .box{
  background:linear-gradient(180deg,#ffffff,#fbf9f5) !important;
  border-color:rgba(28,24,16,.09) !important;
  box-shadow:0 1px 2px rgba(28,24,16,.04),0 14px 30px -26px rgba(28,24,16,.40) !important;
}
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea{
  background:#fff !important;border-color:rgba(28,24,16,.14) !important;color:#1a1712 !important;
}
html[data-theme="light"] select option{background:#fff !important;color:#1a1712 !important}
html[data-theme="light"] input:focus,
html[data-theme="light"] select:focus,
html[data-theme="light"] textarea:focus{
  border-color:rgba(232,90,5,.55) !important;box-shadow:0 0 0 3px rgba(232,90,5,.13) !important;
}
html[data-theme="light"] button,
html[data-theme="light"] .btn{
  background:#fff !important;border-color:rgba(28,24,16,.12) !important;color:#2a251d !important;
  box-shadow:0 1px 2px rgba(28,24,16,.05) !important;
}
html[data-theme="light"] button:hover,
html[data-theme="light"] .btn:hover{
  background:#fffdfa !important;border-color:rgba(232,90,5,.42) !important;color:#b8480a !important;
}
html[data-theme="light"] button.pri,
html[data-theme="light"] .pri{
  background:linear-gradient(100deg,#ff8a3d,#e85a05 55%,#b03d00) !important;
  border:none !important;color:#fff !important;
}
html[data-theme="light"] th{
  color:#6d675c !important;background:#fbf9f5 !important;
  border-bottom-color:rgba(28,24,16,.11) !important;
}
html[data-theme="light"] td{border-bottom-color:rgba(28,24,16,.06) !important}
html[data-theme="light"] tbody tr:hover{background:rgba(232,90,5,.045) !important}
html[data-theme="light"] a{color:#c94a02}
html[data-theme="light"] ::selection{background:rgba(232,90,5,.20);color:#1a1712}
html[data-theme="light"] ::-webkit-scrollbar-track{background:rgba(28,24,16,.035)}
html[data-theme="light"] ::-webkit-scrollbar-thumb{background:rgba(28,24,16,.20);border-radius:99px}

#raiaThemeBtn{
  position:fixed;top:14px;right:14px;z-index:9999;
  width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;
  padding:0;border-radius:11px;cursor:pointer;
  background:rgba(20,20,18,.72);border:1px solid rgba(255,255,255,.16);color:#f4f4f8;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  transition:background .15s,border-color .15s,transform .15s;font-family:inherit;
}
#raiaThemeBtn:hover{transform:translateY(-1px);border-color:rgba(255,100,13,.6);color:#ffb98a}
html[data-theme="light"] #raiaThemeBtn{
  background:rgba(255,255,255,.90) !important;border:1px solid rgba(28,24,16,.13) !important;
  color:#2a251d !important;box-shadow:0 2px 10px -4px rgba(28,24,16,.35) !important;
}
html[data-theme="light"] #raiaThemeBtn:hover{color:#b8480a !important;border-color:rgba(232,90,5,.45) !important}
@media print{#raiaThemeBtn{display:none}}

/* ==========================================================================
   ADMIN — warna status & teks kecil untuk MODE TERANG
   Masalah terukur (halaman /admin/):
     .warnbox   #ffd79b di atas krem  -> kontras 1.3  (praktis tak terbaca)
     .sub       #6d675c 13px          -> terlihat pudar
     badge (.b-aktif/.b-pay/.b-owner) memakai warna pastel khusus latar gelap
   Semua nilai di bawah adalah versi pekat untuk latar terang.
   ========================================================================== */
html[data-theme="light"]{
  --st-email:#a1521a;   /* belum verifikasi */
  --st-pay:#8a5a04;     /* menunggu bayar   */
  --st-ok:#0a7a46;      /* disetujui/aktif  */
  --st-blue:#1d4ed8;
  --dim:#6b675e;
  --err:#b91c1c;
  --warn-ink:#7a4a03;
  --warn-bg:rgba(245,158,11,.13);
  --warn-bd:rgba(180,83,9,.30);
}

/* teks kecil: naikkan kontras */
html[data-theme="light"] .sub{color:#544f45 !important}
html[data-theme="light"] .hint{color:#635e54 !important}
html[data-theme="light"] .hint b{font-weight:800}

/* notice oranye: teks gelap di latar lembut */
html[data-theme="light"] .warnbox{
  color:#7a4a03 !important;
  background:rgba(245,158,11,.13) !important;
  border:1px solid rgba(180,83,9,.30) !important;
  font-weight:600;
}
html[data-theme="light"] .warnbox b{color:#5f3902 !important}

/* badge status */
html[data-theme="light"] .b-aktif,
html[data-theme="light"] .b-ok2{
  color:#076c3f !important;
  border-color:rgba(5,150,105,.42) !important;
  background:rgba(5,150,105,.11) !important;
}
html[data-theme="light"] .b-pay{
  color:#7a4a03 !important;
  border-color:rgba(180,83,9,.38) !important;
  background:rgba(245,158,11,.16) !important;
}
html[data-theme="light"] .b-owner,
html[data-theme="light"] .chipf.on{
  color:#9a3c02 !important;
  border-color:rgba(232,90,5,.42) !important;
  background:rgba(232,90,5,.11) !important;
}
html[data-theme="light"] .b-member,
html[data-theme="light"] .b-wait{
  color:#1d4ed8 !important;
  border-color:rgba(37,99,235,.34) !important;
  background:rgba(37,99,235,.10) !important;
}
html[data-theme="light"] .b-habis,
html[data-theme="light"] .b-no{
  color:#b91c1c !important;
  border-color:rgba(220,38,38,.34) !important;
  background:rgba(220,38,38,.09) !important;
}

/* pesan */
html[data-theme="light"] .msg.err{
  color:#a51b1b !important;
  background:rgba(220,38,38,.09) !important;
  border-color:rgba(220,38,38,.32) !important;
}
html[data-theme="light"] .msg.ok{
  color:#076c3f !important;
  background:rgba(5,150,105,.10) !important;
  border-color:rgba(5,150,105,.32) !important;
}

/* tombol kecil & filter */
html[data-theme="light"] .mini{
  background:#ffffff !important;
  border-color:rgba(15,23,42,.16) !important;
  color:#334155 !important;
}
html[data-theme="light"] .mini:hover{border-color:rgba(15,23,42,.32) !important;color:#0f172a !important}
html[data-theme="light"] .mini.pri{background:#0f172a !important;border-color:#0f172a !important;color:#fff !important}
html[data-theme="light"] .mini.danger{color:#b91c1c !important;border-color:rgba(220,38,38,.36) !important}
html[data-theme="light"] .mini.ext{color:#1d4ed8 !important;border-color:rgba(37,99,235,.36) !important}
html[data-theme="light"] .chipf{background:#fff !important;border-color:rgba(15,23,42,.14) !important;color:#475569 !important}
html[data-theme="light"] .chipf.on{color:#9a3c02 !important;background:rgba(232,90,5,.11) !important;border-color:rgba(232,90,5,.42) !important}

/* kartu & tabel admin */
html[data-theme="light"] .card{
  background:#ffffff !important;
  border:1px solid rgba(15,23,42,.09) !important;
  box-shadow:0 1px 2px rgba(15,23,42,.04) !important;
}
html[data-theme="light"] .navbtn{
  background:#ffffff !important;
  border-color:rgba(15,23,42,.14) !important;
  color:#475569 !important;
}
html[data-theme="light"] .navbtn:hover{color:#0f172a !important;border-color:rgba(15,23,42,.3) !important}
html[data-theme="light"] table th{color:#64748b !important;border-bottom-color:rgba(15,23,42,.1) !important}
html[data-theme="light"] table td{border-bottom-color:rgba(15,23,42,.06) !important;color:#1a1712 !important}
html[data-theme="light"] .regmail{color:#635e54 !important}
html[data-theme="light"] .linkout{background:#f8fafc !important;border-color:rgba(15,23,42,.1) !important;color:#334155 !important}


/* ---------- ADMIN v2: kontras notice dinaikkan + latar disamakan ---------- */
html[data-theme="light"] .warnbox{
  color:#5f3902 !important;          /* dari #7a4a03 -> lebih pekat, kontras >5 */
  background:#fff6e6 !important;
  border:1px solid rgba(180,83,9,.34) !important;
  font-weight:600 !important;
}
html[data-theme="light"] .warnbox b{color:#42270a !important}

/* latar admin ikut palet dingin, bukan krem */
html[data-theme="light"] body{
  background-color:#eef1f6 !important;
  background-image:
    radial-gradient(ellipse 60% 42% at 86% -8%, rgba(234,88,12,.07), transparent 62%),
    linear-gradient(180deg,#f8fafc 0%,#eef1f6 100%) !important;
}
html[data-theme="light"] .card,
html[data-theme="light"] .linkout{background:#ffffff !important}
html[data-theme="light"] table th{background:#f7f9fc !important}
html[data-theme="light"] input,
html[data-theme="light"] select{
  background:#ffffff !important;
  border:1px solid rgba(15,23,42,.16) !important;
  color:#0f172a !important;
}
html[data-theme="light"] input::placeholder{color:#94a3b8 !important}
html[data-theme="light"] label{color:#475569 !important}