/* ═══════════════════════════════════════════════════════════════════════
   GİRİŞ KABUĞU (.gk-) — personel / veli / öğrenci girişi + veli parola sıfırlama
   Tasarım 2 (22.09.2026): iki sütun. Solda Qolej'in lacivert marka paneli (büyük
   beyaz amblem, kapıya göre rol etiketi + manşet + tek cümle); sağda okulun
   logosu (alan adından; ortada, dosya olduğu gibi) ve giriş formu.
   Bütün etkileşim rengi tek: sol paneldeki lacivert (--gk-lacivert). Marka
   temaları (--birincil vb.) formu etkilemez; yalnız Kalev'in beyaz logosu kendi
   koyu kutusunda gösterilir. Eski .giris-* kuralları stil.css'te kalır.
   ═══════════════════════════════════════════════════════════════════════ */

body.giris{
  --gk-lacivert:#101E3C; --gk-lacivert-koyu:#0B1530; --gk-lacivert-ring:0 0 0 4px rgba(16,30,60,.16);
  --gk-zemin:#F4F6FB; --gk-ayrac:#DEE3F0;
  min-height:100vh;margin:0;background:var(--gk-zemin);color:var(--murekkep);
  font-size:.875rem;line-height:1.5}
body.giris :focus-visible{outline:2px solid var(--gk-lacivert);outline-offset:2px}
.gk-sprite{position:absolute;width:0;height:0;overflow:hidden}
.gk-ikon{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;
  stroke-linecap:round;stroke-linejoin:round}

/* ── Yerleşim: sol marka paneli 5/12, sağ form 7/12 ── */
.gk-yerlesim{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);min-height:100vh;max-width:100vw;overflow-x:hidden}

.gk-marka-panel{position:relative;overflow:hidden;background:var(--gk-lacivert);color:#fff;
  padding:clamp(28px,5vw,64px);display:flex;flex-direction:column;justify-content:space-between}
.gk-marka-panel::after{content:"";position:absolute;right:-120px;bottom:-160px;width:460px;height:460px;
  border-radius:50%;border:56px solid rgba(255,255,255,.05);pointer-events:none}
