/* =========================================================
   RÜYA ADMIN DUYURULAR V1
   SADECE YÖNETİM EKRANI
   Görüntüleme / veli / öğretmen tarafına dokunmaz
   ========================================================= */

.ruyaAdminAnnouncementsPage{
  width:100%;
  min-width:0;
}


/* =========================================================
   DESKTOP
   ========================================================= */

@media (min-width:761px){

  /* Generic Duyurular toolbar yalnız ADMIN ekranında kalkar */
  body.ruyaAdminAnnouncementsActive .ruyaV243Toolbar{
    display:none!important;
  }


  /* Eski admin başlığı masaüstünde gizlenir */
  .ruyaAdminAnnouncementsPage .ruyaAdminAnnouncementLegacyHead{
    display:none!important;
  }


  /* -------------------------------------------------------
     BÜLTENLER / ANKETLER ORTAK DİL HEADER
     ------------------------------------------------------- */

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

    gap:24px!important;

    width:100%!important;

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

    box-sizing:border-box!important;

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

    background:#fff!important;

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


  .ruyaAdminAnnouncementsPage .ruyaAdminAnnouncementHeadCopy{
    flex:1 1 auto!important;
    min-width:0!important;
  }

  .ruyaAdminAnnouncementsPage .ruyaAdminAnnouncementHeadCopy h2{
    margin:0!important;

    color:#27364b!important;

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

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

  .ruyaAdminAnnouncementsPage .ruyaAdminAnnouncementHeadCopy p{
    margin:5px 0 0!important;

    color:#77869b!important;

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


  .ruyaAdminAnnouncementsPage .ruyaAdminAnnouncementHeadActions{
    display:flex!important;
    align-items:center!important;

    gap:8px!important;

    flex:0 0 auto!important;
  }


  /* Arama */

  .ruyaAdminAnnouncementsPage .ruyaAdminAnnouncementSearch{
    display:flex!important;
    align-items:center!important;

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

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

    box-sizing:border-box!important;

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

    background:#fff!important;
  }

  .ruyaAdminAnnouncementsPage .ruyaAdminAnnouncementSearch > span{
    flex:0 0 auto!important;

    margin-right:7px!important;

    color:#8795a7!important;

    font-size:13px!important;
  }

  .ruyaAdminAnnouncementsPage .ruyaAdminAnnouncementSearch input{
    width:100%!important;
    min-width:0!important;
    min-height:34px!important;

    padding:0!important;

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

    background:transparent!important;

    color:#415168!important;

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

    box-shadow:none!important;
  }

  .ruyaAdminAnnouncementsPage .ruyaAdminAnnouncementSearch input::placeholder{
    color:#9ba7b6!important;
  }


  /* Kayıt sayısı */

  .ruyaAdminAnnouncementsPage .ruyaAdminAnnouncementCount{
    color:#7f8c9e!important;

    font-size:9.5px!important;
    line-height:1!important;
    font-weight:750!important;

    white-space:nowrap!important;
  }


  /* Yeni Duyuru */

  .ruyaAdminAnnouncementsPage .ruyaAdminAnnouncementNewButton{
    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;
    line-height:1!important;
    font-weight:850!important;

    white-space:nowrap!important;

    box-shadow:none!important;

    cursor:pointer!important;
  }

  .ruyaAdminAnnouncementsPage .ruyaAdminAnnouncementNewButton:hover{
    border-color:#102c61!important;
    background:#102c61!important;
  }


  /* -------------------------------------------------------
     LISTE
     ------------------------------------------------------- */

  .ruyaAdminAnnouncementsPage .announcementAdminList{
    display:grid!important;

    grid-template-columns:1fr!important;

    gap:11px!important;

    width:100%!important;
  }


  .ruyaAdminAnnouncementsPage .announcementAdminCard{
    display:block!important;

    width:100%!important;

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

    box-sizing:border-box!important;

    border:1px solid #e1e7ee!important;
    border-radius:17px!important;

    background:#fff!important;

    box-shadow:
      0 5px 18px rgba(31,48,70,.04)!important;
  }

  .ruyaAdminAnnouncementsPage .announcementAdminCard:hover{
    border-color:#d3dce7!important;

    box-shadow:
      0 7px 21px rgba(31,48,70,.055)!important;
  }


  /* Mobil kısa satır desktopta görünmez */
  .ruyaAdminAnnouncementsPage .adminAnnouncementMobileRow{
    display:none!important;
  }


  /* Hedef + tarih */

  .ruyaAdminAnnouncementsPage .announcementAdminHead{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;

    gap:18px!important;

    margin:0!important;
  }

  .ruyaAdminAnnouncementsPage .announcementAdminHead > div{
    min-width:0!important;
  }

  .ruyaAdminAnnouncementsPage .announcementAdminHead .badge{
    display:inline-flex!important;
    align-items:center!important;

    min-height:23px!important;

    margin:0 0 7px!important;
    padding:0 9px!important;

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

    background:#f4f8fc!important;

    color:#48627f!important;

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

    box-shadow:none!important;
  }

  .ruyaAdminAnnouncementsPage .announcementAdminHead h3{
    margin:0!important;

    color:#27364b!important;

    font-size:15px!important;
    line-height:1.32!important;
    font-weight:850!important;

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

  .ruyaAdminAnnouncementsPage .announcementAdminHead > small{
    flex:0 0 auto!important;

    margin-top:3px!important;

    color:#8996a7!important;

    font-size:9.5px!important;
    line-height:1!important;
    font-weight:650!important;

    white-space:nowrap!important;
  }


  /* Açıklama maksimum 3 satır */

  .ruyaAdminAnnouncementsPage .announcementAdminCard > p{
    display:-webkit-box!important;
    overflow:hidden!important;

    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;

    max-width:1200px!important;

    margin:9px 0 0!important;

    color:#66758a!important;

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


  /* Ek dosya alanı */

  .ruyaAdminAnnouncementsPage .announcementAdminCard > .ruyaAnnouncementAttachmentRow{
    margin:11px 0 0!important;
    padding:9px 11px!important;

    border-radius:11px!important;

    background:#f8fafc!important;

    box-shadow:none!important;
  }


  /* -------------------------------------------------------
     AKSİYONLAR
     ------------------------------------------------------- */

  .ruyaAdminAnnouncementsPage .announcementAdminCard > .actions{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;

    gap:7px!important;

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

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


  .ruyaAdminAnnouncementsPage .announcementAdminCard > .actions > *{
    min-height:32px!important;

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

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

    background:#fff!important;

    color:#43536b!important;

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

    box-shadow:none!important;
  }


  /* Görüntülenme */
  .ruyaAdminAnnouncementsPage .announcementAdminCard > .actions > :first-child{
    border-color:#17356f!important;

    background:#17356f!important;

    color:#fff!important;
  }


  /* Sil */
  .ruyaAdminAnnouncementsPage .announcementAdminCard > .actions > :last-child{
    border-color:#f0c8cd!important;

    background:#fff!important;

    color:#bd3342!important;
  }


  .ruyaAdminAnnouncementsPage .ruyaAnnouncementNoResult{
    padding:28px!important;

    text-align:center!important;

    color:#7d8999!important;

    font-size:11px!important;
  }

}


/* =========================================================
   MOBİL
   Mevcut görünüm + mevcut generic search korunur
   ========================================================= */

@media (max-width:760px){

  .ruyaAdminAnnouncementsPage .ruyaAdminAnnouncementDesktopHead{
    display:none!important;
  }

  .ruyaAdminAnnouncementsPage .ruyaAdminAnnouncementLegacyHead{
    display:flex!important;
  }

}


/* RUYA_ADMIN_ANNOUNCEMENTS_PREMIUM_V2 */

.ruyaAnnV2Page{
  display:grid!important;
  gap:15px!important;
  width:100%!important;
  max-width:1180px!important;
  margin:0 auto!important;
}

.ruyaAnnV2Page .ruyaAdminAnnouncementLegacyHead{
  display:none!important;
}

.ruyaAnnV2Head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
  padding:22px 24px!important;
  border:1px solid #e5ebf3!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 10px 32px rgba(21,42,78,.055)!important;
}

.ruyaAnnV2Head .ruyaAdminAnnouncementHeadCopy small{
  display:block!important;
  margin-bottom:5px!important;
  color:#17307A!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}

.ruyaAnnV2Head .ruyaAdminAnnouncementHeadCopy h2{
  margin:0!important;
  color:#172b4d!important;
  font-size:28px!important;
  font-weight:800!important;
  letter-spacing:-.035em!important;
}

.ruyaAnnV2Head .ruyaAdminAnnouncementHeadCopy p{
  margin:5px 0 0!important;
  color:#7c899a!important;
  font-size:13px!important;
}

.ruyaAnnV2HeadActions{
  display:grid!important;
  grid-template-columns:minmax(230px,300px) minmax(180px,220px) auto!important;
  gap:9px!important;
  align-items:center!important;
}

.ruyaAnnV2HeadActions .ruyaAdminAnnouncementSearch{
  min-height:48px!important;
}

.ruyaAnnV2ClassFilter{
  width:100%!important;
  min-height:48px!important;
  padding:0 13px!important;
  border:1px solid #dfe6ef!important;
  border-radius:14px!important;
  outline:0!important;
  background:#fff!important;
  color:#263a56!important;
  font-size:13px!important;
  font-weight:750!important;
}

.ruyaAnnV2HeadActions .ruyaAdminAnnouncementNewButton{
  min-height:48px!important;
  padding:0 18px!important;
  border:1px solid #17307A!important;
  border-radius:14px!important;
  background:#17307A!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
  white-space:nowrap!important;
  box-shadow:0 8px 18px rgba(23,48,122,.16)!important;
}

.ruyaAnnV2ResultBar{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  padding:0 4px!important;
}

.ruyaAnnV2ResultBar b{
  color:#2d425e!important;
  font-size:13px!important;
}

.ruyaAnnV2ResultBar span{
  color:#8491a2!important;
  font-size:12px!important;
  font-weight:750!important;
}

.ruyaAnnV2List{
  display:grid!important;
  gap:14px!important;
}

.ruyaAnnV2Card{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #e4eaf2!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 8px 26px rgba(20,41,77,.05)!important;
}

.ruyaAnnV2Card.hasAttachment{
  grid-template-columns:220px minmax(0,1fr)!important;
}

.ruyaAnnV2PreviewCol{
  min-width:0!important;
  padding:14px 0 14px 14px!important;
}

.ruyaAnnV2Preview{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:210px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #dfe6ef!important;
  border-radius:16px!important;
  background:#f4f7fb!important;
  box-shadow:none!important;
}

.ruyaAnnV2Preview img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:210px!important;
  object-fit:cover!important;
  object-position:center top!important;
}

.ruyaAnnV2Preview.pdf img{
  object-fit:contain!important;
  background:#edf1f6!important;
}

.ruyaAnnV2PreviewFallback{
  display:grid!important;
  place-content:center!important;
  gap:8px!important;
  min-height:210px!important;
  padding:18px!important;
  text-align:center!important;
  color:#64758b!important;
}

.ruyaAnnV2PreviewFallback span{
  display:grid!important;
  place-items:center!important;
  width:54px!important;
  height:54px!important;
  margin:auto!important;
  border-radius:15px!important;
  background:#e9eef8!important;
  color:#17307A!important;
  font-size:11px!important;
  font-weight:950!important;
}

.ruyaAnnV2PreviewFallback b{
  font-size:11px!important;
}

.ruyaAnnV2PreviewTag{
  position:absolute!important;
  left:10px!important;
  bottom:10px!important;
  padding:6px 9px!important;
  border-radius:999px!important;
  background:rgba(23,48,122,.92)!important;
  color:#fff!important;
  font-size:9px!important;
  font-weight:900!important;
}

.ruyaAnnV2Content{
  display:grid!important;
  gap:12px!important;
  min-width:0!important;
  padding:18px 20px!important;
}

.ruyaAnnV2Top{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
}

.ruyaAnnV2Chips{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
}

.ruyaAnnV2Chips span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:27px!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  font-size:9.5px!important;
  font-weight:900!important;
}

.ruyaAnnV2Chips .scope{
  background:#edf2fb!important;
  color:#17307A!important;
}

.ruyaAnnV2Chips .audience{
  background:#f3f5f7!important;
  color:#66778e!important;
}

.ruyaAnnV2Top time{
  color:#8996a7!important;
  font-size:11px!important;
  font-weight:750!important;
  white-space:nowrap!important;
}

.ruyaAnnV2Card h3{
  margin:0!important;
  color:#182c50!important;
  font-size:19px!important;
  line-height:1.3!important;
  letter-spacing:-.02em!important;
}

.ruyaAnnV2Body{
  margin:0!important;
  color:#56667a!important;
  font-size:13px!important;
  line-height:1.62!important;
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
}

.ruyaAnnV2Meta{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:9px!important;
}

.ruyaAnnV2Meta>div{
  display:grid!important;
  gap:3px!important;
  padding:10px 12px!important;
  border:1px solid #e7ecf3!important;
  border-radius:13px!important;
  background:#fafbfd!important;
}

.ruyaAnnV2Meta small,
.ruyaAnnV2File small{
  color:#8b97a8!important;
  font-size:8.5px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}

.ruyaAnnV2Meta b,
.ruyaAnnV2File b{
  color:#314760!important;
  font-size:11.5px!important;
  overflow-wrap:anywhere!important;
}

.ruyaAnnV2File{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
  padding:10px 12px!important;
  border:1px solid #dfe7f2!important;
  border-radius:13px!important;
  background:#f5f8fc!important;
}

.ruyaAnnV2File>div:first-child{
  display:grid!important;
  min-width:0!important;
  gap:3px!important;
}

.ruyaAnnV2FileActions{
  display:flex!important;
  gap:6px!important;
}

.ruyaAnnV2FileActions button{
  min-height:36px!important;
  margin:0!important;
  padding:0 12px!important;
  border:1px solid #17307A!important;
  border-radius:10px!important;
  background:#17307A!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:900!important;
  box-shadow:none!important;
}

.ruyaAnnV2Tracking{
  display:grid!important;
  gap:8px!important;
  padding:11px 12px!important;
  border:1px solid #e5eaf1!important;
  border-radius:13px!important;
  background:#fbfcfe!important;
}

.ruyaAnnV2TrackingHead{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}

.ruyaAnnV2TrackingHead>div{
  display:grid!important;
  gap:2px!important;
}

.ruyaAnnV2TrackingHead b{
  color:#30445e!important;
  font-size:11.5px!important;
}

.ruyaAnnV2TrackingHead small,
.ruyaAnnV2StatsLoading{
  color:#8592a3!important;
  font-size:9.5px!important;
}

.ruyaAnnV2TrackingHead strong{
  color:#17307A!important;
  font-size:12px!important;
}

.ruyaAnnV2Progress{
  width:100%!important;
  height:5px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:#e8edf4!important;
}

.ruyaAnnV2Progress i{
  display:block!important;
  height:100%!important;
  border-radius:999px!important;
  background:#17307A!important;
}

.ruyaAnnV2Actions{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(90px,1fr))!important;
  gap:7px!important;
  margin:0!important;
}

.ruyaAnnV2Actions>*,
.ruyaAnnV2Actions button{
  min-width:0!important;
  width:100%!important;
  min-height:42px!important;
  margin:0!important;
  padding:7px 8px!important;
  border:1px solid #17307A!important;
  border-radius:11px!important;
  background:#17307A!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:900!important;
  box-shadow:none!important;
}

.ruyaAnnV2Actions .danger{
  border-color:#ecd5da!important;
  background:#fff3f5!important;
  color:#b44151!important;
}

.ruyaAnnV2Page .ruyaReceiptOpenButton{
  border-color:#17307A!important;
  background:#17307A!important;
  color:#fff!important;
}

@media(max-width:900px){
  .ruyaAnnV2Head{
    grid-template-columns:1fr!important;
    padding:18px!important;
  }

  .ruyaAnnV2HeadActions{
    grid-template-columns:1fr 1fr!important;
  }

  .ruyaAnnV2HeadActions .ruyaAdminAnnouncementNewButton{
    grid-column:1/-1!important;
  }

  .ruyaAnnV2Card.hasAttachment{
    grid-template-columns:180px minmax(0,1fr)!important;
  }
}

@media(max-width:640px){
  .ruyaAnnV2Page{
    gap:11px!important;
  }

  .ruyaAnnV2Head{
    padding:15px!important;
    border-radius:20px!important;
  }

  .ruyaAnnV2Head .ruyaAdminAnnouncementHeadCopy h2{
    font-size:23px!important;
  }

  .ruyaAnnV2HeadActions{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  .ruyaAnnV2HeadActions .ruyaAdminAnnouncementNewButton{
    grid-column:auto!important;
    min-height:50px!important;
  }

  .ruyaAnnV2Card,
  .ruyaAnnV2Card.hasAttachment{
    grid-template-columns:1fr!important;
    border-radius:19px!important;
  }

  .ruyaAnnV2PreviewCol{
    padding:12px 12px 0!important;
  }

  .ruyaAnnV2Preview,
  .ruyaAnnV2Preview img,
  .ruyaAnnV2PreviewFallback{
    height:188px!important;
    min-height:188px!important;
  }

  .ruyaAnnV2Content{
    gap:11px!important;
    padding:15px!important;
  }

  .ruyaAnnV2Top{
    display:grid!important;
    gap:8px!important;
  }

  .ruyaAnnV2Top time{
    order:-1!important;
    font-size:10px!important;
  }

  .ruyaAnnV2Card h3{
    font-size:17px!important;
  }

  .ruyaAnnV2Body{
    font-size:12.5px!important;
    line-height:1.58!important;
  }

  .ruyaAnnV2Meta{
    grid-template-columns:1fr!important;
  }

  .ruyaAnnV2File{
    grid-template-columns:1fr!important;
  }

  .ruyaAnnV2FileActions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }

  .ruyaAnnV2FileActions button{
    min-height:40px!important;
  }

  .ruyaAnnV2Actions{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
  }

  .ruyaAnnV2Actions>*,
  .ruyaAnnV2Actions button{
    min-height:44px!important;
    padding:6px 4px!important;
    font-size:9.5px!important;
  }
}


/* RUYA_ADMIN_ANNOUNCEMENTS_V2_LAYOUTFIX1 */

/*
   Eski announcementAdminCard kurallarını kesin olarak ezer.
   Desktop:
   solda gerçek ek önizleme
   sağda duyuru içeriği.
*/

.ruyaAdminAnnouncementsPage.ruyaAnnV2Page
.announcementAdminList.ruyaAnnV2List
.announcementAdminCard.ruyaAnnV2Card.hasAttachment{
    display:grid!important;
    grid-template-columns:210px minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    align-items:stretch!important;
    width:100%!important;
    min-width:0!important;
    padding:0!important;
    overflow:hidden!important;
}

.ruyaAdminAnnouncementsPage.ruyaAnnV2Page
.ruyaAnnV2Card.hasAttachment
>.ruyaAnnV2PreviewCol{
    display:block!important;
    grid-column:1!important;
    grid-row:1!important;
    width:210px!important;
    min-width:210px!important;
    max-width:210px!important;
    height:auto!important;
    padding:14px 0 14px 14px!important;
    margin:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
}

.ruyaAdminAnnouncementsPage.ruyaAnnV2Page
.ruyaAnnV2Card.hasAttachment
>.ruyaAnnV2PreviewCol
>.ruyaAnnV2Preview{
    display:block!important;
    position:relative!important;
    width:196px!important;
    min-width:196px!important;
    max-width:196px!important;
    height:220px!important;
    min-height:220px!important;
    max-height:220px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid #dfe6ef!important;
    border-radius:16px!important;
    background:#f4f7fb!important;
    box-sizing:border-box!important;
}

.ruyaAdminAnnouncementsPage.ruyaAnnV2Page
.ruyaAnnV2Card.hasAttachment
>.ruyaAnnV2PreviewCol
>.ruyaAnnV2Preview
>img{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    object-fit:cover!important;
    object-position:center top!important;
}

.ruyaAdminAnnouncementsPage.ruyaAnnV2Page
.ruyaAnnV2Card.hasAttachment
>.ruyaAnnV2PreviewCol
>.ruyaAnnV2Preview.pdf
>img{
    object-fit:contain!important;
    background:#eef2f7!important;
}

.ruyaAdminAnnouncementsPage.ruyaAnnV2Page
.ruyaAnnV2Card
>.ruyaAnnV2Content{
    display:grid!important;
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    width:auto!important;
    padding:18px 20px!important;
    margin:0!important;
    box-sizing:border-box!important;
}

/* Eksiz duyuruda içerik doğal olarak tüm genişliği kullansın */
.ruyaAdminAnnouncementsPage.ruyaAnnV2Page
.ruyaAnnV2Card:not(.hasAttachment)
>.ruyaAnnV2Content{
    grid-column:1!important;
}

/* Tablet */
@media(max-width:900px){

    .ruyaAdminAnnouncementsPage.ruyaAnnV2Page
    .announcementAdminList.ruyaAnnV2List
    .announcementAdminCard.ruyaAnnV2Card.hasAttachment{
        grid-template-columns:175px minmax(0,1fr)!important;
    }

    .ruyaAdminAnnouncementsPage.ruyaAnnV2Page
    .ruyaAnnV2Card.hasAttachment
    >.ruyaAnnV2PreviewCol{
        width:175px!important;
        min-width:175px!important;
        max-width:175px!important;
        padding:12px 0 12px 12px!important;
    }

    .ruyaAdminAnnouncementsPage.ruyaAnnV2Page
    .ruyaAnnV2Card.hasAttachment
    >.ruyaAnnV2PreviewCol
    >.ruyaAnnV2Preview{
        width:163px!important;
        min-width:163px!important;
        max-width:163px!important;
        height:205px!important;
        min-height:205px!important;
        max-height:205px!important;
    }
}

/* Telefon */
@media(max-width:640px){

    .ruyaAdminAnnouncementsPage.ruyaAnnV2Page
    .announcementAdminList.ruyaAnnV2List
    .announcementAdminCard.ruyaAnnV2Card.hasAttachment{
        grid-template-columns:1fr!important;
        grid-template-rows:auto auto!important;
    }

    .ruyaAdminAnnouncementsPage.ruyaAnnV2Page
    .ruyaAnnV2Card.hasAttachment
    >.ruyaAnnV2PreviewCol{
        grid-column:1!important;
        grid-row:1!important;
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        padding:12px 12px 0!important;
    }

    .ruyaAdminAnnouncementsPage.ruyaAnnV2Page
    .ruyaAnnV2Card.hasAttachment
    >.ruyaAnnV2PreviewCol
    >.ruyaAnnV2Preview{
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        height:185px!important;
        min-height:185px!important;
        max-height:185px!important;
    }

    .ruyaAdminAnnouncementsPage.ruyaAnnV2Page
    .ruyaAnnV2Card
    >.ruyaAnnV2Content{
        grid-column:1!important;
        grid-row:2!important;
        width:100%!important;
    }
}


/* RUYA_ADMIN_ANNOUNCEMENTS_REFERENCE_V3 */

.ruyaAnnRefPage{
  display:grid!important;
  gap:14px!important;
  width:100%!important;
  max-width:1180px!important;
  margin:0 auto!important;
}

.ruyaAnnRefHero{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:20px!important;
  padding:4px 2px 12px!important;
  border-bottom:1px solid #e8edf5!important;
}

.ruyaAnnRefHero h2{
  margin:0!important;
  color:#13265c!important;
  font-size:30px!important;
  line-height:1.1!important;
  font-weight:850!important;
  letter-spacing:-.035em!important;
}

.ruyaAnnRefHero p{
  margin:6px 0 0!important;
  max-width:720px!important;
  color:#667997!important;
  font-size:13px!important;
  line-height:1.5!important;
}

.ruyaAnnRefNew{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:48px!important;
  padding:0 19px!important;
  border:1px solid #17307A!important;
  border-radius:10px!important;
  background:#17307A!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:850!important;
  white-space:nowrap!important;
  box-shadow:0 7px 18px rgba(23,48,122,.15)!important;
}

.ruyaAnnRefNew span{
  font-size:20px!important;
  font-weight:400!important;
}

.ruyaAnnRefTabsDesktop{
  display:flex!important;
  gap:8px!important;
  padding-bottom:2px!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}

.ruyaAnnRefTabsDesktop::-webkit-scrollbar{
  display:none!important;
}

.ruyaAnnRefTabsDesktop button{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex:0 0 auto!important;
  min-height:43px!important;
  padding:0 15px!important;
  border:1px solid #e0e7f1!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#3c4f76!important;
  font-size:11px!important;
  font-weight:800!important;
  box-shadow:0 3px 10px rgba(30,52,86,.025)!important;
}

.ruyaAnnRefTabsDesktop button span,
.ruyaAnnRefTabsMobile button span{
  display:grid!important;
  place-items:center!important;
  min-width:22px!important;
  height:22px!important;
  padding:0 5px!important;
  border-radius:999px!important;
  background:#edf2fa!important;
  color:#17307A!important;
  font-size:9px!important;
  font-weight:900!important;
}

.ruyaAnnRefTabsDesktop button.active{
  border-color:#9fc0f5!important;
  background:#edf5ff!important;
  color:#17307A!important;
  box-shadow:inset 0 0 0 1px rgba(23,48,122,.07)!important;
}

.ruyaAnnRefTabsDesktop button.active span{
  background:#17307A!important;
  color:#fff!important;
}

.ruyaAnnRefTabsMobile{
  display:none!important;
}

.ruyaAnnRefTools{
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) auto 180px!important;
  align-items:center!important;
  gap:10px!important;
}

.ruyaAnnRefSearch{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-height:42px!important;
  padding:0 12px!important;
  border:1px solid #dfe7f1!important;
  border-radius:9px!important;
  background:#fff!important;
}

.ruyaAnnRefSearch span{
  color:#17307A!important;
  font-size:17px!important;
}

.ruyaAnnRefSearch input{
  width:100%!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#23385e!important;
  font-size:11px!important;
}

.ruyaAnnRefDateRange{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
}

.ruyaAnnRefDateRange input,
.ruyaAnnRefSort{
  height:42px!important;
  border:1px solid #dfe7f1!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#536585!important;
  font-size:10px!important;
  font-weight:700!important;
}

.ruyaAnnRefDateRange input{
  width:135px!important;
  padding:0 8px!important;
}

.ruyaAnnRefSort{
  width:180px!important;
  padding:0 11px!important;
}

.ruyaAnnRefList{
  display:grid!important;
  gap:9px!important;
}

.ruyaAnnRefCard{
  position:relative!important;
  display:grid!important;
  grid-template-columns:122px minmax(0,1fr) 165px 30px!important;
  align-items:center!important;
  gap:14px!important;
  min-width:0!important;
  min-height:118px!important;
  padding:11px 14px 11px 11px!important;
  border:1px solid #e1e7f0!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 5px 16px rgba(25,48,83,.04)!important;
  transition:.18s ease!important;
}

.ruyaAnnRefCard:hover{
  border-color:#cbd8e8!important;
  box-shadow:0 8px 22px rgba(25,48,83,.07)!important;
}

.ruyaAnnRefThumb{
  width:122px!important;
  height:96px!important;
  min-width:122px!important;
}

.ruyaAnnRefThumb .ruyaAnnV2Preview{
  display:block!important;
  width:122px!important;
  height:96px!important;
  min-height:96px!important;
  max-height:96px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #dde5ef!important;
  border-radius:10px!important;
  background:#f4f7fa!important;
}

.ruyaAnnRefThumb .ruyaAnnV2Preview img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center top!important;
}

