/* =========================================================
   RÜYA DÖKÜMANLAR
   GERÇEK VIEWPORT MODAL STANDARDI
   Desktop >= 761px
   Mobil DEĞİŞMEZ
   ========================================================= */

@media (min-width:761px){

  /*
   * Modal artık React portal ile BODY'nin direkt çocuğu.
   * Böylece sidebar / main / zoom / transform koordinat
   * sistemlerinden tamamen bağımsızdır.
   */

  html body > .modalBack.uploadViewportBack:has(
    > form.modal.v5Modal.documentEditModal
  ),
  html body > .modalBack.uploadViewportBack:has(
    > form.modal.v5Modal.ruyaLearningMaterialModal
  ){
    position:fixed!important;

    top:0!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    inset:0!important;

    width:100vw!important;
    height:100dvh!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    padding:32px!important;
    margin:0!important;

    overflow:hidden!important;

    transform:none!important;

    box-sizing:border-box!important;

    z-index:2147482000!important;

    background:rgba(30,40,58,.48)!important;
  }


  /* ======================================================
     DOKÜMAN / BÜLTEN / PROGRAM / REHBERLİK / GENEL BELGE
     ====================================================== */

  html body > .modalBack.uploadViewportBack
  > form.modal.v5Modal.documentEditModal{
    position:relative!important;

    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    inset:auto!important;

    transform:none!important;

    width:min(720px,calc(100vw - 64px))!important;
    max-width:720px!important;

    height:auto!important;
    max-height:calc(100dvh - 64px)!important;
    min-height:0!important;

    margin:0!important;
    padding:0!important;

    display:flex!important;
    flex-direction:column!important;

    overflow:hidden!important;

    box-sizing:border-box!important;

    border-radius:24px!important;
  }


  /* Küçük Düzenle pencereleri eski kompakt genişliğinde */
  html body > .modalBack.uploadViewportBack
  > form.documentEditModal.documentMiniModal{
    width:min(520px,calc(100vw - 64px))!important;
    max-width:520px!important;
  }


  html body > .modalBack.uploadViewportBack
  > form.documentEditModal
  > .uploadModalHeader{
    position:relative!important;
    flex:0 0 auto!important;

    background:#fff!important;

    z-index:20!important;
  }


  html body > .modalBack.uploadViewportBack
  > form.documentEditModal
  > .uploadModalBody{
    position:relative!important;

    flex:1 1 auto!important;
    min-height:0!important;

    overflow-y:auto!important;
    overflow-x:hidden!important;

    padding:20px 22px 24px!important;

    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
  }


  html body > .modalBack.uploadViewportBack
  > form.documentEditModal
  > .uploadModalFooter{
    position:relative!important;

    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    inset:auto!important;

    flex:0 0 auto!important;

    width:auto!important;

    margin:0!important;
    padding:13px 20px!important;

    background:#fff!important;

    border-top:1px solid #edf0f4!important;

    z-index:30!important;
  }


  /* ======================================================
     EĞİTİM MATERYALLERİ
     ====================================================== */

  html body > .modalBack.uploadViewportBack
  > form.modal.v5Modal.ruyaLearningMaterialModal{
    position:relative!important;

    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    inset:auto!important;

    transform:none!important;

    width:min(720px,calc(100vw - 64px))!important;
    max-width:720px!important;

    height:auto!important;
    max-height:calc(100dvh - 64px)!important;
    min-height:0!important;

    margin:0!important;
    padding:0!important;

    display:flex!important;
    flex-direction:column!important;

    overflow:hidden!important;

    box-sizing:border-box!important;

    border-radius:24px!important;
  }


  html body > .modalBack.uploadViewportBack
  > form.ruyaLearningMaterialModal
  > .uploadModalHeader{
    flex:0 0 auto!important;
    position:relative!important;

    background:#fff!important;

    z-index:20!important;
  }


  html body > .modalBack.uploadViewportBack
  > form.ruyaLearningMaterialModal
  > .uploadModalBody{
    flex:1 1 auto!important;
    min-height:0!important;

    overflow-y:auto!important;
    overflow-x:hidden!important;

    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
  }


  html body > .modalBack.uploadViewportBack
  > form.ruyaLearningMaterialModal
  > .uploadModalFooter{
    position:relative!important;

    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    inset:auto!important;

    flex:0 0 auto!important;

    margin:0!important;

    background:#fff!important;

    z-index:30!important;
  }
}