/* ============================================================
   AETHRA Teknisi — Gaya khusus Modul Keamanan (gate aplikasi)
   Memakai ulang variabel tema dari style.css. Muat SETELAH style.css.
   ============================================================ */

/* Wadah gate (memakai animasi fade yang sudah ada via kelas .fade) */
.sec-gate { /* hook khusus bila perlu override jarak */ }

/* Input PIN: besar, monospace, terpusat, jarak antar digit */
.sec-pininput {
  text-align: center;
  letter-spacing: 12px;
  font-size: 22px !important;
  font-family: ui-monospace, SFMono-Regular, monospace;
  font-weight: 700;
}

/* Spinner menunggu persetujuan owner */
.sec-spin {
  width: 46px; height: 46px;
  margin: 8px auto 14px;
  border-radius: 50%;
  border: 4px solid var(--line);
  border-top-color: var(--accent);
  animation: sec-rot .9s linear infinite;
}
@keyframes sec-rot { to { transform: rotate(360deg); } }

/* Pastikan tombol bertumpuk punya jarak rapi di kartu gate */
.sec-gate .card .btn + .btn { margin-top: 8px; }