/* =========================================================
   PELITA UI/UX 5A1.6 — HARD OVERRIDE MOBILE LOGIN CARD
   Muat PALING TERAKHIR setelah pelita-login.css dan
   pelita-login-mobile-refine.css.
   Tujuan: paksa card username/password lebih kecil + lebih naik.
   ========================================================= */

@media (max-width: 899px) {

  /* BOX PUTIH utama username/password */
  body.pelita-login-page:not(.access-page) .login-form::before {
    top: 168px !important;
    left: 50% !important;
    width: min(70vw, 286px) !important;
    height: 108px !important;
    transform: translateX(-50%) !important;
    border-radius: 18px !important;
  }

  /* Lebar field di dalam box */
  body.pelita-login-page:not(.access-page) .login-field {
    left: 50% !important;
    width: min(62vw, 252px) !important;
    transform: translateX(-50%) !important;
  }

  /* Username */
  body.pelita-login-page:not(.access-page) .login-field:nth-of-type(1) {
    top: 177px !important;
  }

  /* Password */
  body.pelita-login-page:not(.access-page) .login-field:nth-of-type(2) {
    top: 226px !important;
  }

  /* Tinggi input lebih pendek */
  body.pelita-login-page:not(.access-page) .login-input-wrap input {
    min-height: 42px !important;
    height: 42px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    border-radius: 12px !important;
  }

  body.pelita-login-page:not(.access-page) .login-input-wrap > i {
    font-size: .92rem !important;
  }

  body.pelita-login-page:not(.access-page) .password-toggle {
    width: 32px !important;
    height: 32px !important;
  }

  /*
   * Sedikit naikkan teks pembuka supaya jarak dengan card lebih rapat.
   * Logo tetap seperti 5A1.5.
   */
  body.pelita-login-page:not(.access-page) .login-copy {
    top: 108px !important;
  }

  /* Error mengikuti posisi card baru */
  body.pelita-login-page:not(.access-page) .login-alert {
    top: 286px !important;
    width: min(70vw, 286px) !important;
  }
}

/* Layar mobile yang sangat pendek */
@media (max-width: 899px) and (max-height: 700px) {

  body.pelita-login-page:not(.access-page) .login-copy {
    top: 82px !important;
  }

  body.pelita-login-page:not(.access-page) .login-form::before {
    top: 132px !important;
    width: min(72vw, 280px) !important;
    height: 102px !important;
  }

  body.pelita-login-page:not(.access-page) .login-field {
    width: min(64vw, 246px) !important;
  }

  body.pelita-login-page:not(.access-page) .login-field:nth-of-type(1) {
    top: 140px !important;
  }

  body.pelita-login-page:not(.access-page) .login-field:nth-of-type(2) {
    top: 186px !important;
  }

  body.pelita-login-page:not(.access-page) .login-input-wrap input {
    min-height: 40px !important;
    height: 40px !important;
  }

  body.pelita-login-page:not(.access-page) .login-alert {
    top: 244px !important;
  }
}