/* =============================================
   LOGIN COMPACT OVERRIDES
   Load this AFTER style.css (atau taruh di bagian paling bawah style.css)
   Tujuan: halaman login muat 1 layar tanpa scrolling.
   Scope: hanya class login-* sehingga aman untuk halaman lain.
   ============================================= */

/* Kurangi padding latar agar lebih fit */
.login-body{
  padding: 12px 12px;
}

/* Card lebih ringkas */
.login-card-premium{
  max-width: 440px;
  padding: 14px 14px 12px;
}

.login-card-premium::before{
  height: 5px;
  margin: -5px 0 10px 0;
}

/* Brand block */
.login-brand{
  gap: 8px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

/* Logo utama */
.login-logo-main{
  width: 180px;
  max-width: 72%;
}

/* Judul & subjudul */
.login-brand-title{
  font-size: 18px;
}

.login-brand-sub{
  font-size: 11px;
}

/* Heading & deskripsi */
.login-heading{
  margin: 10px 0 2px;
  font-size: 17px;
}

.login-desc{
  margin: 0 0 10px;
  font-size: 12px;
}

/* Form spacing */
.login-form{
  gap: 10px;
  margin-top: 4px;
}

.login-field label{
  margin-bottom: 5px;
}

/* Input & tombol */
.login-input{
  height: 40px;
  border-radius: 11px;
  font-size: 12.5px;
}

.login-btn{
  height: 42px;
  border-radius: 11px;
}

/* Note & footer */
.login-note{
  margin-top: 10px;
  padding: 9px 11px;
  font-size: 11.5px;
}

.login-meta{
  margin-top: 10px;
}

/* Tambahan: kalau layar pendek, makin ringkas */
@media (max-height: 760px){
  .login-body{ padding: 10px 10px; }
  .login-card-premium{ max-width: 420px; padding: 12px 12px 10px; }
  .login-logo-main{ width: 165px; }
  .login-brand-title{ font-size: 17px; }
  .login-heading{ font-size: 16px; margin: 8px 0 2px; }
  .login-desc{ font-size: 11.5px; margin-bottom: 8px; }
  .login-input{ height: 38px; }
  .login-btn{ height: 40px; }
  .login-meta{ display: none; }
}