/* Mixed attachments and receipts, shared by every client/staff chat. */
.f8-chat .f8-message-footer{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-top:5px;min-height:18px}
.f8-chat .f8-message-footer time{margin:0}
.f8-chat .f8-message-receipt{display:inline-block;min-width:19px;font:700 15px/1 system-ui,sans-serif;letter-spacing:-4px;padding-right:3px;color:#697c8c;white-space:nowrap}
.f8-chat .f8-message-receipt.is-read{color:#087fc0}
body.theme-dark .f8-chat .f8-message-receipt,:root[data-theme="dark"] .ca-page .f8-chat .f8-message-receipt{color:#bac6da}
body.theme-dark .f8-chat .f8-message-receipt.is-read,:root[data-theme="dark"] .ca-page .f8-chat .f8-message-receipt.is-read{color:#63c8ff}
.f8-chat .f8-chat-attachments{display:grid;gap:6px;max-height:112px;overflow:auto;overscroll-behavior:contain;min-width:0;padding:2px}
.f8-chat .f8-chat-attachment{padding:5px 8px;min-height:54px}
.f8-chat .f8-chat-attachment>div{flex:1;min-width:0;line-height:1.35}
.f8-chat .f8-chat-attachment strong,.f8-chat .f8-chat-attachment small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.f8-chat .f8-chat-attachment small{margin-top:3px;color:inherit;opacity:.8}
.f8-chat .f8-chat-attachment.has-error small{color:#d13755;opacity:1}
.f8-chat .f8-chat-attachment img{margin:0;width:42px;height:42px;object-fit:cover}
.f8-chat .f8-chat-attachment .f8-chat-video-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;background:#6b5b9d22;border-radius:7px;font-size:22px;color:inherit}
.f8-chat .f8-chat-attachment button{flex:none;width:38px;height:38px}
.f8-chat .f8-chat-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:160px;margin:8px 0}
.f8-chat .f8-chat-gallery.is-single{grid-template-columns:minmax(0,1fr)}
.f8-chat .f8-chat-gallery-photo,.f8-chat .f8-video-start{display:block;position:relative;margin:0;padding:0;width:100%;border:0;border-radius:9px;overflow:hidden;background:#192432;color:#fff;cursor:pointer;min-height:110px}
.f8-chat .f8-chat-gallery-photo img,.f8-chat .f8-video-start img{display:block;margin:0;width:100%;height:160px;object-fit:cover;max-height:none;border-radius:0}
.f8-chat .f8-chat-gallery.is-single img{height:210px;object-fit:contain}
.f8-chat .f8-video-start>span{position:absolute;inset:auto 0 0;padding:25px 8px 8px;background:linear-gradient(transparent,#000b);font-size:12px;text-align:left;white-space:normal}
.f8-chat .f8-chat-video{grid-column:1/-1;min-width:0;border-radius:9px;overflow:hidden;background:#17202c}
.f8-chat .f8-chat-video video{display:block;width:100%;height:210px;max-height:50vh;object-fit:contain;background:#000}
.f8-chat .f8-video-download{display:block;color:#c3e6ff;padding:7px 10px;text-align:right;font-size:11px}
.f8-chat .f8-chat-send-status{margin:0;font-size:11px;line-height:1.35;overflow-wrap:anywhere}
@media(max-width:420px){.f8-chat .f8-chat-gallery-photo img,.f8-chat .f8-video-start img{height:125px}.f8-chat .f8-chat-gallery.is-single img{height:180px}.f8-chat .f8-chat-actions{gap:6px}.f8-chat .f8-chat-actions button{max-width:65%;overflow-wrap:anywhere}}

@media(max-width:700px){body.f8-short-chat .f8-chat-attachments{max-height:44px}body.f8-short-chat .f8-chat-form{gap:5px}body.f8-short-chat .f8-chat-attachment{min-height:36px;padding:2px 6px}body.f8-short-chat .f8-chat-attachment button{width:28px;height:28px}body.f8-short-chat .f8-chat-attachment .f8-chat-video-icon{width:28px;height:28px;font-size:16px}}