.chat-scope-note{display:flex;align-items:center;gap:10px;margin:-5px 0 22px;color:var(--muted);font-size:12px;flex-wrap:wrap}.chat-scope-note>.icon{width:17px;height:17px}.chat-scope-note>button{margin-left:auto;border:0;background:none;padding:7px 0;font-size:12px;min-height:38px}.chat-workspace{display:grid;grid-template-columns:300px minmax(0,1fr);border:1px solid var(--line);border-radius:12px;background:#fff;height:calc(100vh - 290px);min-height:540px;max-height:930px;overflow:hidden}.chat-sidebar{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line);background:#fcfdfb;min-width:0}.chat-search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:6px;padding:0 11px;height:42px;margin:18px 16px 12px;background:white}.chat-search .icon{width:17px;color:var(--muted)}.chat-search input{border:0;outline:0!important;min-width:0;width:100%;font-size:13px;background:none}.chat-search:focus-within{outline:2px solid var(--gold);outline-offset:2px}.chat-filters{display:flex;gap:3px;padding:0 12px 13px;border-bottom:1px solid var(--line)}.chat-filters button{flex:1;min-height:38px;border:0;border-radius:5px;background:none;font-size:12px;color:var(--muted);padding:6px}.chat-filters button.selected{background:#e9f0e5;color:var(--forest);font-weight:650}.chat-filters button:hover{background:#f0f4ec}.chat-room-list{overflow:auto;flex:1;min-height:0;padding:8px}.chat-room{display:flex;align-items:center;gap:10px;padding:13px 10px;border:1px solid transparent;border-radius:7px;background:none;text-align:left;width:100%;min-width:0;min-height:76px}.chat-room:hover{background:#f0f4ed}.chat-room.selected{background:#eaf1e5;border-color:#dbe4d5}.chat-avatar{height:38px;width:38px;display:grid;place-items:center;border-radius:10px;background:#edf1ec;color:var(--forest);flex-shrink:0}.chat-avatar .icon{width:19px;height:19px}.chat-avatar.group{background:#f1eee6;color:#8a6c36}.chat-avatar.object{background:#e7edef;color:#526e76}.chat-room-copy{min-width:0;flex:1}.chat-room-copy strong{display:block;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chat-room-copy small{display:block;font-size:12px;color:var(--muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:5px}.chat-unread{display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:20px;background:var(--forest);font-size:10px;color:white}.chat-sidebar-foot{padding:14px 16px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.chat-sidebar-foot span{display:block;margin-top:4px;font-size:10px}.chat-list-empty{font-size:13px;color:var(--muted);padding:30px 20px;line-height:1.7}.chat-conversation{display:flex;flex-direction:column;min-width:0;min-height:0;background:#f9fbf7}.chat-empty{display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;padding:35px;flex:1}.chat-empty-icon{height:72px;width:72px;display:grid;place-items:center;background:#edf3e8;border:1px solid #dde6d6;border-radius:22px;color:var(--forest);margin-bottom:22px}.chat-empty-icon .icon{height:32px;width:32px}.chat-empty h2{font-size:26px;letter-spacing:-.5px}.chat-empty p{font-size:14px;line-height:1.8;color:var(--muted);max-width:370px;margin-top:12px}.chat-empty-features{display:grid;gap:12px;font-size:12px;text-align:left;color:#526858;margin:26px 0}.chat-empty-features>span{display:flex;align-items:center;gap:10px}.chat-empty-features .icon{height:17px;width:17px}.chat-empty>.text-link{font-size:12px;margin-top:18px}.chat-empty>small{font-size:11px;color:var(--muted);margin-top:23px}.chat-header{display:flex;align-items:center;gap:12px;padding:16px 22px;background:white;border-bottom:1px solid var(--line);min-height:83px}.chat-header h2{font-size:16px;overflow-wrap:anywhere}.chat-header>div:first-of-type{flex:1;min-width:0}.chat-people-link{display:flex;align-items:center;gap:5px;border:0;background:none;padding:4px 0 0;min-height:28px;color:var(--muted);font-size:11px}.chat-people-link .icon{width:11px;height:11px}.chat-call-buttons{display:flex;gap:7px;align-items:center}.chat-call-buttons .icon-button{width:44px;height:44px;background:#f5f7f2;border-color:#e4e9df}.chat-call-buttons .icon{width:19px;height:19px}.chat-call-buttons span{font-size:10px;color:var(--muted);max-width:110px;text-align:right}.chat-back{display:none}.chat-object-link{display:flex;align-items:center;gap:8px;padding:10px 22px;font-size:12px;border-bottom:1px solid var(--line);background:#f2f5ee;flex-wrap:wrap}.chat-object-link a{text-decoration:underline;text-underline-offset:3px}.chat-object-link>.icon{width:15px;height:15px}.chat-object-link>span{font-size:10px;color:var(--muted);margin-left:auto}.chat-messages{flex:1;overflow:auto;padding:22px;min-height:0;display:flex;flex-direction:column;gap:12px;scrollbar-gutter:stable}.chat-message{max-width:85%;padding:12px 15px;border:1px solid #e0e6dc;background:white;border-radius:0 10px 10px 10px;align-self:start;min-width:150px;overflow-wrap:anywhere;flex-shrink:0}.chat-message.mine{align-self:end;border-radius:10px 0 10px 10px;background:#edf4e8;border-color:#dde7d5}.chat-message-meta{display:flex;align-items:center;gap:16px;justify-content:space-between;font-size:10px;color:#6c7c70;margin-bottom:6px}.chat-message-meta strong{font-size:11px;color:var(--forest)}.chat-message-meta time{font-variant-numeric:tabular-nums;white-space:nowrap}.chat-message>p{white-space:pre-wrap;font-size:14px;line-height:1.7}.chat-message.call-record{background:#f3f4ef;border-style:dashed}.chat-message.call-record>p{font-size:12px;display:flex;align-items:center;gap:9px}.chat-message.call-record .icon{width:16px;height:16px}.chat-file{display:flex;align-items:center;gap:12px;margin-top:9px;font-size:12px;text-decoration:underline;text-underline-offset:3px}.chat-file small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.chat-file>.icon{width:18px;height:18px}.chat-no-messages{margin:auto;text-align:center;max-width:300px;font-size:13px;line-height:1.8;color:var(--muted)}.chat-older{align-self:center;flex-shrink:0}.chat-compose{padding:16px 22px 18px;border-top:1px solid var(--line);background:white}.chat-compose textarea{resize:vertical;min-height:62px;max-height:180px;width:100%;border:1px solid #d8e0d4;border-radius:7px;padding:11px 12px;background:#fcfdfb;font-size:14px;line-height:1.6}.chat-compose-actions{display:flex;align-items:center;gap:12px;margin-top:9px}.chat-compose-actions>span{font-size:10px;color:var(--muted);flex:1;line-height:1.6}.chat-compose-actions>.button:last-child{margin-left:auto}.chat-attach{position:relative;cursor:pointer;overflow:hidden}.chat-attach input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.chat-attach:focus-within{outline:3px solid var(--gold);outline-offset:3px}.chat-selected-file{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;padding:5px 10px;background:#f2f5ee;margin-top:7px;border-radius:5px}.chat-selected-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-error{font-size:13px;color:var(--red);margin-top:13px;min-height:1em}.chat-read-only{padding:16px 22px;background:white;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.chat-member-picker{border:1px solid var(--line);border-radius:8px;padding:14px;max-height:310px;overflow:auto}.chat-member-picker legend{font-size:13px}.chat-member-picker label{display:flex;align-items:center;gap:12px;padding:10px 5px;cursor:pointer}.chat-member-picker input{width:18px;height:18px}.chat-member-picker strong{font-size:14px}.chat-member-picker small{display:block;font-size:12px;color:var(--muted);margin-top:3px}.chat-member-list{display:grid;gap:15px;margin-bottom:20px}.chat-member-list strong{display:block;font-size:15px}.chat-member-list small{font-size:12px;color:var(--muted)}.chat-connectors>p{font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:20px}.chat-connectors article{display:flex;flex-wrap:wrap;align-items:center;gap:12px;border-top:1px solid var(--line);padding:20px 0}.chat-connectors h3{flex:1}.chat-connectors article p{width:100%;font-size:13px;color:var(--muted);margin-top:2px}.chat-connectors>.helper{font-size:12px;margin-top:18px}
#chat-call-layer{position:fixed;z-index:45;right:26px;bottom:26px;width:360px;max-width:calc(100vw - 32px);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border:1px solid #cad6c5;border-radius:12px;padding:20px;box-shadow:0 10px 35px #172b2224}.chat-call-title{display:flex;align-items:center;gap:12px}.chat-call-title>.icon{width:23px;height:23px;color:var(--forest)}.chat-call-title>div{flex:1;min-width:0}.chat-call-title strong{font-size:15px;display:block}.chat-call-title small{font-size:12px;color:var(--muted);display:block;margin-top:4px}.chat-call-controls{display:flex;gap:10px;justify-content:center;margin-top:18px}.chat-call-controls .icon-button{border-color:var(--line);width:44px;height:44px}.chat-call-controls .icon-button[aria-pressed=true]{background:#f9e8e4;color:var(--red)}.button.chat-hangup{background:#a44239;color:white;border-color:#a44239}.button.chat-hangup:hover{background:#85392f}.chat-call-footnote{font-size:10px;color:var(--muted);text-align:center;margin-top:15px}.chat-call-error{color:var(--red);font-size:13px;line-height:1.7;margin-top:15px}.chat-video-area{margin-top:16px;position:relative;height:235px;background:#23352b;border-radius:8px;overflow:hidden}.chat-video-area video{width:100%;height:100%;object-fit:contain}.chat-video-area #chat-local-media{position:absolute;bottom:10px;right:10px;width:90px;height:70px;border:1px solid #778275;background:#18271e;border-radius:5px;object-fit:cover;transform:scaleX(-1)}.chat-video-area.audio-only{height:135px;display:grid;place-items:center}.chat-audio-element{position:absolute;width:1px!important;height:1px!important;opacity:0}.chat-audio-avatar{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;font-size:25px;color:#eff5e9;background:#47614c}.chat-video-area #chat-play-media{position:absolute;bottom:10px;left:10px}.chat-nav-unread{background:#e5efdf;color:#27442f;border-radius:12px;padding:1px 6px}
.sidebar{overflow-y:auto;overscroll-behavior:contain}
@media(max-width:800px){.chat-scope-note>span:first-of-type{flex:1 1 calc(100% - 30px)}}
@media(max-width:1200px){.chat-workspace{grid-template-columns:265px minmax(0,1fr)}.chat-header,.chat-compose{padding-left:16px;padding-right:16px}.chat-messages{padding:18px 16px}.chat-compose-actions>span{display:none}.chat-message{max-width:95%}.chat-scope-note>button{margin-left:27px}}
@media(max-width:800px){.chat-workspace{grid-template-columns:1fr;height:calc(100dvh - 260px);min-height:480px}.chat-workspace>.chat-conversation{display:none}.chat-workspace.has-chat>.chat-sidebar{display:none}.chat-workspace.has-chat>.chat-conversation{display:flex}.chat-sidebar{border:0}.chat-back{display:grid}.chat-header{padding:11px 12px;gap:8px;min-height:76px}.chat-header h2{font-size:15px}.chat-call-buttons{gap:5px}.chat-call-buttons .icon-button{width:40px;height:40px}.chat-people-link{font-size:10px}.chat-call-buttons span{font-size:9px;max-width:80px}.chat-compose{padding:12px}.chat-compose-actions{gap:10px}.chat-message{max-width:96%;min-width:140px}.chat-message>p{font-size:14px}.chat-message-meta{gap:12px}.chat-messages{padding:16px 12px}.chat-object-link{padding:9px 12px}.chat-object-link>span{display:none}.chat-empty{padding:25px}.chat-empty h2{font-size:23px}.chat-scope-note{font-size:11px;gap:8px;margin-top:0;margin-bottom:15px}.chat-scope-note>span{flex:1}.chat-scope-note>button{font-size:11px;margin-left:25px}.chat-conversation{min-height:0}.chat-room{min-height:80px}.chat-workspace .chat-sidebar-foot{padding:12px 16px}#chat-call-layer{right:16px;bottom:16px;padding:18px}.chat-error{margin-top:9px}.chat-read-only{font-size:12px;padding:14px}.chat-member-picker label{min-height:50px}}