.ruyaAnnRefThumb .ruyaAnnV2Preview.pdf img{
  object-fit:contain!important;
  background:#f2f4f8!important;
}

.ruyaAnnRefThumb .ruyaAnnV2PreviewTag{
  left:6px!important;
  bottom:6px!important;
  padding:4px 6px!important;
  font-size:7px!important;
}

.ruyaAnnRefThumb .ruyaAnnV2PreviewFallback{
  min-height:96px!important;
  height:96px!important;
  padding:8px!important;
}

.ruyaAnnRefThumb .ruyaAnnV2PreviewFallback span{
  width:36px!important;
  height:36px!important;
  border-radius:9px!important;
  font-size:8px!important;
}

.ruyaAnnRefThumb .ruyaAnnV2PreviewFallback b{
  font-size:8px!important;
}

.ruyaAnnRefNoImage{
  display:grid!important;
  place-content:center!important;
  width:122px!important;
  height:96px!important;
  border:1px solid #dfe7f2!important;
  border-radius:10px!important;
  background:#f3f6fb!important;
  text-align:center!important;
}

.ruyaAnnRefNoImage span{
  font-size:26px!important;
}

.ruyaAnnRefNoImage small{
  margin-top:5px!important;
  color:#17307A!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.1em!important;
}

.ruyaAnnRefContent{
  min-width:0!important;
}

