.chat-message-meta { display: flex; align-items: center; justify-content: flex-end; gap: 3px; }
.chat-message-meta > [data-time] { font-size: 10px; color: rgba(223,252,255,.5); padding: 3px 0; }
.chat .chat-receipt {
    display: inline-flex; align-self: flex-end; align-items: center; justify-content: center;
    min-height: 28px; min-width: 32px; padding: 2px 5px; margin-inline-start: 4px;
    border: 0; border-radius: 6px; background: transparent; color: #92a5b9;
    font: 600 12px/1.2 system-ui, sans-serif; cursor: pointer; white-space: nowrap;
}
.chat .chat-receipt[data-state="read"] { color: #4dc7ff; }
.chat .chat-receipt:hover { background: rgba(0, 120, 179, .08); }
.chat .chat-receipt:focus-visible { outline: 2px solid #0078b3; outline-offset: 2px; }
.chat-send-status { flex: 0 0 auto; padding: 5px 16px; font-size: 12px; color: #a7bed4; overflow-wrap: anywhere; }
.chat-send-status[hidden] { display: none; }
.chat-send-status[data-state="failed"] { color: #ffa99f; }
.chat-receipts-dialog { box-sizing: border-box; width: min(420px, calc(100vw - 32px)); max-height: 75dvh; padding: 20px; border: 1px solid #29465f; border-radius: 16px; background: #0c1b2d; color: #dffcff; box-shadow: 0 16px 60px #0008; }
.chat-receipts-dialog::backdrop { background: #10243d66; }
.chat-receipts-dialog h2 { margin: 0 0 16px; font-size: 18px; }
.chat-receipts-reader { display: flex; flex-direction: column; gap: 4px; padding: 10px 0; border-bottom: 1px solid #29465f; overflow-wrap: anywhere; }
.chat-receipts-reader time { font-size: 12px; color: #a7bed4; }
.chat-receipts-close { display: block; margin-block-start: 18px; margin-inline-start: auto; padding: 9px 16px; border: 1px solid #3a5f7e; border-radius: 8px; background: #18344c; color: inherit; cursor: pointer; }