/* WhatsApp Reply v58 */
.wa54-reply-action{
  margin:0 0 10px!important;
  min-height:48px!important;
  border-radius:12px!important;
  background:rgba(118,118,128,.09)!important;
}
.wa54-reply-action .wa54-reply-action-icon{
  width:30px;height:30px;border-radius:50%;
  display:grid;place-items:center;
  background:var(--wa54-reply-color,var(--wa-green,#25d366));
  color:#fff;font-size:18px;font-weight:700;
  flex:none;
}
.wa54-reply-action .si-label{font-weight:600}

.wa54-quoted{
  display:block;
  position:relative;
  margin:0 0 6px;
  padding:7px 9px 7px 10px;
  width:100%;
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
  border:0;
  border-left:3px solid var(--wa54-reply-color,var(--wa-green,#25d366));
  border-radius:7px;
  background:rgba(0,0,0,.055);
  color:inherit;
  text-align:left;
  font:inherit;
  cursor:pointer;
  overflow:hidden;
}
.bubble.out .wa54-quoted,
.sticker-message.out .wa54-quoted{background:rgba(0,0,0,.07)}
:root[data-theme="dark"] .wa54-quoted{background:rgba(255,255,255,.07)}
.wa54-quoted-name{
  display:block;
  margin-bottom:1px;
  color:var(--wa54-reply-color,#128c4a);
  font-size:12px;
  line-height:16px;
  font-weight:700;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
:root[data-theme="dark"] .wa54-quoted-name{color:var(--wa54-reply-color,#53d98a)}
.wa54-quoted-copy{
  display:block;
  color:var(--text-sub);
  font-size:12px;
  line-height:16px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.wa54-reply-compose{
  flex:none;
  display:flex;
  align-items:stretch;
  gap:0;
  margin:0 10px -3px;
  min-height:54px;
  border:.5px solid var(--input-border);
  border-radius:14px;
  background:var(--composer-field);
  overflow:hidden;
  box-shadow:0 1px 5px rgba(0,0,0,.04);
  z-index:3;
}
.wa54-reply-compose-bar{
  width:4px;
  background:var(--wa54-reply-color,var(--wa-green,#25d366));
  flex:none;
}
.wa54-reply-compose-copy{
  flex:1;
  min-width:0;
  padding:8px 9px 7px;
}
.wa54-reply-compose-name{
  display:block;
  color:var(--wa54-reply-color,#128c4a);
  font-size:12.5px;
  line-height:16px;
  font-weight:700;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
:root[data-theme="dark"] .wa54-reply-compose-name{color:var(--wa54-reply-color,#53d98a)}
.wa54-reply-compose-text{
  display:block;
  margin-top:1px;
  color:var(--text-sub);
  font-size:12.5px;
  line-height:16px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.wa54-reply-close{
  width:42px;
  min-width:42px;
  border:0;
  background:transparent;
  color:var(--text-sub);
  font-size:25px;
  font-weight:300;
  display:grid;
  place-items:center;
  cursor:pointer;
}
.wa54-reply-target-flash{
  animation:wa54ReplyFlash .8s ease;
}
@keyframes wa54ReplyFlash{
  0%,100%{filter:none}
  35%{filter:brightness(.82)}
}
@media(prefers-reduced-motion:reduce){
  .wa54-reply-target-flash{animation:none}
}


/* Keep the grey quoted area aligned to the actual bubble width. */
.bubble:has(> .wa54-quoted) > .wa54-quoted,
.sticker-message:has(> .wa54-quoted) > .wa54-quoted{
  align-self:stretch;
}