.gk-amblem{position:relative;display:flex;align-items:center;min-height:84px}
.gk-amblem svg{width:84px;height:84px;flex:none;filter:drop-shadow(0 12px 24px rgba(0,0,0,.25))}
.gk-metin{position:relative}
.gk-rol{margin:0 0 10px;font:600 13px/1.3 var(--font-govde);color:rgba(255,255,255,.72)}
.gk-manset{margin:0;font:800 clamp(26px,3.2vw,38px)/1.08 var(--font-baslik);letter-spacing:-.025em;
  color:#fff;max-width:14ch;text-wrap:balance}
.gk-cumle{margin:14px 0 0;font-size:14.5px;line-height:1.6;color:rgba(255,255,255,.78);max-width:34ch}
.gk-telif{position:relative;margin:0;font-size:12px;color:rgba(255,255,255,.6)}

.gk-sutun{display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:clamp(24px,4vw,48px);min-width:0}
.gk-kart{width:100%;max-width:440px;min-width:0}

/* ── Okulun logosu: alan adından gelir, ortada, dosya olduğu gibi (kırpma/yeniden yazma yok) ── */
.gk-okul{display:flex;justify-content:center;margin:0 0 22px;padding:0 0 20px;
  border-bottom:1px solid var(--gk-ayrac)}
.gk-logo-kutu{display:inline-flex;align-items:center;justify-content:center;max-width:100%}
.gk-logo{display:block;width:auto;height:auto;max-height:128px;max-width:min(300px,100%);object-fit:contain}
/* Beyaz yazılı logolar (Kalev) kendi koyu zemin kutusunda; Düşünür ve Qolej logoları açık zemin içindir */
body.giris.tema-kalev .gk-logo-kutu{background:var(--kenar-zemin);padding:10px 18px;border-radius:12px}
body.giris.tema-kalev .gk-logo{height:76px;width:auto;max-width:260px}   /* SVG'ye açık yükseklik gerekir */

.gk-baslik{margin:0;text-align:center;font:800 26px/1.15 var(--font-baslik);
  letter-spacing:-.02em;color:var(--gk-lacivert)}
.gk-aciklama{margin:6px 0 20px;text-align:center;font-size:14px;line-height:1.5;color:var(--murekkep-3)}

/* ── Kapı sekmesi: Personel · Veli · Öğrenci (sayfa gezintisi, JS yok) — aktif kapı lacivert ── */
.gk-kapilar{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:4px;
  background:#fff;border:1.5px solid var(--gk-ayrac);border-radius:11px;margin:0 0 20px}
.gk-kapilar a{display:flex;align-items:center;justify-content:center;min-height:40px;
  padding:0 var(--sp-2);border-radius:8px;
  font:600 13px/1.2 var(--font-govde);color:var(--murekkep-2);text-decoration:none;
  transition:background var(--sure-1) var(--egri),color var(--sure-1) var(--egri)}
.gk-kapilar a:hover{background:var(--gk-zemin);color:var(--gk-lacivert);text-decoration:none}
.gk-kapilar a[aria-current=page]{background:var(--gk-lacivert);color:#fff}
.gk-kapilar a[aria-current=page]:hover{background:var(--gk-lacivert)}
.gk-kapilar a:focus-visible{outline-offset:-2px;outline-color:#fff}

/* Flash (stil.css .bildirim üstüne yalnız ölçü) */
.gk-kart .bildirim{margin:0 0 var(--sp-4);border-radius:var(--r-sm);box-shadow:none;
  font-size:var(--fs-base);line-height:1.45}

/* ── Alanlar ── */
.gk-form{margin:0}
.gk-alan{margin:0 0 var(--sp-4)}
.gk-alan label{display:block;margin:0 0 6px;font:600 12.5px/1.2 var(--font-govde);color:var(--murekkep)}
.gk-alan input{display:block;width:100%;min-height:46px;padding:0 14px;
  font:400 15px/1.2 var(--font-govde);color:var(--murekkep);background:#fff;
  border:1.5px solid var(--gk-ayrac);border-radius:9px;
  transition:border-color var(--sure-1) var(--egri),box-shadow var(--sure-1) var(--egri)}
.gk-alan input::placeholder{color:var(--murekkep-3)}
.gk-alan input:focus{outline:none;border-color:var(--gk-lacivert);box-shadow:var(--gk-lacivert-ring)}
.gk-alan input:focus-visible{outline:none}
.gk-alan input[aria-invalid=true]{border-color:var(--kotu)}
.gk-alan input:-webkit-autofill{-webkit-box-shadow:0 0 0 60px #fff inset;
  -webkit-text-fill-color:var(--murekkep);caret-color:var(--murekkep)}
.gk-alan-ipucu{display:block;margin:var(--sp-1) 0 0;font-size:var(--fs-sm);color:var(--murekkep-3)}

/* Şifre: sağda 40px göster/gizle ikon düğmesi */
.gk-parola-sar{position:relative}
.gk-parola-sar input{padding-right:56px}
.gk-goz{position:absolute;right:4px;top:50%;transform:translateY(-50%);
  width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;
  padding:0;border:0;border-radius:var(--r-xs);background:transparent;color:var(--murekkep-3);
  cursor:pointer;transition:background var(--sure-1) var(--egri),color var(--sure-1) var(--egri)}
.gk-goz:hover{background:var(--gk-zemin);color:var(--gk-lacivert)}
.gk-goz[aria-pressed=true]{color:var(--gk-lacivert)}
.gk-goz svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;
  stroke-linecap:round;stroke-linejoin:round}

/* Parola sıfırlama kodu: 6 hane, büyük tabular */
.gk-alan input.gk-kod{font-family:var(--font-mono);font-size:var(--fs-2xl);font-weight:500;
  letter-spacing:.2em;font-variant-numeric:tabular-nums;text-align:center;min-height:56px;
  padding-left:calc(var(--sp-4) + .2em)}

/* Adımlar (veli_ilk_giris): tek kart, iki bölüm */
.gk-adim{margin:0 0 var(--sp-5);padding:0;border:0;min-width:0}
.gk-adim+.gk-adim{padding-top:var(--sp-5);border-top:1px solid var(--gk-ayrac)}
.gk-adim legend{padding:0;margin:0 0 var(--sp-3);font:700 var(--fs-xs)/1 var(--font-govde);
  letter-spacing:.06em;text-transform:uppercase;color:var(--gk-lacivert)}
.gk-adim legend span{display:block;margin-top:var(--sp-1);letter-spacing:0;text-transform:none;
  font:700 var(--fs-md)/1.3 var(--font-baslik);color:var(--murekkep)}

/* ── Beni hatırla + yardım bağlantısı aynı satırda ── */
.gk-satir{display:flex;justify-content:space-between;align-items:center;gap:12px;
  margin:0 0 var(--sp-4);font-size:12.5px;color:var(--murekkep-2)}
.gk-hatirla{display:flex;align-items:center;gap:8px;cursor:pointer}
.gk-hatirla input{width:18px;height:18px;margin:0;accent-color:var(--gk-lacivert);cursor:pointer}
.gk-satir a{color:var(--gk-lacivert);font-weight:600;text-decoration:none}
.gk-satir a:hover{text-decoration:underline}

/* ── Birincil düğme: 48px tam genişlik, lacivert ── */
.gk-kart .dugme.gk-lg{width:100%;min-height:48px;margin-top:2px;
  background:var(--gk-lacivert);border-color:var(--gk-lacivert);color:#fff;
  font:700 15px/1 var(--font-govde);border-radius:9px;
  transition:background var(--sure-1) var(--egri)}
.gk-kart .dugme.gk-lg:hover{background:var(--gk-lacivert-koyu);border-color:var(--gk-lacivert-koyu)}
.gk-kart .dugme.gk-lg:focus-visible{outline:2px solid var(--gk-lacivert);outline-offset:2px;box-shadow:none}
.gk-kart .dugme.gk-lg[disabled]{opacity:.5;cursor:not-allowed;transform:none}

/* ── İlk şifre notu, yardım satırı ve imza ── */
.gk-uyari{margin:14px 0 0;padding:10px 12px;border-radius:9px;background:#E9EDFF;
  font-size:12.5px;line-height:1.5;color:var(--murekkep-2)}
.gk-yardim{margin:var(--sp-4) 0 0;text-align:center;font-size:var(--fs-sm);
  line-height:1.6;color:var(--murekkep-3)}
.gk-yardim a{color:var(--gk-lacivert);font-weight:600}
.gk-geri{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:32px}
.gk-imza{margin:var(--sp-5) 0 0;text-align:center;font-size:var(--fs-sm);color:var(--murekkep-3)}

/* ── Dar ekran: marka paneli üstte kısa bant, form altta ── */
@media (max-width:860px){
  .gk-yerlesim{grid-template-columns:minmax(0,1fr);min-height:auto}
  .gk-marka-panel{padding:22px 20px;gap:16px}
  .gk-marka-panel::after{display:none}
  .gk-amblem{min-height:56px}
  .gk-amblem svg{width:56px;height:56px}
  .gk-manset{font-size:24px}
  .gk-cumle{margin-top:8px}
  .gk-telif{display:none}
  .gk-sutun{padding:24px 16px 40px}
}
/* ── Dokunma hedefleri: 375px ve kaba işaretçide ≥44px ── */
@media(pointer:coarse),(max-width:640px){
  .gk-kapilar a{min-height:44px}
  .gk-goz{width:44px;height:44px;right:2px}
  .gk-parola-sar input{padding-right:60px}
  .gk-yardim a,.gk-geri{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--sp-2)}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}