/* Chat workspace: an app-like split view, scoped away from business pages. */
.main[data-view=chat]{height:100dvh;min-height:0;display:flex;flex-direction:column;padding:18px 24px 22px;overflow:hidden}
.main[data-view=chat]>.topbar{flex:0 0 auto;margin-bottom:16px;padding-bottom:16px}
.main[data-view=chat]>#content{display:flex;flex:1;min-height:0}
.chat-workspace{--chat-blue:#3390ec;display:grid;grid-template-columns:300px minmax(0,1fr);width:100%;height:100%;min-height:0;background:#fff;border:1px solid #dfe5eb;border-radius:12px;overflow:hidden;box-shadow:0 3px 20px #253c5310}
.chat-rail{display:flex;flex-direction:column;background:#fff;border-right:1px solid #e7ebef;min-height:0;overflow:hidden}
.chat-rail-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 10px;min-height:62px;flex:none}
.chat-rail-header h1{font-size:20px;font-weight:650;letter-spacing:0;margin:0;color:#263747}
.chat-icon-button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;padding:8px;border:0;border-radius:50%;background:transparent;color:#7e919f;cursor:pointer}
.chat-icon-button:hover{background:#edf4fa;color:#3390ec}.chat-icon-button svg,.chat-send svg{width:22px;height:22px;display:block}
.chat-search-wrap{padding:0 14px 10px;flex:none}.chat-search-wrap input{display:block;width:100%;height:38px;border:1px solid transparent;background:#f1f3f5;border-radius:22px;padding:0 15px;font-size:13px;color:#344b5e;box-shadow:none}.chat-search-wrap input:focus{background:#fff;border-color:#8cc1f3;outline:2px solid #3390ec12}
.chat-modes{display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid #eef1f4;flex:none}.chat-modes button{position:relative;flex:1;white-space:nowrap;padding:12px 3px 13px;border:0;border-radius:0;background:none;font-size:13px;font-weight:600;color:#8b98a4}.chat-modes button.active{color:#2684dd}.chat-modes button.active:after{content:'';position:absolute;bottom:0;left:14%;right:14%;height:3px;border-radius:3px 3px 0 0;background:#3390ec}
#chatRoomList{padding:7px;overflow:auto;flex:1;min-height:0}.chat-room{display:flex;align-items:center;gap:12px;width:100%;min-height:76px;padding:12px 10px;margin:0 0 3px;text-align:left;border:0;border-radius:9px;background:transparent;transition:background .12s}.chat-room:hover{background:#f2f6fa}.chat-room.active{background:#e7f2fd}.chat-room .person-avatar{width:46px;height:46px;flex:0 0 46px;font-size:18px;background:#e0eef9;color:#4986b2;font-weight:500}.chat-room:nth-child(3n+2) .person-avatar{background:#e9e4f6;color:#8a73b5}.chat-room:nth-child(3n) .person-avatar{background:#dff1e7;color:#619a7a}.chat-room>span:not(.person-avatar){flex:1;min-width:0}.chat-room strong{display:block;font-size:14px;font-weight:600;color:#273b4b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-room small{display:block;margin-top:7px;font-size:12px;line-height:1.4;color:#8c9aa5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-room>b{background:#3390ec;color:white;font-size:11px;min-width:20px;height:20px;border-radius:20px;line-height:20px;text-align:center;padding:0 5px}.chat-contact-count{padding:11px 10px 9px;font-size:11px;color:#98a6b1}
.chat-policy{flex:none;border-top:1px solid #edf1f5;padding:13px 17px;font-size:11px;color:#98a5ae;line-height:1.7}.chat-policy summary{cursor:pointer}.chat-policy p{font-size:11px;line-height:1.8;margin:9px 0 0;color:#8a9aa7}
.chat-pane{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:#e8eef3;background-image:radial-gradient(#becbd338 .8px,transparent .8px);background-size:18px 18px}
.chat-pane-header{display:flex;align-items:center;gap:12px;flex:none;min-height:72px;padding:12px 22px;background:white;border-bottom:1px solid #e7edf1;z-index:2}.chat-pane-header>.person-avatar{width:42px;height:42px;flex:0 0 42px;font-size:16px;background:#e4eff9;color:#4b89b9}.chat-pane-header>div{flex:1;min-width:0}.chat-pane-header h2{font-size:16px;font-weight:650;color:#293d4b;margin:0 0 5px}.chat-pane-header small{font-size:12px;color:#9aa6af}.chat-pane-header details{position:relative;color:#8d9da9;font-size:12px}.chat-pane-header summary{cursor:pointer;white-space:nowrap}.chat-pane-header details p{position:absolute;right:0;top:20px;width:240px;padding:15px;background:white;border:1px solid #e0e7ec;border-radius:10px;box-shadow:0 5px 24px #30445b18;line-height:1.8;font-size:13px;color:#5c7182}.chat-mobile-back{display:none}
.chat-messages{flex:1;min-height:0;overflow:auto;padding:28px clamp(18px,4vw,66px) 18px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bdcbd4 transparent}.chat-message{display:flex;gap:9px;align-items:flex-end;margin:0 0 16px}.chat-message>.person-avatar{width:32px;height:32px;flex:0 0 32px;font-size:12px;background:#d9e8f3;color:#5581a1;margin-bottom:1px}.chat-message.mine{flex-direction:row-reverse}.chat-message.mine>.person-avatar{display:none}.chat-message-content{position:relative;max-width:min(80%,620px);min-width:100px;padding:10px 13px 6px;background:#fff;border-radius:12px 12px 12px 3px;box-shadow:0 1px 2px #253c5312;overflow-wrap:anywhere}.mine .chat-message-content{background:#dceeff;border-radius:12px 12px 3px 12px}.chat-author{display:block;color:#448bc0;font-size:12px;font-weight:600;margin-bottom:5px}.chat-bubble{font-size:14px;color:#2c4050;font-weight:400;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:0;border:0;background:none}
.chat-message-meta{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:4px 0 0;padding:0;border:0;line-height:1.4}.chat-message-meta time{font-size:10px;color:#9aa9b4;white-space:nowrap}.mine .chat-message-meta time{color:#79a0bf}.chat-message-actions{position:relative}.chat-message-actions summary{list-style:none;cursor:pointer;font-size:16px;line-height:14px;color:#7b9db6;letter-spacing:1px}.chat-message-actions summary::-webkit-details-marker{display:none}.chat-message-actions>div{position:absolute;right:0;bottom:22px;z-index:4;background:#fff;border:1px solid #e4eaf0;box-shadow:0 4px 18px #253c5320;border-radius:9px;padding:5px;width:112px}.chat-message-actions button{display:block;width:100%;padding:9px 10px;border:0;border-radius:6px;background:none;text-align:left;font-size:12px;color:#5d7485;white-space:nowrap}.chat-message-actions button:hover{background:#eef5fb}.chat-message-actions button:last-child{color:#bd6b63}
.chat-image{display:block;margin:6px 0 2px}.chat-image img{display:block;max-width:min(100%,320px);max-height:280px;object-fit:contain;border-radius:8px}.chat-file{display:block;font-size:13px;padding:10px 12px;margin:6px 0;border-radius:8px;border:1px solid #d8e6f1;background:#f4f9fd;color:#4187bd;overflow-wrap:anywhere}.chat-file small{display:block;color:#8aa0b0;font-size:11px;margin-top:6px}
.chat-customer-card{display:block;text-align:left;white-space:normal;width:290px;max-width:100%;padding:12px 13px;margin:6px 0;border:0;border-left:3px solid #68a9da;border-radius:7px;background:#eff6fc;cursor:pointer}.chat-customer-card strong{display:block;font-size:14px;font-weight:650;color:#3c6f98;margin:7px 0}.chat-customer-card small,.chat-customer-card span{display:block;font-size:10px;color:#829bae;line-height:1.6}.chat-customer-card p{font-size:12px;color:#5d7d94;line-height:1.8;margin:8px 0}.chat-history-label{display:block;color:#a47e48;background:#fff4df;font-size:11px;padding:7px;border-radius:6px;margin:6px 0}
.chat-compose{flex:none;margin:0 24px 17px;padding:8px 13px 5px;background:white;border:1px solid #e0e9f0;border-radius:14px;box-shadow:0 3px 12px #324d6310}.chat-compose-row{display:flex;align-items:flex-end;gap:9px}.chat-compose textarea{flex:1;display:block;min-width:0;width:auto;height:44px;min-height:44px;max-height:120px;padding:11px 2px;border:0!important;outline:0!important;box-shadow:none!important;border-radius:0;background:transparent;resize:none;font-size:14px;line-height:22px;color:#344f64;overflow-y:auto}.chat-upload{position:relative;margin-bottom:4px}.chat-upload input{position:absolute;width:1px;height:1px;opacity:0}.chat-send{display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;padding:9px;border:0;background:#3390ec;color:white;border-radius:50%;margin-bottom:3px;cursor:pointer}.chat-send:hover{background:#2684dd}.chat-send:disabled{opacity:.45}.chat-compose>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:5px 4px;border:0}.chat-compose footer>button{display:flex;align-items:center;gap:5px;border:0;border-radius:5px;padding:3px 4px;background:transparent;color:#88a1b4;font-size:11px;font-weight:400}.chat-compose footer>button:hover{background:#edf5fc;color:#3390ec}.chat-compose footer svg{width:15px;height:15px}.chat-compose footer>span{font-size:10px;color:#aebac3}.chat-compose #chatError{font-size:12px;line-height:1.6;margin:0;color:#c16c62}.chat-compose.dragover{outline:2px dashed #3390ec;outline-offset:-3px;background:#f0f8ff}#chatPending{display:flex;flex-wrap:wrap;gap:6px}#chatPending>span{background:#eef5fb;padding:5px 9px;border-radius:6px;font-size:11px;color:#678ba7}#chatPending button{padding:0 4px;border:0;background:none;color:#7799b3;font-size:11px}
.chat-welcome{margin:auto;text-align:center;padding:32px;color:#91a4b2}.chat-welcome>span{display:flex;align-items:center;justify-content:center;width:78px;height:78px;margin:0 auto 22px;background:#ffffffb8;border-radius:50%;box-shadow:0 3px 18px #597c9710;color:#8db2cf}.chat-welcome svg{width:36px;height:36px}.chat-welcome h2{font-size:20px;font-weight:600;color:#6c899f;letter-spacing:.5px;margin:0 0 12px}.chat-welcome p{font-size:13px;line-height:1.7;color:#8da3b3;margin:0 0 9px}.chat-welcome small{font-size:11px;color:#a5b5c0}.chat-empty{text-align:center;color:#a1afb9;padding:36px 12px;font-size:12px}.chat-readonly{flex:none;margin:0;padding:14px 22px;font-size:12px;color:#9b8c70;background:#fffaf0;border-top:1px solid #f0e8d7;line-height:1.8}.chat-older{display:block;border:0;border-radius:16px;padding:6px 13px;background:#b5c8d780;color:#fff;font-size:11px;margin:0 auto 24px}.chat-older[hidden]{display:none}
.chat-people-picker>div{max-height:270px;overflow:auto;margin-top:12px}.chat-people-picker>div>label{display:flex;align-items:center;gap:10px;padding:9px}.chat-people-picker>div>label[hidden]{display:none}.chat-people-picker input[type=checkbox]{width:16px;height:16px}.chat-people-picker small{display:block;color:#92a0a8;font-size:11px;margin-top:3px}.chat-people-picker .person-avatar{width:30px;height:30px;font-size:12px}.chat-people-picker>label{display:block;margin-bottom:9px}
@media(min-width:1600px){.chat-workspace{grid-template-columns:330px minmax(0,1fr)}.chat-messages{padding-left:8%;padding-right:8%}}
@media(max-width:1100px){.main[data-view=chat]{padding:16px}.chat-workspace{grid-template-columns:245px minmax(0,1fr)}.chat-messages{padding:22px 18px 14px}.chat-compose{margin:0 14px 14px}.chat-message-content{max-width:87%}.chat-compose footer>span{display:none}}
@media(max-width:700px){.main[data-view=chat]{padding:10px}.main[data-view=chat]>.topbar{margin-bottom:10px;padding-bottom:10px}.chat-workspace{grid-template-columns:1fr}.chat-workspace .chat-pane{display:none}.chat-workspace.chat-has-room .chat-rail{display:none}.chat-workspace.chat-has-room .chat-pane{display:flex}.chat-mobile-back{display:inline-flex}.chat-pane-header{padding:10px 12px;min-height:64px;gap:8px}.chat-pane-header details summary{font-size:0}.chat-pane-header details summary:after{content:'成员';font-size:11px}.chat-messages{padding:20px 12px}.chat-compose{margin:0 10px 10px}.chat-message-content{max-width:85%}.chat-message>.person-avatar{width:26px;height:26px;flex-basis:26px;font-size:11px}.chat-customer-card{width:245px}.chat-policy{padding:11px 18px}}

.chat-task-banner{display:flex;align-items:center;gap:14px;padding:12px 20px;background:#f4f9ff;border-bottom:1px solid #d8e8f7;flex:none;flex-wrap:wrap}.chat-task-banner>div:first-child{flex:1;min-width:170px}.chat-task-banner small,.chat-task-banner span{display:block;font-size:11px;color:#8aa1b3;line-height:1.7}.chat-task-banner strong{display:block;font-size:13px;color:#496e8b;margin:4px 0}.chat-task-banner>b,.chat-task-state{font-size:11px;color:#4284b7;font-weight:600}.chat-task-controls{display:flex;gap:6px;flex-wrap:wrap}.chat-task-controls button{font-size:11px;padding:6px 9px;background:white;border-color:#d5e4f0;color:#557f9e}.chat-task-state{float:right}.chat-task-card{width:320px}.chat-compose footer>button[hidden]{display:none}.case-chat-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:#f4f8fb;border:1px solid #e0e9f1;border-radius:10px;margin:16px 0}.case-chat-entry span{font-size:12px;color:#8a9eac;line-height:1.7}.case-chat-entry button{white-space:nowrap;font-size:13px}.case-help-meta{display:flex;gap:14px;align-items:center;padding:8px 0 20px;flex-wrap:wrap}.case-help-meta span{font-size:12px;color:#8a9eac}.case-help-meta b{margin-left:auto;font-size:12px;color:#528b7a}
/* Portalled overlays sit outside the scroll container and header stacking context. */
.chat-floating-menu{position:fixed;z-index:10000;width:248px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;padding:7px;background:#fffffff5;backdrop-filter:blur(16px);border:1px solid #dce5ed;border-radius:16px;box-shadow:0 10px 45px #263d5930;overscroll-behavior:contain;font-family:inherit}
.chat-floating-menu button{font-family:inherit;cursor:pointer;box-shadow:none;margin:0;font-weight:400}.chat-floating-menu [role=menu]>button{display:flex;align-items:center;gap:12px;width:100%;padding:11px 13px;border:0;border-radius:9px;background:none;color:#425a6b;font-size:14px;line-height:1.4;text-align:left}.chat-floating-menu [role=menu]>button:hover,.chat-floating-menu [role=menu]>button:focus-visible{background:#eaf3fc;outline:0}.chat-floating-menu [role=menu]>button.danger{color:#c5635b}.chat-floating-menu svg{width:19px;height:19px;flex:0 0 19px}.chat-menu-reactions{display:flex;gap:1px;justify-content:space-around;padding:5px 1px 10px;margin-bottom:4px;border-bottom:1px solid #e6edf2}.chat-menu-reactions button{background:none;border:0;border-radius:50%;padding:6px 3px;font-size:22px;line-height:1.2;min-width:29px}.chat-menu-reactions button:hover{background:#eaf3fc;transform:scale(1.12)}.chat-more{font-size:17px;line-height:14px;color:#7b9db6;border:0;background:none;padding:1px 3px;letter-spacing:1px;cursor:pointer}.chat-more:focus-visible{outline:2px solid #3390ec;border-radius:4px}.chat-message-meta small{font-size:10px;color:#9badb9}.chat-emoji-title{display:block;padding:10px 9px 12px;color:#67849a;font-size:13px}.chat-emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;padding:0 4px 7px}.chat-emoji-grid button{font-size:24px;border:0;background:none;padding:7px 0;border-radius:9px;line-height:1.2}.chat-emoji-grid button:hover{background:#eaf3fc}.chat-emoji-trigger{font-size:27px;font-weight:400;padding:3px;margin-bottom:3px}.chat-quote{display:block;text-align:left;width:100%;min-width:120px;padding:7px 10px;margin:0 0 7px;border:0;border-left:3px solid #79b0d9;background:#eaf3fa;border-radius:5px;white-space:normal}.chat-quote strong{display:block;font-size:11px;color:#5691bc;margin-bottom:3px}.chat-quote span{display:block;font-size:12px;color:#8ca5b8;white-space:pre-wrap;overflow-wrap:anywhere}.mine .chat-quote{background:#cce3f780}.chat-reaction-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}.chat-reaction-chips button{padding:3px 7px;font-size:12px;background:#edf5fc;border:1px solid transparent;border-radius:15px;color:#7c9ab1;line-height:1.4}.chat-reaction-chips button.mine{background:#d9edfd;border-color:#b5d6f0;color:#498ab8}.chat-forwarded-label{display:block;font-size:11px;color:#8da5b7;font-style:italic;margin-bottom:5px}.chat-pinned-bar{display:flex;align-items:center;gap:12px;flex:none;width:100%;padding:10px 20px;border:0;border-bottom:1px solid #d9e7f1;border-radius:0;background:#f8fbff;text-align:left;min-width:0}.chat-pinned-bar strong{font-size:11px;color:#69a0cb;white-space:nowrap}.chat-pinned-bar span{font-size:12px;color:#839dae;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-selection-bar{display:flex;align-items:center;gap:8px;padding:8px 15px;flex:none;background:#edf6ff;border-bottom:1px solid #d8e9f8}.chat-selection-bar strong{font-size:12px;color:#5b8eb8;margin-right:auto}.chat-selection-bar button{font-size:11px;padding:6px 9px;border:0;background:white;color:#678eac}.chat-message.selecting{cursor:pointer;border-radius:10px;padding:5px;margin-left:-5px;margin-right:-5px}.chat-message.selected{background:#87bdeb35;outline:1px solid #87bdeb80}.chat-highlight{animation:chatFlash 1.6s ease-out}.chat-edit-history{font-size:11px;margin-top:8px;color:#a18d6b;background:#fff7e7;padding:7px;border-radius:7px}.chat-edit-history p{white-space:pre-wrap;overflow-wrap:anywhere}.chat-edit-history span,.chat-edit-history small{display:block;margin-bottom:5px}#chatPending>.chat-reply-draft{flex-basis:100%;border-left:3px solid #72aad5;max-height:75px;overflow:auto}.chat-compose-row{gap:5px}.chat-message{touch-action:manipulation}.chat-floating-menu [role=menu]>button:last-child{margin-bottom:2px}@keyframes chatFlash{0%{background:#7fb9ee65}100%{background:transparent}}

.chat-floating-menu{width:264px}.chat-menu-reactions button{min-width:28px}.chat-menu-reactions [data-menu-more]{font-size:21px;color:#91a7b7}.chat-message-meta small{white-space:nowrap}
/* Distinguish quoted text from the current message without changing bubble colours. */
.chat-message .chat-quote{background:#e0eaf3;border-left:3px solid #4e8fbf}
.chat-message .chat-quote strong{color:#286591;font-weight:650}
.chat-message .chat-quote span{color:#486a84}
.chat-message.mine .chat-quote{background:#bfdcf2;border-left-color:#3184bf}
.chat-message.mine .chat-quote strong{color:#225f8b}
.chat-message.mine .chat-quote span{color:#3e6685}
.chat-message .chat-quote:hover{filter:brightness(.97)}
/* Message controls must not inherit the admin form's 36px button minimum. */
.chat-message .chat-message-content{display:flow-root;width:fit-content;min-width:64px;padding:7px 10px 6px}
.chat-message .chat-message-content::after{content:'';display:block;clear:both}
.chat-message .chat-bubble{display:inline;font-size:14px;line-height:1.6}
.chat-message .chat-message-meta{display:inline-flex;float:right;align-items:center;gap:5px;margin:4px 0 0 12px;padding:0;height:17px;min-height:0;line-height:17px;clear:none}
.chat-message .chat-message-meta time,.chat-message .chat-message-meta small{font-size:10px;line-height:17px}
.chat-message .chat-more{width:21px;height:17px;min-width:0;min-height:0;padding:0;line-height:14px;font-size:16px;letter-spacing:1px}
.chat-message .chat-quote{min-height:0;min-width:120px;padding:6px 9px;margin-bottom:5px}
.chat-message .chat-quote strong{font-size:11px;line-height:1.4;margin-bottom:3px}
.chat-message .chat-quote span{font-size:12px;line-height:1.45}
.chat-message .chat-reaction-chips{clear:both;padding-top:5px;margin-top:0}
.chat-message .chat-reaction-chips button{min-height:0;height:23px;line-height:17px;padding:2px 7px}
.chat-message{margin-bottom:10px}
.chat-message .chat-author{margin-bottom:3px}
.chat-floating-menu button,.chat-compose footer button{min-height:0}

.chat-room>b{background:#df5757;color:#fff}.sidebar .nav>.chat-nav-unread{display:inline-flex;align-items:center;justify-content:center;flex:none;margin-left:auto;min-width:19px;height:19px;padding:0 5px;border-radius:12px;background:#e15c5c;color:white;font-size:10px;font-weight:650;line-height:19px}.sidebar .nav>.chat-nav-unread[hidden],.chat-group-dot[hidden]{display:none}.chat-group-dot{width:7px;height:7px;border-radius:50%;background:#ed7272;flex:none;margin-left:auto;margin-right:7px}

.chat-message-meta .chat-read-status{font-size:10px;color:#8eabba}.chat-message-meta .chat-read-status.read{color:#3c91c9}.chat-reader-list h3{font-size:14px;color:#6e8799;margin:16px 0 10px}.chat-reader-list h3 small{font-size:11px;font-weight:400}.chat-reader-list>div{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:13px}.chat-reader-list .person-avatar{width:32px;height:32px;font-size:12px}

.chat-reader-time{display:block;font-size:11px;color:#9aaab5;margin-top:3px}

.chat-message-meta button.chat-read-status{display:inline-block;min-height:0;min-width:0;height:17px;padding:0 2px;border:0;border-radius:3px;background:transparent;line-height:17px;font-size:10px;font-weight:400;white-space:nowrap;cursor:pointer}.chat-message-meta button.chat-read-status:hover{background:#a9d1ef55;text-decoration:underline}.chat-message-meta button.chat-read-status:focus-visible{outline:2px solid #3390ec;outline-offset:2px}

/* Dedicated web chat shares the same session and APIs as the workspace. */
.chat-window-link{font-size:12px;white-space:nowrap;color:#397dba;text-decoration:none;margin-left:auto;margin-right:10px;padding:6px 4px}
.chat-window-link:hover{text-decoration:underline}
body.chat-standalone{overflow:hidden}
.chat-standalone .shell{display:block;min-height:0;height:100dvh}
.chat-standalone .shell>.sidebar,.chat-standalone .main>.topbar{display:none}
.chat-standalone .main[data-view=chat]{margin:0;width:100%;max-width:none;padding:0;height:100dvh}
.chat-standalone .chat-workspace{border:0;border-radius:0;box-shadow:none}

.chat-location-placeholder{margin:auto;text-align:center;padding:32px;max-width:620px}.chat-location-placeholder h2{font-size:22px}.chat-location-placeholder p{color:#738694;line-height:1.7}.chat-location-placeholder button,.chat-location-placeholder a{display:inline-block;margin:8px;padding:10px 16px}.chat-location-placeholder small{display:block;color:#8899a5;margin-top:12px}

.chat-room strong .chat-room-pin-label{display:inline-block;margin-left:8px;font-size:11px;font-weight:400;color:#647b8b}.chat-modes{flex-wrap:wrap}.chat-modes button{white-space:nowrap}

.chat-profile-avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;padding:0!important;margin:0!important;min-width:0!important;min-height:0!important;border:0!important;background:transparent!important;border-radius:50%;cursor:pointer}.chat-profile-avatar:focus-visible{outline:2px solid #3390ec;outline-offset:3px}.chat-contact .chat-contact-name{flex:1;text-align:left;background:transparent;border:0;padding:12px 0;font-size:15px;color:inherit;min-width:0}.chat-person-profile{padding:12px 8px}.chat-person-profile>.person-avatar{width:80px;height:80px;font-size:30px;margin:auto}.chat-person-profile>h3{text-align:center;margin:14px 0 24px}.chat-person-profile dl{margin:0}.chat-person-profile dt{font-size:13px;color:#738797;margin-top:20px}.chat-person-profile dd{margin:6px 0 0;color:#30465a;overflow-wrap:anywhere}.chat-person-bio{white-space:pre-wrap;line-height:1.65}.chat-person-profile>button{margin-top:24px;width:100%}

.chat-rail-header>.chat-profile-avatar .person-avatar{width:30px;height:30px;font-size:13px}.chat-message>.chat-profile-avatar{align-self:flex-end}

/* Employee cards: compact identity header, supporting information, clear actions. */
#modal:has(.chat-person-profile),#modal:has(.chat-profile-editor){width:420px;max-width:calc(100vw - 32px);padding:0;border:1px solid #e6e9ee;border-radius:12px;color:#263445;box-shadow:0 16px 64px #182d492e;max-height:calc(100dvh - 32px)}
#modal:has(.chat-person-profile)>header,#modal:has(.chat-profile-editor)>header{padding:16px 20px 0;margin:0;border:0;gap:16px}
#modal:has(.chat-person-profile)>header h2,#modal:has(.chat-profile-editor)>header h2{font-size:14px;font-weight:500;color:#677588;letter-spacing:0}
#modal:has(.chat-person-profile) #closeModal,#modal:has(.chat-profile-editor) #closeModal{display:grid;place-items:center;width:28px;height:28px;min-width:28px;padding:0;border:0;border-radius:6px;font-size:22px;line-height:1;background:transparent;color:#7c8795}
#modal:has(.chat-person-profile) #closeModal:hover,#modal:has(.chat-profile-editor) #closeModal:hover{background:#f1f4f8}
#modal:has(.chat-person-profile) .formgrid,#modal:has(.chat-profile-editor) .formgrid{display:block;padding:0;gap:0}
#modal .chat-person-profile{padding:20px 24px 24px}
.chat-person-identity{display:flex;align-items:center;gap:16px;min-width:0}
.chat-person-identity>.person-avatar{display:inline-flex;width:64px;height:64px;flex:0 0 64px;border-radius:14px;background:#e9f1ff;color:#3979d0;font-size:25px;font-weight:500}
.chat-person-identity>div{min-width:0;flex:1}
#modal .chat-person-identity h3{font-size:21px;font-weight:600;line-height:1.4;color:#213247;text-align:left;margin:0;overflow-wrap:anywhere}
#modal .chat-person-group{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin:7px 0 0;font-size:13px;line-height:1.5;color:#53647a}
.chat-person-group>span{color:#94a0af;font-size:12px}
.chat-person-about{margin-top:24px;padding-top:20px;border-top:1px solid #edf0f4}
#modal .chat-person-about h4{margin:0 0 9px;font-size:12px;font-weight:500;color:#8894a3}
#modal .chat-person-about p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.8;color:#48596d;max-height:260px;overflow:auto}
#modal .chat-person-about p.is-empty{color:#a2acb9;font-size:13px}
#modal:has(.chat-person-profile) #modalForm>footer,#modal:has(.chat-profile-editor) #modalForm>footer{display:flex;gap:10px;padding:16px 24px;margin:0;border-top:1px solid #edf0f4;background:#fafbfd}
#modal:has(.chat-person-profile) footer button,#modal:has(.chat-profile-editor) footer button{height:36px;min-height:36px;border-radius:6px;padding:0 20px;line-height:34px;font-size:13px;border-color:#dce2e9;color:#58697c;background:#fff}
#modal:has(.chat-person-profile) footer .primary,#modal:has(.chat-profile-editor) footer .primary{min-width:108px;background:#2678ee;border-color:#2678ee;color:#fff}
#modal:has(.chat-person-profile) footer .primary:hover,#modal:has(.chat-profile-editor) footer .primary:hover{background:#1769df}
#modal:has(.chat-person-profile) #modalError:not(:empty),#modal:has(.chat-profile-editor) #modalError:not(:empty){padding:0 24px 12px}
.chat-profile-editor{padding:20px 24px 24px}
.chat-profile-editor-identity{display:flex;align-items:center;gap:16px}
.chat-profile-editor-identity #avatarPreview,.chat-profile-editor-identity #avatarPreview>.person-avatar,.chat-profile-editor-identity #avatarPreview>img{width:64px;height:64px;min-width:64px;border-radius:14px;object-fit:cover}
.chat-profile-editor-identity #avatarPreview>.person-avatar{font-size:25px;background:#e9f1ff;color:#3979d0}
.chat-profile-editor-identity strong{font-size:18px;line-height:1.5;color:#213247;overflow-wrap:anywhere}
#modal label.chat-change-avatar{display:block;width:max-content;margin:7px 0 0;font-size:13px;font-weight:400;color:#2678ee;cursor:pointer}
#modal .chat-avatar-help{font-size:11px;color:#98a3b0;line-height:1.5;margin:12px 0 24px}
#modal .chat-profile-bio-field>label{font-size:13px;margin:0 0 8px;color:#53647a;font-weight:500}
#modal .chat-profile-bio-field>textarea{width:100%;font-size:14px;line-height:1.7;padding:10px 12px;min-height:116px;max-height:250px;border:1px solid #dce2e9;border-radius:6px;color:#48596d}
#modal .chat-profile-bio-field>textarea:focus{outline:2px solid #a6c8ff;outline-offset:0;border-color:#7aaef8}
.chat-profile-bio-hint{display:flex;justify-content:space-between;gap:12px;color:#98a3b0;font-size:11px;margin-top:7px}
@media(max-width:480px){#modal .chat-person-profile,.chat-profile-editor{padding:20px}#modal:has(.chat-person-profile) #modalForm>footer,#modal:has(.chat-profile-editor) #modalForm>footer{padding:14px 20px}.chat-person-identity{gap:12px}}

.chat-group-info{border:0;background:transparent;color:#4488ca;font-size:13px;padding:8px}
.chat-group-members{border-top:1px solid #edf0f4;margin-top:20px;padding-top:18px}.chat-group-members h4{margin:0 0 10px;font-size:12px;color:#8894a3;font-weight:500}.chat-group-members h4>span{margin-left:5px}.chat-group-members>div{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;max-height:200px;overflow:auto}.chat-group-member{display:flex;align-items:center;gap:8px;min-width:0;border:0;background:transparent;text-align:left;padding:8px 0;font-size:13px;color:#43556a}.chat-group-member>.person-avatar{width:30px;height:30px;font-size:12px;flex:none}.chat-group-member>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.chat-group-member small{display:block;font-size:10px;color:#2d7be1;margin-top:2px}.chat-group-management{display:flex;gap:16px;margin-top:20px}.chat-group-management>button{padding:0;border:0;background:transparent;font-size:12px;color:#2678ee}.chat-group-create{display:grid;gap:8px}.chat-group-create[hidden]{display:none}.chat-group-create>label{margin:10px 0 0}.chat-group-create-avatar{display:flex;align-items:center;gap:14px;margin:12px 0}.chat-group-create-avatar>span,.chat-group-create-avatar>span>.person-avatar,.chat-group-create-avatar>span>img{width:56px;height:56px;border-radius:12px;object-fit:cover;overflow:hidden}.chat-group-create-avatar .person-avatar{font-size:23px}.chat-group-create-avatar label.chat-change-avatar{font-size:13px;color:#2678ee;cursor:pointer;margin:0 0 6px}.chat-group-create-avatar small{font-size:11px;color:#98a3b0}.chat-group-admin-picker>p{font-size:12px;color:#7b899a;margin:0 0 16px;line-height:1.7}.chat-group-admin-picker>label{display:flex;align-items:center;gap:10px;padding:9px 0}.chat-group-admin-picker input[type=checkbox]{width:16px;height:16px;flex:none}.chat-group-admin-picker .person-avatar{width:30px;height:30px;font-size:12px}
#modal:has(.chat-group-admin-picker),#modal:has(.chat-group-create){width:min(480px,calc(100vw - 32px))}
#modal:has(.chat-group-create),#modal:has(.chat-group-admin-picker){color:#263445;border:1px solid #e6e9ee;border-radius:12px;padding:22px;box-shadow:0 16px 64px #182d492e}
#modal:has(.chat-group-create)>header h2,#modal:has(.chat-group-admin-picker)>header h2{font-size:16px;font-weight:600;color:#32465d}
#modal:has(.chat-group-create) footer .primary,#modal:has(.chat-group-admin-picker) footer .primary{background:#2678ee;border-color:#2678ee;color:#fff}
#modal:has(.chat-group-create) input:focus,#modal:has(.chat-group-create) textarea:focus,#modal:has(.chat-group-create) select:focus{outline-color:#a6c8ff}

.chat-modes button[data-chat-mode=ai].active{color:#2d735d}.chat-modes button[data-chat-mode=ai].active:after{background:#2d735d}.chat-ai-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;margin-left:3px;padding:0 4px;border-radius:9px;background:#dd665b;color:#fff;font-size:10px;line-height:16px}

.chat-sound-controls{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 12px}.chat-sound-controls .message-sound-toggle{font-size:12px;padding:6px 8px}

.chat-attendance-entry{background:#f3f7f5!important;border-top:1px solid #e3ebe6!important;position:relative}.chat-attendance-entry>b{display:flex;align-items:center;justify-content:center;background:#dfede5!important;color:#34694f!important;border-radius:12px!important}.chat-attendance-entry>b svg{width:23px;height:23px}.chat-attendance-entry>span{flex:1;min-width:0}.chat-attendance-entry em{font-style:normal;font-size:10px;color:#819387;white-space:nowrap;margin-left:auto}.chat-attendance-entry:hover{background:#eaf2ed!important}