/* RUYA_MESSAGE_UI_PHOTO_V3_20261008 */

/* =====================================================
   MESSAGE AVATARS
   ===================================================== */

.ruyaChatMessageAvatar,
.ruyaAuditMessageAvatar{
  width:32px;
  height:32px;
  min-width:32px;
  flex:0 0 32px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:50%;
  background:#eef2f8;
  color:#17307a;
  font-size:12px;
  font-weight:700;
  line-height:1;
  box-shadow:0 1px 5px rgba(15,23,42,.08);
}

.ruyaChatMessageAvatar img,
.ruyaAuditMessageAvatar img,
.ruyaAdminTeacherAvatar img,
.ruyaAdminStudentAvatar img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.ruyaAdminTeacherAvatar,
.ruyaAdminStudentAvatar{
  overflow:hidden;
  border-radius:50%;
}

/* Normal konuşmalar */

.chatBubbleRow.ruyaHasMessageAvatar{
  display:flex!important;
  align-items:flex-end!important;
  gap:7px!important;
}

.chatBubbleRow.ruyaHasMessageAvatar.theirs{
  justify-content:flex-start!important;
}

.chatBubbleRow.ruyaHasMessageAvatar.mine{
  justify-content:flex-end!important;
}

.chatBubbleRow.ruyaHasMessageAvatar.theirs .ruyaChatMessageAvatar{
  order:1;
}

.chatBubbleRow.ruyaHasMessageAvatar.theirs .chatBubble{
  order:2;
}

.chatBubbleRow.ruyaHasMessageAvatar.mine .ruyaChatMessageAvatar{
  order:3;
}

.chatBubbleRow.ruyaHasMessageAvatar.mine .chatBubble{
  order:2;
}

.chatBubbleRow.ruyaHasMessageAvatar.mine .ruyaMessageDesktopMenu{
  order:1;
}


/* =====================================================
   STUDENT SCOPED AUDIT
   ===================================================== */

.ruyaAdminStudentScopedAudit .ruyaAdminTeacherPane .ruyaAdminMessageSearch{
  display:none!important;
}

/* Yazılı/ikonlu geri butonu yok. Navigasyon swipe. */
.ruyaAdminStudentScopedAudit .ruyaAdminMobileBack{
  display:none!important;
}

/* Audit mesaj satırları */
.ruyaAdminStudentScopedAudit .chatBubbleRow.ruyaHasAuditAvatar{
  display:flex!important;
  align-items:flex-end!important;
  gap:7px!important;
  width:100%;
}

.ruyaAdminStudentScopedAudit .chatBubbleRow.ruyaHasAuditAvatar.theirs{
  justify-content:flex-start!important;
}

.ruyaAdminStudentScopedAudit .chatBubbleRow.ruyaHasAuditAvatar.mine{
  justify-content:flex-end!important;
}

.ruyaAdminStudentScopedAudit .chatBubbleRow.ruyaHasAuditAvatar.theirs .ruyaAuditMessageAvatar{
  order:1;
}

.ruyaAdminStudentScopedAudit .chatBubbleRow.ruyaHasAuditAvatar.theirs .chatBubble{
  order:2;
}

.ruyaAdminStudentScopedAudit .chatBubbleRow.ruyaHasAuditAvatar.mine .ruyaAuditMessageAvatar{
  order:3;
}

.ruyaAdminStudentScopedAudit .chatBubbleRow.ruyaHasAuditAvatar.mine .chatBubble{
  order:2;
}


/* =====================================================
   MOBILE COSMETIC CLEANUP
   ===================================================== */

