/* v8 · 2026-10-10 · Konsistensi formulir autentikasi lintas orientasi.
   Perbaikan visual saja: tanpa perubahan validasi, mekanisme CAPTCHA,
   fungsi kata sandi, atau fitur masuk/pendaftaran. */

/* Di potret tombol primer sudah kuning; gunakan warna yang sama di landscape.
   Berlaku untuk semua tombol aksi utama pada layar autentikasi saja. */
body.raAuthMode .raAuthScreen .raAuthPane .raAuthSubmit{
  background:#f3c928!important;
  background-image:none!important;
  color:#1a2b41!important;
  border:1px solid #efc118!important;
  box-shadow:0 6px 14px rgba(239,179,25,.19)!important;
}
body.raAuthMode .raAuthScreen .raAuthPane .raAuthSubmit:hover{
  background:#ffdc59!important;
  background-image:none!important;
  color:#1a2b41!important;
  border-color:#efc118!important;
  box-shadow:0 6px 14px rgba(239,179,25,.26)!important;
}

/* Pada ukuran yang menampilkan label di atas bidang, placeholder
   duplikat disembunyikan; label HTML/aria-label tetap dipertahankan.
   Di desktop/landscape dengan label tersembunyi, placeholder tetap terlihat. */
@media (max-width:620px), (max-width:1024px) and (orientation:portrait){
  body.raAuthMode .raAuthScreen--login .raAuthForm .raSharedAuthField input::placeholder,
  body.raAuthMode .raAuthScreen--register .raAuthForm .raRegisterField input::placeholder{
    color:transparent!important;
    opacity:0!important;
  }
}

/* Login: samakan judul "Selamat Datang" antara portrait dan landscape.
   Mengikuti warna biru navy dari tampilan potret yang sudah dipilih. */
body.raAuthMode .raAuthScreen--login .raAuthPane h1.raSharedAuthTitle{
  color:#132e4a!important;
}
/* Mode gelap harus tetap terang untuk kontras di atas panel gelap. */
html[data-theme="dark"] body.raAuthMode .raAuthScreen--login .raAuthPane h1.raSharedAuthTitle{
  color:#f1f7fd!important;
}

/* Tautan kecil "Buat akun" di bawah form Masuk: biru terang pada potret dan landscape. */
body.raAuthMode .raAuthScreen--login .raAuthPane .raAuthFoot a{
  color:#0876d1!important;
}
body.raAuthMode .raAuthScreen--login .raAuthPane .raAuthFoot a:hover,
body.raAuthMode .raAuthScreen--login .raAuthPane .raAuthFoot a:focus-visible{
  color:#005cab!important;
}
html[data-theme="dark"] body.raAuthMode .raAuthScreen--login .raAuthPane .raAuthFoot a{
  color:#78c4ff!important;
}
html[data-theme="dark"] body.raAuthMode .raAuthScreen--login .raAuthPane .raAuthFoot a:hover,
html[data-theme="dark"] body.raAuthMode .raAuthScreen--login .raAuthPane .raAuthFoot a:focus-visible{
  color:#a7dcff!important;
}

/* 2026-10-10: "Belum menerima kode?" adalah tombol kirim ulang, bukan teks statis.
   Tetap menyerupai tautan kecil pada mode potret dan landscape. */
body.raAuthMode .raAuthScreen--otp .raOtpMiniLinks .raOtpResendLink{
  appearance:none!important;
  display:inline-block!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#0757a6!important;
  font:inherit!important;
  font-weight:900!important;
  text-decoration:underline!important;
  text-underline-offset:2px;
  text-align:left!important;
  cursor:pointer!important;
}
body.raAuthMode .raAuthScreen--otp .raOtpMiniLinks .raOtpResendLink:hover{
  color:#0876d1!important;
}
body.raAuthMode .raAuthScreen--otp .raOtpMiniLinks .raOtpResendLink:disabled{
  opacity:.68!important;
  text-decoration:none!important;
  cursor:wait!important;
}
body.raAuthMode .raAuthScreen--otp .raOtpMiniLinks .raOtpResendLink:focus-visible{
  outline:2px solid #f3c928!important;
  outline-offset:3px!important;
}
html[data-theme="dark"] body.raAuthMode .raAuthScreen--otp .raOtpMiniLinks .raOtpResendLink{
  color:#a8d7fb!important;
}