/* Familiar chat information architecture. Original platform navigation assets stay intact. */
.chat-shell{--brand:#178d4d;--brand-soft:#e7f4eb;grid-template-columns:292px minmax(0,1fr);border-color:#dcdcdc;max-width:1600px;background:#f5f5f5}.conversation-pane{padding:0;border-color:#dedede;background:#ededed}.brand-row{height:64px;padding:12px 16px 0;gap:10px;position:relative}.brand-row h1{font-size:21px;font-weight:600;letter-spacing:0;flex:1}.brand-row .back-home{font-size:26px}.new-conversation{width:32px;height:32px;min-width:32px;flex:none;padding:0;border:0;border-radius:5px;text-align:center;font-size:27px;font-weight:300;line-height:1;background:transparent;color:var(--ink,#202020)}@media(min-width:761px){.header-plus{display:none}}.list-more{position:relative}.list-more summary{cursor:pointer;list-style:none;font-size:23px;width:26px;text-align:center;line-height:1}.list-more summary::-webkit-details-marker{display:none}.list-menu{position:absolute;right:0;top:32px;width:205px;z-index:30;padding:8px;border-radius:7px;background:var(--panel);border:1px solid var(--line);box-shadow:0 6px 22px #0002}.list-menu button,.list-menu label{display:block;width:100%;font-size:12px;border:0;text-align:left;padding:9px;margin:0;background:transparent}.list-menu input{margin-right:6px}.company-name{margin:4px 18px 9px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-label{margin:0 13px 12px}.search-label input[type=search]{height:31px;border:0;border-radius:5px;background:#e0e0e0;font-size:12px;padding:6px 10px}.conversation-list{margin:0;padding:0}.conversation-item{position:relative;padding:12px 14px;border-radius:0;margin:0;gap:11px;min-height:72px}.conversation-item:hover{background:#dfdfdf}.conversation-item.active{background:#d7d7d7}.conversation-item.pinned{background:#e4e4e4}.conversation-item.pinned.active{background:#d5d5d5}.avatar{width:43px;height:43px;border-radius:5px;background:#d9e3ea;color:#476273;font-size:17px}.avatar.group{background:#dde8db;color:#4b7751}.conversation-copy{align-self:center;padding-right:32px}.conversation-copy strong{font-size:14px;font-weight:500;color:#1b1b1b}.conversation-copy small{font-size:12px;color:#8c8c8c;margin-top:6px}.conversation-time{position:absolute;right:13px;top:14px;color:#a0a0a0;font-size:10px}.conversation-item .badge{position:absolute;top:7px;left:46px;min-width:16px;height:16px;border-radius:8px;background:#f5222d;color:white;line-height:14px;border:1px solid #ededed;text-align:center;padding:0 4px;font-size:10px}.manual-unread{position:absolute;left:49px;top:9px;border:1px solid #ededed;width:9px;height:9px}.conversation-pages{padding:6px 12px}.conversation-pages button{font-size:11px;border:0;background:transparent}.list-footer{font-size:10px;padding:10px 14px;min-height:34px;margin:0}.chat-header{min-height:70px;padding:17px 24px;background:#f5f5f5;border-color:#e3e3e3;gap:12px}.chat-heading h2{font-size:17px;font-weight:500;margin:0}.chat-heading p{font-size:10px;color:#9a9a9a;margin-top:4px}.chat-header #conversationSettings{border:0;background:transparent;padding:0 4px;font-size:27px;letter-spacing:1px;min-width:34px;color:#333}.chat-header .header-plus{width:34px;height:34px;font-size:28px;line-height:1;color:#333}.global-status{font-size:10px;line-height:1.4;padding:5px 18px;background:#f5f5f5;border-color:#ebebeb;color:#969696}.global-status.error{background:#fff0ec;color:#b94331;padding:9px 18px}.history-bar{background:#f5f5f5;padding:2px}.history-bar button{font-size:10px;padding:4px;color:#a0a0a0;background:transparent}.messages{background:#f5f5f5;padding:0}.timeline-row{padding:9px 24px}.message-time{text-align:center;color:#999;font-size:11px;line-height:1.5;margin:4px 0 18px}.message{position:relative;max-width:85%;min-height:40px;padding-left:49px;margin-bottom:0;align-items:flex-start}.message.own{padding-left:0;padding-right:49px;align-items:flex-end}.message-avatar{position:absolute;left:0;top:0;width:36px;height:36px;font-size:14px;border-radius:4px;background:#d9e3e8;color:#506474;display:grid;place-items:center;flex:none;overflow:hidden}.message-avatar img{width:36px;height:36px;object-fit:cover;border-radius:4px}.own .message-avatar{left:auto;right:0;background:#dfe6d6}.message-meta{font-size:10px;color:#999;margin:0 0 5px;line-height:1.3}.message-meta strong{font-weight:400}.own .message-meta,.messages[data-kind="direct"] .message-meta{display:none}.message-bubble{position:relative;border:1px solid #e7e7e7;border-radius:4px;line-height:1.6;font-size:14px;padding:8px 11px;background:#fff;color:#151515;min-height:38px}.own .message-bubble{background:#95ec69;border-color:#8ce05f;border-radius:4px}.message-bubble:before{content:"";position:absolute;left:-5px;top:12px;width:8px;height:8px;background:inherit;border-left:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;transform:rotate(45deg)}.own .message-bubble:before{left:auto;right:-5px;border:0;border-top:1px solid #8ce05f;border-right:1px solid #8ce05f}.message-attachment{border-radius:5px;background:#fff;padding:9px 12px;min-width:130px}.own .attachment-voice{background:#95ec69;border-color:#8ce05f}.transcribe-voice{font-size:10px;border:0;background:transparent;padding:3px 0;color:#929292}.transcribe-voice:disabled{opacity:.65}.composer{position:relative;background:#f5f5f5;padding:10px 18px 8px;border-top:1px solid #ddd;box-shadow:none}.composer:focus-within{box-shadow:none}.compose-row{display:flex;align-items:end;gap:9px;min-height:40px}.compose-row textarea{flex:1;min-width:0;min-height:40px!important;max-height:112px;height:40px;line-height:1.5;border:1px solid #e6e6e6;border-radius:5px;padding:8px 10px;background:#fff;color:#202020;font-size:15px;resize:none}.compose-row .composer-icon{padding:7px 0;border:0;background:transparent;width:28px;height:40px;min-width:28px;display:grid;place-items:center;color:#303030}.composer-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.compose-row #sendMessage{height:36px;min-width:56px;padding:7px 11px;border-radius:5px;border:0;background:#07b75c;font-size:13px;margin-bottom:2px}.hold-talk{display:none!important;flex:1;height:40px;border-radius:5px;border:1px solid #ddd;background:#fff;font-size:15px;font-weight:500}.voice-mode .hold-talk{display:block!important}.voice-mode #messageText{display:none}.composer-tools{padding:18px 0 10px;display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.composer-tools button{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:11px;min-width:0;padding:0;background:transparent;border:0;color:#777}.composer-tools button span{width:50px;height:50px;display:grid;place-items:center;background:#fff;border-radius:9px;border:1px solid #e9e9e9;color:#565656;font-size:27px}.emoji-picker,.sticker-picker{position:static;width:100%;margin-top:9px;max-height:220px;overflow:auto;border:0;border-radius:0;box-shadow:none;background:transparent;padding:9px 0;display:grid;grid-template-columns:repeat(8,1fr)}.emoji-picker button{font-size:25px;padding:7px;border:0;background:transparent}.sticker-picker{grid-template-columns:repeat(4,1fr)}.sticker-option{padding:6px!important;border:0;background:transparent}.composer-status{font-size:11px;margin:5px 0 0;min-height:0}.composer-status:empty{display:none}.reply-draft{font-size:11px;padding:6px 9px;margin-bottom:7px;background:#ececec;border-radius:4px}.mention-drafts{font-size:11px;margin:0 0 5px}.voice-status{font-size:12px;margin:0 0 7px}.new-messages{bottom:87px;font-size:11px;border-radius:15px;padding:7px 12px;background:#fff;color:#278151}.welcome-symbol{border-radius:15px;font-size:30px;width:64px;height:64px}.welcome h3{font-size:18px}.welcome p{font-size:12px}.selection-toolbar{font-size:12px;padding:8px 18px;background:#ececec}.selection-toolbar button{font-size:11px;padding:5px 9px}.message-menu{width:200px;border-radius:8px;padding:5px}.message-menu h2{display:none}.message-menu button{display:block;width:100%;margin:0;border:0;border-radius:4px;text-align:center;font-size:14px;padding:11px}.conversation-details form{padding:10px 0}.conversation-details .history-ack{background:transparent;padding:8px 0}.conversation-details h3{font-size:14px}.settings-actions button{font-size:12px}
/* Retain the existing platform tabbar paths, stroke, dimensions, colors and labels. */
.bottom-nav:not([hidden]){min-height:56px;border-top:1px solid var(--line);background:var(--panel)}.bottom-nav a{gap:3px;padding:7px 0 6px;font-size:11px;line-height:1;min-height:56px;color:var(--muted)}.bottom-nav a[aria-current]{color:var(--brand);font-weight:400}.bottom-nav .tab-symbol{position:relative;display:block;font-size:0;line-height:1}.bottom-nav svg{width:24px;height:24px}.bottom-nav .chat-unread-badge{line-height:16px}
@media(min-width:761px){.compose-row{min-height:56px}.compose-row textarea{min-height:68px!important}.compose-row .composer-icon{margin-bottom:1px}.composer{padding:14px 24px}.message{max-width:78%}.chat-shell{min-height:500px}.bottom-nav{display:none!important}}
@media(max-width:760px){.chat-shell{height:calc(var(--chat-vh,100dvh) - 56px - env(safe-area-inset-bottom));min-height:0;display:block}.conversation-pane{padding-top:env(safe-area-inset-top)}.brand-row{height:50px;padding:8px 18px 0}.brand-row h1{font-size:22px}.brand-row .back-home{display:none}.company-name{margin:4px 18px 8px}.search-label{margin:0 12px 8px}.conversation-item{min-height:76px;padding:12px 16px;background:#fff}.conversation-item.active{background:#ededed}.conversation-pane{background:#f4f4f4}.conversation-list{background:#fff}.conversation-copy strong{font-size:16px}.conversation-copy small{font-size:12px}.conversation-time{font-size:10px}.avatar{width:46px;height:46px}.conversation-item .badge{left:49px}.chat-header{min-height:55px;padding:10px 15px;padding-top:calc(10px + env(safe-area-inset-top));background:#ededed}.chat-heading h2{font-size:17px;text-align:center}.chat-heading p{display:none}.mobile-back{font-size:32px;line-height:1;width:28px;padding:0;background:transparent;border:0;color:#202020}.chat-header #conversationSettings{font-size:25px}.timeline-row{padding:8px 12px}.message{max-width:92%;padding-left:47px}.message.own{padding-right:47px}.message-avatar{width:36px;height:36px}.message-bubble{font-size:16px;padding:8px 11px;line-height:1.5}.message-time{font-size:11px;margin:3px 0 15px}.composer{padding:8px 10px;background:#f7f7f7}.compose-row{gap:7px}.compose-row textarea{font-size:16px;padding:8px;min-height:40px!important}.compose-row #sendMessage{min-width:51px;padding:7px 8px}.composer-tools{gap:10px}.emoji-picker{grid-template-columns:repeat(6,1fr)}.sticker-picker{grid-template-columns:repeat(4,1fr)}.global-status{padding:4px 12px;font-size:10px}.history-bar button{padding:3px;font-size:10px}.new-messages{bottom:74px}.bottom-nav:not([hidden]){bottom:var(--chat-keyboard-inset,0px);padding-bottom:env(safe-area-inset-bottom);display:flex}.keyboard-open .chat-shell{height:calc(var(--chat-vh,100dvh) - 56px)}.keyboard-open .bottom-nav:not([hidden]){padding-bottom:0}}
@media(prefers-color-scheme:dark){.chat-shell,.chat-header,.global-status,.history-bar,.messages{background:#191919}.conversation-pane,.conversation-item{background:#242424}.conversation-item.active,.conversation-item.pinned.active{background:#393939}.conversation-item.pinned{background:#2b2b2b}.conversation-copy strong,.chat-header #conversationSettings,.new-conversation,.mobile-back,.compose-row .composer-icon{color:#eee}.search-label input[type=search]{background:#333;color:#ddd}.message-bubble{background:#303030;border-color:#373737;color:#eee}.message-bubble:before{border-color:#373737}.own .message-bubble{background:#4d9340;border-color:#4d9340;color:#fff}.own .message-bubble:before{border-color:#4d9340}.composer{background:#232323;border-color:#363636}.compose-row textarea,.hold-talk,.composer-tools button span{background:#303030;border-color:#383838;color:#eee}.reply-draft,.selection-toolbar{background:#333}}
/* 20261013 全屏看图 / 撤回 / @ 提醒 */
.civ-overlay{position:fixed;inset:0;z-index:1000;background:#000;color:#fff;display:flex;flex-direction:column;touch-action:none;user-select:none;-webkit-user-select:none;outline:0}
.civ-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}
.civ-image{max-width:100%;max-height:100%;object-fit:contain;transform-origin:center center;will-change:transform;-webkit-user-drag:none}
.civ-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;background:linear-gradient(#0008,#0000);z-index:2}
.civ-counter{font-size:14px}
.civ-close,.civ-save,.civ-nav{background:#ffffff22;color:#fff;border:0;border-radius:18px}
.civ-close{font-size:24px;line-height:1;padding:4px 12px}
.civ-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(#0000,#0008);z-index:2}
.civ-status{font-size:12px;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.civ-save{padding:8px 16px;font-size:13px}.civ-save:disabled{opacity:.4}
.civ-nav{position:absolute;top:50%;transform:translateY(-50%);font-size:34px;line-height:1;padding:6px 14px;z-index:2}.civ-prev{left:10px}.civ-next{right:10px}
@media (hover:none){.civ-nav{display:none}}
.message-recalled{text-align:center;color:#999;font-size:12px;margin:2px auto 6px}
.mention-flag{color:#e64340;margin-right:3px}
.message-avatar{cursor:pointer;-webkit-touch-callout:none;user-select:none}
#mentionFilter{width:100%;border:1px solid var(--line);border-radius:9px;padding:9px 12px;margin-bottom:10px;background:var(--panel);color:var(--ink);font:inherit}
#mentionList button{display:block;width:100%;text-align:left;margin-bottom:6px}

/* image-only overrides (see company-chat.css) */.message-attachment.attachment-image{background:transparent;padding:0;min-width:0;border:0}

/* 20261013-kbfix1 键盘弹出：聊天区固定在可见区域(visualViewport)内，隐藏底部导航，输入框紧贴键盘 */
@media(max-width:760px){html.cc-typing .bottom-nav{display:none!important}
html.cc-typing .chat-shell{position:fixed!important;left:0;right:0;top:var(--cc-vv-top,0px);height:var(--cc-vh,100dvh)!important;z-index:5}}