@media (max-width:780px){

  .chatBubbleRow.ruyaHasMessageAvatar .chatBubble{
    max-width:calc(82% - 32px)!important;
  }

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

  .ruyaAdminStudentScopedAudit .ruyaAdminTeacherRow{
    min-height:66px!important;
    padding:10px 12px!important;
  }

  .ruyaAdminStudentScopedAudit .ruyaAdminTeacherAvatar{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
  }

  .ruyaAdminStudentScopedAudit .ruyaAdminThreadPane{
    min-height:0!important;
  }

  .ruyaAdminStudentScopedAudit .ruyaAdminThreadHeader{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    min-height:64px!important;
    padding:10px 12px!important;
    margin:0 0 9px!important;
    border:1px solid #edf0f5!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 4px 14px rgba(15,23,42,.045)!important;
  }

  .ruyaAdminStudentScopedAudit .ruyaAdminThreadHeader .ruyaAdminStudentAvatar{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
  }

  .ruyaAdminStudentScopedAudit .ruyaAdminThreadIdentity{
    min-width:0!important;
    flex:1 1 auto!important;
  }

  .ruyaAdminStudentScopedAudit .ruyaAdminThreadIdentity b{
    display:block!important;
    font-size:15px!important;
    line-height:1.2!important;
  }

  .ruyaAdminStudentScopedAudit .ruyaAdminThreadIdentity small{
    display:block!important;
    margin-top:3px!important;
    font-size:11.5px!important;
    line-height:1.25!important;
    color:#7a8497!important;
  }

  .ruyaAdminStudentScopedAudit .ruyaAdminReadOnlyBadge{
    flex:0 0 auto!important;
    padding:4px 7px!important;
    border-radius:999px!important;
    font-size:10px!important;
    font-weight:600!important;
  }

  .ruyaAdminStudentScopedAudit .ruyaAdminMessageThread{
    min-height:0!important;
    padding:4px 3px 16px!important;
    gap:9px!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
  }

  .ruyaAdminStudentScopedAudit .chatBubbleRow{
    margin:0!important;
  }

  .ruyaAdminStudentScopedAudit .chatBubble{
    max-width:calc(82% - 32px)!important;
    padding:9px 11px!important;
    border-radius:16px!important;
    box-shadow:0 3px 12px rgba(15,23,42,.055)!important;
  }

  .ruyaAdminStudentScopedAudit .chatBubble p{
    margin:0!important;
    font-size:14px!important;
    line-height:1.42!important;
  }

  .ruyaAdminStudentScopedAudit .chatMeta{
    margin-top:6px!important;
    font-size:10.5px!important;
    line-height:1.1!important;
    opacity:.7!important;
  }

  /* Mesaj içi fotoğraflar ekranı taşırmasın */
  .ruyaAdminStudentScopedAudit .chatBubble img{
    max-width:100%!important;
    max-height:240px!important;
    object-fit:cover!important;
    border-radius:11px!important;
  }

  /* Eski attachment placeholder'larının dev kutu oluşturmasını engelle */
  .ruyaAdminStudentScopedAudit .chatBubble [class*="attachment"],
  .ruyaAdminStudentScopedAudit .chatBubble [class*="Attachment"]{
    max-width:260px!important;
    min-height:0!important;
  }
}


/* RUYA_MESSAGE_FINAL_V6_CSS_20261008 */

/* Öğrenci odaklı konuşmada geri butonu yok: swipe kullanılır */
body.ruyaFocusedStudentConversation
[aria-label="Konuşma listesine dön"]{
  display:none!important;
}

/* Tek ve temiz üç nokta menüsü */
.ruyaConversationMore{
  position:relative;
  flex:0 0 auto;
  margin:0;
  padding:0;
}

.ruyaConversationMore > summary{
  list-style:none;
}

.ruyaConversationMore > summary::-webkit-details-marker{
  display:none;
}

.ruyaConversationMoreSummary{
  width:46px;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  border:1px solid #dfe5ef;
  border-radius:14px;
  background:#fff;
  color:#394967;
  font-size:22px;
  font-weight:700;
  line-height:1;
  cursor:pointer;
  box-shadow:0 2px 8px rgba(15,23,42,.04);
}

.ruyaConversationMoreMenu{
  position:absolute;
  z-index:500;
  right:0;
  top:calc(100% + 7px);
  width:185px;
  padding:6px;
  border:1px solid #e3e8f0;
  border-radius:14px;
  background:#fff;
  box-shadow:
    0 16px 38px rgba(15,23,42,.14),
    0 2px 8px rgba(15,23,42,.05);
}

.ruyaConversationMoreMenu button{
  width:100%;
  min-height:41px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding:9px 11px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#293954;
  font:inherit;
  font-size:13px;
  font-weight:650;
  text-align:left;
}

.ruyaConversationMoreMenu button:hover,
.ruyaConversationMoreMenu button:active{
  background:#f3f6fa;
}

@media(max-width:780px){
  .ruyaConversationMoreSummary{
    width:44px;
    height:44px;
    border-radius:13px;
  }

  .ruyaConversationMoreMenu{
    width:180px;
  }
}