/* giris.css — giris.html ekranının stili.
   CSP katı tutulabilsin diye AYRI DOSYADIR: inline stil, style-src
   ifadesinde 'unsafe-inline' gerektirirdi. */

  /* Giriş ekranı tek amaçlıdır; kendi dar stilini taşır.
     styles.css'in tasarım değişkenleri (renk, boşluk, yarıçap) AYNEN
     kullanılır — ikinci bir tasarım dili üretilmez. */
  .auth {
    min-height: 100dvh;
    display: grid;
    place-items: center;
    padding: var(--s-24);
    background: var(--bg);
  }
  .auth__card {
    width: 100%;
    max-width: 400px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-lg);
    box-shadow: var(--sh-2);
    padding: var(--s-32);
  }
  .auth__brand {
    display: flex; align-items: center; gap: var(--s-12);
    margin-bottom: var(--s-24);
  }
  .auth__brand img { width: 32px; height: 32px; }
  .auth__brand b { font-size: var(--fs-16); color: var(--text-1); }
  .auth__title { font-size: var(--fs-20); color: var(--text-1); margin: 0 0 var(--s-4); }
  .auth__sub { font-size: var(--fs-13); color: var(--text-3); margin: 0 0 var(--s-24); }

  .fld { margin-bottom: var(--s-16); }
  .fld label {
    display: block; font-size: var(--fs-13); font-weight: var(--fw-medium);
    color: var(--text-2); margin-bottom: var(--s-4);
  }
  .fld input {
    width: 100%; height: var(--h-xl); padding: 0 var(--s-12);
    font: inherit; font-size: var(--fs-14);
    color: var(--text-1); background: var(--surface-2);
    border: 1px solid var(--border-2); border-radius: var(--r-md);
  }
  .fld input:focus-visible {
    outline: 2px solid var(--brand); outline-offset: 1px;
    border-color: var(--brand);
  }

  .auth__submit {
    width: 100%; height: var(--h-xl);
    font: inherit; font-size: var(--fs-14); font-weight: var(--fw-strong);
    color: #fff; background: var(--brand);
    border: 0; border-radius: var(--r-md); cursor: pointer;
    margin-top: var(--s-8);
  }
  .auth__submit:hover:not(:disabled) { background: var(--brand-hover); }
  .auth__submit:disabled { opacity: .6; cursor: progress; }

  /* Hata alanı SAYFA AKIŞINDA yer tutar: görünüp kaybolurken form
     zıplamaz, kullanıcı odağını kaybetmez. */
  .auth__err {
    min-height: 20px;
    margin: var(--s-12) 0 0;
    font-size: var(--fs-13);
    color: var(--danger);
  }
  .auth__foot {
    margin-top: var(--s-24); padding-top: var(--s-16);
    border-top: 1px solid var(--border);
    font-size: var(--fs-12); color: var(--text-3);
  }
  .auth__foot a { color: var(--brand); font-weight: var(--fw-medium); }

  /* Başarı mesajı (ör. giris.html'de ?kayit=basarili) — .auth__err ile AYNI
     akış-içi/sıçramasız desen, yalnız renk tonu farklı (--ok). Boşken
     görünmez (kayıt öncesi/normal girişte yer kaplamaz). */
  .auth__ok {
    margin: 0 0 var(--s-16);
    padding: var(--s-8) var(--s-12);
    font-size: var(--fs-13);
    color: var(--ok);
    background: var(--ok-soft);
    border-radius: var(--r-md);
  }
  .auth__ok:empty { display: none; }