.comm-composer{position:relative;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:8px;align-items:end}.composer-extras{display:flex;gap:4px}.composer-extras .icon-button,.comm-composer>.icon-button{min-width:42px;height:42px;padding:0;border-radius:12px}.composer-extras .recording{min-width:88px;background:#8d2020;color:#fff}.composer-state,.typing-status{font-size:12px;color:#64748b;padding:4px 8px}.composer-state{position:absolute;bottom:100%;left:8px;background:#fff;border:1px solid #dfe7f0;border-radius:9px}.typing-status{min-height:24px}.reply-compose{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;padding:8px 12px;border-left:3px solid #315f92;background:#f4f7fb;border-radius:9px}.reply-compose div{display:grid;min-width:0}.reply-compose b,.reply-compose span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-compose span{font-size:12px;color:#617187}.reply-compose button{border:0;background:transparent;font-size:20px}
.msg-reply-preview{display:grid;margin:3px 0 8px;padding:7px 9px;background:rgba(15,35,60,.07);border-left:3px solid #557ba5;border-radius:7px}.msg-reply-preview b{font-size:11px}.msg-reply-preview span{font-size:11px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-image img,.msg-video{display:block;width:min(420px,100%);max-height:420px;object-fit:cover;border-radius:12px}.msg-audio{display:flex;align-items:center;gap:8px;min-width:min(360px,75vw)}.msg-audio audio{width:100%;min-width:180px}.msg-sticker{font-size:30px;line-height:1.15;padding:12px 4px;font-weight:800}.msg-meta{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-top:5px}.msg-edited,.msg-receipt{font-size:10px;color:#7a8797}.msg-receipt{font-size:13px}.msg-receipt.read{color:#1976d2}.msg-reactions{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}.msg-reactions button{border:1px solid #d7e0ea;background:#fff;border-radius:999px;padding:3px 7px;font-size:11px}.msg-tools{display:flex;gap:8px;opacity:.2;margin-top:5px;transition:opacity .15s}.comm-message:hover .msg-tools,.comm-message:focus-within .msg-tools{opacity:1}.msg-tools button{border:0;background:transparent;padding:2px;font-size:10px;color:#607086}.meeting-chat-stream .msg-tools{display:none}
.messenger-popover{position:fixed;z-index:1000;background:#fff;border:1px solid #d7e0ea;border-radius:16px;padding:10px;box-shadow:0 16px 42px rgba(15,35,60,.18);max-width:min(330px,calc(100vw - 20px))}.emoji-grid{display:grid;grid-template-columns:repeat(6,38px);gap:4px}.emoji-grid.compact{grid-template-columns:repeat(6,36px)}.emoji-grid button{border:0;background:transparent;border-radius:9px;font-size:23px;height:38px}.emoji-grid button:hover{background:#eef3f8}.sticker-grid{display:grid;grid-template-columns:repeat(2,minmax(110px,1fr));gap:7px}.sticker-grid button{border:1px solid #dce4ee;background:#f8fafc;border-radius:12px;padding:12px 10px;font-weight:700;text-align:left}
.video-message-dialog{border:0;border-radius:20px;padding:0;max-width:520px;width:calc(100% - 24px)}.video-message-dialog::backdrop{background:rgba(8,18,31,.72)}.video-recorder-card{padding:22px;position:relative}.video-recorder-card video{width:100%;aspect-ratio:1/1;object-fit:cover;background:#0d1724;border-radius:16px;margin:12px 0}.video-recorder-status{font-size:12px;color:#627289;margin-bottom:10px}.video-recorder-actions{display:flex;gap:8px;flex-wrap:wrap}.video-recorder-card p{font-size:11px;color:#718096;margin-bottom:0}
@media(max-width:720px){.comm-composer{grid-template-columns:auto minmax(0,1fr) auto}.composer-extras{grid-column:1/-1}.comm-composer>.icon-button{grid-column:1}.comm-composer textarea{grid-column:2}.comm-composer>button[type=submit]{grid-column:3}.msg-tools{opacity:1}.msg-image img,.msg-video{max-height:300px}.sticker-grid{grid-template-columns:1fr}.emoji-grid{grid-template-columns:repeat(6,36px)}}