.ruyaAnnRefTitleRow{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
}

.ruyaAnnRefTitleRow h3{
  min-width:0!important;
  margin:0!important;
  overflow:hidden!important;
  color:#13265c!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:850!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.ruyaAnnRefTitleRow>span{
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  min-height:25px!important;
  padding:3px 8px!important;
  border-radius:7px!important;
  font-size:8.5px!important;
  font-weight:850!important;
}

.ruyaAnnRefTitleRow>span.class{
  border:1px solid #c5ead7!important;
  background:#eaf8f0!important;
  color:#258153!important;
}

.ruyaAnnRefTitleRow>span.general{
  border:1px solid #cddcf4!important;
  background:#edf4ff!important;
  color:#2263be!important;
}

.ruyaAnnRefMetaLine{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:13px!important;
  margin-top:7px!important;
}

.ruyaAnnRefMetaLine span{
  color:#667896!important;
  font-size:9.5px!important;
  font-weight:650!important;
}

.ruyaAnnRefExcerpt{
  display:-webkit-box!important;
  margin:7px 0 0!important;
  overflow:hidden!important;
  color:#4c6083!important;
  font-size:11px!important;
  line-height:1.48!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}

.ruyaAnnRefStats{
  display:grid!important;
  gap:9px!important;
  min-height:84px!important;
  padding:11px!important;
  border:1px solid #e1e8f1!important;
  border-radius:10px!important;
  background:#fbfcfe!important;
}

.ruyaAnnRefStatsTop{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
}

.ruyaAnnRefPeople{
  display:grid!important;
  place-items:center!important;
  width:27px!important;
  height:27px!important;
  border-radius:8px!important;
  background:#eaf2ff!important;
  color:#17307A!important;
  font-size:14px!important;
}

