/* Tahan semua layar utama sampai sesi panel selesai diperiksa,
   supaya tidak ada layar yang berkedip muncul lalu hilang. */
html.belum-siap .masuk-layar,
html.belum-siap .lisensi-layar,
html.belum-siap .shell{display:none !important}

/* Layar penuh untuk masuk & lisensi */
.masuk-layar,.lisensi-layar{position:fixed;inset:0;z-index:60;display:flex;
  align-items:center;justify-content:center;padding:20px;
  background:var(--bg);overflow-y:auto}
.masuk-kotak,.lisensi-kotak{width:100%;max-width:400px;background:var(--panel-padat);
  border:1px solid var(--garis);border-radius:18px;padding:30px 26px;
  box-shadow:var(--bayang-kuat);text-align:center}
.masuk-ikon{width:56px;height:56px;margin:0 auto 14px;border-radius:16px;
  display:flex;align-items:center;justify-content:center;font-size:26px;
  background:var(--merah-lembut);border:1px solid var(--merah-lembut)}
.masuk-kotak h1,.lisensi-kotak h1{font-size:20px;margin:0 0 6px;color:var(--teks)}
.masuk-sub,.lisensi-sub{margin:0 0 20px;color:var(--teks-3);font-size:13px}
.masuk-kotak .input,.lisensi-kotak .input{margin-bottom:10px;text-align:center}
.masuk-pesan,.lisensi-pesan{min-height:20px;margin-top:10px;font-size:13px;color:var(--merah-tua)}
.masuk-pesan.ok,.lisensi-pesan.ok{color:var(--hijau)}
.masuk-kaki,.lisensi-kaki{margin-top:16px;font-size:11px;color:var(--teks-3);
  border-top:1px solid var(--garis);padding-top:12px}
.lisensi-ikon{width:60px;height:60px;margin:0 auto 14px;border-radius:18px;
  display:flex;align-items:center;justify-content:center;font-size:28px;
  font-weight:800;color:#fff;background:var(--merah)}
.lisensi-status{font-size:13px;color:var(--teks-2);margin-bottom:14px;min-height:20px}

/* Laci menu hanya aktif di layar kecil */
.nav-lapis{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.5);
  opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}

@media(max-width:900px){
  .masuk-kotak,.lisensi-kotak{padding:24px 20px}
}