/* =====================================================================================
   Giriş sayfası modalları - kurumsal görünüm (2026-10-27)
   Gis'teki modallarla aynı tasarım: beyaz başlık + üstte lacivert şerit, solda lacivert ikon kutusu,
   başlık/alt başlık sola hizalı, koyu kapatma düğmesi. Ön kayıttaki select/input'lar BS5 form-select görünümünde.
   Yalnız login/index.php yükler (diğer v3 CSS'lerinden SONRA). İşaretleme ve giris.js değişmedi.
   Geri almak için login/index.php'deki modal-kurumsal.css satırını silmek yeterli.
   Kapsam: #fotgotpaswwordmodal (Şifre Sıfırlama), #yenionkayit (Ön Kayıt), #destekler (Destek Merkezi).
   (#mdlVerify zaten bu tasarımda; dokunulmaz.)
   ===================================================================================== */

#fotgotpaswwordmodal, #yenionkayit, #destekler {
  --km-lacivert: #292559;
  --km-lacivert-2: #3b357f;
  --km-vurgu: #a9b8ff;
  --km-yazi: #1f2340;
  --km-soluk: #6b7280;
  --km-cizgi: #e3e6ee;
}

/* ---------- Başlık ---------- */
#fotgotpaswwordmodal .modal-header,
#yenionkayit .modal-header,
#destekler .modal-header {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-areas: "ikon baslik kapat" "ikon alt kapat";
  column-gap: 14px;
  align-items: center;
  text-align: left;
  padding: 20px 22px 16px;
  color: var(--km-yazi);
  background: linear-gradient(90deg, var(--km-lacivert), var(--km-lacivert-2) 60%, var(--km-vurgu)) top left / 100% 4px no-repeat, #fff;
  border: 0;
  border-bottom: 1px solid var(--km-cizgi);
}
/* Eski koyu başlıktaki dekoratif daire */
#fotgotpaswwordmodal .modal-header:after,
#yenionkayit .modal-header:after,
#destekler .modal-header:after { content: none; display: none; }

/* İkon kutusu */
#fotgotpaswwordmodal .sifre-ikon-rozet,
#yenionkayit .oks-ikon-rozet,
#destekler .dst-ikon-rozet {
  grid-area: ikon;
  width: 46px; height: 46px; margin: 0;
  border: 0; border-radius: 13px;
  background: linear-gradient(140deg, var(--km-lacivert-2), var(--km-lacivert));
  box-shadow: 0 8px 18px rgba(41, 37, 89, .25);
  display: flex; align-items: center; justify-content: center;
}
#fotgotpaswwordmodal .sifre-ikon-rozet svg,
#yenionkayit .oks-ikon-rozet svg,
#destekler .dst-ikon-rozet svg { width: 22px; height: 22px; fill: #fff; }

/* Başlık ve alt başlık */
#fotgotpaswwordmodal .modal-header .modal-title,
#yenionkayit .modal-header .modal-title,
#destekler .modal-header .modal-title {
  grid-area: baslik; align-self: end;
  margin: 0; color: var(--km-yazi);
  font-size: 18px; font-weight: 800; letter-spacing: -.2px; line-height: 1.3;
}
#fotgotpaswwordmodal .sifre-alt-baslik,
#yenionkayit .oks-alt-baslik,
#destekler .dst-alt-baslik {
  grid-area: alt; align-self: start;
  margin: 2px 0 0; color: var(--km-soluk);
  font-size: 12.5px; line-height: 1.5;
}

/* Kapatma düğmesi: beyaz yerine koyu, akış içinde */
#fotgotpaswwordmodal .modal-header .btn-close,
#yenionkayit .modal-header .btn-close,
#destekler .modal-header .btn-close {
  grid-area: kapat; align-self: start;
  position: static; margin: 0;
  width: 32px; height: 32px; padding: 0;
  border-radius: 9px; background-size: 11px auto;
  filter: none; opacity: .5;
}
#fotgotpaswwordmodal .modal-header .btn-close:hover,
#yenionkayit .modal-header .btn-close:hover,
#destekler .modal-header .btn-close:hover { opacity: .9; background-color: #f1f2f7; }

/* ---------- Ön Kayıt: select / input -> BS5 form-select / form-control görünümü ---------- */
#yenionkayit .oks-alan input,
#yenionkayit .oks-alan select {
  border: 1px solid var(--km-cizgi);
  border-radius: 9px;
  background-color: #fff;
  font-weight: 500;
  color: var(--km-yazi);
}
#yenionkayit .oks-alan select {
  padding-right: 2.4rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right .85rem center;
  background-size: 14px 10px;
}
#yenionkayit .oks-alan input:focus,
#yenionkayit .oks-alan select:focus {
  background-color: #fff;
  border-color: var(--km-lacivert-2);
  box-shadow: 0 0 0 .2rem rgba(59, 53, 127, .14);
}
#yenionkayit .oks-alan select:disabled,
#yenionkayit .oks-alan input:disabled,
#yenionkayit .oks-alan input[readonly] { background-color: #f3f4f9; }
#yenionkayit .oks-alan select:disabled {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23a3a8b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

/* ---------- Küçük ekranlar ---------- */
@media (max-width: 767px) {
  #fotgotpaswwordmodal .modal-header,
  #yenionkayit .modal-header,
  #destekler .modal-header { padding: 18px 16px 14px; column-gap: 12px; }
  #fotgotpaswwordmodal .sifre-ikon-rozet,
  #yenionkayit .oks-ikon-rozet,
  #destekler .dst-ikon-rozet { width: 40px; height: 40px; border-radius: 12px; }
}
/* Yatay telefon: ikon ve alt başlık mevcut kurallarla gizlenir, başlık tek satır kalır */
@media (max-height: 520px) and (max-width: 991px) {
  #fotgotpaswwordmodal .modal-header,
  #yenionkayit .modal-header,
  #destekler .modal-header { padding: 14px 18px 12px; grid-template-areas: "ikon baslik kapat"; }
}