.ruyaAnnRefStatsTop>div{
  display:grid!important;
  gap:1px!important;
}

.ruyaAnnRefStatsTop b{
  color:#172e66!important;
  font-size:14px!important;
  line-height:1!important;
}

.ruyaAnnRefStatsTop small,
.ruyaAnnRefStatsWait{
  color:#7c8ba4!important;
  font-size:8.5px!important;
}

.ruyaAnnRefProgressRow{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 35px!important;
  align-items:center!important;
  gap:8px!important;
}

.ruyaAnnRefProgress{
  height:7px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:#dfe7ef!important;
}

.ruyaAnnRefProgress i{
  display:block!important;
  height:100%!important;
  border-radius:999px!important;
  background:#39b76f!important;
}

.ruyaAnnRefProgressRow strong{
  color:#17307A!important;
  font-size:10px!important;
}

.ruyaAnnRefMenuWrap{
  position:relative!important;
  align-self:start!important;
  justify-self:end!important;
}

.ruyaAnnRefMenuButton{
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  height:34px!important;
  padding:0!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#17307A!important;
  font-size:21px!important;
  line-height:1!important;
  font-weight:900!important;
}

.ruyaAnnRefMenu{
  position:absolute!important;
  z-index:50!important;
  top:32px!important;
  right:0!important;
  display:grid!important;
  width:160px!important;
  padding:5px!important;
  border:1px solid #dde5ef!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:0 12px 32px rgba(28,47,78,.15)!important;
}

.ruyaAnnRefMenu button,
.ruyaAnnRefMenu .ruyaReceiptOpenButton{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-height:36px!important;
  margin:0!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#31476a!important;
  text-align:left!important;
  font-size:10px!important;
  font-weight:750!important;
  box-shadow:none!important;
}

.ruyaAnnRefMenu button:hover{
  background:#f2f6fb!important;
}

.ruyaAnnRefMenu button.danger{
  color:#bd4350!important;
}

.ruyaAnnRefChevron{
  position:absolute!important;
  right:7px!important;
  bottom:14px!important;
  color:#17307A!important;
  font-size:24px!important;
  font-weight:400!important;
  pointer-events:none!important;
}

.ruyaAnnRefFooter{
  padding:4px 2px!important;
  color:#7788a2!important;
  text-align:right!important;
  font-size:10px!important;
}

@media(max-width:900px){

  .ruyaAnnRefPage{
    gap:11px!important;
  }

  .ruyaAnnRefHero{
    display:grid!important;
    gap:12px!important;
    padding-bottom:10px!important;
  }

  .ruyaAnnRefHero h2{
    font-size:24px!important;
  }

  .ruyaAnnRefHero p{
    font-size:11px!important;
  }

  .ruyaAnnRefNew{
    width:100%!important;
    min-height:48px!important;
  }

  .ruyaAnnRefTabsDesktop{
    display:none!important;
  }

  .ruyaAnnRefTabsMobile{
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr!important;
    gap:7px!important;
  }

  .ruyaAnnRefTabsMobile button,
  .ruyaAnnRefTabsMobile select{
    min-width:0!important;
    min-height:42px!important;
    border:1px solid #dfe7f1!important;
    border-radius:9px!important;
    background:#fff!important;
    color:#3f5275!important;
    font-size:10px!important;
    font-weight:800!important;
  }

  .ruyaAnnRefTabsMobile button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
  }

  .ruyaAnnRefTabsMobile button.active{
    border-color:#bed4f5!important;
    background:#edf5ff!important;
    color:#17307A!important;
  }

  .ruyaAnnRefTabsMobile select{
    padding:0 8px!important;
  }

  .ruyaAnnRefTools{
    grid-template-columns:1fr!important;
  }

  .ruyaAnnRefDateRange,
  .ruyaAnnRefSort{
    display:none!important;
  }

  .ruyaAnnRefCard{
    grid-template-columns:88px minmax(0,1fr) 27px!important;
    grid-template-rows:auto auto!important;
    gap:9px 10px!important;
    min-height:0!important;
    padding:10px!important;
    border-radius:13px!important;
  }

  .ruyaAnnRefThumb{
    grid-column:1!important;
    grid-row:1!important;
    width:88px!important;
    height:74px!important;
    min-width:88px!important;
  }

  .ruyaAnnRefThumb .ruyaAnnV2Preview,
  .ruyaAnnRefNoImage{
    width:88px!important;
    height:74px!important;
    min-height:74px!important;
    max-height:74px!important;
    border-radius:9px!important;
  }

  .ruyaAnnRefThumb .ruyaAnnV2PreviewFallback{
    height:74px!important;
    min-height:74px!important;
  }

  .ruyaAnnRefContent{
    grid-column:2!important;
    grid-row:1!important;
  }

  .ruyaAnnRefTitleRow{
    display:grid!important;
    gap:4px!important;
  }

  .ruyaAnnRefTitleRow h3{
    font-size:12.5px!important;
  }

  .ruyaAnnRefTitleRow>span{
    justify-self:start!important;
    min-height:21px!important;
    padding:2px 6px!important;
    font-size:7.5px!important;
  }

  .ruyaAnnRefMetaLine{
    gap:7px!important;
    margin-top:5px!important;
  }

  .ruyaAnnRefMetaLine span{
    font-size:8px!important;
  }

  .ruyaAnnRefMetaLine span:nth-child(2){
    display:none!important;
  }

  .ruyaAnnRefExcerpt{
    margin-top:5px!important;
    font-size:9.5px!important;
    line-height:1.42!important;
    -webkit-line-clamp:2!important;
  }

  .ruyaAnnRefStats{
    grid-column:1 / 3!important;
    grid-row:2!important;
    min-height:0!important;
    padding:8px 4px 2px!important;
    border:0!important;
    border-top:1px solid #edf1f5!important;
    border-radius:0!important;
    background:transparent!important;
  }

  .ruyaAnnRefStatsTop{
    gap:7px!important;
  }

  .ruyaAnnRefPeople{
    width:24px!important;
    height:24px!important;
    background:#e8f8ef!important;
    color:#22a85e!important;
  }

  .ruyaAnnRefStatsTop b{
    font-size:12px!important;
  }

  .ruyaAnnRefProgressRow{
    grid-template-columns:minmax(0,1fr) 32px!important;
  }

  .ruyaAnnRefProgress{
    height:6px!important;
  }

  .ruyaAnnRefMenuWrap{
    grid-column:3!important;
    grid-row:1!important;
  }

  .ruyaAnnRefChevron{
    right:10px!important;
    bottom:18px!important;
    font-size:21px!important;
  }

  .ruyaAnnRefFooter{
    display:none!important;
  }
}


/* RUYA_ADMIN_ANNOUNCEMENTS_REFERENCE_V4_1_FIX */

/* ANA ALANI TAM DOLDUR */
.ruyaAdminAnnouncementsPage.ruyaAnnRefPage{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0 3px 22px!important;
    box-sizing:border-box!important;
}

/* SINIFLAR KESİLMEZ */
.ruyaAnnRefTabsDesktop{
    display:flex!important;
    flex-wrap:wrap!important;
    width:100%!important;
    max-width:none!important;
    overflow:visible!important;
    gap:8px!important;
}

.ruyaAnnRefTabsDesktop button{
    flex:0 0 auto!important;
    width:auto!important;
    max-width:none!important;
    white-space:nowrap!important;
    overflow:visible!important;
}

/* TOOLBAR TAM GENİŞLİK */
.ruyaAnnRefTools{
    width:100%!important;
    grid-template-columns:
        minmax(320px,1fr)
        auto
        180px!important;
}

/* KART */
.ruyaAnnRefList,
.ruyaAnnRefCard{
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
}

.ruyaAnnRefCard{
    cursor:pointer!important;
}

.ruyaAnnRefCard:focus{
    outline:2px solid rgba(23,48,122,.18)!important;
    outline-offset:2px!important;
}

/* KÜÇÜK OK ARTIK YOK */
.ruyaAnnRefChevron{
    display:none!important;
}

/* THUMBNAIL */
.ruyaAnnRefThumb .ruyaAnnV41Preview{
    display:block!important;
    width:122px!important;
    min-width:122px!important;
    max-width:122px!important;
    height:96px!important;
    min-height:96px!important;
    max-height:96px!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid #dde5ef!important;
    border-radius:10px!important;
    background:#f4f7fa!important;
    box-sizing:border-box!important;
    pointer-events:none!important;
}

.ruyaAnnRefThumb .ruyaAnnV41Preview img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center top!important;
}

.ruyaAnnRefThumb .ruyaAnnV41Preview.pdf img{
    object-fit:contain!important;
    background:#f3f5f8!important;
}

/* SAYFALAMA */
.ruyaAnnRefPager{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:9px 2px!important;
}

.ruyaAnnRefPagerButtons{
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
}

.ruyaAnnRefPagerButtons button{
    display:grid!important;
    place-items:center!important;
    min-width:34px!important;
    height:34px!important;
    padding:0 8px!important;
    border:1px solid #dce5ef!important;
    border-radius:8px!important;
    background:#fff!important;
    color:#17307A!important;
    font-size:10px!important;
    font-weight:850!important;
}

.ruyaAnnRefPagerButtons button.active{
    border-color:#17307A!important;
    background:#17307A!important;
    color:#fff!important;
}

.ruyaAnnRefPagerButtons button:disabled{
    opacity:.35!important;
}

/* MENÜ */
.ruyaAnnRefMenu{
    cursor:default!important;
}

@media(min-width:901px){

    .ruyaAnnRefCard{
        grid-template-columns:
            122px
            minmax(0,1fr)
            175px
            30px!important;
    }
}

@media(max-width:900px){

    .ruyaAdminAnnouncementsPage.ruyaAnnRefPage{
        padding:0 2px 18px!important;
    }

    .ruyaAnnRefThumb .ruyaAnnV41Preview{
        width:88px!important;
        min-width:88px!important;
        max-width:88px!important;
        height:74px!important;
        min-height:74px!important;
        max-height:74px!important;
    }

    .ruyaAnnRefPager{
        display:flex!important;
    }
}


/* RUYA_ADMIN_ANNOUNCEMENTS_REFERENCE_V4_4_RESPONSIVE */

/* =========================================================
   DESKTOP SON RÖTUŞ
   ========================================================= */

