/* Giriş ekranı — Evrensel Panel 0.20.0 onaylı düzeni (11.11.2026): tek ortalı sütun. Sayfanın tamamı markanın koyu zemininde,
   logo yatayda ortada ve grup dikey ortanın biraz üstünde; altında e-posta, şifre ve açık tonda düğme. Kutular ve düğmeler oval,
   alan adı kutunun içinde. Renkler yalnız tema_renk.css belirteçlerinden (--giris-*), yazı tipi yazi_tipi.css'ten. */
html, body { min-height: 100%; }
body.giris { margin: 0; background: var(--giris-zemin); color: var(--giris-metin); font-family: var(--font-sans); font-size: 14px; line-height: 1.5; -webkit-font-smoothing: antialiased; }
.giris *, .giris *::before, .giris *::after { box-sizing: border-box; }
.giris-kap { min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 32px 40px calc(32px + 12vh); }
.giris-sutun { width: min(360px, 100%); }
.giris-logo { position: relative; left: 50%; width: min(520px, calc(100vw - 40px)); transform: translateX(-50%); display: flex; justify-content: center; margin-bottom: 40px; }
.giris-logo img { display: block; width: auto; height: auto; max-width: 100%; max-height: 230px; }
.giris-logo .giris-l-koyu, html[data-theme="dark"] .giris-logo .giris-l-acik { display: none; }
html[data-theme="dark"] .giris-logo .giris-l-koyu { display: block; }
.giris-ad { font-size: 28px; font-weight: 500; letter-spacing: -.01em; color: var(--giris-metin); text-align: center; }
.giris-gizli { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.giris-form { display: flex; flex-direction: column; gap: 14px; margin: 0; }
.giris-alan { position: relative; }
.giris-kutu { display: block; width: 100%; min-height: 44px; padding: 10px 20px; border: 1px solid var(--giris-kutu-kenar); border-radius: 999px; background: var(--giris-kutu); color: var(--giris-kutu-metin);
  font: inherit; font-size: 16px; outline: 0; transition: box-shadow .15s, border-color .15s; }
.giris-kutu::placeholder { color: var(--giris-kutu-soluk); opacity: 1; }
.giris-kutu:focus { border-color: var(--giris-odak); box-shadow: 0 0 0 3px color-mix(in srgb, var(--giris-odak) 55%, transparent); }
.giris-alan--sifre .giris-kutu { padding-right: 52px; }
.giris-goz { position: absolute; top: 2px; right: 6px; width: 40px; height: 40px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 50%; background: none; color: var(--giris-kutu-soluk); cursor: pointer; }
.giris-goz:hover { color: var(--giris-kutu-metin); }
.giris-goz:focus-visible, .giris-dugme:focus-visible { outline: 2px solid var(--giris-odak); outline-offset: 2px; }
.giris-goz svg { width: 18px; height: 18px; }
.giris-goz .giris-goz-kapali, .giris-goz[aria-pressed="true"] .giris-goz-acik { display: none; }
.giris-goz[aria-pressed="true"] .giris-goz-kapali { display: block; }
.giris-dugme { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 44px; padding: 10px 20px; border: 1px solid transparent; border-radius: 999px;
  background: var(--giris-dugme); color: var(--giris-dugme-metin); font: inherit; font-weight: 500; cursor: pointer; transition: filter .15s; }
.giris-dugme:hover { filter: brightness(1.07); }
.giris-dugme[disabled] { opacity: .8; cursor: progress; }
.giris-durum { display: flex; gap: 8px; align-items: flex-start; margin: 0 0 14px; padding: 10px 14px; border-radius: 14px; font-size: 13px; }
.giris-durum--hata { background: var(--giris-hata-zemin); color: var(--giris-hata-metin); font-weight: 500; }
.giris-durum--uyari { background: var(--giris-uyari-zemin); color: var(--giris-uyari-metin); }
.giris-durum svg { flex: none; width: 16px; height: 16px; margin-top: 2px; }
.giris-donuyor { width: 14px; height: 14px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: giris-don .7s linear infinite; }
@keyframes giris-don { to { transform: rotate(360deg); } }
@media (max-width: 575.98px) { .giris-kap { padding: 24px 20px calc(24px + 8vh); } .giris-logo { margin-bottom: 32px; } }
@media (prefers-reduced-motion: reduce) { .giris-donuyor { animation: none; } }