.message blockquote {
  margin: 0 0 6px;
  padding: 5px 7px;
  border-left: 2px solid #a0a0a0;
  background: #0000000d;
  color: #666;
  font-size: 12px;
  line-height: 1.35;
}

.quote-reference { display: grid; gap: 4px; margin: 0 0 6px; padding: 5px 7px; border-left: 2px solid #a0a0a0; background: #0000000d; color: #666; font-size: 12px; line-height: 1.35; cursor: pointer; }
.quote-reference:hover { background: #00000014; }
.quote-reference > span { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.quote-media { width: 48px; height: 32px; max-width: 100%; max-height: none; margin: 0; }
.quote-media .chat-media { cursor: zoom-in; }
.message-highlight > div { animation: message-highlight 1.6s ease-out; }
.message-readers { display: block; max-width: 100%; color: #999; font-size: 10px; line-height: 1.3; overflow-wrap: anywhere; }
.message.mine .message-readers { justify-self: end; text-align: right; }
@keyframes message-highlight { 0%, 35% { box-shadow: 0 0 0 3px #07c16088; } 100% { box-shadow: none; } }

.message-actions { display: flex; gap: 5px; }
.message-actions button {
  padding: 2px 5px;
  border-radius: 3px;
  background: transparent;
  color: #888;
  font-size: 11px;
}
.message.mine .message-actions { justify-self: end; }
.message.retracted div { background: transparent; color: #999; font-size: 12px; }
.retract-confirm-copy { margin: 0; color: #555; line-height: 1.6; }
.retract-confirm-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 18px; }
.retract-confirm-actions button { min-width: 70px; height: 36px; border-radius: 4px; background: #ececec; color: #555; }
.retract-confirm-actions #confirm-retract { background: #c33434; color: #fff; }
.retract-confirm-actions button:disabled { opacity: .65; }

.composer { flex-wrap: wrap; }
.quote-preview {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 8px;
  border-left: 3px solid #07c160;
  background: #ececec;
  color: #666;
  font-size: 12px;
}
.quote-preview span { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.quote-preview button { background: transparent; color: #777; font-size: 18px; line-height: 1; }