#groupChatOverlay{position:fixed;inset:0;z-index:9999;background:#0008;display:none;align-items:center;justify-content:center;padding:14px}
.group-chat-box{width:min(440px,100%);height:min(600px,85dvh);background:#fff;color:#26362c;border-radius:18px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 15px 50px #0004}
.group-chat-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #ddd}
.group-chat-head button{border:0;background:transparent;font-size:20px;cursor:pointer}
#groupChatMessages{flex:1;min-height:0;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:8px}
.group-chat-message{background:#edf2ec;border-radius:12px;padding:9px 12px;overflow-wrap:anywhere}
.group-chat-message strong{display:block;font-size:12px;margin-bottom:3px}
#groupChatForm{display:flex;gap:8px;padding:12px;border-top:1px solid #ddd}
#groupChatInput{flex:1;min-width:0;padding:10px;border:1px solid #ccc;border-radius:10px}
#groupChatForm button{border:0;border-radius:10px;padding:10px 14px;background:#285e43;color:#fff;cursor:pointer}

/* Kompaktne grupivestlus, eristatud oma s?numid */
.group-chat-message{max-width:86%;align-self:flex-start;display:flex;flex-direction:column;gap:2px;background:#edf2ec}
.group-chat-message.mine{align-self:flex-end;background:#d9eadf}
.group-chat-message span{white-space:pre-wrap}
.group-chat-time{align-self:flex-end;font-size:10px;color:#65746a;margin-top:2px}
@media(max-width:520px){#groupChatOverlay{padding:0;align-items:flex-end}.group-chat-box{width:100%;height:min(82dvh,700px);border-radius:18px 18px 0 0}#groupChatMessages{padding:12px}#groupChatForm{padding:10px}}

/* 404social-chat-layout-v2 */
#groupChatMessages{gap:9px;padding:16px;align-items:stretch}
.group-chat-message{box-sizing:border-box;max-width:min(82%,370px);width:max-content;min-width:100px;align-self:flex-start;padding:10px 13px;border-radius:16px 16px 16px 5px;display:flex;flex-direction:column;gap:4px}
.group-chat-message.mine{align-self:flex-end;border-radius:16px 16px 5px 16px}
.group-chat-message strong{display:block;font-size:12px;line-height:1.3;margin:0}
.group-chat-message span{display:block;font-size:15px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}
.group-chat-time{display:block;align-self:flex-end;font-size:11px;line-height:1.2;margin:2px 0 0;opacity:.78}
@media(max-width:520px){#groupChatMessages{padding:12px;gap:8px}.group-chat-message{max-width:87%;padding:9px 12px;min-width:85px}}