/* =========================================================
   RÜYA - ANKETLER / ADMIN LIST V1
   Veri ve fonksiyonlara dokunmaz.
   Desktop >= 761px
   Mobil mevcut yapı aynen korunur.
   ========================================================= */

@media (min-width:761px){

  /* -------------------------------------------------------
     SAYFA
     ------------------------------------------------------- */

  .ruyaSurveyPage{
    --ruya-survey-navy:#17356f;
    --ruya-survey-navy-hover:#102c61;
    --ruya-survey-text:#27364b;
    --ruya-survey-muted:#748196;
    --ruya-survey-line:#e2e7ee;
    --ruya-survey-soft:#f6f8fb;

    width:100%!important;
  }


  /* -------------------------------------------------------
     TOOLBAR
     ------------------------------------------------------- */

  .ruyaSurveyPage .ruyaSurveyNativeToolbar{
    margin-bottom:16px!important;
    border:1px solid var(--ruya-survey-line)!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 5px 18px rgba(36,52,76,.045)!important;
  }


  /* -------------------------------------------------------
     GRID -> TEK SÜTUN
     ------------------------------------------------------- */

  .ruyaSurveyPage .ruyaSurveyAdminList{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;

    width:100%!important;
    margin:0!important;
  }


  /* -------------------------------------------------------
     KART
     ------------------------------------------------------- */

  .ruyaSurveyPage .ruyaSurveyAdminCard{
    position:relative!important;

    display:block!important;

    min-width:0!important;
    width:100%!important;

    padding:18px 20px!important;

    border:1px solid var(--ruya-survey-line)!important;
    border-radius:18px!important;

    background:#fff!important;

    box-shadow:0 5px 18px rgba(32,48,70,.045)!important;

    box-sizing:border-box!important;

    overflow:hidden!important;
  }

  .ruyaSurveyPage .ruyaSurveyAdminCard:hover{
    border-color:#d6dde7!important;
    box-shadow:0 8px 22px rgba(32,48,70,.065)!important;
  }


  /* Ana içerik */
  .ruyaSurveyPage .ruyaSurveyAdminCard > div:first-child{
    position:relative!important;
    min-width:0!important;

    padding-right:170px!important;
  }


  /* -------------------------------------------------------
     DURUM ETİKETİ
     ------------------------------------------------------- */

  .ruyaSurveyPage .ruyaSurveyAdminCard .badge{
    display:inline-flex!important;
    align-items:center!important;

    min-height:24px!important;

    padding:4px 9px!important;

    border-radius:999px!important;

    font-size:10px!important;
    line-height:1!important;
    font-weight:850!important;

    letter-spacing:.02em!important;
  }


  /* -------------------------------------------------------
     BAŞLIK
     ------------------------------------------------------- */

  .ruyaSurveyPage .ruyaSurveyAdminCard h3{
    margin:9px 0 6px!important;

    color:var(--ruya-survey-text)!important;

    font-size:17px!important;
    line-height:1.3!important;
    font-weight:850!important;

    letter-spacing:-.01em!important;
  }


  /* -------------------------------------------------------
     AÇIKLAMA - EN FAZLA 3 SATIR
     ------------------------------------------------------- */

  .ruyaSurveyPage .ruyaSurveyAdminCard p{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;

    overflow:hidden!important;

    max-width:980px!important;

    margin:0 0 9px!important;

    color:#68768a!important;

    font-size:12.5px!important;
    line-height:1.55!important;
  }


  /* -------------------------------------------------------
     META
     Son tarih + cevap sayısı
     ------------------------------------------------------- */

  .ruyaSurveyPage .ruyaSurveyAdminCard small{
    display:block!important;

    margin-top:3px!important;

    color:#7d899a!important;

    font-size:10.5px!important;
    line-height:1.4!important;
    font-weight:650!important;
  }


  /* -------------------------------------------------------
     SINIF PILL - SAĞ ÜST
     ------------------------------------------------------- */

  .ruyaSurveyPage .ruya-r785-surveyTarget{
    position:absolute!important;

    top:0!important;
    right:0!important;

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

    max-width:155px!important;

    margin:0!important;

    padding:7px 10px!important;

    border:1px solid #dfe5ec!important;
    border-radius:999px!important;

    background:#f7f9fc!important;

    color:#53647a!important;

    font-size:10px!important;
    line-height:1.15!important;
    font-weight:800!important;

    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }


  /* -------------------------------------------------------
     AKSİYON ŞERİDİ
     5 BUTONUN TAMAMI KORUNUR
     ------------------------------------------------------- */

  .ruyaSurveyPage .ruya-r785-surveyActions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;

    flex-wrap:wrap!important;

    gap:7px!important;

    margin-top:14px!important;
    padding-top:13px!important;

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

  .ruyaSurveyPage .ruya-r785-surveyActions button{
    width:auto!important;

    min-width:0!important;
    min-height:36px!important;

    margin:0!important;

    padding:8px 12px!important;

    border:1px solid #dbe2ea!important;
    border-radius:10px!important;

    background:#fff!important;

    color:#46586f!important;

    font-size:10.5px!important;
    line-height:1!important;
    font-weight:800!important;

    box-shadow:none!important;

    cursor:pointer!important;

    transition:
      background .15s ease,
      border-color .15s ease,
      color .15s ease,
      transform .12s ease!important;
  }

  .ruyaSurveyPage .ruya-r785-surveyActions button:hover{
    background:#f7f9fc!important;
    border-color:#ccd6e2!important;
  }

  .ruyaSurveyPage .ruya-r785-surveyActions button:active{
    transform:translateY(1px)!important;
  }


  /* Ana aksiyon - MOR YOK */
  .ruyaSurveyPage .ruya-r785-surveyActions .primary{
    border-color:var(--ruya-survey-navy)!important;

    background:var(--ruya-survey-navy)!important;

    color:#fff!important;
  }

  .ruyaSurveyPage .ruya-r785-surveyActions .primary:hover{
    border-color:var(--ruya-survey-navy-hover)!important;

    background:var(--ruya-survey-navy-hover)!important;
  }


  /* Yayından kaldır */
  .ruyaSurveyPage .ruya-r785-surveyActions .warning{
    border-color:#ead8a7!important;

    background:#fffaf0!important;

    color:#80601b!important;
  }


  /* Sil */
  .ruyaSurveyPage .ruya-r785-surveyActions .danger{
    border-color:#efcfd3!important;

    background:#fff!important;

    color:#ad3948!important;
  }

  .ruyaSurveyPage .ruya-r785-surveyActions .danger:hover{
    background:#fff5f6!important;
  }


  /* Receipt/Görüntülenme component içindeki olası wrapper */
  .ruyaSurveyPage .ruya-r785-surveyActions > *{
    flex:0 0 auto!important;
  }


  /* -------------------------------------------------------
     GENİŞ MASAÜSTÜ
     ------------------------------------------------------- */

  @media (min-width:1280px){
    .ruyaSurveyPage .ruyaSurveyAdminCard{
      padding:20px 22px!important;
    }

    .ruyaSurveyPage .ruyaSurveyAdminCard h3{
      font-size:18px!important;
    }

    .ruyaSurveyPage .ruyaSurveyAdminCard p{
      font-size:13px!important;
    }
  }

}

