/* V24 TARGETED FINAL - only requested UI polish. */
/* 1) Reply image: smaller, clean thumbnail in the existing quote component. */
.reply-quote-media{
  width:58px !important;
  height:42px !important;
  max-width:58px !important;
  max-height:42px !important;
  object-fit:cover !important;
  border-radius:6px !important;
  margin-top:4px !important;
}
/* 2) Group media header mirrors the existing Members header. */
.v24-media-match-members{margin-top:6px !important;background:transparent !important;border:0 !important}
.v24-media-match-members .v13-group-media-head{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  width:100% !important;
  box-sizing:border-box !important;
  padding:8px 10px !important;
  margin:0 !important;
  background:var(--input-bg) !important;
  border:1px solid var(--border-color) !important;
  border-radius:10px !important;
  color:var(--text-main) !important;
  font-size:12px !important;
  font-weight:600 !important;
  line-height:1.2 !important;
}
.v24-media-match-members .v13-group-media-head::after{
  content:'▼' !important;
  font-size:11px !important;
  opacity:.75 !important;
  transform:none !important;
  transition:transform .18s ease !important;
}
.v24-media-match-members.v13-collapsed .v13-group-media-head::after{transform:rotate(-90deg) !important}
.v24-media-match-members .v13-group-media-list{margin-top:6px !important}
/* 3) Bot suggestions use the same clickable row language as employee suggestions. */
#memberSearchSuggestions .bot-member-suggestion{cursor:pointer !important;padding:9px 10px !important}
#memberSearchSuggestions .bot-member-suggestion:hover{background:var(--hover-bg) !important}

/* V24.1 targeted unread badge: keep the unread count visibly red in both themes. */
.unread-badge{background:#ef4444 !important;color:#fff !important;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 6px;font-size:11px;font-weight:700;line-height:18px;box-sizing:border-box;flex:0 0 auto;}

/* V24.2 TARGETED - requested fixes only. */
/* 1) The All / Unread strip must use the exact same sidebar surface as the
   Chat Groups / Contacts area in both themes. */
.sidebar-menu .filter-tabs,
.filter-tabs{
  background:var(--bg-sidebar) !important;
  background-color:var(--bg-sidebar) !important;
  background-image:none !important;
  border-bottom:0 !important;
}

/* 2) Group media count belongs directly in the title: "Ảnh & tệp trong nhóm (5)". */
.v24-media-match-members .v13-group-media-title{
  display:inline-flex !important;
  align-items:center !important;
  gap:3px !important;
}
.v24-media-match-members .v13-group-media-head{
  justify-content:space-between !important;
}