/* =========================================================
 * KULİS v1.5.86 — Native Module Desktop Row Contract
 *
 * Sonradan eklenen dört modülün masaüstünde eski clear/standard-section
 * kuralları yüzünden canonical sidebar'ın altına düşmesini engeller.
 * Bu sözleşme yalnız members/equipment/crew_search/availability section'larını
 * etkiler. Mobil layout'a dokunmaz.
 * ========================================================= */

@media (min-width:783px){
  body.kulis-plugin-app-frame-body:is(
    .kulis-section-members,
    .kulis-section-equipment,
    .kulis-section-crew_search,
    .kulis-section-availability
  ) .kulis-plugin-app-layout{
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:14px!important;
    width:min(1344px,calc(100vw - 24px))!important;
    max-width:1344px!important;
    min-width:0!important;
    margin:14px auto 38px!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  body.kulis-plugin-app-frame-body:is(
    .kulis-section-members,
    .kulis-section-equipment,
    .kulis-section-crew_search,
    .kulis-section-availability
  ) .kulis-plugin-app-layout > [data-kulis-canonical-desktop-sidebar]{
    position:sticky!important;
    top:82px!important;
    flex:0 0 210px!important;
    width:210px!important;
    min-width:210px!important;
    max-width:210px!important;
    align-self:flex-start!important;
    margin:0!important;
    float:none!important;
    clear:none!important;
  }

  body.kulis-plugin-app-frame-body:is(
    .kulis-section-members,
    .kulis-section-equipment,
    .kulis-section-crew_search,
    .kulis-section-availability
  ) .kulis-plugin-app-layout > .kulis-plugin-app-content{
    display:block!important;
    position:relative!important;
    flex:1 1 0%!important;
    align-self:flex-start!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    inset:auto!important;
    float:none!important;
    clear:none!important;
    transform:none!important;
    overflow-x:clip!important;
    box-sizing:border-box!important;
  }

  body.kulis-plugin-app-frame-body:is(
    .kulis-section-members,
    .kulis-section-equipment,
    .kulis-section-crew_search,
    .kulis-section-availability
  ) .kulis-plugin-app-content > [data-kulis-native-frame-module]{
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    margin:0 0 32px!important;
    padding-top:0!important;
    inset:auto!important;
    float:none!important;
    clear:none!important;
    align-self:flex-start!important;
    transform:none!important;
    box-sizing:border-box!important;
  }

  /* Eski module CSS'lerinden kalan ilk blok clear/top offsetleri de yalnız
     bu dört native-frame modülünde sıfırlanır. */
  body.kulis-plugin-app-frame-body:is(
    .kulis-section-members,
    .kulis-section-equipment,
    .kulis-section-crew_search,
    .kulis-section-availability
  ) .kulis-plugin-app-content > [data-kulis-native-frame-module] > :is(
    header,
    form,
    section,
    .kulis-availability-main
  ){
    float:none!important;
    clear:none!important;
  }

  /* Crew Search ilk boya: eski app-shell ölçüsü bir kare bile görünmez. */
  body.kulis-plugin-app-frame-body.kulis-section-crew_search .kulis-crew-search-app{
    width:100%!important;
    max-width:100%!important;
    margin:0 0 32px!important;
    padding:0!important;
    transition:none!important;
    animation:none!important;
  }
}

@media (max-width:1050px) and (min-width:783px){
  body.kulis-plugin-app-frame-body:is(
    .kulis-section-members,
    .kulis-section-equipment,
    .kulis-section-crew_search,
    .kulis-section-availability
  ) .kulis-plugin-app-layout{
    gap:10px!important;
    width:calc(100vw - 18px)!important;
  }

  body.kulis-plugin-app-frame-body:is(
    .kulis-section-members,
    .kulis-section-equipment,
    .kulis-section-crew_search,
    .kulis-section-availability
  ) .kulis-plugin-app-layout > [data-kulis-canonical-desktop-sidebar]{
    flex-basis:190px!important;
    width:190px!important;
    min-width:190px!important;
    max-width:190px!important;
  }
}