/* WhatsApp workspace: independent scroll containers, no viewport overflow. */
html,body{height:100%;overflow:hidden}.app-shell{height:100dvh;min-height:0}.workspace{min-width:0;height:100dvh}.communication-page,.has-accounts .communication-page,.communication-page:has(> #syncProgress:not([hidden])){display:grid;grid-template-rows:48px 76px auto minmax(0,1fr);padding:12px;gap:10px;overflow:hidden;min-height:0}
.channel-tabs{min-height:0;overflow:hidden}.accountbar{padding:8px 12px;flex-wrap:nowrap;min-width:0}.accountbar-actions{margin-left:auto}.account-menu-manage{display:none}.account-caption small{font-size:12px;color:#52647d}.account-caption strong{font-size:14px}.accountbar .connect-preview{font-size:13px;min-height:40px}.accountbar .connect-preview img{width:24px;height:24px;object-fit:contain}
#syncProgress{margin:0!important;padding:6px 12px!important;max-height:70px;font-size:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}#syncProgress[hidden]{display:none}#syncProgress button{margin-left:auto;border:0;background:transparent;color:#3173d8;cursor:pointer}
.columns{display:grid!important;grid-template-columns:minmax(210px,26%) minmax(0,1fr) minmax(230px,27%);min-width:0!important;min-height:0!important;height:100%;overflow:hidden;border:1px solid var(--line);border-radius:12px;align-items:stretch}.pane{min-width:0;min-height:0;max-height:none;width:auto;overflow:hidden;border:0;border-radius:0}.conversation-pane,.chat-pane{border-right:1px solid var(--line)}
.conversation-pane{display:flex;flex-direction:column}.conversation-pane:before{display:none}.conversation-filter-head{display:block;padding:14px;border-bottom:1px solid var(--line)}.conversation-filter-head:before{content:'会话';display:block;font-size:17px;font-weight:700;margin-bottom:10px}.conversation-search{display:flex;gap:8px;align-items:center}.conversation-search input{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;padding:9px}.conversation-search svg{width:16px;height:16px;flex:none}.conversation-filter-pills,.conversation-filter-tabs{display:none}.conversation-kind-filter{font-size:12px;padding:0 12px;border-bottom:1px solid var(--line)}#conversationKind{margin:8px;max-width:100%}#conversationList{overflow:auto;min-height:0;flex:1;padding:0;display:block}
.conversation-item{display:grid;grid-template-columns:36px minmax(0,1fr);gap:5px 10px;padding:13px 12px;cursor:pointer}.conversation-item .member-avatar{grid-row:1/5}.conversation-item strong{font-size:14px;overflow-wrap:anywhere;line-height:1.4}.conversation-item time,.conversation-kind,.conversation-preview{grid-column:2;font-size:11px;margin:0;color:#72819a}.conversation-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item.active{background:#eaf2ff;box-shadow:inset 3px 0 #3975ee}.conversation-item:hover{background:#f1f6fe}
.chat-pane,.chat-pane:has(.message-list){display:grid;grid-template-rows:68px minmax(0,1fr) 90px;position:relative}.chat-head{height:68px;min-height:0;padding:10px 16px;border-bottom:1px solid var(--line)}.chat-head>div:nth-child(2){min-width:0}.chat-head h2{overflow-wrap:anywhere;font-size:16px}.chat-head span{display:block;font-size:11px;color:#72819a}.chat-head .chat-actions{display:none}.chat-channel-mark{flex:none;width:38px;height:38px}.message-list,.message-empty{min-height:0;overflow:auto;overscroll-behavior:contain;overflow-anchor:none;padding:18px;gap:12px}.bubble{max-width:88%;min-width:0;overflow-wrap:anywhere;flex-shrink:0}.bubble audio,.bubble video,.bubble img{max-width:100%;width:auto}.bubble audio{width:260px}.bubble a{overflow-wrap:anywhere}.date-divider{align-self:center;flex-shrink:0;color:#6b7d95;font-size:11px;padding:4px 12px;border-radius:12px;background:#eaf0f8}.manual-source{font-size:10px;border-top:1px dashed #b9c9df;padding-top:6px}.member-identity{max-width:100%}.member-identity>span:last-child{min-width:0;overflow-wrap:anywhere}
.composer,.chat-pane:has(.message-list) .composer{display:flex;flex-direction:column;margin:0;border:0;border-top:1px solid var(--line);border-radius:0;padding:10px 16px;background:#fff;min-height:0}.composer textarea{height:28px;min-height:0;resize:none;font-size:12px}.composer-tools{margin-top:4px}.composer-tools button:not([type=submit]){display:none}.composer-tools button[type=submit]{font-size:12px;padding:6px 12px;min-height:30px;opacity:.65}.new-message-prompt{position:absolute;bottom:100px;right:16px;z-index:2;background:white;border:1px solid #a9c4ed;border-radius:20px;padding:8px 14px;color:#2865bf;box-shadow:0 4px 12px #183c6122;cursor:pointer}
.detail-pane{overflow:auto;overscroll-behavior:contain}.detail-pane .tabs{position:sticky;top:0;z-index:2;background:white;height:68px;padding:0 16px}.detail-pane section{padding:16px;min-height:0}.detail-pane .empty-card{margin-top:12px;text-align:left;overflow-wrap:anywhere}.detail-pane .section-title button:disabled{display:none}.detail-pane .tabs button:disabled{display:none}.detail-toggle{border:1px solid var(--line);border-radius:7px;background:white;padding:6px 9px;margin-left:auto;font-size:12px;cursor:pointer}.columns.details-hidden{grid-template-columns:minmax(210px,28%) minmax(0,1fr)}.columns.details-hidden .detail-pane{display:none}
@media(max-width:1250px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.columns{grid-template-columns:220px minmax(0,1fr) 240px}.top-actions{display:none}.accountbar .account-picker{flex-basis:240px}}
@media(max-width:1100px){.columns{grid-template-columns:220px minmax(0,1fr)}.detail-pane{display:none}.columns.show-details .detail-pane{display:block;position:absolute;right:12px;top:210px;bottom:12px;width:min(340px,85vw);background:white;z-index:8;border:1px solid var(--line);box-shadow:-6px 0 22px #20354b22}.app-shell{grid-template-columns:170px minmax(0,1fr)}}
@media(max-width:900px){.app-shell{display:block}.communication-page,.has-accounts .communication-page{grid-template-rows:42px 76px auto minmax(0,1fr);padding:8px;gap:6px}.columns,.columns.details-hidden{grid-template-columns:minmax(150px,32%) minmax(0,1fr)}.accountbar .account-picker{flex:1;min-width:0}.accountbar-actions .connect-preview{font-size:11px;padding:6px}.accountbar .status{flex:none}.account-add{width:30px;height:30px}.chat-head{padding:8px}.message-list{padding:10px}.bubble{max-width:95%}.conversation-item{grid-template-columns:28px minmax(0,1fr);gap:4px 6px}.conversation-item .member-avatar{width:28px;height:28px}.conversation-filter-head{padding:10px}}
@media(max-width:580px){.accountbar-actions{display:none}.columns,.columns.details-hidden{grid-template-columns:120px minmax(0,1fr)}.conversation-item{display:flex;flex-direction:column;align-items:flex-start}.conversation-preview{max-width:100%}.conversation-search svg{display:none}.conversation-search input{font-size:11px;padding:6px}.conversation-kind-filter{padding:0 5px}#conversationKind{margin:5px 0;width:100%;font-size:11px}.chat-channel-mark{display:none}.chat-head h2{font-size:14px}.detail-toggle{font-size:10px;padding:4px}.composer{padding:8px!important}}

/* Toolbar refresh — based on the supplied visual reference, using real CRM data only. */
:root{--wa-blue:#3478f6;--wa-soft:#edf5ff;--wa-line:#dce5f1;--wa-text:#17233b;--wa-muted:#7c8da8;--wa-green:#20a464}
.communication-page,.has-accounts .communication-page,.communication-page:has(> #syncProgress:not([hidden])){grid-template-rows:48px minmax(0,1fr);padding:0;gap:0;background:#f7f9fd}
.communication-page:has(> #syncProgress:not([hidden])){grid-template-rows:48px auto minmax(0,1fr)}
.columns{grid-template-columns:minmax(250px,27%) minmax(420px,1fr) minmax(260px,27%);border-color:var(--wa-line);border-radius:14px;background:#fff;box-shadow:0 8px 24px #1f4c7c0a}
.channel-tabs{border-radius:0;background:#f1f5fb}
.channel-tabs button{background:transparent}
.channel-tabs button.selected{border-color:#dbe5f2;border-bottom-color:var(--wa-blue);border-radius:10px 10px 0 0;background:#fff;box-shadow:inset 0 -3px var(--wa-blue)}
.columns{border-top:0;border-radius:0 0 14px 14px}
.conversation-pane,.chat-pane{border-right:1px solid var(--wa-line)}
.conversation-pane{background:#fff}.conversation-pane:before{display:none!important}
.conversation-pane .accountbar{display:block;position:relative;flex:none;padding:14px 14px 10px;border-bottom:1px solid var(--wa-line);background:#fbfdff;overflow:visible}
.account-pane-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:var(--wa-text)}.account-pane-title>strong{font-size:15px}.account-pane-title>div{display:flex;gap:6px}
.account-pane-title,.detail-toggle{display:none!important}
.conversation-pane .accountbar{padding-top:10px}
.accountbar .account-picker{display:block;width:100%;max-width:none}.accountbar .account-select-card{width:100%;height:60px;border:1px solid var(--wa-line);border-radius:12px;background:#fff;box-shadow:0 2px 8px #2e58800a}
.accountbar .account-avatar{width:38px;height:38px}.accountbar .account-caption strong{font-size:14px}.accountbar .account-caption small{font-size:11px}
.accountbar .account-add,.accountbar .connect-preview{display:grid;place-items:center;height:30px;min-height:30px;border:1px solid var(--wa-line);border-radius:8px;background:#fff;color:var(--wa-blue)}
.accountbar .account-add{width:30px}.accountbar .connect-preview{grid-template-columns:18px auto;gap:4px;padding:0 8px;font-size:11px}.accountbar .connect-preview img{width:18px;height:18px}.accountbar .status{display:flex;margin:8px 2px 0;font-size:11px}.accountbar .status.connected{color:var(--wa-green)}
.accountbar .account-menu{top:75px;left:14px;width:calc(100% - 28px)}.account-menu-manage{display:flex}
.conversation-filter-head{display:block;padding:10px 14px;border-bottom:0}.conversation-filter-head:before,.conversation-filter-head h2{display:none}.conversation-search input{height:38px;border-color:var(--wa-line);border-radius:10px;background:#f8faff;font-size:12px}.conversation-kind-filter{display:flex;align-items:center;justify-content:space-between;padding:0 14px 10px;border-bottom:1px solid var(--wa-line);font-size:11px;color:var(--wa-muted)}#conversationKind{margin:0;padding:6px 9px;border:1px solid var(--wa-line);border-radius:9px;background:#fff;color:#41536f}
.conversation-item{position:relative;grid-template-columns:40px minmax(0,1fr) auto;gap:3px 9px;padding:12px 14px;border-bottom:1px solid #edf1f6;background:#fff;text-align:left}.conversation-item .member-avatar{grid-column:1;grid-row:1/4;width:40px;height:40px}.conversation-item strong{grid-column:2;font-size:13px;color:var(--wa-text)}.conversation-item time{grid-column:3;grid-row:1;font-size:10px;white-space:nowrap}.conversation-item .conversation-kind,.conversation-item .conversation-preview{grid-column:2/4}.conversation-item.active{background:linear-gradient(90deg,#eaf3ff,#f6faff);box-shadow:inset 3px 0 var(--wa-blue)}
.chat-pane,.chat-pane:has(.message-list){grid-template-rows:74px minmax(0,1fr) auto 104px;background:#f7f9fc}
.chat-head{height:74px;padding:10px 16px;border-color:var(--wa-line);background:#fff}.chat-title-block{min-width:0}.chat-head h2{font-size:17px;color:var(--wa-text)}.chat-head .chat-subline,.chat-head .chat-context{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-head .chat-subline{font-size:11px;color:#71829e}.chat-head .chat-context{margin-top:2px;font-size:10px;color:#95a2b5}.chat-head .chat-actions{display:flex;margin-left:auto;gap:7px}.chat-head .chat-actions button{height:34px;padding:0 10px;border:1px solid var(--wa-line);border-radius:9px;background:#fff;color:#7a8ca8}.chat-head .chat-actions button:disabled{opacity:.72}.chat-channel-mark{width:44px;height:44px;border-radius:50%;background:#edf3ff;color:var(--wa-blue)}
.message-list,.message-empty{padding:18px 16px;background:linear-gradient(#f9fbfe,#f5f8fc)}.bubble{max-width:82%;padding:11px 13px;border-radius:14px;box-shadow:none}.bubble.inbound{background:#fff;border:1px solid #edf0f5}.bubble.outbound{background:#e7f1ff;border:1px solid #dce9fb}.bubble>small{display:block;margin-top:5px;color:#8392a8}.message-body{line-height:1.55}.member-identity{margin-bottom:6px}.date-divider{background:#eef3fa;color:#7788a2}
.ai-assistant-banner{display:flex;align-items:center;gap:10px;margin:8px 14px;padding:9px 12px;border:1px solid #d7c9ff;border-radius:11px;background:linear-gradient(90deg,#f6f1ff,#f9f7ff);color:#613bd4}.ai-assistant-banner>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e9ddff}.ai-assistant-banner strong,.ai-assistant-banner small{display:block}.ai-assistant-banner strong{font-size:12px}.ai-assistant-banner small{margin-top:2px;color:#8a7fa6;font-size:9px}
.composer,.chat-pane:has(.message-list) .composer{display:grid;grid-template-rows:44px 40px;margin:0 14px 12px;padding:0;border:1px solid var(--wa-line);border-radius:12px;background:#fff;overflow:hidden}.composer textarea{height:44px;padding:12px 14px;border:0;background:#fff;font-size:12px}.composer-tools{display:flex;align-items:center;gap:8px;margin:0;padding:5px 8px;border-top:1px solid #edf1f6}.tool-group{display:flex;align-items:center;gap:3px}.composer-tools .tool-group button{display:grid!important;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:7px;background:transparent;color:#51627c;font-size:14px}.composer-tools .tool-group button:hover{background:#f0f4fa}.composer-tools button:disabled{cursor:not-allowed;opacity:.55}.composer-tools .keyboard-hint{margin-left:auto;color:#8d9ab0;font-size:9px;white-space:nowrap}.composer-tools button[type=submit]{display:block;margin-left:4px;min-height:30px;padding:5px 10px;border-radius:8px;background:#dce5f3;color:#8897ad;font-size:10px;opacity:1}
.detail-pane{background:#fff}.detail-pane .tabs{height:58px;padding:0 14px;border-color:var(--wa-line)}.detail-pane .tabs button:first-child{font-size:16px}.detail-pane .tabs .detail-toggle-close{display:none;margin-left:auto;border:0;background:transparent;font-size:20px}.detail-pane section{margin:0;padding:14px;min-height:0;border:0;border-bottom:1px solid var(--wa-line);border-radius:0;background:#fff}.detail-pane section:last-child{border-bottom:0}.detail-pane .section-title{align-items:center}.detail-pane .section-title h3{font-size:13px;font-weight:700;color:var(--wa-text)}.detail-pane .section-title button{padding:5px 8px;border:1px solid #bcd3fa;border-radius:7px;background:#fff;color:var(--wa-blue);font-size:10px}.detail-pane .section-title button:disabled{display:inline-block;color:#9ca8b9;border-color:#e1e6ed}.detail-pane .empty-card{margin-top:8px;padding:0;color:var(--wa-muted);font-size:11px}.customer-details{display:grid;gap:7px}.customer-details b{font-size:14px;color:var(--wa-text)}.customer-actions{display:grid;gap:7px;margin-top:11px}.customer-actions button{padding:8px;border:1px solid var(--wa-blue);border-radius:8px;background:#fff;color:var(--wa-blue);font-size:11px}.customer-actions button:enabled:first-child{background:var(--wa-blue);color:#fff}.customer-actions button:disabled{border-color:#dfe5ed;color:#a0adbd}.ai-summary-card{background:#fbf9ff!important}.ai-summary-card .section-title span{margin-left:auto;padding:3px 6px;border-radius:6px;background:#f0edf7;color:#9c92ad;font-size:9px}.record small{display:block;margin-top:5px;color:var(--wa-muted)}
#syncProgress{min-height:34px;margin:0!important;padding:7px 12px!important;border:1px solid #dbe9fb!important;border-radius:10px!important;background:linear-gradient(90deg,#f0f6ff,#f5fbf7)!important;color:#526982}#syncProgress span:first-child{color:#188b56;font-weight:600}
@media(max-width:1250px){.columns{grid-template-columns:230px minmax(360px,1fr) 250px}.chat-head .chat-actions button:first-child{display:none}.composer-tools .keyboard-hint{display:none}}
@media(max-width:1100px){.columns{grid-template-columns:230px minmax(0,1fr)}.detail-pane{display:none}.columns.show-details .detail-pane{display:block;top:118px}.columns.show-details .detail-toggle-close{display:block}.chat-head .chat-actions{display:none}}
@media(max-width:760px){.columns,.columns.details-hidden{grid-template-columns:140px minmax(0,1fr)}.conversation-pane .accountbar{padding:8px}.account-pane-title strong,.accountbar .account-caption small,.conversation-kind-filter>span{display:none}.accountbar .account-select-card{height:46px}.conversation-filter-head{padding:7px}.conversation-item{display:flex;flex-direction:column;padding:9px}.conversation-item .member-avatar{width:30px;height:30px}.conversation-item time{white-space:normal}.chat-pane,.chat-pane:has(.message-list){grid-template-rows:64px minmax(0,1fr) auto 96px}.ai-assistant-banner small{display:none}.tool-group button:nth-child(n+4){display:none!important}.composer{margin:0 7px 7px!important}.chat-head{padding:7px}.chat-context{display:none!important}}

/* Compact conversation navigation: the API has no reliable unread/intent fields yet. */
.conversation-filter-head{padding:0;border-bottom:1px solid var(--wa-line)}
.conversation-view-row{display:flex;align-items:center;min-height:46px;padding:0 12px}
.conversation-view-tabs{display:flex;align-self:stretch;gap:16px}
.conversation-view-tabs button{position:relative;padding:0;border:0;background:transparent;color:#65738a;font-weight:650}
.conversation-view-tabs button.selected{color:var(--wa-blue)}
.conversation-view-tabs button.selected:after{content:'';position:absolute;right:0;bottom:0;left:0;height:2px;border-radius:2px;background:var(--wa-blue)}
.conversation-view-tabs button:disabled{opacity:.55}
.conversation-search-open{display:grid;place-items:center;width:32px;height:32px;margin-left:auto;border:0;border-radius:8px;background:transparent;color:#52647d}
.conversation-search-open:hover{background:#f0f4fa}.conversation-search-open svg{width:19px;height:19px}
.conversation-search[hidden],.conversation-view-row[hidden]{display:none!important}
.conversation-search{height:46px;padding:6px 10px;background:#fff}
.conversation-search>button{flex:none;width:26px;padding:0;border:0;background:transparent;color:#69778d;font-size:22px}
.conversation-search input{height:34px;border:1.5px solid var(--wa-blue);border-radius:18px;background:#fff;padding:7px 10px;font-size:11px}
.conversation-search>svg{margin-left:4px;color:#9aa6b7}
.conversation-filter-pills{display:flex;gap:6px;padding:8px 10px 10px;overflow-x:auto}
.conversation-filter-pills button{flex:none;padding:6px 10px;border:1px solid transparent;border-radius:16px;background:#f5f7fa;color:#78869a;font-size:10px;white-space:nowrap}
.conversation-filter-pills button.selected{border-color:var(--wa-blue);background:#fff;color:var(--wa-blue);font-weight:650}
.conversation-filter-pills button:disabled{opacity:.55;cursor:not-allowed}
.conversation-kind-filter{display:none!important}
.member-avatar,.account-avatar,.chat-channel-mark{display:grid!important;place-items:center;flex:0 0 auto;overflow:hidden;visibility:visible!important;opacity:1!important}
.member-avatar img,.account-avatar img,.chat-channel-mark img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}

/* Middle-column identity header follows the approved compact profile layout. */
.chat-pane,.chat-pane:has(.message-list){grid-template-rows:94px minmax(0,1fr) auto 104px}
.chat-head{height:94px;min-height:94px;padding:11px 18px;gap:14px;background:#fff}
.chat-channel-mark{width:62px;height:62px;font-size:22px}
.chat-title-block{display:grid;align-content:center;gap:2px;min-width:0}
.chat-head h2{margin:0;font-size:20px;line-height:1.2;font-weight:750}
.chat-head .chat-subline{font-size:14px;line-height:1.35;color:#7888a2}
.chat-head .chat-context{display:flex;align-items:center;gap:5px;margin-top:1px;font-size:11px;color:#8090a7}
.chat-head .chat-context:before{content:'';width:17px;height:17px;flex:none;background:url('/assets/whatsapp-mark.svg') center/contain no-repeat}
.chat-head .chat-actions{align-items:center;gap:8px;margin-left:auto}
.chat-head .chat-actions button{height:42px;padding:0 13px;border-radius:10px;font-size:12px;font-weight:650}
.chat-head .chat-actions button:last-child{border-color:#dce7fb;background:#f2f6ff;color:#3b73dd}
@media(max-width:760px){.chat-pane,.chat-pane:has(.message-list){grid-template-rows:72px minmax(0,1fr) auto 96px}.chat-head{height:72px;min-height:72px;padding:7px 9px;gap:8px}.chat-channel-mark{display:grid!important;width:44px;height:44px}.chat-head h2{font-size:15px}.chat-head .chat-subline{font-size:10px}.chat-head .chat-context{font-size:9px}.chat-head .chat-actions{display:none}}

/* Compact proportions requested after visual review. */
.columns{grid-template-columns:minmax(220px,22%) minmax(460px,1fr) minmax(260px,26%)}
.chat-pane,.chat-pane:has(.message-list){grid-template-rows:78px minmax(0,1fr) auto 104px}
.chat-head{height:78px;min-height:78px;padding:9px 15px;gap:11px}
.chat-channel-mark{width:48px;height:48px;font-size:18px}
.chat-head h2{font-size:17px}
.chat-head .chat-subline{font-size:12px}
.chat-head .chat-context{font-size:10px}
.chat-head .chat-context:before{width:15px;height:15px}
.chat-head .chat-actions button{height:36px;padding:0 10px;font-size:11px}
@media(max-width:1250px){.columns{grid-template-columns:210px minmax(380px,1fr) 240px}}
@media(max-width:1100px){.columns{grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:760px){.columns,.columns.details-hidden{grid-template-columns:130px minmax(0,1fr)}.chat-pane,.chat-pane:has(.message-list){grid-template-rows:66px minmax(0,1fr) auto 96px}.chat-head{height:66px;min-height:66px}.chat-channel-mark{width:40px;height:40px}.chat-head h2{font-size:14px}.chat-head .chat-subline{font-size:9px}}

/* Keep the contact identity on two visual rows: name, then phone and channel. */
.chat-title-block{grid-template-columns:minmax(0,auto) minmax(0,auto);column-gap:10px;row-gap:2px;align-items:center}
.chat-title-block h2{grid-column:1/-1}
.chat-title-block .chat-subline{grid-column:1;min-width:0}
.chat-title-block .chat-context{grid-column:2;margin-top:0}
@media(max-width:760px){.chat-title-block{column-gap:6px}.chat-title-block .chat-subline,.chat-title-block .chat-context{font-size:9px}}

/* Source badge and explicit customer locale, matching the approved two-row reference. */
.chat-channel-mark{position:relative;overflow:visible!important}
.chat-channel-mark::after{content:'';position:absolute;right:-3px;bottom:-3px;width:19px;height:19px;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 2px #1c2b4326;background:#fff center/contain no-repeat}
.chat-channel-mark[data-channel="whatsapp"]::after{background-image:url('/assets/whatsapp-mark.svg')}
.chat-channel-mark[data-channel="facebook"]::after{content:'f';display:grid;place-items:center;background:#1877f2;color:#fff;font:bold 14px Arial,sans-serif}
.chat-title-block{display:flex;flex-direction:column;gap:3px;min-width:0}
.chat-primary-row,.chat-meta-row{display:flex;align-items:center;min-width:0}
.chat-title-block,.chat-primary-row,.chat-meta-row{align-self:flex-start;text-align:left}
.chat-primary-row{justify-content:flex-start;width:max-content;max-width:100%;gap:11px}
.chat-meta-row{gap:8px;color:#8090a7}
.chat-title-block h2{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-country{flex:none;color:#3f4d64;font-size:12px;font-weight:650;white-space:nowrap}
.chat-title-block .chat-subline,.chat-title-block .chat-context,.chat-local-time{grid-column:auto;margin:0;white-space:nowrap}
.chat-head .chat-subline{overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}
.chat-head .chat-meta-row{min-width:0;flex-wrap:wrap}
.conversation-history-gap{flex:none;color:#a6701d;font-size:10px;white-space:nowrap}
.chat-title-block .chat-subline::after,.chat-local-time:not([hidden])::before{content:'·';margin-left:8px;color:#9aa7b9}
.chat-local-time{font-size:10px;color:#8090a7}
.chat-avatar-state{flex:none;padding:2px 6px;border-radius:8px;background:#f3f5f8;color:#7d899a;font-size:9px;white-space:nowrap}
@media(max-width:760px){.chat-primary-row{gap:6px}.chat-meta-row{gap:4px}.chat-country{font-size:9px}.chat-channel-mark::after{width:16px;height:16px}.chat-local-time{font-size:9px}}

/* Evidence-backed conversation rows: reference hierarchy without empty metadata rows. */
.conversation-item{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:start;gap:0 14px;min-height:112px;padding:15px 13px;background:#fff}
.conversation-item .member-avatar{position:relative;grid-column:1;width:56px;height:56px;margin-top:1px;border:2px solid #fff;border-radius:50%;overflow:visible!important;background:#eaf2ff;color:#2f72ee;font-size:15px;font-weight:700;box-shadow:0 1px 4px #1c2b4318}
.conversation-item .member-avatar.group-default{background:#ffb854;color:#fff}
.conversation-item .member-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.conversation-item .member-avatar.channel-whatsapp::after{content:'';position:absolute;right:-3px;bottom:-3px;width:15px;height:15px;border:2px solid #fff;border-radius:50%;background:#fff url('/assets/whatsapp-mark.svg') center/contain no-repeat;box-shadow:0 1px 2px #1c2b4326}
.conversation-presence-dot{position:absolute;right:-1px;top:-1px;width:11px;height:11px;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 2px #1c2b4326}.conversation-presence-dot.online{background:#22b573}.conversation-presence-dot.offline{background:#a8b0bd}
.avatar-tone-0{background:#5bcf72!important;color:#fff!important}.avatar-tone-1{background:#58b8e9!important;color:#fff!important}.avatar-tone-2{background:#8b69e8!important;color:#fff!important}.avatar-tone-3{background:#ee71ba!important;color:#fff!important}.avatar-tone-4{background:#ffb454!important;color:#fff!important}.avatar-tone-5{background:#68a4ef!important;color:#fff!important}
.group-default{background:#ffb854!important;color:#fff!important}
.member-avatar[data-avatar-status="available"],.account-avatar[data-avatar-status="available"],.chat-channel-mark[data-avatar-status="available"]{background:#eef3f8!important}
.conversation-content{grid-column:2;display:grid;grid-template-columns:minmax(0,1fr);min-width:0;gap:8px}
.conversation-headline,.conversation-preview,.conversation-locale,.conversation-footer{display:flex;align-items:center;min-width:0}
.conversation-headline{align-items:flex-start;gap:10px}.conversation-title{display:block;min-width:0;overflow:hidden;color:var(--wa-text);font-size:16px;font-weight:750;line-height:1.35;text-align:left;text-overflow:ellipsis;white-space:nowrap}.conversation-top-meta{display:flex;flex:none;align-items:flex-start;margin-left:auto}.conversation-item time{color:#7d8799;font-size:11px;line-height:1.35;white-space:nowrap}
.conversation-content>.conversation-preview{grid-column:auto;grid-row:auto;gap:5px;color:#71809a;font-size:12px;line-height:1.35}.conversation-preview-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-preview-status{flex:none;color:#8b949f;font-size:11px;font-style:normal;font-weight:700;letter-spacing:-2px}.conversation-preview-status.read{color:#45a1ff}
.conversation-locale{align-items:flex-start;gap:10px;color:#61708a;font-size:11px;line-height:1.35;white-space:nowrap}.conversation-country{overflow:hidden;max-width:82px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.conversation-local-time{white-space:nowrap}
.conversation-footer{justify-content:space-between;gap:8px;margin-top:6px}.conversation-tags{display:flex;min-width:0;gap:7px}.conversation-tags i{overflow:hidden;max-width:78px;padding:5px 9px;border-radius:13px;font-size:10px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.tag-purple{background:#f0e3ff;color:#7652d5}.tag-green{background:#e4f5e9;color:#278553}.tag-neutral,.tag-more{background:#eef2f7;color:#68778f}.tag-placeholder{border:1px dashed #d7deea;background:#f7f9fc;color:#9aa7ba}.conversation-unread{flex:none;display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:15px;background:#3478f6;color:#fff;font-size:12px}
.conversation-item.active{background:#f3f1ff;box-shadow:inset 3px 0 var(--wa-blue)}
.conversation-kind{display:none!important}
@media(max-width:760px){.conversation-item{display:grid;grid-template-columns:36px minmax(0,1fr);gap:0 7px;padding:10px 7px;min-height:78px}.conversation-item .member-avatar{width:36px;height:36px}.conversation-title{font-size:11px}.conversation-item time,.conversation-preview,.conversation-locale{font-size:9px}.conversation-country{max-width:55px}.conversation-tags{gap:3px}.conversation-tags i{max-width:48px;padding:3px 5px}.conversation-unread{min-width:20px;height:20px;padding:0 4px;font-size:9px}}

/* The avatar corner badge is the sole channel mark in the chat header. */
.chat-context{display:none!important}.chat-title-block .chat-subline::after{content:none!important}
.chat-presence{display:flex!important;align-items:center;gap:4px;font-size:10px!important}.chat-presence[hidden]{display:none!important}.chat-presence.online{color:#1b9a61!important}.chat-presence.offline{color:#8994a5!important}.chat-presence::before{content:'';width:6px;height:6px;border-radius:50%;background:#22b573}.chat-presence.offline::before{background:#a8b0bd}

/* Header actions follow the supplied white/soft-blue reference without enabling them. */
.chat-head .chat-actions{gap:8px}
.chat-head .chat-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:42px;padding:0 13px;border:1px solid #d7e0ec;border-radius:11px;background:#fff;color:#243149;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:0 1px 2px #18355708}
.chat-head .chat-actions button:disabled{cursor:not-allowed;opacity:1}
.chat-head .chat-actions button>span{display:inline!important;color:inherit!important;font-size:inherit!important;font-weight:inherit!important}
.chat-head .chat-actions .action-icon{display:block;width:21px;height:21px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.chat-head .chat-actions .ai-reception-action{border-color:#d4e1fb;background:#eef4ff;color:#3475ee}
.chat-head .chat-actions .sparkle-icon{width:23px;height:23px;stroke-width:1.7}

/* Approved message rhythm: time separators and one outside avatar per speaker cluster. */
.message-list{gap:5px;padding:18px 22px;background:#f7f4ed}.bubble{position:relative;max-width:76%;border-radius:10px;padding:8px 11px;font-size:13px;line-height:1.45}.bubble[data-cluster-start="true"]{margin-top:10px}.bubble.inbound{margin-left:36px}.bubble.outbound{margin-right:36px;background:#e7f7e4;border-color:#d8eed5}.bubble .message-avatar{position:absolute;top:0;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;overflow:hidden;background:#eaf2ff;color:#3374e9;font-size:10px}.bubble .message-avatar img{width:100%;height:100%;object-fit:cover}.bubble.inbound>.message-avatar{left:-41px}.bubble.outbound>.message-avatar{right:-41px}.bubble>.message-time{display:none}.bubble>.message-time.manual-time{display:block;margin-top:5px;color:#8392a8;font-size:9px}.bubble>small{font-size:9px}.date-divider{align-self:center;margin:20px 0 10px;padding:0;background:transparent;color:#7f858d;font-size:12px;font-weight:500}.bubble .member-identity{position:relative;margin:0 0 5px;padding:0;color:#68788f;font-size:10px}.bubble .member-identity>.member-avatar{position:absolute;left:-41px;top:0;width:30px;height:30px}.bubble .member-identity[data-cluster-start="false"]>.member-avatar{display:none!important}.bubble.outbound .member-identity>.member-avatar{right:-41px;left:auto}