.ruyaAdminAnnouncementsPage.ruyaAnnRefPage{
    gap:12px!important;
}

.ruyaAnnRefHero{
    padding:2px 2px 13px!important;
}

.ruyaAnnRefHero h2{
    font-size:29px!important;
}

.ruyaAnnRefHero p{
    margin-top:5px!important;
    max-width:760px!important;
}

.ruyaAnnRefNew{
    min-height:46px!important;
    border-radius:10px!important;
}

.ruyaAnnRefCard{
    min-height:110px!important;
    padding-top:10px!important;
    padding-bottom:10px!important;
}

.ruyaAnnRefTitleRow h3{
    letter-spacing:-.015em!important;
}

.ruyaAnnRefStats{
    align-self:center!important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width:900px){

    .ruyaAdminAnnouncementsPage.ruyaAnnRefPage{
        width:100%!important;
        max-width:none!important;
        padding:0 8px 84px!important;
        gap:10px!important;
        overflow:visible!important;
    }

    /*
       Mobil/tablet uygulama header'ında zaten Duyurular yazıyor.
       Referanstaki gibi burada başlığı tekrar etmiyoruz.
    */
    .ruyaAnnRefHero{
        display:block!important;
        padding:0!important;
        border-bottom:0!important;
    }

    .ruyaAnnRefHero>div{
        display:none!important;
    }

    .ruyaAnnRefNew{
        width:100%!important;
        min-height:48px!important;
        padding:0 16px!important;
        border-radius:9px!important;
        font-size:12px!important;
        box-shadow:none!important;
    }

    /* Tümü / Genel / Sınıflar */
    .ruyaAnnRefTabsDesktop{
        display:none!important;
    }

    .ruyaAnnRefTabsMobile{
        display:grid!important;
        grid-template-columns:1fr 1fr 1.12fr!important;
        gap:7px!important;
        width:100%!important;
    }

    .ruyaAnnRefTabsMobile button,
    .ruyaAnnRefTabsMobile select{
        width:100%!important;
        min-width:0!important;
        height:43px!important;
        min-height:43px!important;
        margin:0!important;
        border:1px solid #dfe7f1!important;
        border-radius:9px!important;
        background:#fff!important;
        color:#31486f!important;
        font-size:10px!important;
        font-weight:800!important;
        box-shadow:none!important;
    }

    .ruyaAnnRefTabsMobile button{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:6px!important;
        padding:0 8px!important;
    }

    .ruyaAnnRefTabsMobile button.active{
        border-color:#c5d9f6!important;
        background:#edf5ff!important;
        color:#17307A!important;
    }

    .ruyaAnnRefTabsMobile select{
        padding:0 9px!important;
        outline:0!important;
    }

    /* Sadece arama mobilde */
    .ruyaAnnRefTools{
        display:block!important;
        width:100%!important;
    }

    .ruyaAnnRefSearch{
        width:100%!important;
        height:44px!important;
        min-height:44px!important;
        border-radius:9px!important;
        box-sizing:border-box!important;
    }

    .ruyaAnnRefSearch input{
        font-size:11px!important;
    }

    .ruyaAnnRefDateRange,
    .ruyaAnnRefSort{
        display:none!important;
    }
}


/* =========================================================
   TELEFON — REFERANS MOBİL
   ========================================================= */

@media (max-width:640px){

    .ruyaAdminAnnouncementsPage.ruyaAnnRefPage{
        padding:0 8px 86px!important;
        gap:9px!important;
    }

    .ruyaAnnRefNew{
        min-height:46px!important;
        font-size:11.5px!important;
    }

    .ruyaAnnRefNew span{
        font-size:19px!important;
    }

    .ruyaAnnRefTabsMobile{
        gap:6px!important;
    }

    .ruyaAnnRefTabsMobile button,
    .ruyaAnnRefTabsMobile select{
        height:41px!important;
        min-height:41px!important;
        border-radius:8px!important;
        font-size:9.5px!important;
    }

    .ruyaAnnRefTabsMobile button span{
        min-width:20px!important;
        height:20px!important;
        font-size:8px!important;
    }

    .ruyaAnnRefSearch{
        height:43px!important;
        min-height:43px!important;
        padding:0 11px!important;
    }


    /* =====================================================
       KART
       ===================================================== */

    .ruyaAnnRefList{
        gap:8px!important;
    }

    .ruyaAnnRefCard{
        display:grid!important;

        grid-template-columns:
            88px
            minmax(0,1fr)
            25px!important;

        grid-template-rows:
            auto
            auto!important;

        column-gap:9px!important;
        row-gap:8px!important;

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

        padding:10px!important;

        border:1px solid #e1e8f1!important;
        border-radius:13px!important;

        background:#fff!important;

        box-shadow:
            0 3px 12px
            rgba(24,47,80,.035)!important;
    }


    /* GERÇEK GÖRSEL */

    .ruyaAnnRefThumb{
        grid-column:1!important;
        grid-row:1!important;

        align-self:start!important;

        width:88px!important;
        min-width:88px!important;
        max-width:88px!important;

        height:76px!important;
        min-height:76px!important;
        max-height:76px!important;
    }

    .ruyaAnnRefThumb .ruyaAnnV41Preview,
    .ruyaAnnRefThumb .ruyaAnnV2Preview,
    .ruyaAnnRefNoImage{
        width:88px!important;
        min-width:88px!important;
        max-width:88px!important;

        height:76px!important;
        min-height:76px!important;
        max-height:76px!important;

        overflow:hidden!important;

        border-radius:9px!important;

        box-sizing:border-box!important;
    }

    .ruyaAnnRefThumb img{
        display:block!important;

        width:100%!important;
        height:100%!important;

        object-fit:cover!important;
        object-position:center top!important;
    }

    .ruyaAnnRefThumb .pdf img{
        object-fit:contain!important;
    }

    .ruyaAnnRefThumb .ruyaAnnV2PreviewFallback{
        width:100%!important;
        height:100%!important;
        min-height:76px!important;
        padding:5px!important;
    }

    .ruyaAnnRefThumb .ruyaAnnV2PreviewFallback span{
        width:32px!important;
        height:32px!important;
        font-size:7px!important;
    }

    .ruyaAnnRefThumb .ruyaAnnV2PreviewFallback b{
        font-size:7px!important;
    }


    /* ORTA İÇERİK */

    .ruyaAnnRefContent{
        grid-column:2!important;
        grid-row:1!important;

        align-self:start!important;

        min-width:0!important;
        overflow:hidden!important;
    }

    .ruyaAnnRefTitleRow{
        display:flex!important;
        flex-wrap:wrap!important;

        align-items:flex-start!important;

        gap:4px 6px!important;

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

    .ruyaAnnRefTitleRow h3{
        flex:1 1 100%!important;

        display:-webkit-box!important;

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

        margin:0!important;

        overflow:hidden!important;

        color:#13265c!important;

        font-size:12.5px!important;
        line-height:1.25!important;
        font-weight:850!important;

        white-space:normal!important;

        -webkit-line-clamp:2!important;
        -webkit-box-orient:vertical!important;
    }

    .ruyaAnnRefTitleRow>span{
        min-height:20px!important;
        padding:2px 6px!important;

        border-radius:6px!important;

        font-size:7.4px!important;
        line-height:1!important;
    }


    /* YAYINLAYAN + TARİH */

    .ruyaAnnRefMetaLine{
        display:flex!important;
        flex-wrap:wrap!important;

        gap:4px 9px!important;

        width:100%!important;

        margin-top:5px!important;
    }

    .ruyaAnnRefMetaLine span{
        font-size:7.8px!important;
        line-height:1.25!important;
    }

    /*
       Mobilde sınıf zaten badge ile belli.
       Referanstaki gibi orta meta daha temiz.
    */
    .ruyaAnnRefMetaLine span:nth-child(2){
        display:none!important;
    }


    /* METİN */

    .ruyaAnnRefExcerpt{
        display:-webkit-box!important;

        margin:5px 0 0!important;

        overflow:hidden!important;

        color:#4b6082!important;

        font-size:9.3px!important;
        line-height:1.4!important;

        -webkit-line-clamp:2!important;
        -webkit-box-orient:vertical!important;
    }


    /* ... MENÜ */

    .ruyaAnnRefMenuWrap{
        grid-column:3!important;
        grid-row:1!important;

        align-self:start!important;
        justify-self:end!important;

        z-index:15!important;
    }

    .ruyaAnnRefMenuButton{
        width:25px!important;
        height:30px!important;

        padding:0!important;

        font-size:19px!important;

        border-radius:7px!important;
    }

    .ruyaAnnRefMenu{
        right:0!important;
        top:30px!important;

        width:155px!important;
    }


    /* =====================================================
       GÖRÜNTÜLENME — REFERANS MOBİL ALT SATIR
       ===================================================== */

    .ruyaAnnRefStats{
        grid-column:1 / 4!important;
        grid-row:2!important;

        display:grid!important;

        gap:7px!important;

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

        margin:0!important;
        padding:8px 3px 1px!important;

        border:0!important;
        border-top:1px solid #edf1f6!important;
        border-radius:0!important;

        background:transparent!important;

        box-sizing:border-box!important;
    }

    .ruyaAnnRefStatsTop{
        display:flex!important;

        align-items:center!important;

        gap:7px!important;
    }

    .ruyaAnnRefPeople{
        width:23px!important;
        height:23px!important;

        border-radius:7px!important;

        background:#e8f8ef!important;
        color:#1eaa5b!important;

        font-size:12px!important;
    }

    .ruyaAnnRefStatsTop>div{
        display:flex!important;
        align-items:baseline!important;
        gap:5px!important;
    }

    .ruyaAnnRefStatsTop b{
        font-size:11.5px!important;
        line-height:1!important;
    }

    .ruyaAnnRefStatsTop small{
        font-size:7.5px!important;
    }

    .ruyaAnnRefProgressRow{
        display:grid!important;

        grid-template-columns:
            minmax(0,1fr)
            34px!important;

        align-items:center!important;

        gap:7px!important;

        width:100%!important;
    }

    .ruyaAnnRefProgress{
        width:100%!important;
        height:6px!important;
    }

    .ruyaAnnRefProgressRow strong{
        text-align:right!important;

        font-size:9px!important;
    }


    /* OK YOK — TÜM KART TIKLANABİLİR */

    .ruyaAnnRefChevron{
        display:none!important;
    }


    /* PAGINATION */

    .ruyaAnnRefPager{
        display:flex!important;

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

        width:100%!important;

        padding:8px 0 2px!important;
    }

    .ruyaAnnRefPager>span{
        display:none!important;
    }

    .ruyaAnnRefPagerButtons{
        justify-content:center!important;
    }

    .ruyaAnnRefPagerButtons button{
        min-width:32px!important;
        height:32px!important;

        border-radius:8px!important;

        font-size:9px!important;
    }
}


/* =========================================================
   ÇOK DAR TELEFON
   ========================================================= */

@media (max-width:380px){

    .ruyaAdminAnnouncementsPage.ruyaAnnRefPage{
        padding-left:6px!important;
        padding-right:6px!important;
    }

    .ruyaAnnRefCard{
        grid-template-columns:
            80px
            minmax(0,1fr)
            23px!important;

        column-gap:7px!important;

        padding:8px!important;
    }

    .ruyaAnnRefThumb,
    .ruyaAnnRefThumb .ruyaAnnV41Preview,
    .ruyaAnnRefThumb .ruyaAnnV2Preview,
    .ruyaAnnRefNoImage{
        width:80px!important;
        min-width:80px!important;
        max-width:80px!important;

        height:72px!important;
        min-height:72px!important;
        max-height:72px!important;
    }

    .ruyaAnnRefTitleRow h3{
        font-size:11.5px!important;
    }

    .ruyaAnnRefExcerpt{
        font-size:8.8px!important;
    }
}


/* RUYA_CALENDAR_PREMIUM_V1 */

body.ruyaCalendarModalOpen{
  overflow:hidden!important;
}

.ruyaCalendarRefPage{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0 3px 24px!important;
  box-sizing:border-box!important;
  display:grid!important;
  gap:14px!important;
}

.ruyaCalRefHero{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  padding:4px 2px 13px!important;
  border-bottom:1px solid #e8edf5!important;
}

.ruyaCalRefHero>div>small{
  display:block!important;
  margin-bottom:4px!important;
  color:#7f8da6!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.09em!important;
}

.ruyaCalRefHero h2{
  margin:0!important;
  color:#13265c!important;
  font-size:30px!important;
  line-height:1.15!important;
  font-weight:850!important;
  letter-spacing:-.035em!important;
}

.ruyaCalRefHero p{
  margin:6px 0 0!important;
  color:#7788a2!important;
  font-size:13px!important;
}

.ruyaCalRefNew{
  min-height:48px!important;
  padding:0 18px!important;
  border:0!important;
  border-radius:14px!important;
  background:#17307A!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:800!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  box-shadow:0 8px 20px rgba(23,48,122,.16)!important;
}

.ruyaCalRefNew span{
  font-size:21px!important;
  line-height:1!important;
  font-weight:400!important;
}

.ruyaCalRefToolbar{
  display:grid!important;
  gap:11px!important;
  padding:13px!important;
  background:#fff!important;
  border:1px solid #e6ebf3!important;
  border-radius:18px!important;
  box-shadow:0 7px 24px rgba(35,55,95,.055)!important;
}

.ruyaCalRefTabs{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
}

.ruyaCalRefTabs button{
  min-height:37px!important;
  padding:0 13px!important;
  border:1px solid #dde5f0!important;
  border-radius:11px!important;
  background:#f7f9fc!important;
  color:#52627d!important;
  font-size:11px!important;
  font-weight:750!important;
  white-space:nowrap!important;
}

.ruyaCalRefTabs button.active{
  border-color:#17307A!important;
  background:#17307A!important;
  color:#fff!important;
  box-shadow:0 5px 13px rgba(23,48,122,.13)!important;
}

.ruyaCalRefTools{
  display:grid!important;
  grid-template-columns:minmax(240px,1fr) 190px!important;
  gap:10px!important;
}

.ruyaCalRefSearch{
  height:44px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  padding:0 13px!important;
  border:1px solid #dfe6f0!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#8090aa!important;
}

.ruyaCalRefSearch input{
  width:100%!important;
  height:100%!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#263653!important;
  font-size:12px!important;
}

.ruyaCalRefTools>select{
  height:44px!important;
  padding:0 12px!important;
  border:1px solid #dfe6f0!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#34445f!important;
  font-size:12px!important;
  font-weight:700!important;
}

.ruyaCalRefList{
  display:grid!important;
  gap:10px!important;
}

.ruyaCalRefCard{
  position:relative!important;
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr) 178px 38px!important;
  align-items:center!important;
  gap:15px!important;
  min-height:116px!important;
  padding:15px 13px 15px 15px!important;
  border:1px solid #e4eaf3!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 5px 19px rgba(35,55,95,.045)!important;
  cursor:pointer!important;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease!important;
}

