/* =====================================================================================================================
   PENCERE ODAĞI + ORTAK ONAY PENCERESİ — css/pencere.css (js/pencere.js; KURALLAR "## Arayüz kalan işler" ▸ 5)
   #onayModal: native confirm / prompt / alert'in uygulama içi karşılığı. Malzeme, köşe, gölge ve düğmeler ortak sayfa kurallarından
   (cam-bilesen.css ▸ 5 / style.css) gelir — burada yalnız katman, ölçü ve metin düzeni var. Durum rengi YAZILMAZ; kontur YOK.
   Yükleme: index.html'de durum-dili.css'ten HEMEN ÖNCE (durum dili EN SON kalır).
   ===================================================================================================================== */

/* Başka bir pencerenin ÜSTÜNDE açılır (onay, açık bir sayfanın kaydet düğmesinden gelir), bildirim yığınının (70) altında kalır. */
#onayModal.modal-fon { z-index: 66; }
#onayModal.modal-fon > .modal { max-width: 440px; }

/* Metin: çağıranın satır sonları korunur ("…silinsin mi?\n\nBu işlem geri alınamaz."); uzun liste gövdede kayar. */
#onayModal .onay-metin {
  margin: 0; white-space: pre-line; overflow-wrap: anywhere; text-wrap: pretty;
  font-size: 15px; line-height: 22px; color: var(--metin);
}
#onayModal .modal-govde { max-height: min(56vh, 520px); overflow-y: auto; }
#onayModal #onayGirdiAlan { margin: 12px 0 0; }
#onayModal #onayGirdi { width: 100%; }

/* Programla odaklanan pencere kutusu (tabindex="-1" — odaklanabilir öğesi olmayan ya da dokunmatikte açılan pencere) halka çizmez:
   kutu bir kontrol değil, ekran okuyucuya bağlam verir. Kontrollerin odak halkası AYNEN. */
.modal-fon > .modal[tabindex="-1"]:focus,
.modal-fon > .modal[tabindex="-1"]:focus-visible { outline: none; }

@media (forced-colors: active) {
  #onayModal.modal-fon > .modal { border: 1px solid CanvasText; }
}