/* Milo — group message author identity */
.msgLine .groupAuthorAvatar{display:none}
.groupAuthorName{display:none}

/* Group messages only; JS adds these nodes after render. */
.msgLine[data-group-author-ready="1"]{gap:7px;align-items:flex-end}
.msgLine[data-group-author-ready="1"] .groupAuthorAvatar{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  flex:0 0 30px;
  border:0;
  border-radius:11px;
  overflow:hidden;
  background:#ddd9ff;
  color:var(--text);
  font-size:10px;
  font-weight:700;
  padding:0;
  cursor:pointer;
  order:0;
}
.msgLine[data-group-author-ready="1"] .groupAuthorAvatar img{width:100%;height:100%;object-fit:cover;display:block}
.msgLine[data-group-author-ready="1"] .bubble{order:1}
.msgLine[data-group-author-ready="1"] .msgActions{order:2;margin-left:1px}
.msgLine[data-group-author-ready="1"] .groupAuthorName{
  display:block;
  width:max-content;
  max-width:100%;
  border:0;
  padding:0;
  margin:0 0 4px;
  background:transparent;
  color:var(--accent);
  font:inherit;
  font-size:11px;
  line-height:1.2;
  font-weight:700;
  cursor:pointer;
  text-align:left;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.msgLine.mine[data-group-author-ready="1"] .groupAuthorAvatar{order:3}
.msgLine.mine[data-group-author-ready="1"] .groupAuthorName{color:rgba(255,255,255,.82)}

:root[data-theme="dark"] .msgLine[data-group-author-ready="1"] .groupAuthorAvatar{background:#34304c;color:#fff}

@media(max-width:900px){
  .msgLine[data-group-author-ready="1"]{gap:6px}
  .msgLine[data-group-author-ready="1"] .groupAuthorAvatar{width:28px;height:28px;flex-basis:28px;border-radius:10px}
}

@media(max-width:760px){
  .msgLine[data-group-author-ready="1"]{gap:5px}
  .msgLine[data-group-author-ready="1"] .groupAuthorAvatar{width:26px;height:26px;flex-basis:26px;border-radius:9px}
  .msgLine[data-group-author-ready="1"] .groupAuthorName{font-size:10px;margin-bottom:3px}
  .msgLine[data-group-author-ready="1"] .msgActions{margin-left:0!important}
  .msgLine.mine[data-group-author-ready="1"] .msgActions{order:-1!important;margin-right:0!important}
  .msgLine.mine[data-group-author-ready="1"] .bubble{order:1}
  .msgLine.mine[data-group-author-ready="1"] .groupAuthorAvatar{order:2}
}