.ruyaCalRefCard:hover{
  transform:translateY(-1px)!important;
  border-color:#cfd9ea!important;
  box-shadow:0 10px 28px rgba(35,55,95,.075)!important;
}

.ruyaCalRefCard.important{
  border-left:4px solid #17307A!important;
}

.ruyaCalRefDate{
  width:64px!important;
  height:72px!important;
  border-radius:16px!important;
  background:#f0f4fb!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  color:#17307A!important;
}

.ruyaCalRefDate b{
  font-size:27px!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
}

.ruyaCalRefDate span{
  margin-top:6px!important;
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:.08em!important;
}

.ruyaCalRefCopy{
  min-width:0!important;
}

.ruyaCalRefBadges{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  margin-bottom:5px!important;
}

.ruyaCalRefType,
.ruyaCalRefImportant{
  display:inline-flex!important;
  align-items:center!important;
  min-height:23px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  font-size:9px!important;
  font-weight:800!important;
}

.ruyaCalRefType{
  background:#eef3fb!important;
  color:#17307A!important;
}

.ruyaCalRefImportant{
  background:#fff4e7!important;
  color:#a15a09!important;
}

.ruyaCalRefCopy h3{
  margin:0!important;
  color:#1f304f!important;
  font-size:16px!important;
  line-height:1.3!important;
  font-weight:820!important;
}

.ruyaCalRefMeta{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:5px 13px!important;
  margin-top:6px!important;
  color:#7a899f!important;
  font-size:10px!important;
}

.ruyaCalRefMeta span{
  position:relative!important;
}

.ruyaCalRefDescription{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  margin:7px 0 0!important;
  color:#55647b!important;
  font-size:11px!important;
  line-height:1.5!important;
}

.ruyaCalRefAttachment{
  display:block!important;
  margin-top:7px!important;
  color:#17307A!important;
  font-size:10px!important;
  font-weight:750!important;
}

.ruyaCalRefStats{
  min-width:0!important;
  padding-left:13px!important;
  border-left:1px solid #edf1f6!important;
}

.ruyaCalRefStatsCopy{
  display:flex!important;
  align-items:baseline!important;
  justify-content:space-between!important;
  gap:8px!important;
}

.ruyaCalRefStatsCopy b{
  color:#203250!important;
  font-size:14px!important;
}

.ruyaCalRefStatsCopy small,
.ruyaCalRefStatsWait{
  color:#8896aa!important;
  font-size:9px!important;
}

.ruyaCalRefProgressRow{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 32px!important;
  align-items:center!important;
  gap:8px!important;
  margin-top:8px!important;
}

.ruyaCalRefProgress{
  height:6px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:#e9eef6!important;
}

.ruyaCalRefProgress i{
  display:block!important;
  height:100%!important;
  border-radius:999px!important;
  background:#17307A!important;
}

.ruyaCalRefProgressRow strong{
  color:#17307A!important;
  font-size:10px!important;
  text-align:right!important;
}

.ruyaCalRefMenuWrap{
  position:relative!important;
  z-index:5!important;
}

.ruyaCalRefMenuButton{
  width:36px!important;
  height:40px!important;
  padding:0!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#60718d!important;
  font-size:23px!important;
  line-height:1!important;
}

.ruyaCalRefMenuButton:hover{
  background:#f1f4f9!important;
}

.ruyaCalRefMenu{
  position:absolute!important;
  top:42px!important;
  right:0!important;
  z-index:40!important;
  width:165px!important;
  padding:6px!important;
  border:1px solid #e0e7f1!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 15px 42px rgba(26,45,82,.18)!important;
}

.ruyaCalRefMenu button{
  width:100%!important;
  min-height:39px!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#34445e!important;
  text-align:left!important;
  font-size:11px!important;
  font-weight:700!important;
}

.ruyaCalRefMenu button:hover{
  background:#f5f7fb!important;
}

.ruyaCalRefMenu button.danger{
  color:#b4233a!important;
}

.ruyaCalRefMenu .ruyaReceiptOpenButton{
  width:100%!important;
  min-height:39px!important;
  justify-content:flex-start!important;
  padding:0 10px!important;
  border:0!important;
  background:#fff!important;
  color:#34445e!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:700!important;
}

.ruyaCalRefChevron{
  position:absolute!important;
  right:16px!important;
  bottom:8px!important;
  color:#bbc5d3!important;
  font-size:19px!important;
  pointer-events:none!important;
}

.ruyaCalRefFooter{
  color:#8492a7!important;
  font-size:10px!important;
  text-align:right!important;
  padding:2px 4px!important;
}

/* DETAIL + COMPOSER = DUYURULAR MODAL AİLESİ */

.ruyaCalendarDetailBack,
.ruyaCalendarComposerBack,
.ruyaReceiptBack-calendar{
  z-index:2147483100!important;
  padding:24px!important;
  overflow:auto!important;
  background:rgba(18,32,60,.46)!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
}

.ruyaCalendarDetailWrap,
.ruyaCalendarComposerWrap{
  width:min(680px,100%)!important;
  max-width:680px!important;
  margin:auto!important;
}

.ruyaCalendarComposerWrap{
  width:min(720px,100%)!important;
  max-width:720px!important;
}

.ruyaCalendarDetailModal,
.ruyaCalendarComposer{
  width:100%!important;
  max-width:none!important;
  max-height:calc(100dvh - 48px)!important;
  overflow:auto!important;
  padding:28px!important;
  border-radius:24px!important;
  box-shadow:0 24px 70px rgba(15,30,65,.24)!important;
  background:#fff!important;
}

