.group-navigation{flex-shrink:0;max-height:28dvh;display:flex;flex-direction:column;margin-top:5px}.group-navigation .left-label{padding-top:16px}.group-list{overflow-y:auto;min-height:0;padding:0 4px 7px}.group-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:6px;color:#626b79;text-decoration:none;font-size:13px;min-height:44px}.group-link:hover{background:#ededeb}.group-link.selected{background:#e5e5e5;color:#30343d;box-shadow:none}.group-link>span:nth-child(2){min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-link small{font-size:9px;color:#3c5ce7;white-space:nowrap}.group-symbol{width:22px;height:22px;display:block;flex:none;mask:url('/honghub/assets/vendor/tabler/employees.svg?v=4ef098049a91cd60f55570363c62dc44716f561b3c0e4c5101cdf83e213d9a85') center/contain no-repeat;background:currentColor;color:#8c8f9c}.group-frame .header>.group-symbol{mask:none;background:#f1f2f7;color:#686f87;border-radius:13px;display:grid}.group-frame .header>.group-symbol::before{content:'';width:23px;height:23px;mask:url('/honghub/assets/vendor/tabler/employees.svg?v=4ef098049a91cd60f55570363c62dc44716f561b3c0e4c5101cdf83e213d9a85') center/contain no-repeat;background:currentColor}.group-frame .header>div:not(.head-actions){flex:1}.group-frame #group-switch{display:none}.group-frame .left #employee-list{flex:0 1 auto;max-height:45dvh}.group-frame #member-portraits{display:flex;gap:5px;min-width:0;overflow:auto}.group-frame #member-portraits .avatar{width:25px;height:25px;font-size:10px;cursor:pointer}.group-frame #group-lead{font-size:11px;color:#9698a2;white-space:nowrap}.group-frame .chat{gap:var(--chat-message-gap)}.group-notice{align-self:center;font-size:11px;color:#a0a3ad;text-align:center;max-width:90%}.group-turn{display:flex;flex-direction:column;gap:var(--chat-message-gap);flex-shrink:0}.group-turn .msg.me{width:auto;max-width:82%}.group-frame .chat .msg.me .bubble{white-space:pre-wrap}.group-frame .message-actions{display:flex;gap:10px;margin-top:0}.group-frame .message-actions button{border:0;background:transparent;padding:0;font-size:11px;color:#9b9fab}.group-frame .message-actions button:hover{color:#4b5e8b}.group-job{display:flex;align-items:center;gap:10px;margin-left:var(--chat-author-width);padding:8px 11px;border:1px solid #eeeef2;border-radius:11px;background:#fafbfc;font-size:12px;color:#858a96}.group-job.failed,.group-job.interrupted{background:#fffaf9;color:#ad6b60;border-color:#f1e0da}.group-job button{margin-left:auto;padding:4px 8px;font-size:11px;background:transparent;border-color:transparent}.group-job .job-name{color:#454a56}.group-welcome{margin:auto;max-width:500px;text-align:center;padding:36px 14px}.group-welcome>.group-symbol{width:45px;height:45px;margin:0 auto 24px;color:#80869d}.group-welcome h2{font-size:26px;font-weight:600;letter-spacing:-.6px;color:#313440;margin:0 0 13px}.group-welcome p{font-size:13px;color:#9a9da7;margin:0 0 26px}.group-welcome .primary{background:#282b32;border-color:#282b32;border-radius:11px;font-size:12px;padding:10px 18px}.group-frame .group-compose-tools{grid-column:1/-1;grid-row:1;min-width:0;padding:0;display:flex;align-items:center;gap:6px;min-height:28px;flex-wrap:nowrap}.group-compose-tools button,.group-compose-tools select{font-size:11px;border:0;background:transparent;color:#868b98;padding:4px 6px;border-radius:8px;min-height:28px;flex-shrink:0}.group-compose-tools select{max-width:180px;cursor:pointer}.group-compose-tools button:hover,.group-compose-tools select:hover{background:#eceff4}.group-compose-tools #recipient-preview{font-size:11px;color:#7d838f;min-width:0;flex:1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-frame #send-button:disabled{opacity:.35}.group-frame #group-task{padding:2px 7px;border:0;font-size:11px;background:transparent;color:#858c9b}.group-frame #mention-menu{position:absolute;bottom:calc(100% + 6px);left:0;width:250px;max-width:calc(100% - 28px);max-height:min(260px,calc(100dvh - 160px));overflow:auto;border:1px solid #e3e5eb;border-radius:13px;background:#fff;box-shadow:0 8px 30px #22283616;padding:6px;z-index:20}.mention-option{display:flex;gap:10px;text-align:left;align-items:center;border:0;width:100%;padding:9px;border-radius:8px}.mention-option .avatar{width:30px;height:30px;font-size:11px}.mention-option b{font-size:12px;font-weight:550}.mention-option small{display:block;color:#979ba6;font-size:10px}.group-frame #reply-context{display:flex;align-items:center;gap:8px;padding:6px 10px;margin-bottom:6px;border-left:2px solid #c4c4c4;font-size:11px;color:#969aa7}.group-frame #reply-context span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-frame #reply-context button{padding:2px 6px;font-size:10px;border:0}.group-frame #send-error{color:#ac5e51;font-size:12px;padding-top:9px}.group-frame #jump-latest{position:relative;inset:auto;align-self:center;flex:none;width:fit-content;height:32px;margin:-40px 0 8px;z-index:5;border-radius:20px;font-size:11px;box-shadow:0 3px 18px #2633460c}.group-frame .composer-footer #composer-note{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-frame #group-composer{padding-top:8px}
#group-dialog{width:min(540px,calc(100vw - 32px));max-height:88dvh;padding:0;border:1px solid #e5e7ec;border-radius:20px;color:#30343d;box-shadow:0 20px 80px #22283620}#group-dialog::backdrop{background:#24293645;backdrop-filter:blur(3px)}#group-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:23px 24px 14px;gap:10px}#group-dialog h2{margin:0;font-size:19px;font-weight:600}#group-dialog>header>button{font-size:11px;padding:5px 8px;border:0;background:transparent;color:#999da6}#group-dialog-body{padding:5px 24px 24px;overflow-y:auto;max-height:calc(88dvh - 70px)}#group-dialog .form-row{margin:14px 0}#group-dialog .form-row>label{display:block;margin-bottom:7px;font-size:12px;color:#626774}#group-dialog .form-row>input,#group-dialog .form-row>select,#group-dialog .form-row>textarea{width:100%;font-size:13px;padding:10px 12px;border-radius:10px;background:#fafbfc;border-color:#e2e5ec}#group-dialog .form-row>textarea{min-height:100px}#group-dialog .quiet{font-size:11px}#group-dialog .dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:22px}#group-dialog .dialog-actions>button{font-size:12px;border-radius:10px}#group-dialog .dialog-actions>.primary{background:#282b32;border-color:#282b32}#group-dialog .agent-picker{max-height:260px;overflow:auto;display:flex;flex-direction:column;gap:4px}#group-dialog .agent-choice{display:flex;align-items:center;gap:11px;padding:10px;border:1px solid transparent;border-radius:12px;cursor:pointer}#group-dialog .agent-choice:has(input:checked){border-color:#d4daeb;background:#f5f7fc}#group-dialog .agent-choice .avatar{width:35px;height:35px}#group-dialog .agent-choice>span:last-child{min-width:0;flex:1}#group-dialog .agent-choice b{font-size:13px;font-weight:550}#group-dialog .agent-choice small{display:block;font-size:11px;color:#9c9fa8}#group-dialog .agent-choice input{width:15px;height:15px;accent-color:#596fbb}#group-dialog .member-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #eff0f3}#group-dialog .member-row .avatar{width:34px;height:34px}#group-dialog .member-row>div{flex:1;min-width:0}#group-dialog .member-row b{font-size:13px;font-weight:550}#group-dialog .member-row small{display:block;color:#999da7;font-size:10px}#group-dialog .member-row button{font-size:11px;padding:6px;border:0;color:#8b90a0}#group-dialog .member-row a{font-size:11px;color:#8b90a0;text-decoration:none}#group-dialog .history-choice{display:flex;align-items:flex-start;gap:8px;font-size:12px;padding:12px;border:1px solid #e8eaf0;border-radius:11px;margin-top:15px}#group-dialog .history-choice input{margin-top:4px}#group-dialog .error{padding-top:8px;font-size:12px}#group-dialog .group-link{background:#f6f7fa;margin:6px 0}#group-dialog .group-link.selected{background:#eef1fa}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);max-width:90vw;background:#30343d;color:#fff;padding:10px 16px;border-radius:12px;font-size:12px;z-index:1000}
@media(max-width:760px){.group-frame{display:block}.group-frame .left{display:none}.group-frame .right{height:100dvh}.group-frame .header{padding:10px 16px 6px;gap:9px}.group-frame .header h1{font-size:16px}.group-frame .header>.group-symbol{display:grid!important;width:32px;height:32px;min-width:32px}.group-frame .header>div:not(.head-actions){max-width:none;flex:1}.group-frame .head-actions{gap:2px}.group-frame .head-actions>button{padding:7px;font-size:11px;min-width:34px}.group-frame .head-actions>[data-group-create]{display:none}.group-frame #group-switch{display:block}.group-frame #group-controls{padding:0 16px 6px;gap:8px;min-height:36px}.group-frame #group-settings{font-size:10px;padding:6px}.group-frame #member-portraits{display:none}.group-frame .chat{padding:12px 16px;gap:var(--chat-message-gap)}.group-frame .composer{padding:6px 12px max(8px,env(safe-area-inset-bottom))}.group-frame .group-compose-tools{padding:0 0 4px;gap:0;min-height:36px}.group-compose-tools select{max-width:140px}.group-compose-tools #recipient-preview{display:none}.group-frame .group-job{margin-left:var(--chat-author-width);font-size:11px}.group-frame .group-welcome h2{font-size:23px}.group-frame #jump-latest{inset:auto}#group-dialog .form-row>input,#group-dialog .form-row>select,#group-dialog .form-row>textarea{font-size:16px}#group-dialog-body{padding-inline:18px}#group-dialog>header{padding-inline:18px}.group-navigation{max-height:30dvh}}

.group-frame #group-members::before{--icon:url("/honghub/assets/vendor/tabler/employees.svg?v=4ef098049a91cd60f55570363c62dc44716f561b3c0e4c5101cdf83e213d9a85")}
.group-frame .head-actions>[data-group-create]::before{--icon:url("/honghub/assets/vendor/tabler/plus.svg?v=1327ad40e837145392d8930c90fc3f663ece08e579995c622e01cd872606b330")}
.group-frame #group-switch::before{--icon:url("/honghub/assets/vendor/tabler/chat.svg?v=3cd0fc4b62200c93982701b6b3ed964da3eb4486054d2423b4c0bea5a658ecb5")}
@media(max-width:760px){.group-frame #group-settings{font-size:0;width:32px;min-width:32px;height:32px;padding:6px}.group-frame #group-settings::before{--icon:url('/honghub/assets/vendor/tabler/more.svg?v=b6cae706a7b0e70f450ee4a0cf4339cdf46756112160679a7977cd0ffaf8e4ad');width:18px;height:18px}}
.group-frame .left .employee>span:not(.avatar){min-width:0;flex:1}.group-frame .left .employee b,.group-frame .left .employee small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-frame #member-portraits .avatar{padding:0;border:0;border-radius:50%;background:#f0f1f5}
.group-archive-link{display:block;border:0;background:transparent;padding:7px 16px;font-size:10px;color:#a0a3ab}

/* Keep group tables and preformatted text inside the message column. */
.group-frame .markdown pre{white-space:pre;overflow-wrap:normal}
.group-frame .markdown pre code{white-space:pre;overflow-wrap:normal}
.group-frame .markdown table{font-size:12px;margin:9px 0}
.group-frame .markdown blockquote{border-left:3px solid #c4c4c4;background:#f7f7f7;color:#777}
.group-frame .markdown h1,.group-frame .markdown h2,.group-frame .markdown h3{font-weight:600}
@media(min-width:761px){.group-frame .composer-footer{line-height:16px}.group-frame #group-lead{color:#808591}}

@media(max-height:520px){.group-frame .group-compose-tools{padding-right:0}.group-frame #group-controls{min-height:34px;padding-bottom:4px}.group-frame .chat{padding-block:12px}}

.group-frame #reply-context .quote-source{padding:0}.group-frame #reply-context .quote-close{padding:1px 5px}
/* Group activity is a single quiet line; response controls expand on demand. */
.group-activity{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-left:var(--chat-author-width);min-height:24px;flex-shrink:0;color:#79818e;font-size:12px;line-height:20px}
.group-typing{min-width:0;overflow-wrap:anywhere}.group-typing-dots{display:inline-block;margin-right:5px;letter-spacing:2px;color:#8c94a2}
.group-response-controls{margin-left:auto;max-width:100%;min-width:0}.group-response-controls>summary{padding:2px 5px;cursor:pointer;font-size:11px;color:#687588;white-space:nowrap}
.group-response-controls[open]{flex-basis:100%;width:100%;margin-left:0}.group-response-controls[open]>summary{width:fit-content}
.group-response-list{margin-top:5px;max-width:620px;max-height:min(240px,35dvh);overflow-y:auto;border:1px solid #e5e8ed;border-radius:8px;background:#fff}
.group-response-list .group-job{margin:0;padding:6px 9px;border:0;border-bottom:1px solid #edf0f4;border-radius:0;gap:4px 8px;background:transparent;min-width:0;font-size:11px;flex-wrap:wrap}
.group-response-list .group-job:last-child{border-bottom:0}.group-response-list .group-job .job-name{flex:none;max-width:30%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.group-response-list .group-job>span:nth-child(2){min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-response-list .group-job button{flex:none;min-height:26px;margin-left:auto;padding:3px 7px}
.group-response-list .group-job .job-source{flex-basis:100%;max-width:100%;min-width:0;min-height:22px;padding:0;margin-left:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#788493}
.group-response-list .group-job .group-job-outcome-note{flex-basis:100%;min-width:0;color:#856b52;white-space:normal}
@media(max-width:760px){.group-activity{margin-left:var(--chat-author-width);font-size:11px}.group-response-controls>summary{min-height:28px;padding:4px 5px}.group-response-list .group-job button{min-height:32px;padding:5px 8px}}

/* Preserve the compact IM layout while presence and receipts update in place. */
.group-activity-slot{display:contents}
.group-activity-hints{display:flex;align-items:center;flex-wrap:wrap;gap:3px 12px;min-width:0;flex:1}
.group-activity .group-typing{display:inline-flex;align-items:center;gap:5px;min-width:0}
.group-activity .is-queued,.group-activity .is-preparing{color:#969da7}
.group-frame .group-read-receipt[hidden]{display:none}
.group-frame .group-read-receipt{max-width:100%;overflow-wrap:anywhere}
.group-response-list .group-job button[aria-busy=true]{color:#89929d;cursor:progress}
.group-response-list .group-job{transition:background-color .15s ease,color .15s ease}
.group-frame #send-button.is-sending{opacity:.65;cursor:progress}
.group-frame #send-button.is-sending::before{mask:none;background:transparent;border:1.5px solid currentColor;border-top-color:transparent;border-radius:50%;width:13px;height:13px;animation:group-send-spin .8s linear infinite}
.group-frame #send-error:not([hidden]){animation:group-status-enter .16s ease-out}
@keyframes group-send-spin{to{transform:rotate(360deg)}}
@keyframes group-status-enter{from{opacity:.5;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.group-frame #send-button.is-sending::before,.group-frame #send-error:not([hidden]){animation:none}.group-response-list .group-job{transition:none}}
/* Group prose follows the same paragraph rhythm as employee messages. */
.group-message-text>:first-child{margin-top:0}
.group-message-text>:last-child{margin-bottom:0}
/* Task sharing is deliberate; group responsibilities belong to the group. */
#group-dialog .agent-choice-block{min-width:0}#group-dialog .member-role-input{display:block;width:calc(100% - 36px);margin:0 0 8px 36px;padding:7px 9px;border-radius:6px;font-size:12px;background:var(--field-surface,#fff);border-color:var(--bubble-border,#e7ece8)}#group-dialog .member-role-label{display:block;font-size:11px;color:var(--text-secondary,#58665d);margin-top:8px}#group-dialog .member-role-label textarea{display:block;box-sizing:border-box;min-height:54px;max-height:140px;width:100%;font-size:12px;line-height:19px;padding:7px 9px;background:var(--field-surface,#fff);border-color:var(--bubble-border,#e7ece8);border-radius:6px;margin-top:4px}#group-dialog .member-role-save{font-size:11px;padding:3px 8px;margin-top:5px;color:var(--accent,#18765b);background:transparent;border-color:transparent}#group-dialog .member-row{align-items:flex-start}#group-dialog .group-source-picker{margin:14px 0;padding:12px;border:1px solid var(--bubble-border,#e7ece8);border-radius:8px;background:var(--panel-surface,#fff)}#group-dialog .group-source-picker>summary,#group-dialog .group-shared-sources>summary{cursor:pointer;font-size:13px;color:var(--text-secondary,#58665d)}#group-dialog .group-source-picker select{display:block;width:100%;margin-top:6px;background:var(--field-surface,#fff)}#group-dialog .group-source-summary{padding:9px 11px;background:var(--note-surface,#edf3ef);border-radius:6px;font-size:12px;line-height:20px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:140px;overflow:auto}#group-dialog .group-source-files>label{display:flex;align-items:flex-start;gap:8px;font-size:12px;padding:6px 0;cursor:pointer}#group-dialog .group-source-files input{width:15px;height:15px;margin:4px 0 0;accent-color:var(--accent,#18765b);flex:none}#group-dialog .group-source-files span{min-width:0;overflow-wrap:anywhere}#group-dialog .group-source-files small{display:block;font-size:10px;color:var(--text-secondary,#58665d)}#group-dialog .group-shared-sources{padding:10px 0;border-bottom:1px solid var(--bubble-border,#e7ece8)}#group-dialog .group-shared-sources>div{padding:8px 0;min-width:0}#group-dialog .group-shared-sources b{font-size:12px;overflow-wrap:anywhere}#group-dialog .group-shared-sources small{display:block;font-size:11px;color:var(--text-secondary,#58665d);overflow-wrap:anywhere}@media(max-width:600px){#group-dialog .member-row{flex-wrap:wrap}#group-dialog .member-row>div{flex:1 1 calc(100% - 46px)}#group-dialog .member-role-label textarea{font-size:16px}#group-dialog .group-source-picker{padding:10px}#group-dialog .member-role-input{font-size:16px}}