/* ============================================================
   Paybana — Giriş / Şifre ekranları
   ------------------------------------------------------------
   Login.cshtml, ForgotPassword.cshtml, ConfirmResetPassword.cshtml
   ve VerifyEmail.cshtml `Layout = null` ile çalışır; _Layout'a
   eklenen tema katmanı onlara ULAŞMAZ. Bu dosya o boşluğu kapatır.

   AdminLTE'nin login yapısı üzerine yazılır:
     body.login-page > .login-box > .login-logo + .card > .login-card-body
   Markup'a hiç dokunulmaz.
   ============================================================ */

/* ---------- Sayfa zemini ---------- */

body.login-page,
body.hold-transition.login-page {
  background: linear-gradient(160deg, var(--pb-bg) 0%, #e7eef2 55%, var(--pb-brand-50) 100%);
  min-height: 100vh;
  align-items: center;
  font-family: var(--pb-font);
  color: var(--pb-text);
}

/* ---------- Kutu ---------- */

.login-page .login-box {
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
  padding: var(--pb-space-4);
}

.login-page .login-logo {
  margin-bottom: var(--pb-space-5);
  text-align: center;
}
.login-page .login-logo img {
  max-width: 200px;
  height: auto;
}

.login-page .card {
  border: 1px solid var(--pb-border);
  border-radius: 14px;
  box-shadow: var(--pb-shadow-3);
  background: var(--pb-surface);
  overflow: hidden;
}

.login-page .login-card-body {
  padding: var(--pb-space-6) var(--pb-space-5) var(--pb-space-5);
  border-radius: 0;
}

/* Yardimci metin — BASLIK DEGIL. Asil baslik logonun kendisi.
   Onceden 16px/650 idi; "Sifrenizi mi unuttunuz? Burada kolayca yeni bir
   sifre alabilirsiniz." gibi uzun cumlelerde bir manset gibi duruyordu. */
.login-page .login-box-msg {
  font-size: var(--pb-fs-base);
  font-weight: 500;
  letter-spacing: 0;
  color: var(--pb-text-muted);
  text-align: center;
  padding: 0;
  margin: 0 0 var(--pb-space-5);
  line-height: 1.55;
  max-width: 34ch;
  margin-left: auto;
  margin-right: auto;
}

/* ---------- Alanlar ----------
   Yapı: .input-group > input.form-control + .input-group-append > .input-group-text
   İkon sağda bir ek kutuda; ikisini tek kutu gibi gösteriyoruz. */

.login-page .input-group { margin-bottom: var(--pb-space-4) !important; }

.login-page .input-group > .form-control {
  height: 46px;
  border: 1px solid var(--pb-border-strong);
  border-right: 0;
  border-radius: var(--pb-radius-sm) 0 0 var(--pb-radius-sm);
  padding: 0 var(--pb-space-4);
  font-size: var(--pb-fs-base);
  color: var(--pb-text);
  background: var(--pb-surface);
  box-shadow: none;
}
.login-page .input-group > .form-control::placeholder { color: var(--pb-text-faint); }

.login-page .input-group > .form-control:focus {
  border-color: var(--pb-primary);
  box-shadow: var(--pb-ring);
  z-index: 2;
}

.login-page .input-group-append .input-group-text {
  height: 46px;
  min-width: 46px;
  justify-content: center;
  border: 1px solid var(--pb-border-strong);
  border-left: 0;
  border-radius: 0 var(--pb-radius-sm) var(--pb-radius-sm) 0;
  background: var(--pb-surface-2);
  color: var(--pb-text-faint);
}

/* Input odaktayken ikon kutusu da vurgulansın */
.login-page .input-group > .form-control:focus + .input-group-append .input-group-text {
  border-color: var(--pb-primary);
  color: var(--pb-primary);
}

/* ---------- Buton ---------- */

.login-page .btn-primary.btn-block,
.login-page .btn-primary {
  height: 46px;
  border-radius: var(--pb-radius-sm);
  background: var(--pb-primary);
  border-color: var(--pb-primary);
  color: #fff;
  font-size: var(--pb-fs-base);
  font-weight: 650;
  letter-spacing: .01em;
  transition: background-color .12s ease;
}
.login-page .btn-primary:hover {
  background: var(--pb-primary-600);
  border-color: var(--pb-primary-600);
}
.login-page .btn-primary:focus { box-shadow: var(--pb-ring); }

/* ---------- reCAPTCHA ----------
   .g-recaptcha bir iframe; dar ekranda taşıyordu. Ortalanır ve sığdırılır. */

.login-page .g-recaptcha {
  margin: 0 auto var(--pb-space-2);
  transform-origin: 0 0;
}
.login-page .input-group:has(> .g-recaptcha) { justify-content: center; }

@media (max-width: 400px) {
  .login-page .g-recaptcha { transform: scale(.87); }
}

/* ---------- Bağlantılar ---------- */

.login-page .login-card-body a {
  color: var(--pb-primary);
  font-weight: 600;
  font-size: var(--pb-fs-sm);
  text-decoration: none;
}
.login-page .login-card-body a:hover {
  color: var(--pb-primary-600);
  text-decoration: underline;
}
.login-page .row + .row { margin-top: var(--pb-space-3); }
.login-page .login-card-body .row .col-12 { text-align: center; }

/* ---------- Bilgi mesajı ----------
   ForgotPassword.cshtml mesajı <p class="btn-success"> ile basıyor
   (buton sınıfı bir paragrafta). Markup'a dokunmadan uyarı kutusuna çeviriyoruz. */

.login-page .login-card-body p.btn-success {
  display: block;
  width: 100%;
  white-space: normal;
  text-align: left;
  background: var(--pb-success-bg);
  border: 1px solid transparent;
  border-left: 3px solid var(--pb-success);
  color: var(--pb-success);
  border-radius: var(--pb-radius-sm);
  padding: var(--pb-space-3) var(--pb-space-4);
  margin-bottom: var(--pb-space-4);
  font-size: var(--pb-fs-sm);
  font-weight: 600;
  cursor: default;
  pointer-events: none;
}