.ruyaCalendarDetailIcon,
.ruyaCalendarComposerIcon{
  background:#17307A!important;
  color:#fff!important;
}

.ruyaCalendarDetailModal>small,
.ruyaCalendarComposer>small{
  display:block!important;
  margin-bottom:5px!important;
  color:#70809a!important;
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:.08em!important;
}

.ruyaCalendarDetailModal>h3,
.ruyaCalendarComposer>h3{
  margin:0!important;
  padding-right:36px!important;
  color:#172a56!important;
  font-size:24px!important;
  line-height:1.22!important;
  letter-spacing:-.03em!important;
}

.ruyaCalendarComposerLead{
  margin:8px 0 20px!important;
  color:#76859b!important;
  font-size:12px!important;
  line-height:1.5!important;
}

.ruyaCalendarDetailMeta{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
  margin:18px 0!important;
}

.ruyaCalendarDetailMeta>span{
  min-width:0!important;
  padding:12px!important;
  border:1px solid #e5eaf2!important;
  border-radius:13px!important;
  background:#f8fafc!important;
}

.ruyaCalendarDetailMeta small{
  display:block!important;
  margin-bottom:4px!important;
  color:#8a98ac!important;
  font-size:8px!important;
  font-weight:850!important;
  letter-spacing:.07em!important;
}

.ruyaCalendarDetailMeta b{
  display:block!important;
  overflow:hidden!important;
  color:#283a58!important;
  font-size:11px!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.ruyaCalendarDetailDescription{
  margin:0!important;
  padding:16px!important;
  border:1px solid #e7ecf3!important;
  border-radius:15px!important;
  background:#fbfcfe!important;
  color:#42536c!important;
  font-size:13px!important;
  line-height:1.7!important;
  white-space:pre-wrap!important;
}

.ruyaCalendarDetailFiles{
  margin-top:16px!important;
}

.ruyaCalendarDetailFiles>small{
  display:block!important;
  margin-bottom:8px!important;
  color:#8190a5!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.07em!important;
}

.ruyaCalendarDetailFooter{
  display:flex!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:20px!important;
  padding-top:15px!important;
  border-top:1px solid #edf1f6!important;
}

.ruyaCalendarDetailFooter button{
  min-height:43px!important;
  padding:0 15px!important;
  border:0!important;
  border-radius:11px!important;
  background:#17307A!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:800!important;
}

.ruyaCalendarDetailFooter button.secondary{
  border:1px solid #dce4ef!important;
  background:#f6f8fb!important;
  color:#42516a!important;
}

.ruyaCalendarComposerFields{
  display:grid!important;
  gap:12px!important;
}

.ruyaCalendarComposerFields label{
  display:grid!important;
  gap:6px!important;
}

.ruyaCalendarComposerFields label>span{
  color:#52617a!important;
  font-size:10px!important;
  font-weight:800!important;
}

.ruyaCalendarComposer input,
.ruyaCalendarComposer select,
.ruyaCalendarComposer textarea{
  width:100%!important;
  box-sizing:border-box!important;
  border:1px solid #dfe6f0!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#253550!important;
  outline:0!important;
  font-size:13px!important;
}

.ruyaCalendarComposer input,
.ruyaCalendarComposer select{
  min-height:48px!important;
  padding:0 13px!important;
}

.ruyaCalendarComposer textarea{
  min-height:118px!important;
  padding:12px 13px!important;
  line-height:1.55!important;
  resize:vertical!important;
}

.ruyaCalendarComposer input:focus,
.ruyaCalendarComposer select:focus,
.ruyaCalendarComposer textarea:focus{
  border-color:#9fb0d0!important;
  box-shadow:0 0 0 3px rgba(23,48,122,.07)!important;
}

.ruyaCalendarComposerGrid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}

.ruyaCalendarImportantSwitch{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  padding:11px 12px!important;
  border:1px solid #e3e9f2!important;
  border-radius:13px!important;
  background:#f8fafc!important;
  cursor:pointer!important;
}

.ruyaCalendarImportantSwitch input{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
}

.ruyaCalendarImportantSwitch>i{
  position:relative!important;
  width:38px!important;
  height:22px!important;
  border-radius:999px!important;
  background:#d9e0eb!important;
  transition:.18s ease!important;
}

.ruyaCalendarImportantSwitch>i:after{
  content:""!important;
  position:absolute!important;
  top:3px!important;
  left:3px!important;
  width:16px!important;
  height:16px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 2px 5px rgba(25,40,70,.2)!important;
  transition:.18s ease!important;
}

.ruyaCalendarImportantSwitch input:checked+i{
  background:#17307A!important;
}

.ruyaCalendarImportantSwitch input:checked+i:after{
  transform:translateX(16px)!important;
}

.ruyaCalendarImportantSwitch b{
  display:block!important;
  color:#34445f!important;
  font-size:11px!important;
}

.ruyaCalendarImportantSwitch small{
  display:block!important;
  margin-top:2px!important;
  color:#8491a5!important;
  font-size:9px!important;
}

.ruyaCalendarFilePanel{
  display:grid!important;
  gap:10px!important;
  margin-top:17px!important;
  padding:14px!important;
  border:1px solid #e4eaf3!important;
  border-radius:15px!important;
  background:#fafbfd!important;
}

.ruyaCalendarFileHead b{
  display:block!important;
  color:#34445f!important;
  font-size:12px!important;
}

.ruyaCalendarFileHead small{
  color:#8996a9!important;
  font-size:9px!important;
}

.ruyaCalendarExistingFiles,
.ruyaCalendarPendingFiles{
  display:grid!important;
  gap:7px!important;
}

.ruyaCalendarExistingFiles>div,
.ruyaCalendarPendingFiles>div{
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr) 32px!important;
  align-items:center!important;
  gap:9px!important;
  min-height:50px!important;
  padding:7px 8px!important;
  border:1px solid #e3e9f2!important;
  border-radius:11px!important;
  background:#fff!important;
}

.ruyaCalendarExistingFiles>div>span,
.ruyaCalendarPendingFiles>div>span{
  width:32px!important;
  height:32px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:9px!important;
  background:#eef3fb!important;
  color:#17307A!important;
}

