/* =========================================================
   PELITA UI/UX 5A1.10 — DESKTOP LOGIN RESTORE
   HANYA DESKTOP (>=900px)
   Tujuan:
   - Mengembalikan field Username/Password ke dalam card login
   - Tidak menyentuh mobile yang sudah LOCK
   - Tidak mengubah background, posisi card, logo, teks, flow login
   Muat PALING TERAKHIR.
   ========================================================= */

@media (min-width: 900px) {

  /* Reset form dari kemungkinan rule mobile/override yang bocor */
  body.pelita-login-page:not(.access-page) .login-form {
    position: static !important;
    inset: auto !important;
    display: grid !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 12px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
  }

  /* Hilangkan pseudo-card tambahan dari patch mobile */
  body.pelita-login-page:not(.access-page) .login-form::before,
  body.pelita-login-page:not(.access-page) .login-form::after {
    content: none !important;
    display: none !important;
  }

  /* Field kembali mengikuti flow normal di dalam card */
  body.pelita-login-page:not(.access-page) .login-field,
  body.pelita-login-page:not(.access-page) .login-field:nth-of-type(1),
  body.pelita-login-page:not(.access-page) .login-field:nth-of-type(2) {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    display: grid !important;
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
    gap: 5px !important;

    transform: none !important;
  }

  /* Label desktop seperti sebelum patch mobile */
  body.pelita-login-page:not(.access-page) .login-field > label {
    display: block !important;
    margin: 0 !important;

    color: #506159 !important;
    font-size: .65rem !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
  }

  body.pelita-login-page:not(.access-page) .login-input-wrap {
    position: relative !important;
    display: block !important;
    width: 100% !important;
  }

  /* Icon kiri kembali tampil */
  body.pelita-login-page:not(.access-page) .login-input-wrap > i {
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    left: 13px !important;
    z-index: 2 !important;

    transform: translateY(-50%) !important;

    color: #729184 !important;
    font-size: 1rem !important;
    line-height: 1 !important;

    pointer-events: none !important;
  }

  /* Input kembali ke desain desktop awal */
  body.pelita-login-page:not(.access-page) .login-input-wrap input {
    position: static !important;

    display: block !important;
    width: 100% !important;
    max-width: none !important;

    height: auto !important;
    min-height: 48px !important;

    margin: 0 !important;
    padding: 10px 42px 10px 39px !important;

    border: 1px solid #dbe6e1 !important;
    border-radius: 13px !important;

    outline: 0 !important;
    background: rgba(255,255,255,.88) !important;

    color: #2c4037 !important;
    font-size: 16px !important;
    line-height: 1.3 !important;

    box-shadow: none !important;
    transform: none !important;
  }

  body.pelita-login-page:not(.access-page) .login-input-wrap input::placeholder {
    color: #8a918e !important;
    font-size: 16px !important;
  }

  body.pelita-login-page:not(.access-page) .login-input-wrap input:focus {
    border-color: #62c19d !important;
    box-shadow: 0 0 0 3px rgba(15,142,102,.10) !important;
  }

  /* Tombol mata Password kembali ke posisi desktop */
  body.pelita-login-page:not(.access-page) .password-toggle {
    position: absolute !important;
    top: 50% !important;
    right: 7px !important;
    bottom: auto !important;
    left: auto !important;

    display: grid !important;
    place-items: center !important;

    width: 36px !important;
    height: 36px !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: translateY(-50%) !important;

    border: 0 !important;
    border-radius: 10px !important;

    background: transparent !important;
    color: #789087 !important;
  }

  body.pelita-login-page:not(.access-page) .password-toggle i {
    display: block !important;
    position: static !important;
    transform: none !important;
    font-size: 1rem !important;
    line-height: 1 !important;
  }

  /* Tombol Masuk desktop kembali mengikuti flow normal */
  body.pelita-login-page:not(.access-page) .login-submit {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    display: flex !important;
    width: 100% !important;
    min-height: 49px !important;

    margin: 2px 0 0 !important;

    transform: none !important;
  }

  /* Pastikan teks tombol desktop asli muncul */
  body.pelita-login-page:not(.access-page) .login-submit span {
    display: inline !important;
    font-size: inherit !important;
  }

  body.pelita-login-page:not(.access-page) .login-submit::before,
  body.pelita-login-page:not(.access-page) .login-submit::after {
    content: none !important;
    display: none !important;
  }

  /* Desktop footer/card info mengikuti CSS utama */
  body.pelita-login-page:not(.access-page) .login-flow-note,
  body.pelita-login-page:not(.access-page) .login-footer,
  body.pelita-login-page:not(.access-page) .login-copy {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    width: auto !important;
    max-width: none !important;

    transform: none !important;
  }

  body.pelita-login-page:not(.access-page) .login-flow-note {
    display: grid !important;
  }

  body.pelita-login-page:not(.access-page) .login-footer {
    display: flex !important;
  }

  /* Hilangkan teks versi hasil pseudo-element mobile di desktop */
  body.pelita-login-page:not(.access-page) .login-footer::before,
  body.pelita-login-page:not(.access-page) .login-footer::after {
    content: none !important;
    display: none !important;
  }

  body.pelita-login-page:not(.access-page) .login-footer span {
    display: block !important;
  }
}