/* Yappy feedback batch v136 */

/* Apple emoji must remain square on Android and inside narrow media captions. */
.yappy-apple-emoji{
  display:inline-block!important;
  width:1.08em!important;
  height:1.08em!important;
  min-width:1.08em!important;
  min-height:1.08em!important;
  max-width:1.08em!important;
  max-height:1.08em!important;
  aspect-ratio:1 / 1!important;
  object-fit:contain!important;
  flex:0 0 auto!important;
  box-sizing:content-box!important;
}
.bubble .yappy-apple-emoji,
.media-caption .yappy-apple-emoji,
.im-caption .yappy-apple-emoji,
.story-caption .yappy-apple-emoji,
.x56-post .yappy-apple-emoji,
.ig-post .yappy-apple-emoji{
  width:1.12em!important;
  height:1.12em!important;
  min-width:1.12em!important;
  min-height:1.12em!important;
  max-width:1.12em!important;
  max-height:1.12em!important;
}

.yfb-image-editor{margin:2px 0 8px}
.yfb-image-preview{
  width:100%;
  min-height:120px;
  max-height:280px;
  border-radius:14px;
  overflow:hidden;
  background:rgba(118,118,128,.10);
  display:grid;
  place-items:center;
  margin-bottom:8px;
}
.yfb-image-preview img{
  display:block;
  max-width:100%;
  width:auto;
  height:auto;
  max-height:280px;
  object-fit:contain;
}
.yfb-replace-photo{margin-bottom:8px}
.yfb-caption{resize:vertical;min-height:74px!important}

.yfb-sheet-note,
.yfb-member-note{
  margin:0 0 12px;
  color:var(--text-sub);
  font-size:13px;
  line-height:1.4;
}
.yfb-sender-list{margin:0 0 10px!important}
.yfb-perspective-link{margin-top:6px!important}

.yfb-member-list{
  max-height:min(50vh,420px);
  overflow:auto;
  border-radius:12px;
  background:var(--card-bg);
  margin:10px 0 14px;
}
.yfb-member-row{
  width:100%;
  min-height:54px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 28px;
  align-items:center;
  gap:10px;
  border:0;
  border-bottom:.5px solid var(--divider);
  background:transparent;
  color:var(--text-main);
  text-align:left;
  padding:8px 12px;
}
.yfb-member-row:last-child{border-bottom:0}
.yfb-member-row>span:nth-child(2){font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yfb-member-check{
  width:24px;height:24px;border-radius:50%;
  display:grid;place-items:center;
  border:1.5px solid rgba(118,118,128,.4);
  color:white;font-size:14px;font-weight:700;
}
.yfb-member-row.selected .yfb-member-check{background:var(--accent);border-color:var(--accent)}

@media(max-width:780px){
  .yfb-image-preview{max-height:240px}
}

/* Custom IMAGE wallpaper only:
   member display names should read like the floating timestamp metadata:
   white, larger, medium weight, and softly shadowed for contrast.
   Default and preset-color backgrounds are intentionally left untouched. */
html[data-theme="light"][data-social-app="imessage"] .imessage-v19.im26-group-room.im62-custom-image-wallpaper
.im-msg-row.im26-group-in .im-sender,
html[data-theme="dark"][data-social-app="imessage"] .imessage-v19.im26-group-room.im62-custom-image-wallpaper
.im-msg-row.im26-group-in .im-sender,
html[data-social-app="imessage"] .imessage-v19.im26-group-room.im62-custom-image-wallpaper
.im-msg-row.im26-group-in .im-sender{
  color:#fff!important;
  font-size:calc(13px * var(--yappy-font-scale,1))!important;
  font-weight:500!important;
  line-height:16px!important;
  letter-spacing:normal!important;
  text-shadow:0 1px 2px rgba(0,0,0,.44),0 0 1px rgba(0,0,0,.16)!important;
}
.imx-root.imx-custom-image-wallpaper .imx-sender{
  color:#fff!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:16px!important;
  letter-spacing:normal!important;
  text-shadow:0 1px 2px rgba(0,0,0,.44),0 0 1px rgba(0,0,0,.16)!important;
}