.chatCard{height:calc(100dvh - 175px);min-height:450px;display:flex;flex-direction:column;position:relative;background:#f4f2ec;border:1px solid #dde4e3;border-radius:16px;overflow:hidden;margin:0 0 25px}.chatHeading{display:flex;align-items:center;gap:12px;background:#fff;padding:17px 22px;border-bottom:1px solid #e2e7e5}.chatHeading h1{font-size:17px;letter-spacing:-.6px;margin:0;color:#253c3b}.chatHeading p{font-size:10px;color:#849b95;margin:6px 0 0}.chatGroupAvatar{width:44px;height:44px;border-radius:50%;background:#ddeddf;color:#6b9a7c;display:grid;place-items:center;font-weight:800;font-size:12px}.chatHeading>button{margin-left:auto;font-size:10px;padding:10px}.chatTools{display:flex;gap:10px;padding:10px 20px;background:#f8faf9;border-bottom:1px solid #e4e9e5}.chatTools select{max-width:250px;font-size:11px;background:white}.chatTools input{font-size:11px;flex:1;min-width:100px}.chatScroll{flex:1;min-height:0;overflow-y:auto;padding:15px 22px;overscroll-behavior:contain;background-image:radial-gradient(#b8c8b530 .7px,transparent .7px);background-size:18px 18px;scrollbar-width:thin}.chatOlder{display:block;margin:0 auto 15px;background:#fff9;font-size:10px;padding:8px 15px;min-height:35px}.chatDay{display:table;margin:18px auto;padding:6px 13px;border-radius:8px;background:#e7ece4;font-size:9px;color:#81927b;box-shadow:0 1px 2px #2b4d3020}.chatMessageRow{display:flex;justify-content:flex-start;margin:8px 0}.chatMessageRow.mine{justify-content:flex-end}.chatBubble{max-width:min(75%,600px);min-width:120px;padding:12px 13px 5px;background:#fff;border-radius:3px 14px 14px 14px;box-shadow:0 1px 2px #284b381a;overflow-wrap:anywhere}.mine .chatBubble{background:#dff0d5;border-radius:14px 3px 14px 14px}.chatSender{display:block;font-size:10px;color:#5c9c8a;margin-bottom:7px}.chatBody{white-space:pre-wrap;font-size:13px;line-height:1.7;color:#34504b}.chatBody a{color:#4388b2;text-decoration:underline}.chatMeta{display:flex;align-items:center;justify-content:flex-end;gap:6px;color:#9baaa0;font-size:9px;margin-top:5px}.chatRead{color:#53a9cc}.chatAnswer{background:transparent;color:#8b9d8b;padding:0 4px;font-size:17px;min-height:28px;min-width:28px}.chatQuote{display:block;width:100%;background:#d0ddc34d;color:#6f8f76;border-left:3px solid #85af8c;border-radius:5px;padding:9px;margin-bottom:9px;min-height:35px;white-space:pre-wrap;font-size:10px;font-weight:500;text-align:left}.chatAttachment img{max-width:100%;max-height:330px;display:block;border-radius:9px;object-fit:contain}.chatAttachment{font-size:10px;color:#8a9d88}.chatDocument{display:block;padding:20px;background:#edf1e7;color:#789b83;border-radius:8px;font-size:12px}.chatEmpty{text-align:center;font-size:11px;color:#9ba995;margin:60px 15px}.chatComposer{display:flex;gap:9px;align-items:flex-end;padding:12px 16px;background:#f8faf8;border-top:1px solid #e4e9e2}.chatComposer textarea{flex:1;min-height:44px;height:44px;max-height:130px;resize:none;border-radius:19px;background:white;border:1px solid #e1e8dd;padding:12px 15px;font-size:13px;line-height:1.5}.chatTool{height:43px;width:36px;min-height:43px;background:transparent;color:#8ba28d;display:grid;place-items:center;font-size:25px;font-weight:400;cursor:pointer;padding:0;flex-shrink:0;position:relative}.chatTool input{position:absolute;inset:0;width:100%;height:100%;opacity:0}.chatComposer button[type=submit]{border-radius:50%;width:44px;height:44px;min-height:44px;padding:0;font-size:21px;background:#6c9d83;flex-shrink:0}.chatTyping{font-size:10px;color:#85a18a;background:#f3f5ee;min-height:23px;padding:4px 20px}.chatReply{display:flex;justify-content:space-between;gap:15px;align-items:center;background:#ebf0e5;border-left:3px solid #8cb895;padding:12px 20px;font-size:10px;color:#7a9983;overflow-wrap:anywhere}.chatReply button,.chatFilePreview button{background:transparent;color:#91a290;padding:0;width:30px;min-height:30px}.chatFilePreview{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:8px 20px;background:#f0f3ed;color:#839e87;font-size:10px}.chatEmojis{display:flex;flex-wrap:wrap;gap:5px;background:white;padding:10px 20px}.chatEmojis button{background:#f4f7f1;color:#6e8a72;font-size:23px;width:40px;min-height:40px;padding:4px}.chatNotice{font-size:10px;color:#ae936b;margin:0;padding:0 20px 8px;min-height:8px;background:#f8faf8;line-height:1.7}.chatJump{position:absolute;right:25px;bottom:115px;border-radius:25px;background:#fff;color:#729a7c;box-shadow:0 2px 8px #30482a20;font-size:10px;z-index:2}.chatOpen .workspaceTop{display:none}.chatOpen #chatArea{padding-top:20px}.offlineBanner{text-align:center;padding:8px;background:#fff4db;color:#ab8945;font-size:11px;line-height:1.7}.installApp{font-size:10px;white-space:nowrap}#installDialog p{font-size:12px;color:#859489;line-height:1.9}#installDialog h2{font-size:23px}#installDialog{max-width:520px}
@media(max-width:760px){.chatOpen main{padding:0}.chatOpen footer{display:none}.chatOpen #chatArea{padding-top:0;height:calc(100dvh - 75px)}.chatCard{height:100%;min-height:0;border-radius:0;margin:0;border:0}.chatHeading{padding:12px 15px;min-height:68px}.chatHeading h1{font-size:16px}.chatHeading>button{display:none}.chatGroupAvatar{width:38px;height:38px}.chatTools{padding:8px 12px;gap:6px}.chatTools select{max-width:150px;font-size:10px}.chatTools input{font-size:11px}.chatScroll{padding:8px 12px}.chatBubble{max-width:86%;padding:10px 11px 4px}.chatBody{font-size:14px}.chatComposer{padding:9px 10px calc(9px + env(safe-area-inset-bottom));gap:5px}.chatComposer textarea{font-size:16px;padding:10px 13px}.chatComposer .chatTool{width:28px}.chatComposer button[type=submit]{width:43px;height:43px}.chatTyping{padding-left:15px}.chatAttachment img{max-height:260px}.chatJump{right:15px;bottom:120px}.chatOpen .topbar{padding-top:calc(10px + env(safe-area-inset-top));padding-bottom:10px}.chatTools select,.chatTools input{min-height:37px}.chatReply{padding:8px 15px}}
@media(max-width:500px){.topActions{gap:5px}.topActions>.installApp{font-size:9px;padding:8px;min-height:38px}.atelier .topbar{gap:5px;padding-left:12px;padding-right:12px}.atelier .brand{font-size:18px;gap:8px}.atelier .brand .logo{width:32px;height:32px;font-size:24px}.atelier #menuButton{font-size:9px;padding:8px;gap:6px;min-height:38px}.atelier #logout{font-size:0;padding:8px;min-width:34px;min-height:38px}.atelier #logout::after{content:'↪';font-size:17px}.chatTools select{max-width:130px}.chatTools input{font-size:10px}}

.chatSender,.chatSenderRole{display:none}.chatMessageRow{align-items:flex-end;gap:6px;margin:5px 0}.chatPersonAvatar{width:24px;height:24px;min-width:24px;border-radius:50%;background:#e9e3fa;display:grid;place-items:center;font-size:0;overflow:hidden;align-self:flex-end;margin:0 0 2px}.chatPersonAvatar img{width:100%;height:100%;object-fit:cover}.chatBubble{max-width:min(78%,600px);min-width:0;padding:8px 10px 7px}.chatBody{display:inline;white-space:pre-wrap;font-size:13px;line-height:1.45}.chatMeta{display:inline-flex;vertical-align:baseline;gap:5px;margin:0 0 0 11px;font-size:9px}.chatAnswer{min-width:20px;width:20px;min-height:20px;height:20px;font-size:14px;padding:0}.chatGifButton{font-size:10px;font-weight:800;letter-spacing:-.4px;width:38px}.chatGifPicker{padding:10px 14px;background:#fff;border-top:1px solid #e4e9e2;max-height:250px;overflow:auto}.chatGifSearch{display:flex;gap:8px}.chatGifSearch input{flex:1;min-width:100px;font-size:12px}.chatGifSearch button{font-size:11px;padding:8px 14px}.chatGifTags{display:flex;gap:6px;overflow:auto;padding:8px 0}.chatGifTag{white-space:nowrap;padding:6px 10px;font-size:10px;min-height:30px;background:#f2f0fb;color:#6c5aca}.chatGifResults{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.chatGifItem{padding:5px;background:#f8f8fb;color:#48515f;font-size:9px;overflow:hidden}.chatGifItem img{width:100%;height:82px;object-fit:cover;border-radius:5px}.chatGifItem span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatGifPicker>small{display:block;color:#849198;font-size:9px;margin-top:8px}.chatGifStatus{font-size:11px;color:#87938f;grid-column:1/-1}@media(max-width:760px){.chatPersonAvatar{width:22px;height:22px;min-width:22px}.chatBubble{max-width:88%;padding:8px 9px 7px}.chatBody{font-size:14px}.chatGifPicker{max-height:32dvh}.chatGifResults{grid-template-columns:repeat(3,minmax(0,1fr))}.chatGifItem img{height:68px}.chatMessageRow{gap:5px}}
.chatEmojiPanel{padding:12px 16px;background:#fff;border-top:1px solid #e8ece8;max-height:min(330px,42dvh);overflow:auto}.chatEmojiPanel[hidden]{display:none!important}.chatEmojiTop{position:sticky;top:-12px;background:#fff;padding:0 0 8px;z-index:1}.chatEmojiTop>input{width:100%;min-height:38px;font-size:12px}.chatEmojiCategories{display:flex;gap:6px;overflow-x:auto;padding:8px 0 2px}.emojiCategory{min-height:30px;padding:5px 9px;border-radius:16px;background:#f4f6f2;color:#6c7b6e;font-size:10px;white-space:nowrap}.emojiCategory.active{background:#e7f0e5;color:#315c49}.chatEmojiGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:4px}.emojiOption{min-width:0;min-height:42px;padding:3px;background:transparent;color:#283446;font-size:25px;border-radius:9px}.emojiOption:hover,.emojiOption:focus-visible{background:#f1f4ee}.chatOwnerActions{display:flex;justify-content:flex-end;gap:4px;margin-top:2px}.chatOwnerAction{width:26px;min-height:22px;height:22px;padding:0;border-radius:6px;background:transparent;color:#82918b;font-size:13px;line-height:1}.chatOwnerAction:hover{background:#e9efe7;color:#365b48}.chatEditedLabel{color:#98a39e;font-size:8px}.chatEditCancel{min-height:34px;padding:6px 9px;font-size:10px;white-space:nowrap;background:#f2f4ef;color:#68756e}.chatEditCancel[hidden]{display:none!important}
@media(max-width:760px){.chatEmojiPanel{max-height:34dvh;padding:10px}.chatEmojiGrid{grid-template-columns:repeat(8,minmax(0,1fr));gap:2px}.emojiOption{font-size:24px;min-height:40px}.chatEditCancel{font-size:9px;padding:5px 7px}}