/*
 * STARXBOY AUTH / REGISTER COLOR LOCK — 2026-09-10
 * UI ONLY. Sumber palet mengikuti tema utama STARXBOY maroon + gold.
 * Tidak mengubah login, referral, CAPTCHA, PIN, database, wallet, API, atau routing.
 */
:root{
  --sx-auth-bg:#250006;
  --sx-auth-bg-soft:#310309;
  --sx-auth-panel:#3a060d;
  --sx-auth-panel-2:#470910;
  --sx-auth-nav:#7b090c;
  --sx-auth-nav-deep:#5e0508;
  --sx-auth-gold:#f0cf45;
  --sx-auth-gold-soft:#f7e27e;
  --sx-auth-line:#8d2027;
  --sx-auth-muted:#cbb7b8;
  --sx-auth-field:#8a8a8f;
  --sx-auth-field-text:#111;
}

/* ========== LOGIN MEMBER / LOGIN DRAWER ========== */
html body .login-panel{
  background:var(--sx-auth-bg)!important;
  color:#fff!important;
}
body .login-head{
  border-bottom-color:var(--sx-auth-line)!important;
}
body .login-head h1,
body .login-head button,
body .login-head a{
  color:var(--sx-auth-gold-soft)!important;
}
body .login-form>label,
body .remember,
body .sep{
  color:var(--sx-auth-gold-soft)!important;
}
body .field input{
  background:var(--sx-auth-field)!important;
  color:var(--sx-auth-field-text)!important;
  border:1px solid transparent!important;
}
body .field input:focus{
  border-color:var(--sx-auth-gold)!important;
  box-shadow:inset 0 0 0 1px var(--sx-auth-gold)!important;
}
body .field .ico,
body .eye{
  color:var(--sx-auth-gold-soft)!important;
}
body .sep{
  border-top-color:rgba(247,226,126,.65)!important;
}
body .submit{
  background:linear-gradient(180deg,#f7df68 0%,#d5a916 100%)!important;
  border-color:#9e7810!important;
  color:#201300!important;
}
body .forgot,
body .forgot a,
body .forgot .arr{
  color:var(--sx-auth-gold-soft)!important;
}
body .register{
  background:var(--sx-auth-panel)!important;
  border:1px solid var(--sx-auth-line)!important;
  color:#fff!important;
}
body .register a{color:var(--sx-auth-gold-soft)!important}
body .err{
  background:#3c0d12!important;
  border-color:#7d1b27!important;
  color:#ffc7ce!important;
}

/* ========== REGISTER MEMBER ========== */
html body.panens-register,
body.panens-register .reg-main{
  background:var(--sx-auth-bg)!important;
  color:#fff!important;
}
/* REGISTER HEADER: wajib sama persis dengan header utama STARXBOY maroon/gold V3.
   Jangan gunakan header hitam lama. */
html body.panens-register .reg-topbar,
body.panens-register header.reg-topbar,
body.panens-register .reg-topbar{
  background:linear-gradient(180deg,#700d13 0%,#53070b 100%)!important;
  background-color:#700d13!important;
  border-bottom:1px solid #8d2027!important;
  box-shadow:none!important;
}
body.panens-register .reg-topbar .reg-brand,
body.panens-register .reg-topbar .reg-menu-btn,
body.panens-register .reg-topbar .reg-account{
  background:transparent!important;
}

body.panens-register .reg-menu-btn span{
  background:linear-gradient(90deg,var(--sx-auth-gold-soft),#b69800)!important;
}
body.panens-register .reg-account,
body.panens-register .reg-brand-fallback{
  color:var(--sx-auth-gold-soft)!important;
}
body.panens-register .reg-title-row h1,
body.panens-register .reg-section h2{
  color:var(--sx-auth-gold-soft)!important;
}
body.panens-register .reg-title-row span,
body.panens-register .reg-help,
body.panens-register .referral-help{
  color:#f1e7e8!important;
}
/* Sidebar register: sebelumnya abu-abu. Dikunci ke maroon/gold web utama. */
body.panens-register .reg-drawer{
  background:linear-gradient(180deg,#6f0b10 0%,#4b0509 55%,#320207 100%)!important;
  border-right:1px solid var(--sx-auth-line)!important;
  box-shadow:10px 0 26px rgba(30,0,4,.55)!important;
}
body.panens-register .reg-drawer-scroll{background:transparent!important}
body.panens-register .reg-drawer-item{
  background:linear-gradient(90deg,rgba(255,255,255,.018),rgba(255,255,255,0))!important;
  color:var(--sx-auth-gold-soft)!important;
  border-bottom-color:rgba(240,207,69,.16)!important;
}
body.panens-register .reg-drawer-item:active,
body.panens-register .reg-games-toggle.is-active{
  background:rgba(240,207,69,.10)!important;
  color:var(--sx-auth-gold-soft)!important;
  box-shadow:inset 0 0 0 1px rgba(240,207,69,.35)!important;
}
body.panens-register .reg-drawer-icon,
body.panens-register .reg-drawer-icon svg,
body.panens-register .reg-drawer-item>span:last-child{
  color:var(--sx-auth-gold-soft)!important;
  stroke:var(--sx-auth-gold-soft)!important;
}
body.panens-register .reg-drawer-rtp{
  border-color:var(--sx-auth-gold-soft)!important;
  color:var(--sx-auth-gold-soft)!important;
  background:#5a080d!important;
}
body.panens-register .reg-drawer-bottom{
  background:linear-gradient(180deg,var(--sx-auth-nav),var(--sx-auth-nav-deep))!important;
  border-top-color:#991b21!important;
}
body.panens-register .reg-drawer-quick,
body.panens-register .reg-drawer-quick svg,
body.panens-register .reg-drawer-quick small,
body.panens-register .reg-drawer-collapse span{
  color:var(--sx-auth-gold-soft)!important;
  stroke:var(--sx-auth-gold-soft)!important;
}
body.panens-register .reg-games-panel{
  background:linear-gradient(180deg,#5b0810,#360207)!important;
  border-left-color:var(--sx-auth-line)!important;
}
body.panens-register .reg-provider-menu-item{
  color:var(--sx-auth-gold-soft)!important;
  border-bottom-color:rgba(240,207,69,.16)!important;
}
body.panens-register .reg-provider-menu-logo{
  background:var(--sx-auth-panel)!important;
  color:var(--sx-auth-gold-soft)!important;
  border:1px solid rgba(240,207,69,.28)!important;
}
body.panens-register .reg-login-panel,
body.panens-register .reg-login-panel-frame{
  background:var(--sx-auth-bg)!important;
}
/* Kode referensi + CAPTCHA tetap mengikuti layout yang diminta; hanya palet dikunci. */
body.panens-register .ref-row .reg-label,
body.panens-register .ref-row .reg-help,
body.panens-register .captcha-qq-label,
body.panens-register .captcha-qq-row .captcha-refresh{
  color:var(--sx-auth-gold-soft)!important;
}
body.panens-register .ref-row .reg-field,
body.panens-register .captcha-qq-row .captcha-line .reg-field{
  background:#300008!important;
  color:#fff!important;
  border-color:#d8bd55!important;
}
body.panens-register .ref-row .reg-field:focus,
body.panens-register .captcha-qq-row .captcha-line .reg-field:focus{
  border-color:#ffe16a!important;
}

/* ========== LUPA PASSWORD ========== */
body.member-page{
  background:var(--sx-auth-bg)!important;
}
body.member-page .member-box{
  background:linear-gradient(160deg,var(--sx-auth-panel),var(--sx-auth-bg-soft))!important;
  border-color:var(--sx-auth-line)!important;
  color:#fff!important;
  box-shadow:0 24px 70px rgba(0,0,0,.48)!important;
}
body.member-page .member-box:before{
  background:linear-gradient(90deg,transparent,var(--sx-auth-gold),transparent)!important;
}
body.member-page .member-box h1{color:var(--sx-auth-gold-soft)!important}
body.member-page .reset-help{color:var(--sx-auth-muted)!important}
body.member-page .member-box input{
  background:var(--sx-auth-field)!important;
  color:var(--sx-auth-field-text)!important;
  border-color:transparent!important;
}
body.member-page .member-box input:focus{
  border-color:var(--sx-auth-gold)!important;
  box-shadow:0 0 0 1px var(--sx-auth-gold)!important;
}
body.member-page .password-toggle,
body.member-page .password-toggle.active{
  color:var(--sx-auth-gold-soft)!important;
}
body.member-page .btn.btn-red{
  background:linear-gradient(180deg,#f7df68,#d5a916)!important;
  border:1px solid #9e7810!important;
  color:#201300!important;
  box-shadow:none!important;
}
body.member-page .member-box a:not(.member-brand){color:var(--sx-auth-gold-soft)!important}

/* ========== PIN KEDUA ========== */
body .pin-shell,
body .pin-panel{
  background:var(--sx-auth-bg)!important;
  color:#fff!important;
}
body .pin-head{border-bottom-color:var(--sx-auth-line)!important}
body .pin-head a,
body .pin-head b,
body .pin-content h1{color:var(--sx-auth-gold-soft)!important}
body .pin-content p{color:#fff!important}
body .pin-boxes{
  background:var(--sx-auth-field)!important;
  border-color:#727277!important;
}
body .pin-key{
  background:linear-gradient(180deg,#f7df68,#d5a916)!important;
  border-color:#9e7810!important;
  color:#201300!important;
}
body .pin-clear{
  background:var(--sx-auth-panel)!important;
  border-color:var(--sx-auth-gold)!important;
  color:var(--sx-auth-gold-soft)!important;
}
body .pin-submit{
  background:linear-gradient(180deg,#f7df68,#d5a916)!important;
  border:1px solid #9e7810!important;
  color:#201300!important;
}
body .pin-logout{
  background:var(--sx-auth-panel-2)!important;
  border:1px solid var(--sx-auth-line)!important;
  color:var(--sx-auth-gold-soft)!important;
}
body .pin-success-card{
  background:var(--sx-auth-panel)!important;
  color:#fff!important;
  border:1px solid var(--sx-auth-line)!important;
}
body .pin-success-card h2{color:var(--sx-auth-gold-soft)!important}
body .pin-success-check{border-color:rgba(240,207,69,.35)!important}
body .pin-success-check:after{border-color:var(--sx-auth-gold)!important}
body .pin-ok{
  background:linear-gradient(180deg,#f7df68,#d5a916)!important;
  color:#201300!important;
  border-color:#9e7810!important;
}

/* ========== DAFTAR SUKSES ========== */
body .rs-page{background:var(--sx-auth-bg)!important;color:#fff!important}
body .rs-head{
  background:#0d0d0d!important;
  border-bottom-color:var(--sx-auth-line)!important;
}
body .rs-menu span{background:var(--sx-auth-gold)!important}
body .rs-brand b,
body .rs-account{color:var(--sx-auth-gold-soft)!important}
body .rs-balance{
  background:var(--sx-auth-panel)!important;
  border-bottom-color:var(--sx-auth-line)!important;
  color:var(--sx-auth-gold-soft)!important;
}
body .rs-title{color:var(--sx-auth-gold-soft)!important}
body .rs-card{
  background:linear-gradient(160deg,var(--sx-auth-panel),var(--sx-auth-bg-soft))!important;
  border-top:1px solid var(--sx-auth-line)!important;
  border-bottom:1px solid var(--sx-auth-line)!important;
}
body .rs-main{color:#fff!important}
body .rs-deposit-link{
  background:#f7df68!important;
  color:#201300!important;
}

/* Brand Google tetap warna resmi Google; warna semantic error/success tetap dibedakan. */

/* STARXBOY REGISTER TOPBAR HARD LOCK V2 — exact main header palette */
html body.panens-register .reg-topbar{
  background:linear-gradient(180deg,#700d13 0%,#53070b 100%)!important;
  background-color:#700d13!important;
  border-bottom:1px solid #8d2027!important;
}
html body.panens-register .reg-topbar *{
  --sx-register-header-gold:#f7e27e;
}
html body.panens-register .reg-menu-btn span{
  background:linear-gradient(90deg,#f7e27e,#f0cf45)!important;
}
html body.panens-register .reg-account{color:#f7e27e!important}


/* 2026-09-10 FRAME/PANEL BUG HARDENING */
html body.panens-register{width:100%!important;max-width:none!important;margin:0!important;}
html body.panens-register .reg-topbar{width:100%!important;max-width:none!important;left:0!important;right:0!important;margin:0!important;background:linear-gradient(180deg,#700d13 0%,#53070b 100%)!important;background-color:#700d13!important;border-bottom:1px solid #8d2027!important;}