.ruyaCalendarExistingFiles b,
.ruyaCalendarPendingFiles b{
  display:block!important;
  overflow:hidden!important;
  color:#34445f!important;
  font-size:10px!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.ruyaCalendarExistingFiles small,
.ruyaCalendarPendingFiles small{
  display:block!important;
  margin-top:2px!important;
  color:#8996a9!important;
  font-size:8px!important;
}

.ruyaCalendarExistingFiles button,
.ruyaCalendarPendingFiles button{
  width:30px!important;
  height:30px!important;
  padding:0!important;
  border:0!important;
  border-radius:8px!important;
  background:#f4f6f9!important;
  color:#7f8ca0!important;
  font-size:18px!important;
}

.ruyaCalendarFilePicker{
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:9px 12px!important;
  border:1px dashed #bcc9dc!important;
  border-radius:12px!important;
  background:#fff!important;
  cursor:pointer!important;
}

.ruyaCalendarFilePicker input{
  display:none!important;
}

.ruyaCalendarFilePicker>span{
  width:36px!important;
  height:36px!important;
  flex:0 0 36px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:10px!important;
  background:#eef3fb!important;
  color:#17307A!important;
}

.ruyaCalendarFilePicker b{
  display:block!important;
  color:#34445f!important;
  font-size:11px!important;
}

.ruyaCalendarFilePicker small{
  display:block!important;
  margin-top:2px!important;
  color:#8794a8!important;
  font-size:9px!important;
}

.ruyaCalendarComposerFooter{
  position:sticky!important;
  bottom:-28px!important;
  display:grid!important;
  grid-template-columns:1fr 1.35fr!important;
  gap:9px!important;
  margin:20px -28px -28px!important;
  padding:14px 28px 18px!important;
  border-top:1px solid #e9edf4!important;
  background:rgba(255,255,255,.97)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}

.ruyaCalendarComposerFooter button{
  min-height:48px!important;
  border:0!important;
  border-radius:12px!important;
  background:#17307A!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
}

.ruyaCalendarComposerFooter button.secondary{
  border:1px solid #dce4ef!important;
  background:#f4f7fa!important;
  color:#4a5b73!important;
}

.ruyaCalendarComposerFooter button:disabled{
  opacity:.56!important;
  cursor:not-allowed!important;
}

/* CALENDAR GÖRÜNTÜLENME MODALI = DUYURU MODAL STANDARDI */

.ruyaReceiptModal-calendar{
  width:min(680px,100%)!important;
  max-width:680px!important;
  max-height:calc(100dvh - 48px)!important;
  overflow:auto!important;
  padding:28px!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 24px 70px rgba(15,30,65,.24)!important;
}

.ruyaReceiptBack-calendar .ruyaReceiptHead small{
  color:#75859d!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.08em!important;
}

.ruyaReceiptBack-calendar .ruyaReceiptHead h3{
  color:#172a56!important;
  font-size:23px!important;
  letter-spacing:-.025em!important;
}

.ruyaReceiptBack-calendar .ruyaReceiptKpis{
  margin-top:16px!important;
}

.ruyaReceiptBack-calendar .ruyaReceiptKpis article{
  border:1px solid #e4eaf3!important;
  border-radius:13px!important;
  background:#f8fafc!important;
}

.ruyaReceiptBack-calendar .ruyaReceiptTabs button.active{
  background:#17307A!important;
  color:#fff!important;
  border-color:#17307A!important;
}

@media(max-width:900px){

  .ruyaCalendarRefPage{
    gap:11px!important;
    padding:0 0 22px!important;
  }

  .ruyaCalRefHero{
    display:grid!important;
    gap:12px!important;
    padding-bottom:10px!important;
  }

  .ruyaCalRefHero h2{
    font-size:24px!important;
  }

  .ruyaCalRefHero p{
    font-size:11px!important;
    line-height:1.5!important;
  }

  .ruyaCalRefNew{
    width:100%!important;
    min-height:50px!important;
  }

  .ruyaCalRefToolbar{
    padding:10px!important;
    border-radius:15px!important;
  }

  .ruyaCalRefTabs{
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    padding-bottom:2px!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }

  .ruyaCalRefTabs::-webkit-scrollbar{
    display:none!important;
  }

  .ruyaCalRefTabs button{
    flex:0 0 auto!important;
    min-height:39px!important;
  }

  .ruyaCalRefTools{
    grid-template-columns:1fr!important;
  }

  .ruyaCalRefSearch,
  .ruyaCalRefTools>select{
    height:48px!important;
  }

  .ruyaCalRefCard{
    grid-template-columns:58px minmax(0,1fr) 34px!important;
    gap:11px!important;
    min-height:0!important;
    padding:13px 10px 13px 12px!important;
    border-radius:16px!important;
  }

  .ruyaCalRefDate{
    width:54px!important;
    height:64px!important;
    border-radius:14px!important;
  }

  .ruyaCalRefDate b{
    font-size:24px!important;
  }

  .ruyaCalRefCopy h3{
    font-size:14px!important;
  }

  .ruyaCalRefMeta{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:2px!important;
    font-size:9px!important;
  }

  .ruyaCalRefDescription{
    -webkit-line-clamp:2!important;
    font-size:10px!important;
  }

  .ruyaCalRefStats{
    grid-column:1 / -1!important;
    grid-row:2!important;
    padding:10px 0 0!important;
    border-left:0!important;
    border-top:1px solid #edf1f6!important;
  }

  .ruyaCalRefMenuWrap{
    grid-column:3!important;
    grid-row:1!important;
    align-self:start!important;
  }

  .ruyaCalRefMenu{
    right:0!important;
  }

  .ruyaCalRefChevron{
    display:none!important;
  }

  .ruyaCalRefFooter{
    display:none!important;
  }

  .ruyaCalendarDetailBack,
  .ruyaCalendarComposerBack,
  .ruyaReceiptBack-calendar{
    padding:
      max(12px,env(safe-area-inset-top))
      12px
      max(12px,env(safe-area-inset-bottom))
      12px!important;
    align-items:center!important;
  }

  .ruyaCalendarDetailWrap,
  .ruyaCalendarComposerWrap{
    width:100%!important;
    max-width:none!important;
  }

  .ruyaCalendarDetailModal,
  .ruyaCalendarComposer,
  .ruyaReceiptModal-calendar{
    width:100%!important;
    max-width:none!important;
    max-height:
      calc(
        100dvh -
        max(24px,env(safe-area-inset-top)) -
        max(24px,env(safe-area-inset-bottom))
      )!important;
    padding:20px 16px!important;
    border-radius:20px!important;
  }

  .ruyaCalendarDetailModal>h3,
  .ruyaCalendarComposer>h3{
    font-size:20px!important;
  }

  .ruyaCalendarDetailMeta{
    grid-template-columns:1fr!important;
  }

  .ruyaCalendarComposerGrid{
    grid-template-columns:1fr!important;
  }

  .ruyaCalendarComposer input,
  .ruyaCalendarComposer select{
    min-height:52px!important;
    font-size:16px!important;
  }

  .ruyaCalendarComposer textarea{
    min-height:120px!important;
    font-size:16px!important;
  }

  .ruyaCalendarComposerFooter{
    bottom:-20px!important;
    grid-template-columns:1fr!important;
    margin:18px -16px -20px!important;
    padding:12px 16px
      calc(
        14px +
        env(safe-area-inset-bottom)
      )!important;
  }

  .ruyaCalendarComposerFooter button{
    min-height:52px!important;
  }

  .ruyaCalendarDetailFooter{
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  .ruyaCalendarDetailFooter button,
  .ruyaCalendarDetailFooter .ruyaReceiptOpenButton{
    width:100%!important;
    min-height:50px!important;
  }
}


/* RUYA_CALENDAR_PREMIUM_V2B */

/* =========================================================
   TOOLBAR — TÜMÜ / GENEL / SINIFLAR
========================================================= */

.ruyaCalRefToolbar{
    display:grid!important;
    grid-template-columns:auto 190px minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
}

.ruyaCalRefTabs{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    width:150px!important;
    overflow:visible!important;
}

.ruyaCalRefTabs button{
    width:100%!important;
    min-width:0!important;
}

.ruyaCalRefClassSelect{
    width:190px!important;
    height:42px!important;
    min-width:0!important;
    padding:0 34px 0 12px!important;
    box-sizing:border-box!important;
    border:1px solid #dde5f0!important;
    border-radius:11px!important;
    background:#f7f9fc!important;
    color:#52627d!important;
    outline:0!important;
    font-size:11px!important;
    font-weight:750!important;
    cursor:pointer!important;
}

.ruyaCalRefClassSelect:focus{
    border-color:#17307A!important;
    box-shadow:0 0 0 3px rgba(23,48,122,.06)!important;
}

.ruyaCalRefTools{
    grid-template-columns:minmax(230px,1fr) 190px!important;
    min-width:0!important;
}

/* =========================================================
   KARTLAR DAHA KOMPAKT
========================================================= */

.ruyaCalRefCard{
    min-height:98px!important;
    padding-top:11px!important;
    padding-bottom:11px!important;
}

.ruyaCalRefDate{
    height:64px!important;
}

.ruyaCalRefDescription{
    margin-top:5px!important;
    line-height:1.4!important;
}

.ruyaCalRefAttachment{
    margin-top:5px!important;
}

/* =========================================================
   GÖRÜNTÜLENME
========================================================= */

.ruyaCalRefStats{
    display:grid!important;
    align-content:center!important;
    gap:6px!important;
    min-height:58px!important;
}

.ruyaCalRefStatsCopy{
    display:block!important;
}

.ruyaCalRefStatsCopy b{
    display:block!important;
    margin:0 0 3px!important;
    color:#1d3158!important;
    font-size:15px!important;
    line-height:1!important;
}

.ruyaCalRefStatsCopy small{
    display:block!important;
    color:#8996aa!important;
    font-size:9px!important;
}

.ruyaCalRefProgressRow{
    grid-template-columns:minmax(0,1fr) 30px!important;
    margin-top:0!important;
}

.ruyaCalRefProgress{
    height:5px!important;
}

.ruyaCalRefProgressRow strong{
    font-size:9px!important;
}

/* =========================================================
   DETAY MODALI — DUYURULAR İLE AYNI DAVRANIŞ
========================================================= */

body.ruyaAnnouncementDetailOpen{
    overflow:hidden!important;
}

.ruyaCalendarDetailBack{
    position:fixed!important;
    inset:0!important;
    z-index:2147483200!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    padding:24px!important;
    background:rgba(18,32,60,.46)!important;
    backdrop-filter:blur(5px)!important;
    -webkit-backdrop-filter:blur(5px)!important;
}

.ruyaCalendarDetailWrap{
    position:relative!important;
    display:block!important;
    width:min(680px,100%)!important;
    max-width:680px!important;
    margin:auto!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
}

.ruyaCalendarDetailModal{
    position:relative!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    max-height:calc(100dvh - 48px)!important;
    overflow:auto!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    box-sizing:border-box!important;
}

/* =========================================================
   MOBİL
========================================================= */

@media(max-width:900px){

    .ruyaCalRefToolbar{
        grid-template-columns:1fr 1fr!important;
        gap:8px!important;
    }

    .ruyaCalRefTabs{
        width:100%!important;
        grid-template-columns:1fr 1fr!important;
    }

    .ruyaCalRefClassSelect{
        width:100%!important;
        height:46px!important;
        font-size:12px!important;
    }

    .ruyaCalRefTools{
        grid-column:1 / -1!important;
        grid-template-columns:1fr!important;
    }

    .ruyaCalRefCard{
        min-height:0!important;
    }

    .ruyaCalRefStats{
        min-height:0!important;
    }

    .ruyaCalendarDetailBack{
        padding:
            max(12px,env(safe-area-inset-top))
            12px
            max(12px,env(safe-area-inset-bottom))
            12px!important;
    }

    .ruyaCalendarDetailWrap{
        width:100%!important;
        max-width:none!important;
    }

    .ruyaCalendarDetailModal{
        width:100%!important;
        max-width:none!important;
        max-height:
            calc(
                100dvh -
                max(24px,env(safe-area-inset-top)) -
                max(24px,env(safe-area-inset-bottom))
            )!important;
    }
}


/* RUYA_CALENDAR_PREMIUM_V3 */

/* =========================================================
   ÖNEMLİ ETKİNLİK = KIRMIZI
========================================================= */

.ruyaCalRefCard.important{
    border-left:4px solid #D92D20!important;
}

.ruyaCalRefImportant{
    background:#D92D20!important;
    color:#FFFFFF!important;
    border-color:#D92D20!important;
}

/* =========================================================
   ÜÇ NOKTA MENÜSÜ — DİĞER KARTLARIN ALTINDA KALMASIN
========================================================= */

.ruyaCalRefList{
    position:relative!important;
    overflow:visible!important;
}

.ruyaCalRefCard{
    overflow:visible!important;
}

.ruyaCalRefCard.menu-open{
    position:relative!important;
    z-index:500!important;
}

.ruyaCalRefCard.menu-open .ruyaCalRefMenuWrap{
    z-index:600!important;
}

.ruyaCalRefMenu{
    top:auto!important;
    bottom:44px!important;
    right:0!important;
    z-index:9999!important;
    width:185px!important;
    overflow:visible!important;
    box-shadow:
        0 18px 55px
        rgba(22,39,75,.22)!important;
}

/* =========================================================
   DETAY = İÇERİK
========================================================= */

.ruyaCalendarDetailContent{
    display:grid!important;
    gap:7px!important;
    margin-top:16px!important;
}

.ruyaCalendarDetailContent>small{
    color:#8190A5!important;
    font-size:9px!important;
    font-weight:850!important;
    letter-spacing:.08em!important;
}

.ruyaCalendarDetailDescription{
    margin:0!important;
}

.ruyaCalendarDetailDescription.empty{
    color:#8B98AA!important;
    font-style:italic!important;
}

/* Saat yoksa Hedef + Paylaşan otomatik iki kolon */
.ruyaCalendarDetailMeta{
    grid-template-columns:
        repeat(
            auto-fit,
            minmax(150px,1fr)
        )!important;
}

/* =========================================================
   MOBİL MENÜ
========================================================= */

@media(max-width:900px){

    .ruyaCalRefCard.menu-open{
        z-index:1000!important;
    }

    .ruyaCalRefMenu{
        width:190px!important;
        right:0!important;
        bottom:42px!important;
    }

    .ruyaCalendarDetailContent{
        margin-top:14px!important;
    }
}