/* ══════════════════════════════════════════════════════════════
   auth.css — Giriş, kayıt, şifre sıfırlama ve 2FA sayfalarının
   görünüm katmanı. Panelle (portal.css) aynı açık tasarım dili.
   main.css + sayfa içi <style> bloklarından SONRA yüklenir; yalnızca
   renk/yüzey/tipografi değerlerini değiştirir. Form alanlarına, adlarına
   ve sayfa davranışına dokunmaz.
   ══════════════════════════════════════════════════════════════ */

:root {
  --auth-accent: var(--brand);
  --auth-accent-hover: var(--brand-hover);
  --auth-ring: 0 0 0 3px rgba(34, 211, 238, 0.3);
}

body { background: var(--bg) !important; color: var(--ink-2); }
body::before { display: none; }
::selection { background: rgba(34, 211, 238, 0.28); }

/* Arka plan dekorları kaldırılır */
.login-page::before, .login-page::after,
.signup-page::before, .signup-page::after,
.forgot-page::before, .forgot-page::after,
.reset-page::before, .reset-page::after { display: none !important; }

/* Kutular: beyaz kart */
.login-box, .signup-box, .forgot-box, .reset-box {
  background: var(--panel) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border: 1px solid var(--edge) !important;
  border-radius: 16px !important;
  box-shadow: 0 24px 60px -24px rgba(0, 0, 0, 0.5) !important;
}
.login-box::before, .signup-box::before, .forgot-box::before, .reset-box::before { display: none !important; }

.login-logo, .signup-logo, .forgot-logo, .reset-logo {
  color: var(--ink) !important;
  font-family: 'Inter', system-ui, sans-serif;
}
.login-logo svg, .signup-logo svg, .forgot-logo svg, .reset-logo svg { filter: none !important; }
.login-sub, .signup-sub, .forgot-sub, .reset-sub { color: var(--ink-2) !important; }

/* Form alanları */
.form-label { color: var(--ink-2) !important; font-weight: 600; }
.form-input {
  background: var(--panel-2) !important;
  border: 1px solid var(--edge-2) !important;
  border-radius: 8px !important;
  color: var(--ink) !important;
  box-shadow: none;
}
.form-input:hover:not(:focus) { border-color: var(--ink-3) !important; }
.form-input:focus { border-color: var(--auth-accent) !important; box-shadow: var(--auth-ring) !important; background: var(--panel-2) !important; }
.form-input::placeholder { color: var(--ink-3) !important; }
input[type="checkbox"] { accent-color: var(--auth-accent); }

/* Birincil düğmeler: marka kırmızısı, düz */
.login-btn, .signup-btn, .forgot-btn, .reset-btn {
  background: var(--auth-accent) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  font-family: 'Inter', system-ui, sans-serif;
  font-weight: 600 !important;
  transform: none !important;
}
.login-btn::before, .signup-btn::before, .forgot-btn::before, .reset-btn::before { display: none !important; }
.login-btn:hover, .signup-btn:hover, .forgot-btn:hover, .reset-btn:hover { background: var(--auth-accent-hover) !important; }
.login-btn:focus-visible, .signup-btn:focus-visible, .forgot-btn:focus-visible, .reset-btn:focus-visible { outline: none; box-shadow: var(--auth-ring) !important; }

/* Bağlantılar */
.forgot-link, .signup-link a, .login-link a { color: var(--brand-text) !important; text-shadow: none !important; }
.back-link, .signup-link, .login-link, .remember-row label { color: var(--ink-2) !important; }
.back-link:hover { color: var(--cyan-text) !important; }
.login-box a[href*="signup"], .signup-box a[href*="login"] { color: var(--brand-text) !important; }
.login-box p[style*="#6B7685"] { color: var(--ink-2) !important; }
.pwd-toggle { color: var(--ink-3) !important; }
.pwd-toggle:hover { color: var(--ink) !important; background: var(--panel) !important; }
.divider::before, .divider::after { background: var(--edge) !important; }
.divider span { color: var(--ink-3) !important; }
.reset-link-box { background: rgba(251,146,60,.13) !important; border-color: rgba(251,146,60,.4) !important; color: var(--warn) !important; }

/* Uyarılar: panelle aynı renk dili */
.alert { backdrop-filter: none !important; box-shadow: none !important; border-radius: 10px !important; animation: none !important; text-align: left; }
.alert-success { background: rgba(52,211,153,.12) !important; color: var(--ok) !important; border: 1px solid rgba(52,211,153,.4) !important; }
.alert-error { background: rgba(248,113,113,.13) !important; color: var(--crit) !important; border: 1px solid rgba(248,113,113,.4) !important; }
.alert-warning { background: rgba(251,146,60,.13) !important; color: var(--warn) !important; border: 1px solid rgba(251,146,60,.4) !important; }
.alert-info { background: rgba(96,165,250,.13) !important; color: var(--brand-text) !important; border: 1px solid rgba(96,165,250,.4) !important; }

:focus-visible { outline: 2px solid var(--auth-accent); outline-offset: 2px; }

/* Mobil: adres çubuğu açık/kapalıyken sayfa yüksekliği doğru hesaplanır */
@supports (height: 100dvh) {
  .login-page, .signup-page, .forgot-page, .reset-page { min-height: 100dvh !important; }
}
/* Mobil: iOS Safari odaklanınca yakınlaştırmasın (yazı ≥16px); dokunma alanı ≥44px */
@media (max-width: 768px), (pointer: coarse) {
  .form-input, .tf-input { font-size: 16px !important; }
}
@media (pointer: coarse) {
  .form-input { min-height: 44px; }
  .pwd-toggle { min-width: 40px; min-height: 40px; }
  input[type="checkbox"] { width: 22px; height: 22px; }
}
@media (prefers-reduced-motion: reduce) { .fade-in { animation: none !important; } }