/* ═══ A1 · KAYIT KİPİ (2026-10-21) — tuval Yolculuk0Kayit(+Koyu), 375 px ═══════════════════════════════════
   Kapsam: `body.giris-kayit` (giris-akis.js `kipiUygula` yazar) — giriş kipi yukarıdaki kartıyla AYNEN kalır. Renk/gölge/yarıçap
   `--kb-*` jetonlarından (ortak/gorunum-kabartma.css; sayfa `data-gorunum="kabartma"` ön-boyamalı). Okunan öğe DÜZ yazı (arayuz-tasarimi §5b):
   örnek kartın içinde kapsül/çerçeve yok; kabartma yalnız dokunulanda (düğme) ve gömük girdi. Ana düğme yeşil `--kb-birincil-*` (tuvaldeki
   kahve/krem birincil 10-20 «Ana düğme yeşil» kararıyla ezildi). */
body.giris-kayit { background: radial-gradient(500px 300px at 50% -5%, color-mix(in srgb, var(--card) 55%, var(--bg)) 0%, var(--bg) 70%); }
body.giris-kayit .giris-sar { display: block; padding: 0; }
body.giris-kayit .giris-kart { max-width: 420px; margin: 0 auto; padding: 0 16px 132px; border: 0; border-radius: 0; background: none; box-shadow: none; }
.giris-ust { display: flex; align-items: center; box-sizing: border-box; height: 52px; margin: 0 -16px; padding: 0 6px 0 16px; }
.giris-ust-ad { flex: 1 1 auto; font-size: 15px; font-weight: 600; }
.giris-ust-giris { min-height: 44px; padding: 0 12px; border: 0; background: transparent; cursor: pointer; font-family: inherit;
  font-size: 13px; font-weight: 600; color: var(--kb-tus-yazi, var(--green-ink)); }
.giris-ust-giris:focus-visible, .giris-goster:focus-visible { outline: 2px solid var(--brand); outline-offset: -2px; border-radius: 8px; }
body.giris-kayit #baslik { margin: 0; font-size: 24px; line-height: 1.2; font-weight: 600; text-wrap: balance; }
body.giris-kayit .giris-alt { margin: 6px 0 12px; font-size: 14px; line-height: 1.4; opacity: 1; color: var(--muted); }
.giris-etiket { font-size: 12px; font-weight: 600; letter-spacing: .05em; color: var(--muted); }
.giris-bolum { margin: 14px 0 12px; }
/* Örnek sonuç: kabarık şerit (tuval: şerit gölgesi); içi düz yazı. */
.giris-ornek { padding: 12px; border-radius: 14px; border: 1px solid var(--kb-kenar);
  background: var(--kb-kart-yuzey); box-shadow: var(--kb-serit-golge); }
.giris-ornek-ust { display: flex; align-items: center; justify-content: space-between; gap: 6px; }
.giris-ornek-durum { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 600; color: var(--green-ink); white-space: nowrap; }
.giris-ornek-nokta { width: 7px; height: 7px; border-radius: 50%; background: var(--brand); }
.giris-ornek-sayi { display: flex; align-items: baseline; gap: 6px; margin-top: 6px; font-size: 14px; color: var(--muted); }
.giris-ornek-buyuk { font-family: "IBM Plex Mono", monospace; font-size: 28px; font-weight: 600; line-height: 1; color: var(--ink); }
.giris-ornek-yemler { margin-top: 6px; font-size: 13px; color: var(--kb-ogretici-yazi, var(--ink)); }
.giris-ornek-not { margin-top: 4px; font-size: 12px; color: var(--muted); }
/* Girdiler: gömük, 48 px (tuval), yazı 16 px (iOS yakınlaştırmaz). */
body.giris-kayit .giris-alan span:first-child { font-size: 13px; font-weight: 600; opacity: 1; color: var(--kb-ogretici-yazi, var(--ink)); margin-bottom: 4px; }
body.giris-kayit .giris-alan input, body.giris-kayit .giris-alan select { box-sizing: border-box; min-height: 48px; padding: 0 12px; border-radius: 12px;
  border: 1px solid var(--kb-gomuk-kenar); background: var(--kb-gomuk-zemin); box-shadow: var(--kb-gomuk-golge); color: var(--ink); }
