/* ══════════════════════════════════════════════════════════════════════════ DBT — GİRİŞ / KİMLİK EKRANLARI MOBİL KATMANI (dbt-auth-mobil.css) NEDEN AYRI DOSYA: Bu sayfalar Layout = null kullanıyor; _Layout'a eklenen dbt-mobil.css onlarda YÜKLENMİYOR. Kendi 'lerine ayrıca eklenmeleri gerekiyor. Kapsam: Login, Şifremi Unuttum, Şifre Yenile, İlk Şifre Değiştir, E-posta Doğrulama. MASAÜSTÜNE DOKUNULMAZ: her kural bir @media sorgusu içinde. ══════════════════════════════════════════════════════════════════════════ */ /* ═══════════════════ 768px — TABLET VE ALTI ═══════════════════ */ @media (max-width: 768px) { /* Dikey ortalama kaldırılır. Klavye açıldığında viewport kısalıyor ve ortalanmış kart yukarı kayıp başlığı ekran dışına itiyordu. */ body { align-items: flex-start !important; padding: 20px 14px !important; } .kart { max-width: 100% !important; padding: 28px 22px !important; border-radius: 14px !important; /* Gölge telefonda ekranın çoğunu kaplayınca kirli görünüyor. */ box-shadow: 0 10px 30px rgba(0, 0, 0, .18) !important; } } /* ═══════════════════ 560px — TELEFON ═══════════════════ */ @media (max-width: 560px) { body { padding: 14px 10px !important; } .kart { padding: 24px 18px !important; border-radius: 12px !important; } h1 { font-size: 19px !important; } .alt { font-size: 13px !important; } /* iOS 16px ALTINDAKİ yazıda sayfayı otomatik yakınlaştırıyor ve kullanıcı geri uzaklaştırmayı bilmiyor; form kullanılamaz hale geliyor. 16px alt sınır bunu engelliyor. */ .form-control, input[type="text"], input[type="email"], input[type="password"] { font-size: 16px !important; min-height: 44px !important; padding: 11px 13px !important; } /* Dokunma hedefi: 44px, parmakla rahat vurulan alt sınır. */ .btn-gonder, .btn, button[type="submit"] { min-height: 46px !important; font-size: 15px !important; } /* Geri bağlantısı ve yardımcı metinler dokunulabilir kalsın. */ .geri a { display: inline-block; padding: 8px 4px; font-size: 13.5px !important; } } /* ═══════════════════ KISA EKRAN (yatay telefon) ═══════════════════ */ @media (max-height: 520px) { /* Yatay tutulan telefonda dikey ortalama kartın üstünü kesiyor. Yükseklik azaldığında üstten hizalanıp sayfa kaydırılabilir olur. */ body { align-items: flex-start !important; padding-top: 12px !important; padding-bottom: 12px !important; } .kart { padding: 20px 18px !important; } } /* ═══════════════════ SEÇİM LİSTELERİ ═══════════════════ */ @media (max-width: 560px) { /* Kayıt ve doğrulama formlarındaki