/* =========================================================
   RÜYA ANKETLER
   BULLETIN STYLE HEADER
   Desktop only - mobile mevcut yapı korunur
   ========================================================= */

@media (min-width:761px){

  /* Eski lila intro masaüstünde kalkar */
  .ruyaSurveyPage .ruyaSurveyLegacyIntro{
    display:none!important;
  }


  /* -------------------------------------------------------
     BÜLTENLER DİLİNDE BEYAZ ÜST ALAN
     ------------------------------------------------------- */

  .ruyaSurveyPage .ruyaSurveyDesktopHeader{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;

    gap:24px!important;

    width:100%!important;

    margin:0 0 12px!important;
    padding:18px 18px!important;

    border:1px solid #e2e7ee!important;
    border-radius:16px!important;

    background:#fff!important;

    box-shadow:0 4px 16px rgba(32,48,70,.035)!important;

    box-sizing:border-box!important;
  }


  /* Başlık alanı */

  .ruyaSurveyPage .ruyaSurveyDesktopHeaderText{
    min-width:0!important;
    flex:1 1 auto!important;
  }

  .ruyaSurveyPage .ruyaSurveyDesktopHeaderText h2{
    margin:0!important;

    color:#27364b!important;

    font-size:20px!important;
    line-height:1.2!important;
    font-weight:850!important;

    letter-spacing:-.015em!important;
  }

  .ruyaSurveyPage .ruyaSurveyDesktopHeaderText p{
    margin:5px 0 0!important;

    color:#77869b!important;

    font-size:11.5px!important;
    line-height:1.45!important;
  }


  /* Sağ taraf */

  .ruyaSurveyPage .ruyaSurveyDesktopHeaderActions{
    display:flex!important;
    align-items:center!important;

    gap:8px!important;

    flex:0 0 auto!important;
  }


  /* Arama */

  .ruyaSurveyPage .ruyaSurveyDesktopSearch{
    display:flex!important;
    align-items:center!important;

    width:230px!important;
    min-height:36px!important;

    padding:0 11px!important;

    border:1px solid #dce3eb!important;
    border-radius:10px!important;

    background:#fff!important;

    box-sizing:border-box!important;
  }

  .ruyaSurveyPage .ruyaSurveyDesktopSearch span{
    flex:0 0 auto!important;

    margin-right:7px!important;

    color:#8795a7!important;

    font-size:13px!important;
  }

  .ruyaSurveyPage .ruyaSurveyDesktopSearch input{
    min-width:0!important;
    width:100%!important;

    padding:0!important;

    border:0!important;
    outline:0!important;

    background:transparent!important;

    color:#415168!important;

    font:inherit!important;
    font-size:10.5px!important;
  }

  .ruyaSurveyPage .ruyaSurveyDesktopSearch input::placeholder{
    color:#9aa6b5!important;
  }


  /* Yeni Anket */

  .ruyaSurveyPage .ruyaSurveyNewButton{
    min-height:36px!important;

    padding:0 15px!important;

    border:1px solid #17356f!important;
    border-radius:10px!important;

    background:#17356f!important;

    color:#fff!important;

    font-size:10.5px!important;
    font-weight:850!important;

    white-space:nowrap!important;

    box-shadow:none!important;

    cursor:pointer!important;
  }

  .ruyaSurveyPage .ruyaSurveyNewButton:hover{
    border-color:#102c61!important;
    background:#102c61!important;
  }


  /* -------------------------------------------------------
     ALT TOOLBAR
     Arama üst bölüme taşındı.
     Burada yalnız filtreler + kayıt sayısı kalır.
     ------------------------------------------------------- */

  .ruyaSurveyPage .ruyaSurveyNativeToolbar{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:flex-end!important;

    gap:8px!important;

    min-height:auto!important;

    margin:0 0 16px!important;
    padding:10px 12px!important;

    border:1px solid #e2e7ee!important;
    border-radius:14px!important;

    background:#fff!important;

    box-shadow:none!important;
  }


  /* Eski toolbar arama alanı masaüstünde gizlenir */

  .ruyaSurveyPage
  .ruyaSurveyNativeToolbar
  .v5DocumentSearch{
    display:none!important;
  }


  .ruyaSurveyPage
  .ruyaSurveyNativeToolbar
  .v5DocumentFilters{
    display:flex!important;
    align-items:flex-end!important;

    gap:8px!important;

    margin-left:auto!important;
  }


  .ruyaSurveyPage
  .ruyaSurveyNativeToolbar
  .v5DocumentFilters label{
    margin:0!important;
  }


  .ruyaSurveyPage
  .ruyaSurveyNativeToolbar
  .v5DocumentCount{
    align-self:center!important;

    margin:0 0 0 3px!important;

    color:#8290a2!important;

    font-size:9.5px!important;
    font-weight:700!important;

    white-space:nowrap!important;
  }

}


