/* ==========================================================================
   Şifremi Unuttum sayfası — split-screen marka diline geçiş (TASK-062)
   Sadece Views/Account/ForgotPassword.cshtml içinde kullanılır.

   Sol görsel panel + genel split-screen iskeleti (login-split-wrapper,
   login-visual-panel, login-form-panel, login-card, login-form-group,
   login-input-wrap, login-btn vb.) İbrahim'in "login/register ile birebir
   aynı görsel" talebi gereği DOĞRUDAN login.css'ten (TASK-045) miras
   alınıyor — burada tekrar tanımlanmadı. Bu dosya sadece bu sayfaya özel
   ek parçaları içerir: beyaz kart yüzeyi + gölge, sağa hizalı e-posta
   ikonu, başarı/dev-reset kutuları ve alt link satırı (Giriş Yap / Kayıt Ol).

   Marka renk değişkenleri (--brand-*) _bulyerini-theme.css'ten gelir —
   bu dosya ondan ve login.css'ten SONRA yüklenmeli (override sırası).
   ========================================================================== */

/* ---------- Kart yüzeyi: beyaz zemin + radius + soft shadow ----------
   Not: Login sayfasında .login-card'ın kendisi bir kutu/gölge taşımıyor
   (sağ panelin geneli zaten açık gri zemin). İbrahim'in bu sayfa için
   özellikle istediği "beyaz zemin, radius 12-16px, soft shadow" talebi
   burada .login-card üzerine eklenen bu yüzey ile karşılanıyor — genişlik
   (max-width: 400px) login ile birebir aynı korunuyor, sadece kart artık
   kendi beyaz/gölgeli yüzeyine sahip. */
.login-card.fp-card-surface {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(76, 29, 149, 0.12), 0 2px 8px rgba(17, 24, 39, 0.04);
    padding: 40px 36px;
    box-sizing: border-box;
    /* .login-form-panel bir flex konteyner ve .login-card burada tek çocuk;
       flex item'ların min-width:auto varsayılanı bazı tarayıcı/viewport
       kombinasyonlarında içerik taşmasına yol açabiliyor. Savunmacı önlem —
       gerçek bir tarayıcıda (Chrome, puppeteer ile doğrulandı) taşma
       gözlenmedi ama zararsız ve doğru olduğu için bırakıldı. */
    min-width: 0;
    flex: 1 1 auto;
}

/* ---------- E-posta input: ikon sağda (İbrahim'in özel talebi) ---------- */
.fp-input-wrap-icon-right {
    position: relative;
}

.fp-input-wrap-icon-right .fp-icon-right {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--brand-gray-400);
    font-size: 14px;
    pointer-events: none;
}

.fp-input-wrap-icon-right input[type="email"] {
    padding-left: 14px;
    padding-right: 40px;
}

/* ---------- Başarı mesajı (soft badge, login-alert-error'ın yeşil eşi) ---------- */
.fp-alert-success {
    background: #F0FDF4;
    border: 1px solid #BBF7D0;
    color: #15803D;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 14px;
    margin-bottom: 18px;
}

/* ---------- [DEV] Sıfırlama Linki kutusu — yeni tasarıma nazikçe entegre ---------- */
.fp-dev-reset-box {
    background: #FFFBEB;
    border: 1px solid #FDE68A;
    color: #92400E;
    border-radius: 8px;
    padding: 12px 14px;
    font-size: 13px;
    margin-top: 20px;
    word-break: break-all;
}

.fp-dev-reset-box strong {
    display: block;
    margin-bottom: 4px;
}

.fp-dev-reset-box a {
    color: var(--brand-700);
    font-weight: 600;
    word-break: break-all;
}

/* ---------- Alt link satırı: "← Giriş Yap" + "Kayıt Ol" (ghost/outline buton) ---------- */
.fp-bottom-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 22px;
}

.fp-back-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--brand-primary);
    font-weight: 600;
    font-size: 13.5px;
    text-decoration: none;
}

.fp-back-link .fp-back-arrow {
    font-size: 11px;
}

.fp-back-link:hover {
    color: var(--brand-primary-hover);
    text-decoration: underline;
}

.fp-register-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    border: 1.5px solid var(--brand-primary);
    border-radius: 8px;
    color: var(--brand-primary);
    font-weight: 600;
    font-size: 13px;
    text-decoration: none;
    background: transparent;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.fp-register-btn:hover {
    background: var(--brand-light);
    color: var(--brand-primary-active);
    text-decoration: none;
}

/* ---------- Mobil: kart yüzeyinin padding'i biraz daralır ---------- */
@media (max-width: 768px) {
    .login-card.fp-card-surface {
        padding: 28px 22px;
    }
}