body.giris-kayit .giris-alan input:focus-visible, body.giris-kayit .giris-alan select:focus-visible { border-color: var(--brand); box-shadow: var(--kb-gomuk-golge), 0 0 0 3px var(--focus); }
body.giris-kayit .giris-sifre-kutu { display: flex; align-items: center; min-height: 48px; margin: 0; border-radius: 12px;
  border: 1px solid var(--kb-gomuk-kenar); background: var(--kb-gomuk-zemin); box-shadow: var(--kb-gomuk-golge); }
body.giris-kayit .giris-sifre-kutu input { flex: 1 1 auto; min-width: 0; border: 0; background: transparent; box-shadow: none; }
body.giris-kayit .giris-sifre-kutu:focus-within { border-color: var(--brand); box-shadow: var(--kb-gomuk-golge), 0 0 0 3px var(--focus); }
body.giris-kayit .giris-sifre-kutu input:focus-visible { box-shadow: none; }
.giris-sifre-kutu { display: block; }
.giris-goster { flex: 0 0 auto; min-width: 44px; min-height: 44px; margin: 0 2px 0 0; padding: 0 12px; border: 0; background: transparent; cursor: pointer;
  font-family: inherit; font-size: 13px; font-weight: 600; color: var(--kb-tus-yazi, var(--green-ink)); }
.giris-sifre-kutu .giris-goster { display: none; }
body.giris-kayit .giris-sifre-kutu .giris-goster { display: block; }
body.giris-kayit .giris-ipucu { margin-top: 3px; font-size: 12px; }
body.giris-kayit .giris-rol-secenek { border-radius: 12px; border-color: var(--kb-gomuk-kenar); background: var(--kb-gomuk-zemin); box-shadow: var(--kb-gomuk-golge); }
body.giris-kayit .giris-rol-secenek:has(input:focus-visible) { box-shadow: var(--kb-gomuk-golge), 0 0 0 3px var(--focus); }
body.giris-kayit .giris-deneme { background: none; border: 0; padding: 0; font-size: 12px; line-height: 1.5; color: var(--muted); }
/* Eylem çubuğu: kayıt kipinde telefonda alta yapışır (tuval); iletiler düğmenin üstünde. Giriş kipinde akışta. */
.giris-eylem .giris-mesaj { margin: 0 0 8px; }
.giris-eylem .giris-dugme { margin-top: 0; }
body.giris-kayit .giris-eylem .giris-dugme { box-sizing: border-box; height: 52px; border-radius: 12px; border: 1px solid var(--kb-birincil-kenar);
  background: var(--kb-birincil-yuzey); color: var(--kb-birincil-yazi); box-shadow: var(--kb-birincil-golge); font-size: 16px; }
body.giris-kayit .giris-eylem .giris-dugme:active { transform: translateY(2px); box-shadow: var(--kb-tus-basili); }
body.giris-kayit .giris-eylem .giris-dugme:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
body.giris-kayit .giris-eylem { position: fixed; left: 0; right: 0; bottom: 0; z-index: 5; box-sizing: border-box; max-width: 420px; margin: 0 auto; padding: 10px 16px calc(14px + env(safe-area-inset-bottom));
  background: var(--kb-kart-bas); box-shadow: var(--kb-isik), 0 -10px 24px -6px var(--kb-perde); }
/* Doğrulama paneli açıkken kayıt kipi süsleri kapalı, çubuk akışta. */
body.giris-panel-acik #kayit-ust, body.giris-panel-acik #ornek-kart, body.giris-panel-acik #bolum-etiket { display: none !important; }
body.giris-panel-acik.giris-kayit .giris-eylem { position: static; padding: 0; background: none; box-shadow: none; }
/* Masaüstü: tek sütun ortada, çubuk sütunun altında akar (tam genişlik yapışkan çubuk geniş ekranda anlamsız). */
@media (min-width: 721px) {
  body.giris-kayit .giris-kart { padding-bottom: 32px; }
  body.giris-kayit .giris-eylem { position: static; max-width: none; padding: 8px 0 0; background: none; box-shadow: none; }
}
.giris-alan .giris-sifre-kutu { opacity: 1; margin-bottom: 0; font-size: inherit; }