/* DÜZELTİLDİ ("web tasarımı uygulamayla birebir aynı olmalı"): eski sıcak
   ton (--k:#18160F, amber vurgu) yerine Flutter'daki blogInk/blogInk3 ile
   BİREBİR AYNI değerler (--ink:#0F172A, --ink3:#94A3B8) — bu proje
   içinde create.css'te zaten bu paleti kullanıyordu, buraya da yayıldı.
   --a/--aL/--aD (amber) artık monoton ink — Flutter'da da amber/altın
   vurgu tamamen kalkmıştı. Eski --k/--k2/--k3 isimleri (bu dosyanın geri
   kalanı onları kullanıyor) KORUNDU ama DEĞERLERİ yeni palete eşitlendi
   — tek satır değişikliğiyle tüm dosyaya yayılıyor, yüzlerce var(--k)
   kullanımını tek tek değiştirmeye gerek kalmadı. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--a:#0F172A;--aL:#0F172A;--aD:#0F172A;--k:#0F172A;--k2:#475569;--k3:#94A3B8;--w:#fff;--bg:#FAFAFA;--brd:#EDEDEE}
*{box-sizing:border-box}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif}

.qauth-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;background:var(--bg)}
.qauth-logo{display:flex;margin-bottom:24px}
.qauth-logo img{height:15px;width:auto;display:block}

.qauth-card{width:100%;max-width:400px;background:var(--w);border-radius:20px;padding:32px 28px}
.qauth-ttl{font-size:20px;font-weight:800;color:var(--k);margin-bottom:22px;letter-spacing:-.3px}

.qauth-alert{padding:12px 14px;border-radius:10px;font-size:12.5px;margin-bottom:16px;line-height:1.5}
.qauth-alert.info{background:#EFF6FF;color:#1D4ED8}
.qauth-alert.danger{background:#FEF2F2;color:#B91C1C}
.qauth-alert-ttl{font-weight:700;font-size:13px}
.qauth-alert-msg{margin-top:2px}

/* ── mevcut Bootstrap-ish form class'larını override et — JS'in class
   isimlerine bağlı toggle davranışına DOKUNMUYORUZ, sadece görünüm ── */
.qauth-form .form-group{margin-bottom:16px}
.qauth-form .input-label{display:block;font-size:12px;font-weight:700;color:var(--k);margin-bottom:6px;text-transform:uppercase;letter-spacing:.3px}
.qauth-form .form-control{width:100%;height:46px;padding:0 14px;background:var(--bg);border:1.5px solid transparent;border-radius:10px;font-size:14px;color:var(--k);outline:none;font-family:inherit;transition:all .15s}
.qauth-form .form-control:focus{background:var(--w);border-color:var(--a);box-shadow:0 0 0 3px rgba(15,23,42,.06)}
.qauth-form .form-control.is-invalid{border-color:#EF4444;background:#FEF2F2}
.qauth-form .invalid-feedback{display:block;font-size:11.5px;color:#EF4444;margin-top:4px}

/* email/mobil tip seçici (wizard-custom-radio) */
.qauth-form .wizard-custom-radio{background:var(--bg);border-radius:10px;padding:3px;gap:0}
.qauth-form .wizard-custom-radio-item{position:relative}
.qauth-form .wizard-custom-radio-item input[type="radio"]{position:absolute;opacity:0;inset:0;cursor:pointer;margin:0}
.qauth-form .wizard-custom-radio-item label{display:block;text-align:center;border-radius:8px;font-weight:700!important;color:var(--k3);margin:0;transition:all .15s}
.qauth-form .wizard-custom-radio-item input[type="radio"]:checked + label{background:var(--w);color:var(--aD);box-shadow:0 1px 3px rgba(0,0,0,.08)}

/* telefon alanı (mobile_field include'u genelde ülke kodu + input olur —
   var olan yapıyı bozmadan sadece input'u aynı .form-control diliyle hizala) */
.qauth-form select.form-control{background:var(--bg)}

.qauth-submit{width:100%;height:48px;margin-top:6px;background:var(--a);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:800;cursor:pointer;font-family:inherit;transition:opacity .15s}
.qauth-submit:hover{opacity:.88}

.qauth-divider{display:flex;align-items:center;justify-content:center;margin:20px 0 14px;color:var(--k3);font-size:11.5px}

.qauth-social{display:flex;align-items:center;justify-content:center;gap:10px;height:46px;border:none;background:var(--bg);border-radius:10px;text-decoration:none;color:var(--k);font-size:13.5px;font-weight:600;margin-bottom:10px;transition:all .15s}
.qauth-social:hover{background:#F1F1F2;color:var(--k)}
.qauth-social img{width:18px;height:18px}

.qauth-links{text-align:center;margin-top:16px;font-size:13px}
.qauth-links a{color:var(--a);font-weight:700;text-decoration:none}
.qauth-links.secondary{margin-top:8px;color:var(--k2)}
.qauth-links.secondary a{margin-left:4px}

.qauth-footer{margin-top:24px;font-size:11px;color:var(--k3)}