/* Öğrenci giriş penceresi (footer.tpl › ogrenci/pencere.tpl; davranış: assets/js/yt-panel.js).
   "Siparişlerim" girişi ve "Şifremi unuttum" tek <dialog> içinde iki görünümdür. Pencere kabuğu yt.css'teki .pencere'dir. */

.pencere--ogp { width: min(440px, calc(100vw - 32px)); overflow-y: auto; overscroll-behavior: contain; }
.pencere--ogp .pencere__ic { gap: var(--space-4); }
.ogp-gorunum { display: flex; flex-direction: column; gap: var(--space-4); }
.ogp-gorunum[hidden], .ogp-sonuc[hidden], [data-ogp-sifre-form][hidden] { display: none; }
[data-ogp-sifre-form] { display: flex; flex-direction: column; gap: var(--space-4); }
.ogp-giris-metin { margin: 0; font-size: 16px; line-height: 24px; }
.ogp-form { display: flex; flex-direction: column; gap: var(--space-4); }
.ogp-form > .dugme { margin-top: var(--space-1); }

/* Şifre alanı: göz düğmesi girdinin içinde sağda (44 px dokunma hedefi) */
.ogp-sifre { position: relative; }
.ogp-sifre .girdi { width: 100%; padding-right: 52px; }
.ogp-sifre__goster { position: absolute; right: 2px; top: 50%; transform: translateY(-50%); }

/* "Şifremi unuttum" / "Giriş ekranına dön": ortalı metin düğmesi */
.ogp-alt { margin: 0; display: flex; justify-content: center; }

/* Sonuç görünümü */
.ogp-sonuc { display: flex; flex-direction: column; gap: var(--space-4); }
.ogp-sonuc .bildirim__baslik:focus { outline: none; }
.ogp-sonuc__eylemler { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-3); }

/* Pencere açıkken arka sayfa kaymasın */
html:has(#ogrenci-pencere[open]) { overflow: hidden; scrollbar-gutter: stable; }

@media (max-width: 480px) {
  .pencere--ogp { width: calc(100vw - 16px); }
  .pencere--ogp .pencere__ic { padding: var(--space-5) var(--space-4); }
  .ogp-sonuc__eylemler { flex-direction: column-reverse; align-items: stretch; }
  .ogp-sonuc__eylemler .dugme { width: 100%; justify-content: center; }
}

@media (prefers-reduced-motion: no-preference) {
  #ogrenci-pencere[open] { animation: ogp-ac .18s ease-out; }
  #ogrenci-pencere[open]::backdrop { animation: ogp-ortu .18s ease-out; }
  @keyframes ogp-ac { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
  @keyframes ogp-ortu { from { opacity: 0; } to { opacity: 1; } }
}