/* =========================================================
   PELITA UI/UX 5A1.7 — MOBILE LOGIN FINE TUNE
   Muat PALING TERAKHIR setelah:
   1. pelita-login.css
   2. pelita-login-mobile-refine.css
   3. pelita-login-mobile-card-override.css

   HANYA MOBILE (<900px)
   ========================================================= */

@media (max-width: 899px) {

  /* -------------------------------------------------------
     LOGO
     Lebih kecil dan lebih naik
     ------------------------------------------------------- */
  body.pelita-login-page:not(.access-page) .login-brand {
    top: 14px !important;
    width: min(42vw, 176px) !important;
  }

  /* -------------------------------------------------------
     TEKS PEMBUKA
     Lebih kecil dan lebih naik
     ------------------------------------------------------- */
  body.pelita-login-page:not(.access-page) .login-copy {
    top: 72px !important;
    width: min(82vw, 330px) !important;
  }

  body.pelita-login-page:not(.access-page) .login-copy .login-kicker {
    display: none !important;
  }

  body.pelita-login-page:not(.access-page) .login-copy h1 {
    margin: 0 !important;
    font-size: 1.02rem !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
  }

  body.pelita-login-page:not(.access-page) .login-copy p:not(.login-kicker) {
    margin-top: 4px !important;
    font-size: .61rem !important;
    line-height: 1.35 !important;
  }

  /* -------------------------------------------------------
     BOX USERNAME + PASSWORD
     Lebih kecil, lebih sempit, lebih naik
     ------------------------------------------------------- */
  body.pelita-login-page:not(.access-page) .login-form::before {
    top: 118px !important;
    left: 50% !important;
    width: min(64vw, 262px) !important;
    height: 144px !important;
    transform: translateX(-50%) !important;
    border-radius: 17px !important;
  }

  body.pelita-login-page:not(.access-page) .login-field {
    left: 50% !important;
    width: min(56vw, 230px) !important;
    transform: translateX(-50%) !important;
  }

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

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

  /* -------------------------------------------------------
     LABEL DIKEMBALIKAN
     ------------------------------------------------------- */
  body.pelita-login-page:not(.access-page) .login-field > label {
    display: block !important;
    margin: 0 0 4px !important;
    color: #4d6359 !important;
    font-size: .54rem !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
  }

  /* -------------------------------------------------------
     INPUT
     Font dan tinggi lebih kecil
     ------------------------------------------------------- */
  body.pelita-login-page:not(.access-page) .login-input-wrap input {
    min-height: 40px !important;
    height: 40px !important;
    padding: 7px 38px 7px 34px !important;
    border-radius: 11px !important;
    font-size: 14px !important;
  }

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

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

  body.pelita-login-page:not(.access-page) .password-toggle i {
    font-size: .86rem !important;
  }

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

  /*
   * Bagian bawah sengaja tidak disentuh:
   * - tombol Masuk
   * - Versi 4.00 • Pelita Elektronik Absensi
   */
}


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

  body.pelita-login-page:not(.access-page) .login-brand {
    top: 9px !important;
    width: min(38vw, 158px) !important;
  }

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

  body.pelita-login-page:not(.access-page) .login-copy h1 {
    font-size: .94rem !important;
  }

  body.pelita-login-page:not(.access-page) .login-copy p:not(.login-kicker) {
    font-size: .57rem !important;
  }

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

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

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

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

  body.pelita-login-page:not(.access-page) .login-field > label {
    margin-bottom: 3px !important;
    font-size: .50rem !important;
  }

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

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