/* =========================================================
   TAX RISK SCORE v2 - Login akun akses khusus
   Memakai variabel warna dari css/style.css (--navy, --gold, dst),
   TIDAK mendefinisikan ulang variabel apa pun di sini.
   ========================================================= */

/* Kotak form login: dipakai di dalam .panel pada #layar-login */
.login-akses-box {
  max-width: 420px;
  margin: 0 auto;
}

.login-akses-box .field {
  margin-bottom: 18px;
  text-align: left;
}

.login-akses-box .field label {
  display: block;
  font-size: 13.5px;
  font-weight: 700;
  color: var(--heading);
  margin-bottom: 7px;
}

.login-akses-box .field input {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--card);
  color: var(--ink);
  font-size: 15px;
  font-family: var(--font);
  box-sizing: border-box;
}

.login-akses-box .field input:focus {
  outline: none;
  border-color: var(--gold);
  box-shadow: 0 0 0 4px rgba(201, 162, 75, .15);
}

.login-akses-box .field.error input { border-color: var(--red); }

.login-akses-box .field .err-msg {
  display: none;
  color: var(--red);
  font-size: 13.5px;
  margin-top: 5px;
}

.login-akses-box .field.error .err-msg { display: block; }

/* Link kecil "Sudah punya akun akses khusus?" di landing page */
.login-akses-link {
  display: inline-block;
  margin-top: 16px;
  font-size: 14px;
  color: var(--muted);
}

.login-akses-link a,
.login-akses-link button {
  background: none;
  border: none;
  padding: 0;
  margin-left: 4px;
  color: var(--gold);
  font-weight: 700;
  font-size: 14px;
  font-family: var(--font);
  cursor: pointer;
  text-decoration: underline;
}

.login-akses-link a:hover,
.login-akses-link button:hover { color: var(--gold-2); }

/* Badge kecil "Masuk sebagai <nama>" di header saat sudah login */
.badge-akun {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--gold-soft);
  color: var(--on-gold-soft);
  border: 1px solid var(--gold-soft-line);
  border-radius: 999px;
  padding: 5px 12px;
  font-size: 12.5px;
  font-weight: 700;
  margin-left: 10px;
}

.badge-akun .ttk { font-size: 13px; }

@media (max-width: 560px) {
  .login-akses-box { max-width: 100%; }
}