/* ============================================================
   SAYFA FORMU — modal icin yazilmis formun sayfa alaninda tam ekran durusu.
   Kap: Views/Shared/_SayfaForm.cshtml (Common/SayfaForm.cs). Davranis: sayfa-form.js.

   Form ikinci kez yazilmaz: icerik sozlesmesi modal.css'teki ile AYNIDIR
   (.pai-modal-icerik > .pai-modal-govde + .pai-modal-foot). Burada yalniz o siniflarin
   sayfa kabi icindeki derisi var — kart, dolgu, yapiskan ayak. `.pai-modal-body` burada YOKTUR:
   modal.css'in "govde varsa dis dolgu sifir" kurali sayfada devreye girmez, dolgu kartin
   kendisinden gelir (govdesiz icerik icin asagidaki gecis kurali).
   ============================================================ */

.pai-sayfa-form {
  --sayfa-form-genislik: 1040px;
  max-width: var(--sayfa-form-genislik);
  margin: 0 auto;
  padding: 18px 28px 0;
  min-height: 100%;
  display: flex; flex-direction: column;
  box-sizing: border-box;
}
.pai-sayfa-form.genis { --sayfa-form-genislik: 1320px; }

.pai-sayfa-form > .pai-detay-ust { flex-shrink: 0; }

/* Baslik satiri: simge + baslik + alt satir. */
.pai-sayfa-form-baslik {
  display: flex; align-items: center; gap: 12px;
  margin: 0 0 16px;
  flex-shrink: 0;
}
.pai-sayfa-form-ikon {
  width: 38px; height: 38px; border-radius: 10px; flex-shrink: 0;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--mac-blue-soft); color: var(--mac-blue);
  font-size: 18px;
}
.pai-sayfa-form-metin { min-width: 0; }
.pai-sayfa-form-metin h1 { margin: 0; font: 700 21px/1.2 var(--font); color: var(--text); }
.pai-sayfa-form-alt { margin-top: 4px; font-size: 12.5px; line-height: 1.4; color: var(--muted); }

/* Kart: formun koku (.pai-modal-icerik). `overflow` VERILMEZ — yapiskan ayak, kaydirmayi yapan
   ataya (.pai-hub-icerik) gore yapisir; arada `overflow: hidden` olan bir ata yapiskanligi keser. */
.pai-sayfa-form-kap { flex: 1 0 auto; display: flex; flex-direction: column; padding-bottom: 28px; }
.pai-sayfa-form-kap > .pai-modal-icerik,
.pai-sayfa-form-kap > form:not(.pai-modal-icerik),
.pai-sayfa-form-kap > div:not(.pai-modal-icerik):not([hidden]) {
  flex: 0 0 auto;
  background: var(--surface);
  border: 1px solid var(--border-soft);
  border-radius: 14px;
  box-shadow: var(--card-shadow);
}
.pai-sayfa-form-kap > .pai-modal-icerik { min-height: 0; }

/* Govde: modalda kendi kaydirmasi vardi (kabuk yuksekligi sinirli). Sayfada kaydirma sayfanindir. */
.pai-sayfa-form .pai-modal-govde { padding: 24px 28px; overflow: visible; }

/* Ayak: sayfanin altina yapisir; uzun formda Kaydet her an gorunur. */
.pai-sayfa-form .pai-modal-foot {
  position: sticky; bottom: 0; z-index: 4;
  padding: 14px 28px;
  background: var(--surface);
  border-radius: 0 0 14px 14px;
}

/* Gecis kurali — govde sarmalayicisi olmayan icerik: dolgu kokte, ayak kenara yaslanir
   (modal.css'teki `.pai-modal-body:not(:has(.pai-modal-govde))` kuralinin sayfa karsiligi). */
.pai-sayfa-form-kap > .pai-modal-icerik:not(:has(.pai-modal-govde)) { padding: 24px 28px 0; }
.pai-sayfa-form-kap > .pai-modal-icerik:not(:has(.pai-modal-govde)) > .pai-modal-foot { margin: 20px -28px 0; }

/* Iki sutunlu alan izgarasi sayfada da iki sutundur; dar pencerede modal.css'in appwin kurali
   tek sutuna indirir. Modalin `size-sm` tek sutun kurali burada gecerli degil (kabuk yok). */

@container appwin (max-width: 720px) {
  .pai-sayfa-form { padding: 12px 14px 0; }
  .pai-sayfa-form .pai-modal-govde { padding: 18px 16px; }
  .pai-sayfa-form .pai-modal-foot { padding: 12px 16px; }
  .pai-sayfa-form-kap > .pai-modal-icerik:not(:has(.pai-modal-govde)) { padding: 18px 16px 0; }
  .pai-sayfa-form-kap > .pai-modal-icerik:not(:has(.pai-modal-govde)) > .pai-modal-foot { margin: 16px -16px 0; }
}