.message-meta{display:flex;align-items:center;justify-content:flex-end;gap:6px}
.message-receipt{display:inline-block;width:5px;height:5px;border-radius:50%;background:#82796f;opacity:.65;flex:0 0 5px}
.message-receipt[data-state="partial"]{background:#d7ab55;opacity:.9}
.message-receipt[data-state="done"]{background:#7eb298;opacity:.9}
.outbox-clock{display:inline-block;width:9px;height:9px;border:1px solid #a89b8c;border-radius:50%;position:relative;opacity:.65}
.outbox-clock:after{content:'';position:absolute;width:1px;height:3px;background:currentColor;top:1px;left:3px;transform-origin:bottom;transform:rotate(-30deg)}
.outbox-retry{border:0;background:none;color:#e3ad8a;font:inherit;padding:0;cursor:pointer}
.outbox-error,.outbox-file{display:block;max-width:280px;font-size:11px;color:#bfae9d;overflow-wrap:anywhere;margin:4px 0}
.voice-recording{display:flex;align-items:center;gap:7px;font-size:13px;color:#d9c2ae;font-variant-numeric:tabular-nums}
.voice-recording i{width:7px;height:7px;background:#d17d6e;border-radius:50%;animation:voice-pulse 1.2s ease-in-out infinite}
@keyframes voice-pulse{50%{opacity:.3;transform:scale(.75)}}
#chat-attachment-preview{display:flex;align-items:center;justify-content:space-between;gap:8px}
#chat-attachment-preview[hidden]{display:none}
#chat-voice.is-recording{color:#dc9686}
.message-photo-dialog{background:#100e0ddd;border:0;border-radius:12px;padding:38px 8px 8px;max-width:96vw;max-height:94dvh;color:#eee;overflow:hidden}
.message-photo-dialog::backdrop{background:#000d}
.message-photo-dialog>button{position:absolute;right:6px;top:0}
.message-photo-dialog>img{display:block;max-width:90vw;max-height:80dvh;object-fit:contain}
.message-reply{display:flex;flex-direction:column;gap:2px;border-left:2px solid #ba946b;padding:5px 8px;margin:0 0 7px;background:#b58a600d;border-radius:0 5px 5px 0;text-decoration:none;color:#c4b4a5;font-size:12px;max-width:100%;cursor:pointer}
.message-reply>strong{font-size:11px;color:#d1ae89}
.message-reply>span,.compose-reply span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}
.compose-reply{display:flex;align-items:center;gap:8px;margin:3px 12px 6px;border-left:2px solid #ba946b;padding:3px 8px;font-size:12px;color:#b9ac9f}
.compose-reply[hidden]{display:none}
.compose-reply>div{flex:1;min-width:0}
.compose-reply strong{color:#d1ae89;font-size:12px}
.reaction-popover .message-reply-action{flex-basis:100%;width:100%;justify-content:flex-start;font-size:13px;border-top:1px solid #ffffff12;border-radius:0;padding:9px 10px;margin-top:3px;height:auto;text-align:left}
.chat-message.reply-highlight>.message-bubble{box-shadow:0 0 0 2px #bd956299;transition:box-shadow .2s}
@media(prefers-reduced-motion:reduce){.voice-recording i{animation:none}}