/* ============================================================
   ROOM — THEME v3 "NEON GREEN PRIMARY" (duotone dibalik)
   Hijau neon #00ff85 = warna utama, ungu Solana #9945ff = aksen
   latar & gradasi. Konsep & konten TIDAK berubah.
   Ganti balik ke versi ungu: pakai assets/theme-purple.css.
   Kembali ke tampilan lama: hapus <link theme.css>
   (backup penuh: ROUSE-backup-sebelum-UI-baru.zip)
   ============================================================ */

:root {
  --th-green: #00ff85;
  --th-green-soft: #5cffae;
  --th-purple: #9945ff;
  --th-purple-soft: #c4a3ff;
  --room-bg: #050f0a;
  --room-bg-elevated: #071410;
  --room-bg-panel: #0a1f15;
  --room-border: #14402a;
  --room-border-bright: #1f7a4a;
  --room-green: #00ff85;
  --room-green-bright: #5cffae;
  --room-green-dim: #0e7a4a;
}

/* ---------- latar global: gradasi hijau-ungu, bukan hitam polos ---------- */
html { background: #04090c; scroll-behavior: smooth; }
body, body.bg-black {
  background:
    radial-gradient(1100px 520px at 85% -5%, rgba(0, 255, 133, .13), transparent 60%),
    radial-gradient(900px 480px at -10% 35%, rgba(153, 69, 255, .12), transparent 55%),
    radial-gradient(1000px 600px at 110% 100%, rgba(153, 69, 255, .10), transparent 55%),
    linear-gradient(180deg, #051209 0%, #04090c 55%, #070313 100%) !important;
  background-attachment: fixed;
}
::selection { background: rgba(0, 255, 133, .45); color: #fff; }

/* scrollbar tipis hijau */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #040a07; }
::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #1f7a4a, #0e3a24); border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: #00ff85; }

/* ---------- aksen utama balik ke hijau neon ---------- */
.text-\[\#9945ff\] { color: #00ff85 !important; }
.border-\[\#9945ff\] { border-color: #00ff85 !important; }
.text-\[\#c4a3ff\] { color: #5cffae !important; }
.text-\[\#b9a0e8\] { color: #88c2a0 !important; }

/* ---------- header & footer: kaca hijau gelap ---------- */
header[class] {
  background: rgba(5, 18, 12, .74) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(0, 255, 133, .25) !important;
}
footer[class] {
  background: linear-gradient(180deg, rgba(0, 255, 133, .06), rgba(3, 9, 6, .85)) !important;
  border-top: 1px solid rgba(0, 255, 133, .25) !important;
}

/* ---------- section landing/docs/tokenomics: selang-seling hijau × ungu ---------- */
main section { border-color: rgba(0, 255, 133, .18) !important; }
main section:nth-of-type(odd) {
  background: linear-gradient(180deg, rgba(0, 255, 133, .065) 0%, rgba(0, 255, 133, .012) 75%);
}
main section:nth-of-type(even) {
  background: linear-gradient(180deg, rgba(153, 69, 255, .075) 0%, rgba(153, 69, 255, .015) 75%);
}

/* ---------- judul: teks gradasi hijau → ungu ---------- */
h1, h2 {
  background: linear-gradient(95deg, #d8ffe9 0%, #5cffae 35%, #00ff85 60%, #9945ff 110%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}

/* ---------- panel & kartu: kaca berpendar, sudut membulat ---------- */
.bg-\[\#050505\], .bg-\[\#08050e\], .bg-\[\#110a1e\], .bg-\[\#0a0507\] {
  background:
    linear-gradient(165deg, rgba(0, 255, 133, .09) 0%, rgba(5, 12, 9, .94) 40%, rgba(153, 69, 255, .07) 130%) !important;
  border-radius: 14px;
}
.border-\[\#1a1a1a\] { border-color: rgba(0, 255, 133, .20) !important; }
.border-\[\#141414\], .border-\[\#111\] { border-color: rgba(0, 255, 133, .13) !important; }
.border-\[\#222\], .border-\[\#2a2a2a\], .hover\:border-\[\#444\]:hover { border-color: rgba(92, 255, 174, .28) !important; }
.border-\[\#2e1a4a\] { border-color: rgba(0, 255, 133, .5) !important; }
.border-\[\#3a1a22\] { border-color: rgba(255, 51, 85, .4) !important; }

/* kartu token: hover terangkat + glow duotone */
article {
  border-radius: 16px !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
article:hover {
  transform: translateY(-3px);
  border-color: rgba(153, 69, 255, .45) !important;
  box-shadow: 0 14px 40px -14px rgba(0, 255, 133, .45), 0 0 0 1px rgba(153, 69, 255, .18);
}

/* kotak hitam di dalam panel → hijau gelap transparan */
.bg-black { background: rgba(3, 10, 7, .55) !important; border-radius: 10px; }
body.bg-black { border-radius: 0; }
.bg-\[\#080808\] { background: rgba(0, 255, 133, .07) !important; border-radius: 8px; }
.hover\:bg-\[\#0a0a0a\]:hover, .hover\:bg-\[\#050505\]:hover { background: rgba(0, 255, 133, .08) !important; }

/* ---------- tombol utama: gradasi hijau×ungu + glow ---------- */
.bg-\[\#150a26\], .btn-primary {
  background: linear-gradient(135deg, rgba(0, 255, 133, .26) 0%, rgba(10, 80, 48, .3) 55%, rgba(153, 69, 255, .16) 100%) !important;
  border: 1px solid rgba(0, 255, 133, .55) !important;
  color: #d9ffe9 !important;
  border-radius: 10px;
  box-shadow: 0 0 20px -8px rgba(0, 255, 133, .65), inset 0 0 14px -9px rgba(153, 69, 255, .8);
  transition: all .2s ease;
}
.hover\:bg-\[\#1d0f38\]:hover, .btn-primary:hover {
  border-color: rgba(196, 163, 255, .7) !important;
  color: #f2eaff !important;
  box-shadow: 0 0 28px -8px rgba(153, 69, 255, .6), inset 0 0 16px -8px rgba(0, 255, 133, .9);
  transform: translateY(-1px);
}
.btn, a[class*="border-"], button[class*="border-"] { border-radius: 10px; }
img { border-radius: 10px; }
img[alt="ROOM"] { border-radius: 0 !important; }   /* logo utuh, jangan dibulatkan */

/* ---------- input & select: fokus glow hijau ---------- */
input[class], select[class] {
  background: rgba(4, 12, 8, .8) !important;
  border-color: rgba(0, 255, 133, .32) !important;
  border-radius: 10px;
}
input[class]:focus, select[class]:focus {
  border-color: #00ff85 !important;
  box-shadow: 0 0 0 3px rgba(0, 255, 133, .14);
  outline: none;
}

/* ---------- titik denyut & status ---------- */
.pulse-green {
  background: #00ff85 !important;
  box-shadow: 0 0 10px rgba(0, 255, 133, .9);
}
span.rounded-full.bg-\[\#9945ff\] { background: #00ff85 !important; box-shadow: 0 0 8px rgba(0, 255, 133, .8); }

/* label kecil — abu kehijauan */
.label { color: #79a88f; }
.text-\[\#666\] { color: #6da085 !important; }
.text-\[\#555\] { color: #59866e !important; }
.text-\[\#888\] { color: #8cbfa3 !important; }

/* ---------- sidebar modul console ---------- */
aside { border-right-color: rgba(0, 255, 133, .20) !important; }
aside button:hover { background: rgba(0, 255, 133, .08) !important; border-radius: 8px; }

/* ---------- efek lama dilembutkan ---------- */
.scanlines::before, .scanlines::after { opacity: .3 !important; }
.vignette { opacity: .5; }
.bg-grid { opacity: .25 !important; }

/* modal support: kaca hijau gelap */
#room-support-modal > div {
  background: linear-gradient(160deg, rgba(8, 36, 22, .92), rgba(4, 10, 7, .96)) !important;
  border: 1px solid rgba(0, 255, 133, .45) !important;
  border-radius: 18px;
  box-shadow: 0 24px 80px -20px rgba(0, 255, 133, .4), 0 0 0 1px rgba(153, 69, 255, .15);
  backdrop-filter: blur(10px);
}