/* =========================================================
   MOBİL
   Yeni desktop header görünmez.
   Eski V5Intro + mevcut mobil toolbar aynen devam eder.
   ========================================================= */

@media (max-width:760px){

  .ruyaSurveyPage .ruyaSurveyDesktopHeader{
    display:none!important;
  }

  .ruyaSurveyPage .ruyaSurveyLegacyIntro{
    display:block!important;
  }

}

/* RUYA_SURVEY_RECEIPT_MODAL_FIX_V1_20261001 */

/*
 * Anket Görüntülenme Takibi
 * Portal/modalın uygulama shell'i altında kalmasını engeller.
 */

.ruyaReceiptBack-survey{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;

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

  box-sizing:border-box!important;

  padding:16px!important;

  background:rgba(15,23,42,.58)!important;

  overflow:auto!important;
  overscroll-behavior:contain!important;

  -webkit-overflow-scrolling:touch;
}

.ruyaReceiptModal-survey{
  position:relative!important;

  z-index:2147483001!important;

  width:min(760px,calc(100vw - 32px))!important;
  max-width:760px!important;

  min-width:0!important;
  min-height:0!important;

  max-height:min(86dvh,860px)!important;

  box-sizing:border-box!important;

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

  overflow:hidden!important;

  margin:auto!important;

  padding:20px!important;

  border-radius:24px!important;

  background:#fff!important;

  box-shadow:
    0 30px 90px rgba(15,23,42,.28)!important;
}

.ruyaReceiptModal-survey .ruyaReceiptHead{
  flex:0 0 auto!important;
}

.ruyaReceiptModal-survey .ruyaReceiptKpis{
  flex:0 0 auto!important;
}

.ruyaReceiptModal-survey .ruyaReceiptTabs{
  flex:0 0 auto!important;
}

.ruyaReceiptModal-survey .ruyaReceiptRows{
  flex:1 1 auto!important;

  min-height:0!important;
  max-height:44dvh!important;

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

  -webkit-overflow-scrolling:touch!important;
}

.ruyaReceiptModal-survey .ruyaReceiptFooter{
  flex:0 0 auto!important;
}

@media (max-width:640px){

  .ruyaReceiptBack-survey{
    padding:10px!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .ruyaReceiptModal-survey{
    width:calc(100vw - 20px)!important;
    max-width:none!important;

    min-height:0!important;
    max-height:88dvh!important;

    margin:auto!important;

    padding:16px!important;

    border-radius:20px!important;
  }

  .ruyaReceiptModal-survey .ruyaReceiptRows{
    max-height:40dvh!important;
  }

}