:root{color-scheme:light;--paper:#f5f6f8;--panel:#fff;--ink:#20272e;--muted:#6e7884;--line:#e6e9ed;--brand:#306e58;--brand-soft:#edf5f0;--danger:#b6423c;--focus:#256c9c;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--paper);color:var(--ink)}
*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--focus)}button{cursor:pointer;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);padding:9px 14px;line-height:1.4}button:hover{background:var(--brand-soft)}button:disabled{cursor:not-allowed;opacity:.5}button.primary{background:var(--brand);border-color:var(--brand);color:#fff}button.danger{color:var(--danger)}[hidden]{display:none!important}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link:focus{position:fixed;top:8px;left:8px;z-index:100;background:var(--panel);padding:12px}a{color:var(--brand)}h1,h2,h3,p{margin-top:0}.chat-shell{max-width:1440px;margin:auto;height:100dvh;min-height:450px;display:grid;grid-template-columns:310px minmax(0,1fr);background:var(--panel);border-inline:1px solid var(--line)}.conversation-pane{border-right:1px solid var(--line);background:#fbfcfd;display:flex;min-height:0;flex-direction:column;padding:28px 18px 0}.brand-row{display:flex;align-items:center;gap:12px}.brand-row h1{font-size:23px;letter-spacing:1px;margin-bottom:0}.eyebrow{font-size:10px;letter-spacing:1px;color:var(--muted);margin-bottom:7px}.brand-mark{margin-left:auto;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--brand);color:#fff;font-weight:600}.back-home{text-decoration:none;font-size:28px;color:var(--muted)}.company-name{font-size:12px;color:var(--muted);margin:24px 0 14px;overflow-wrap:anywhere}.new-conversation{width:100%;text-align:left;padding:11px 14px}.search-label{display:block;margin:20px 0 10px}input[type=search],.field input{width:100%;border:1px solid var(--line);border-radius:9px;padding:10px 12px;background:var(--panel);color:var(--ink);min-width:0}input[type=checkbox],input[type=radio]{accent-color:var(--brand)}.hidden-toggle{font-size:12px;color:var(--muted);display:flex;gap:6px;align-items:center;margin:0 0 14px}.conversation-list{overflow:auto;flex:1;min-height:0;margin-inline:-10px;padding-inline:4px}.conversation-item{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:13px 10px;border:0;border-radius:10px;margin-bottom:4px}.conversation-item.active{background:var(--brand-soft)}.avatar{display:grid;place-items:center;flex:none;height:42px;width:42px;border-radius:13px;background:#e9eef1;color:#4c646f;font-weight:600}.avatar.group{background:#e9eeea;color:#587463}.conversation-copy{min-width:0;flex:1}.conversation-copy strong,.conversation-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-copy strong{font-size:14px;font-weight:600}.conversation-copy small{font-size:11px;margin-top:5px;color:var(--muted)}.badge{border-radius:20px;background:var(--brand);color:#fff;padding:2px 6px;font-size:10px}.list-footer{display:flex;align-items:center;gap:7px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;padding:16px 0}.connection-dot{width:6px;height:6px;border-radius:50%;background:#86918b}.message-pane{display:flex;flex-direction:column;min-height:0;min-width:0;position:relative}.chat-header{min-height:90px;padding:21px 30px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line)}.chat-heading{min-width:0;flex:1}.chat-heading h2{font-size:18px;margin-bottom:5px;overflow-wrap:anywhere}.chat-heading p{font-size:11px;color:var(--muted);margin:0}.chat-header button{font-size:12px}.mobile-back{display:none}.global-status{padding:10px 30px;font-size:12px;line-height:1.5;color:var(--muted);background:#f8fafb;border-bottom:1px solid var(--line)}.global-status.error{color:var(--danger)}.messages{overflow:auto;flex:1;padding:26px 30px;min-height:0;scroll-behavior:auto}.welcome{height:100%;min-height:230px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.welcome-symbol{font-size:35px;font-weight:300;background:var(--brand-soft);color:var(--brand);width:90px;height:90px;border-radius:28px;display:grid;place-items:center;margin-bottom:24px}.welcome h3{font-size:22px;font-weight:500;letter-spacing:1px;margin-bottom:12px}.welcome p{font-size:13px;line-height:1.9;color:var(--muted)}.welcome .welcome-note{font-size:11px;margin-top:18px}.history-bar{padding:7px;text-align:center}.history-bar button{font-size:11px;border:0;color:var(--muted)}.message{max-width:78%;margin-bottom:21px;display:flex;flex-direction:column;align-items:flex-start}.message.own{margin-left:auto;align-items:flex-end}.message-meta{font-size:10px;color:var(--muted);margin-bottom:7px}.message-bubble{white-space:pre-wrap;overflow-wrap:anywhere;padding:11px 15px;background:#f0f3f5;border-radius:4px 14px 14px 14px;font-size:14px;line-height:1.7;max-width:100%}.own .message-bubble{background:var(--brand-soft);border-radius:14px 4px 14px 14px}.message-attachment{display:block;margin-top:7px;max-width:100%;text-align:left;font-size:12px;overflow-wrap:anywhere}.message.empty{text-align:center;color:var(--muted);margin:20px auto;font-size:12px}.composer{border-top:1px solid var(--line);padding:18px 30px 12px}.composer textarea{display:block;resize:vertical;max-height:180px;width:100%;border:0;background:transparent;color:var(--ink);font-size:14px;line-height:1.7;min-height:72px}.composer textarea:focus{outline:0}.composer:focus-within{box-shadow:inset 0 2px var(--brand)}.composer-footer{display:flex;justify-content:space-between;gap:12px;align-items:center}.composer-footer span,.composer-status{color:var(--muted);font-size:10px}.composer-status{min-height:15px;margin:6px 0 0;color:var(--danger)}.composer-footer button{min-width:78px}.new-messages{position:absolute;bottom:182px;left:50%;transform:translateX(-50%);box-shadow:0 3px 12px #0001;font-size:12px;color:var(--brand)}.bottom-nav{display:none}dialog{border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--ink);padding:26px;width:min(480px,calc(100vw - 28px));max-height:90dvh;overflow:auto;box-shadow:0 24px 90px #162b3440}dialog::backdrop{background:#162b3450}.dialog-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}.dialog-heading h2{font-size:20px;margin-bottom:0}.close-dialog{font-size:24px;border:0;padding:3px 9px}.kind-field{display:flex;gap:24px;margin:12px 0 22px}.kind-field label{display:flex;gap:7px;align-items:center;font-size:14px}.field{display:block;font-size:12px;margin-bottom:16px}.field input{display:block;margin-top:7px}.directory-list{max-height:230px;overflow:auto;border-block:1px solid var(--line);padding:5px 0;min-height:70px}.directory-person{display:flex;align-items:center;gap:10px;padding:10px 4px;font-size:13px}.directory-person .avatar{height:33px;width:33px;font-size:12px}.selected-count{font-size:11px;color:var(--muted);margin-bottom:9px}.history-ack{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.7;padding:12px;background:var(--brand-soft);border-radius:10px}.history-ack input{flex:none;margin-top:4px}.dialog-note{font-size:11px;line-height:1.8;color:var(--muted);margin:14px 0}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.form-status,#settingsStatus{font-size:12px;color:var(--danger);line-height:1.5;margin:10px 0}.settings-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.member-list{font-size:13px;max-height:260px;overflow:auto}.member-list p{padding:7px 0;margin-bottom:0;border-bottom:1px solid var(--line)}
@media(max-width:760px){.chat-shell{display:block;height:calc(100dvh - 60px - env(safe-area-inset-bottom));min-height:0;border:0}.conversation-pane{height:100%;border:0;padding-top:calc(20px + env(safe-area-inset-top))}.message-pane{display:none;height:100%}.chat-shell.has-conversation .conversation-pane{display:none}.chat-shell.has-conversation .message-pane{display:flex}.chat-header{padding:15px 16px;min-height:80px;gap:10px;padding-top:calc(15px + env(safe-area-inset-top))}.chat-heading h2{font-size:16px}.mobile-back{display:block;padding:6px 0;border:0;color:var(--brand);white-space:nowrap}.chat-header>button:last-child{padding:6px 8px;font-size:11px}.messages{padding:18px 16px}.message{max-width:88%}.message-bubble{font-size:15px}.global-status{padding:8px 16px;font-size:11px}.composer{padding:10px 16px 8px}.composer textarea{min-height:54px;font-size:16px}.composer-footer span{max-width:180px;line-height:1.4}.composer-footer button{padding:8px 14px}.bottom-nav:not([hidden]){display:flex;position:fixed;bottom:0;left:0;right:0;min-height:60px;padding-bottom:env(safe-area-inset-bottom);background:var(--panel);border-top:1px solid var(--line);z-index:10}.bottom-nav a{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:60px;text-decoration:none;font-size:11px;color:var(--muted)}.bottom-nav a[aria-current]{color:var(--brand);font-weight:600}.bottom-nav .tab-symbol{font-size:20px;line-height:1}.new-messages{bottom:150px}.welcome h3{font-size:20px}dialog{padding:20px}.brand-row h1{font-size:25px}.back-home{display:none}}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--paper:#141918;--panel:#1b2220;--ink:#e4e9e6;--muted:#9ca9a2;--line:#303b36;--brand:#438466;--brand-soft:#243b2e;--danger:#f09993;--focus:#94c5ed}.conversation-pane,.global-status{background:#181f1c}.avatar,.message-bubble{background:#2a3631;color:var(--ink)}.avatar.group{background:#304333;color:#c3d7c4}.own .message-bubble{background:var(--brand-soft)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Isolated personnel-chat additions. All data-derived strings are inserted with textContent. */
.messages{padding:0;overflow-anchor:none;overscroll-behavior:contain}.timeline-stage{position:relative;min-height:1px}.timeline-row{position:absolute;left:0;right:0;top:0;padding:10px 30px;contain:layout style}.timeline-row .message{margin-bottom:0}.message-attachment{display:flex;flex-direction:column;gap:5px;max-width:250px}.message-attachment small{font-size:10px;color:var(--muted)}.attachment-thumbnail{object-fit:contain;max-width:220px;max-height:150px;border-radius:8px}.image-placeholder{display:grid;place-items:center;width:220px;height:130px;background:var(--brand-soft);color:var(--brand);border-radius:8px}.composer-tools{display:flex;align-items:center;gap:6px;position:relative;flex-wrap:wrap}.composer-tools button{font-size:12px;padding:6px 10px;min-height:36px}.composer-tools #emojiToggle{font-size:21px;line-height:1}#voiceButton{touch-action:none;user-select:none;-webkit-user-select:none}.recording{background:var(--danger)!important;color:white!important}.voice-status{font-size:12px;color:var(--brand);margin:5px 0;min-height:0}.voice-status:empty{display:none}.emoji-picker{position:absolute;bottom:calc(100% + 8px);left:0;display:grid;grid-template-columns:repeat(6,1fr);gap:3px;padding:10px;border:1px solid var(--line);background:var(--panel);box-shadow:0 12px 36px #0002;border-radius:12px;z-index:5}.emoji-picker button{font-size:24px;border:0}.attachment-drafts{display:flex;gap:6px;flex-wrap:wrap;max-height:100px;overflow:auto}.attachment-draft{padding:5px;font-size:11px;background:var(--brand-soft);border-radius:7px}.attachment-draft button{font-size:10px;padding:2px 5px;margin-left:5px}.composer textarea{min-height:52px;resize:none}.composer{padding-top:10px}.new-messages{bottom:220px;z-index:4}.my-preferences{margin:10px 0;font-size:12px}.nav-editor-row{display:flex;gap:5px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.nav-editor-row span{flex:1;font-size:13px}.nav-editor-row button{font-size:11px;padding:5px}.nav-editor-row .drag-handle{touch-action:none;font-size:24px;border:0;cursor:grab}.nav-editor-row.dragging{background:var(--brand-soft)}.nav-add{display:flex;gap:6px;margin:12px 0;flex-wrap:wrap}.nav-add button{font-size:12px}.nav-status{font-size:12px;color:var(--brand)}.field select,.search-filters input,.search-filters select{width:100%;border:1px solid var(--line);border-radius:9px;padding:10px;background:var(--panel);color:var(--ink);font:inherit}.search-filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.search-filters label{font-size:12px}.search-filters input,.search-filters select{display:block;margin-top:6px}.search-result{padding:12px 0;border-bottom:1px solid var(--line);font-size:13px;overflow-wrap:anywhere}.search-result small{color:var(--muted)}.search-result p{white-space:pre-wrap;margin:8px 0}.search-result button{font-size:12px}#searchStatus,#profileStatus{font-size:12px;color:var(--muted)}#historyResults{max-height:45dvh;overflow:auto}#retryHistory{align-self:center;font-size:12px}.unread-divider{font-size:11px;color:var(--brand);text-align:center;border-top:1px solid var(--line);padding-top:9px;margin-bottom:10px}
/* Use existing product theme tokens, with standalone fallbacks. */
html[data-theme="warm"]{--paper:#f7f3ec;--panel:#fffcf6;--line:#e7dccd;--ink:#2f2a24;--muted:#8b8174;--brand:#7a4e2d;--brand-soft:#efe4d4}html[data-theme="gemini"]{--paper:#f6f8fc;--panel:#fff;--line:#e6ebf3;--ink:#1f1f24;--muted:#5f6368;--brand:#4285f4;--brand-soft:#e8f0fe}html[data-theme="claude"]{--paper:#ece8e0;--panel:#faf8f4;--line:#e4ddce;--ink:#2a2724;--muted:#6f6a60;--brand:#c96442;--brand-soft:#f4e3da}html[data-theme="openai"]{--paper:#fff;--panel:#f7f7f8;--line:#e6e6eb;--ink:#0d0d0d;--muted:#6e6e80;--brand:#0d0d0d;--brand-soft:#ececf1}html[data-theme="rose"]{--paper:#f2eaec;--panel:#fbf6f7;--line:#e8d8dd;--ink:#3d2e34;--muted:#8d7680;--brand:#b56880;--brand-soft:#f0dde3}html[data-theme="sage"]{--paper:#e8ece4;--panel:#f4f7f1;--line:#dbe2d5;--ink:#2f3b2c;--muted:#7c8874;--brand:#6b8f5c;--brand-soft:#dde6d6}html[data-theme="xai"]{color-scheme:dark;--paper:#06080c;--panel:#0d131d;--line:#1e2a3d;--ink:#e9eff8;--muted:#8da3bf;--brand:#84aa40;--brand-soft:#1c2a12}html[data-theme="gold"]{color-scheme:dark;--paper:#0b0b0d;--panel:#141417;--line:#2a2a30;--ink:#ece9e0;--muted:#9b968a;--brand:#987c28;--brand-soft:#241d08}
.conversation-pane,.global-status{background:var(--paper)}.message-bubble{background:var(--paper)}
@media(max-width:760px){.timeline-row{padding:10px 16px}.composer-tools{gap:5px}.composer-tools button{font-size:11px;padding:5px 7px}#voiceToggle{margin-left:auto}.new-messages{bottom:204px;max-width:90%;white-space:nowrap}.composer-footer span{font-size:9px}.composer textarea{max-height:96px}.message-pane .chat-header{gap:7px}.chat-header #searchHistory{padding:6px;font-size:11px}.my-preferences{margin:5px 0}#searchDialog{max-height:88dvh}.search-filters input{font-size:14px}}
.chat-sticker{display:block;background-repeat:no-repeat;flex:none}.sticker-picker{position:absolute;bottom:calc(100% + 8px);left:0;display:grid;grid-template-columns:repeat(4,1fr);gap:3px;padding:8px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 36px #0002;z-index:5;max-width:calc(100vw - 36px)}.sticker-picker .sticker-option{display:flex;flex-direction:column;align-items:center;padding:4px;border:0}.sticker-option small{font-size:11px}.sticker-option .chat-sticker{max-width:70px}
.bottom-nav a{position:relative}.chat-unread-badge{position:absolute;top:4px;left:calc(50% + 6px);min-width:16px;height:16px;padding:0 4px;border-radius:9px;background:#f5222d;color:#fff;font-size:10px;line-height:13px;font-weight:600;text-align:center;border:1.5px solid var(--panel);white-space:nowrap}.chat-entry-badge-host{position:relative}.chat-entry-badge-host .chat-unread-badge{top:-5px;right:-6px;left:auto}
.message-meta{display:flex;gap:5px;align-items:center}.message-avatar{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:7px;background:var(--brand-soft);color:var(--brand);font-size:11px;margin-right:2px}
.conversation-pages{display:flex;justify-content:space-between;gap:7px}.conversation-pages button{font-size:11px;padding:6px 8px}
.message-avatar img{display:block;border-radius:7px;object-fit:cover}
.chat-avatar-preview{width:64px;height:64px;border-radius:50%;object-fit:cover;margin:0}
@media(max-width:760px){.conversation-pane .back-home{display:inline-flex;align-items:center;justify-content:center;width:30px;height:40px}.chat-shell:not(.has-conversation) .brand-row{gap:8px}}
.selection-toolbar{display:flex;align-items:center;gap:8px;padding:8px 16px;border-bottom:1px solid var(--line);background:var(--brand-soft);font-size:12px}.selection-toolbar span{margin-right:auto}.selection-toolbar button{padding:5px 9px;font-size:12px}.timeline-row.is-selected{background:color-mix(in srgb,var(--brand) 15%,transparent)}.timeline-row.is-selected::before{content:'✓';position:absolute;left:6px;top:14px;font-size:15px;color:var(--brand)}.message-menu{width:min(280px,calc(100vw - 30px))}.message-menu h2{font-size:17px}.message-menu button{display:block;width:100%;margin:6px 0;text-align:left}.reply-draft{display:flex;gap:10px;align-items:center;padding:8px 10px;margin:8px 0;background:var(--paper);border-left:3px solid var(--brand);font-size:12px;color:var(--muted)}.reply-draft span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-draft button{padding:3px 8px}.quoted-message{display:block;max-width:100%;white-space:pre-wrap;text-align:left;overflow-wrap:anywhere;margin-bottom:6px;border:0;border-left:3px solid var(--line);background:var(--paper);color:var(--muted);padding:6px 10px;font-size:12px}.transcribe-voice{font-size:11px;padding:4px 8px;margin-top:5px}.voice-transcript{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;padding:8px 12px;background:var(--paper);border-radius:9px;font-size:13px;line-height:1.6;margin:7px 0 0}

.conversation-details form{padding:12px 0;border-bottom:1px solid var(--border,#e6eaf0)}.conversation-details h3{margin:8px 0;font-size:15px}.conversation-details textarea,.conversation-details select{width:100%;box-sizing:border-box;padding:9px;border:1px solid #d8dfeb;border-radius:8px;font:inherit}.danger-zone{margin-top:20px;padding:12px;border:1px solid #f2baba;border-radius:10px}.conversation-item.pinned{background:#f0f4ff}.manual-unread{display:inline-block;width:8px;height:8px;border-radius:50%;background:#f5222d}.conversation-announcement{font-size:13px;padding:8px 12px;background:#fff8df;white-space:pre-wrap;max-height:100px;overflow:auto}.mention-drafts{font-size:12px;padding:4px 0;color:#456bb4}

/* 2026-10-13 mobile anti-zoom / jitter */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
button,a,input,select,textarea,label,img,.avatar,.message-avatar,.attachment-thumbnail{touch-action:manipulation}
html,body{overscroll-behavior:none}
.attachment-thumbnail{max-width:220px;max-height:220px;object-fit:cover;background:transparent}
@media(max-width:760px){
input,select,textarea,.composer textarea{font-size:16px!important}
.chat-shell{height:calc(var(--cc-vh,100dvh) - 60px - env(safe-area-inset-bottom))}
}
/* 聊天信息（仿微信）20261013-chatinfo1 */
#settingsDialog.chat-info-dialog[open]{display:flex;flex-direction:column;gap:0;padding:0 0 16px;background:#ededed;width:min(520px,calc(100vw - 16px))}
.chat-info-dialog button,.chat-info-dialog input,.chat-info-dialog select,.chat-info-dialog textarea{touch-action:manipulation}
.chat-info-dialog input,.chat-info-dialog select,.chat-info-dialog textarea{font-size:16px}
.chat-info-dialog>.dialog-heading{order:0;position:sticky;top:0;z-index:2;background:#ededed;margin:0;padding:14px 16px;justify-content:center}
.chat-info-dialog>.dialog-heading h2{font-size:17px;font-weight:600}
.chat-info-dialog>.dialog-heading .close-dialog{position:absolute;right:10px;top:8px}
.chat-info-dialog .conversation-details{display:contents}
.chat-info-dialog .member-grid{order:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px 8px;padding:16px 14px 8px;background:#fff;margin:0}
@media(min-width:761px){.chat-info-dialog .member-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
.member-tile{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:0;border:0;background:none;font-size:12px;color:#555}
.member-face{width:54px;height:54px;max-width:100%;aspect-ratio:1;border-radius:7px;background:#9fb8a8;color:#fff;font-size:22px;font-weight:600;display:flex;align-items:center;justify-content:center;overflow:hidden}
.member-face img{width:100%;height:100%;object-fit:cover}
.member-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3;min-height:1.3em}
.member-add .member-face{background:#fff;border:1.5px dashed #bbb;color:#aaa;font-weight:300;font-size:30px}
button.member-add:hover{background:none}
.chat-info-dialog .more-members{order:2;border:0;border-radius:0;background:#fff;color:#666;font-size:14px;padding:6px 0 14px}
.chat-info-dialog .group-rows,.chat-info-dialog .group-settings{order:3;margin-top:10px;background:#fff}
.chat-info-dialog .group-settings{padding:12px 16px}
.chat-info-dialog .settings-actions{order:4;display:flex;flex-direction:column;margin-top:10px;background:#fff}
.chat-info-dialog .group-rows{display:flex;flex-direction:column}
.chat-info-dialog .group-rows[hidden],.chat-info-dialog .group-settings[hidden]{display:none}
.settings-row{display:flex;align-items:center;gap:12px;width:100%;min-height:54px;text-align:left;border:0;border-bottom:1px solid #eee;border-radius:0;background:#fff;padding:14px 36px 14px 16px;font-size:16px;color:#111;position:relative}
.settings-row::after{content:'';position:absolute;right:18px;top:50%;width:8px;height:8px;border-top:1.5px solid #b2b2b2;border-right:1.5px solid #b2b2b2;transform:translateY(-50%) rotate(45deg)}
.settings-row:last-child{border-bottom:0}.settings-row[hidden]{display:none}
.settings-row .row-label{flex:none}
.settings-row .row-value{flex:1;min-width:0;text-align:right;color:#888;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.notice-row{flex-direction:column;align-items:flex-start;gap:4px}.notice-row .row-value{text-align:left;width:100%;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.chat-info-dialog #addMembers{display:none}
.chat-info-dialog .personal-settings{order:5;margin-top:10px;background:#fff;padding:0}
.chat-info-dialog .personal-settings h3{display:none}
.switch-row{display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse;gap:12px;margin:0;padding:14px 16px;min-height:54px;border-bottom:1px solid #eee;font-size:16px;color:#111}
.switch-row:last-of-type{border-bottom:0}
.switch-row input{appearance:none;-webkit-appearance:none;flex:none;width:50px;height:30px;margin:0;border-radius:15px;background:#e5e5e5;position:relative;transition:background .2s}
.switch-row input::before{content:'';position:absolute;left:2px;top:2px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s}
.switch-row input:checked{background:#07c160}.switch-row input:checked::before{transform:translateX(20px)}
.chat-info-dialog .owner-transfer{order:6;margin-top:10px;background:#fff;padding:12px 16px}
.chat-info-dialog #companyFinanceLink{order:6;display:block;margin-top:10px;background:#fff;padding:14px 16px;font-size:16px}
.chat-info-dialog .danger-zone{order:7;margin-top:10px;background:#fff;padding:12px 16px;border:0;border-radius:0}
.chat-info-dialog .settings-exit{order:8;margin-top:10px;background:#fff}
.chat-info-dialog .settings-exit button,.chat-info-dialog .danger-zone button.danger{width:100%;border:0;border-radius:0;background:#fff;color:#fa5151;font-size:16px;min-height:54px}
.chat-info-dialog .settings-exit:has(button[hidden]){display:none}
.chat-info-dialog>.dialog-note,.chat-info-dialog .conversation-details>.form-status,.chat-info-dialog #settingsStatus{order:9;margin:10px 16px 0;font-size:12px;color:#888}
.chat-info-dialog>*,.chat-info-dialog .conversation-details>*{flex-shrink:0}
#settingsDialog.chat-info-dialog .settings-row{font-size:16px;color:#111}
#settingsDialog.chat-info-dialog .switch-row{margin:0;border-radius:0;border:0;border-bottom:1px solid #eee;background:#fff;font-size:16px}
@media(max-width:760px){#settingsDialog.chat-info-dialog[open]{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.chat-info-dialog>.dialog-heading{padding-top:calc(14px + env(safe-area-inset-top))}}
#settingsDialog.chat-info-dialog .member-grid{max-height:none;overflow:visible}
#settingsDialog.chat-info-dialog .switch-row{padding:14px 16px;line-height:1.4}
#settingsDialog.chat-info-dialog .personal-settings{display:block;margin:10px 0 0;padding:0}
#settingsDialog.chat-info-dialog .settings-actions{margin-bottom:0;gap:0;padding:0}

/* 2026-10-13 WeChat-style chat images: thumbnail only, no card/frame around it */
.message-attachment.attachment-image{background:transparent!important;border:0!important;padding:0!important;min-width:0!important;box-shadow:none!important;gap:0}
.message-attachment.attachment-image .attachment-thumbnail{display:block;width:auto;height:auto;max-width:min(220px,70vw);max-height:220px;object-fit:cover;border-radius:6px;background:transparent}
.message-attachment.attachment-image>span,.message-attachment.attachment-image>small{display:none}
.message.mine .message-attachment.attachment-image,.message .message-attachment.attachment-image{margin-top:4px}

.avatar.has-image,.member-face.has-image{padding:0;overflow:hidden}
.avatar img,.member-face img,.directory-person .avatar img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
#mentionList .mention-person{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 8px;border:0;background:transparent;border-radius:8px}
#mentionList .mention-person .avatar{width:36px;height:36px;border-radius:6px;display:grid;place-items:center;background:#e9eef1;color:#4c646f;font-weight:600;overflow:hidden;flex:none}
#mentionList .mention-person .avatar img{width:36px;height:36px;object-fit:cover}
.avatar-cropper-overlay{position:fixed;inset:0;z-index:10000;background:#000;display:flex;flex-direction:column;color:#fff;touch-action:none}
.avatar-cropper-hint{margin:0;padding:calc(12px + env(safe-area-inset-top)) 16px 8px;text-align:center;font-size:15px;font-weight:500}
.avatar-cropper-stage{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none;cursor:grab}
.avatar-cropper-canvas{display:block;width:100%;height:100%;touch-action:none}
.avatar-cropper-mask{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.9);box-shadow:0 0 0 9999px rgba(0,0,0,.55);pointer-events:none;border-radius:2px}
.avatar-cropper-bar{display:flex;justify-content:space-between;gap:16px;padding:12px 20px calc(16px + env(safe-area-inset-bottom));background:#111}
.avatar-cropper-bar button{border:0;background:transparent;color:#fff;font:inherit;font-size:16px;padding:10px 8px}
.avatar-cropper-bar button.primary{color:#07c160;font-weight:600}
body.avatar-cropper-open{overflow:hidden}

.chat-avatar-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.chat-avatar-preview-hit,button.chat-avatar-preview-hit{width:64px;height:64px;min-width:64px;border-radius:50%;padding:0;border:0;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;overflow:hidden;position:relative;cursor:pointer;flex:none;box-shadow:none}
.chat-avatar-preview-hit:disabled{opacity:.55;cursor:not-allowed}
.chat-avatar-preview-hit .chat-avatar-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;margin:0}
.chat-avatar-preview-hit .chat-avatar-preview[hidden]{display:none!important}
.chat-avatar-preview-ph{font-size:13px;font-weight:600;pointer-events:none}
.chat-avatar-preview-hit.has-image .chat-avatar-preview-ph{display:none}