#chatView{position:fixed;z-index:8500;inset:0;background:#edf2f1;color:#1f2d2b;overflow:hidden}
.chat-app{height:100%;display:grid;grid-template-columns:360px minmax(0,1fr);background:#fff}.chat-sidebar{min-width:0;border-right:1px solid #d9e3e1;background:#fff;display:flex;flex-direction:column}.chat-brand{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#234a46;color:#fff}.chat-brand h2{margin:0;font-size:21px}.chat-brand small{display:block;color:#cce0dc;margin-top:2px}.chat-head-actions{display:flex;gap:7px}.chat-icon-btn{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.13);color:inherit;font-size:18px;cursor:pointer}.chat-search{padding:10px 12px;background:#f4f7f6}.chat-search input{background:#fff;border-color:#d7e2df}.chat-list{overflow:auto;flex:1}.chat-room{width:100%;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px 14px;border:0;border-bottom:1px solid #eef2f1;background:#fff;text-align:left;cursor:pointer}.chat-room:hover,.chat-room.active{background:#e9f3f0}.chat-avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#cae9df,#8fc7b8);font-size:24px}.chat-room-copy{min-width:0}.chat-room-copy strong,.chat-room-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-room-copy span{margin-top:4px;color:#71817e;font-size:12px}.chat-room-meta{text-align:right;color:#7c8a87;font-size:10px}.chat-unread{display:block;min-width:20px;margin:5px 0 0 auto;padding:3px 6px;border-radius:999px;background:#22a776;color:#fff;text-align:center;font-size:10px;font-weight:800}
.chat-panel{min-width:0;display:flex;flex-direction:column;background:#e9e2d6}.chat-empty{flex:1;display:grid;place-items:center;text-align:center;padding:30px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.7),transparent 35%),#edf4f1}.chat-empty-inner{max-width:420px}.chat-empty .big{font-size:70px}.chat-empty h3{font-size:27px;margin:10px}.chat-empty p{color:#697a77;line-height:1.55}.chat-conversation{height:100%;display:flex;flex-direction:column}.chat-conversation-head{height:70px;display:flex;align-items:center;gap:12px;padding:10px 16px;background:#f7faf9;border-bottom:1px solid #d9e3e1}.chat-back{display:none}.chat-conversation-title{min-width:0;flex:1}.chat-conversation-title strong,.chat-conversation-title small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-conversation-title small{color:#70817e;margin-top:3px}.chat-messages{flex:1;overflow:auto;padding:18px clamp(12px,3vw,40px);background-color:#e9e2d6;background-image:radial-gradient(rgba(63,82,74,.08) 1px,transparent 1px);background-size:18px 18px}.chat-day{text-align:center;margin:15px}.chat-day span{padding:6px 10px;border-radius:8px;background:#f6fbfa;color:#61716e;font-size:11px;box-shadow:0 1px 2px rgba(0,0,0,.08)}.chat-bubble-row{display:flex;margin:5px 0}.chat-bubble-row.mine{justify-content:flex-end}.chat-bubble{position:relative;max-width:min(680px,83%);padding:8px 10px 6px;border-radius:8px;background:#fff;box-shadow:0 1px 2px rgba(24,40,34,.14)}.chat-bubble-row.mine .chat-bubble{background:#d8f7e9}.chat-bubble-row:not(.mine) .chat-bubble:before{content:"";position:absolute;left:-7px;top:0;border-top:9px solid #fff;border-left:8px solid transparent}.chat-bubble-row.mine .chat-bubble:after{content:"";position:absolute;right:-7px;top:0;border-top:9px solid #d8f7e9;border-right:8px solid transparent}.chat-sender{color:#167662;font-size:11px;font-weight:800;margin-bottom:3px}.chat-reply-card{padding:6px 8px;margin-bottom:6px;border-left:3px solid #20a980;border-radius:4px;background:rgba(64,114,99,.09);font-size:11px;color:#5d6d69}.chat-reply-card strong{display:block;color:#287b69}.chat-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.42}.chat-text a{color:#0872aa;font-weight:650}.chat-time{float:right;margin:6px 0 0 12px;color:#75827f;font-size:9px}.chat-message-tools{visibility:hidden;display:flex;gap:4px;position:absolute;right:4px;top:-16px;padding:2px;border-radius:12px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.16)}.chat-bubble:hover .chat-message-tools{visibility:visible}.chat-message-tools button{border:0;background:transparent;cursor:pointer;font-size:12px}.chat-reactions{display:flex;gap:4px;flex-wrap:wrap;clear:both;padding-top:3px}.chat-reaction{border:1px solid #cad8d5;border-radius:999px;padding:2px 6px;background:#fff;font-size:11px;cursor:pointer}.chat-media{margin:3px 0 6px}.chat-media img,.chat-media video{display:block;max-width:100%;max-height:440px;border-radius:7px;cursor:pointer}.chat-media audio{max-width:100%;height:38px}.chat-file{display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;background:rgba(255,255,255,.65);color:#294b45;text-decoration:none}.chat-file-icon{font-size:26px}.chat-file span{min-width:0;overflow:hidden;text-overflow:ellipsis}.chat-file small{display:block;color:#6c7b78}.chat-link-card{display:flex;gap:10px;margin:6px 0;padding:9px;border-radius:8px;background:rgba(255,255,255,.72);text-decoration:none;color:#263f3b}.chat-link-card img{width:110px;height:62px;object-fit:cover;border-radius:5px}.chat-link-card strong,.chat-link-card small{display:block}.chat-link-card small{margin-top:4px;color:#6b7a77}.chat-deleted{font-style:italic;color:#788480}.chat-load-more{display:block;margin:0 auto 15px;border:0;border-radius:8px;padding:8px 12px;background:#fff;color:#42605a;cursor:pointer}
.chat-reply-banner{display:flex;justify-content:space-between;gap:10px;padding:8px 14px;background:#f4faf8;border-left:4px solid #20a980;font-size:12px}.chat-reply-banner button{border:0;background:transparent;cursor:pointer}.chat-compose{padding:9px 12px;background:#f7faf9;border-top:1px solid #d9e3e1}.chat-compose-row{display:flex;align-items:flex-end;gap:8px}.chat-compose textarea{min-height:44px;max-height:130px;resize:none;border-radius:22px;padding:11px 15px;background:#fff}.chat-send{flex:0 0 45px;width:45px;height:45px;border:0;border-radius:50%;background:#168b70;color:#fff;font-size:20px;cursor:pointer}.chat-attach{flex:0 0 42px;width:42px;height:42px;border:0;border-radius:50%;background:transparent;color:#536a65;font-size:20px;cursor:pointer}.chat-attach.recording{color:#d62f35;background:#fee8e8;animation:chatPulse 1s infinite}.chat-upload-state{padding:4px 48px 0;color:#61736f;font-size:11px}@keyframes chatPulse{50%{transform:scale(1.1)}}
.chat-menu{position:absolute;z-index:20;right:12px;top:62px;min-width:190px;padding:6px;border-radius:10px;background:#fff;box-shadow:0 9px 30px rgba(0,0,0,.24)}.chat-menu button{width:100%;border:0;border-radius:7px;padding:10px;text-align:left;background:#fff;cursor:pointer}.chat-menu button:hover{background:#edf5f2}.chat-new-form .member-list{max-height:230px;overflow:auto;border:1px solid var(--border);border-radius:10px;padding:4px 12px}.chat-new-form .member-list label{display:flex;align-items:center;gap:9px;margin:7px 0}.chat-new-form .member-list input{width:auto}.chat-kind{display:flex;gap:8px}.chat-kind button{flex:1}.chat-kind button.active{background:var(--blue);color:var(--on-primary)}
@media(max-width:760px){.chat-app{grid-template-columns:1fr}.chat-sidebar.mobile-hidden{display:none}.chat-panel{display:none}.chat-panel.mobile-active{display:flex}.chat-back{display:grid}.chat-message-tools{visibility:visible;position:static;float:right;background:transparent;box-shadow:none;margin-left:8px}.chat-bubble{max-width:88%}.chat-brand{padding-top:max(14px,env(safe-area-inset-top))}.chat-compose{padding-bottom:max(9px,env(safe-area-inset-bottom))}}