/* Shared by customer chat and the service console only. */
.chat-reply-preview, .chat-upload-status { flex-shrink: 0; display:flex; align-items:center; gap:8px; padding:8px 12px; background:#f3f3f3; color:#555; font-size:13px; text-align:left; }
.chat-reply-preview[hidden], .chat-upload-status[hidden] { display:none; }
.chat-reply-preview span, .chat-upload-status span { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.chat-reply-preview button, .chat-upload-status button { min-width:44px; min-height:36px; border:0; background:transparent; color:#555; cursor:pointer; }
.chat-reply-preview button { font-size:22px; }
.chat-quote { display:block; max-width:100%; margin:6px 0; padding:8px 10px; border:0; border-left:3px solid #bbb; border-radius:4px; background:#ededed; color:#555; font:inherit; font-size:12px; text-align:left; white-space:normal; overflow-wrap:anywhere; cursor:pointer; }
.chat-quote:disabled { cursor:default; }
.chat-message.admin .chat-quote { margin-left:auto; }
.chat-reply-action { border:0; background:transparent; color:#777; font:inherit; font-size:12px; min-height:28px; min-width:36px; padding:2px 5px; cursor:pointer; }
.chat-read-status { font-size:12px; color:#777; margin-left:8px; }
.chat-read-status.is-read { color:#267a47; }
.chat-video { width:220px; max-width:100%; border-radius:10px; overflow:hidden; background:#202020; }
.chat-video video { display:block; width:100%; height:165px; max-height:320px; object-fit:contain; background:#000; }
.chat-video-error { color:#fff; font-size:12px; padding:8px; }
.chat-video-error a { display:block; color:#fff; text-decoration:underline; }
.chat-message .bubble.bubble-video { background:transparent; padding:0; }
.chat-msg .chat-msg-bubble.chat-msg-video { background:transparent; padding:0; border:0; }
.contact-page-body .chat-msg { flex-direction:column; align-items:flex-start; gap:4px; }
.contact-page-body .chat-msg.user { flex-direction:column; align-items:flex-end; }
.chat-msg-meta { display:flex; align-items:center; gap:6px; }
.chat-quoted-highlight { outline:2px solid #c79c41; outline-offset:4px; }
.chat-reply-action:focus-visible, .chat-quote:focus-visible, .chat-video-player:focus-visible { outline:2px solid #996d19; outline-offset:2px; }
#adminVideoBtn, #videoUploadBtn { min-height:36px; }
#adminMediaBtn, #mediaUploadBtn { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; min-height:44px; padding:0; flex-shrink:0; }