.agency-chat{background:var(--surface,#fff);border:1px solid var(--border,#dde3eb);border-radius:24px;overflow:hidden;max-width:960px;margin:auto}.chat-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 24px;border-bottom:1px solid var(--border,#dde3eb)}.chat-toolbar small{display:block;font-size:12px;opacity:.65;margin-top:5px}.chat-page-buttons{display:flex;gap:8px;flex-wrap:wrap}.agency-chat button{font:inherit;border:1px solid #9aa9bb66;border-radius:12px;background:transparent;color:inherit;padding:10px 14px;min-height:44px;cursor:pointer}.agency-chat button:disabled{opacity:.45;cursor:default}.chat-status{padding:0 24px;font-size:12px;opacity:.75}.chat-messages{height:440px;overflow:auto;padding:14px 24px;display:flex;flex-direction:column;gap:16px;overscroll-behavior:contain}.chat-row{display:flex;gap:10px;align-items:flex-start;max-width:85%}.chat-row.mine{align-self:flex-end;flex-direction:row-reverse}.chat-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.chat-bubble{border-radius:16px;background:#8193b514;padding:12px 15px;min-width:130px;max-width:100%;overflow-wrap:anywhere}.mine .chat-bubble{background:#3277ed20}.chat-author{display:block;font-size:12px;font-weight:700}.chat-message-text{white-space:pre-wrap;line-height:1.65;font-size:14px;margin:7px 0}.chat-time{display:block;font-size:10px;opacity:.65}.agency-chat .chat-remove{border:0;padding:2px 0;min-height:28px;font-size:10px;opacity:.7}.chat-composer{border-top:1px solid #8193b533;padding:18px 24px}.chat-composer label{display:block;font-size:12px;margin-bottom:8px}.chat-composer>div{display:flex;align-items:end;gap:10px}.chat-composer textarea{flex:1;min-width:0;margin:0;resize:vertical;max-height:150px;font:inherit;padding:13px;border:1px solid #8193b566;border-radius:13px;background:transparent;color:inherit}.chat-composer button{background:#2458e6;color:#fff;border:0;min-height:50px}.chat-composer small{display:block;font-size:10px;opacity:.6;margin-top:9px}.chat-unread{display:inline-block!important;font-size:10px!important;line-height:1.4;padding:2px 6px;border-radius:10px;background:#2458e6;color:#fff}.chat-unread[hidden]{display:none!important}.chat-row.removed .chat-message-text{opacity:.6;font-style:italic}html[data-theme=dark] .agency-chat{background:#19262e;color:#eaf0f8;border-color:#33424a}html[data-theme=dark] .chat-bubble{background:#8193b529}html[data-theme=dark] .mine .chat-bubble{background:#3277ed35}@media(max-width:580px){.chat-toolbar,.chat-composer{padding:16px}.chat-toolbar{align-items:start;flex-direction:column}.chat-messages{height:360px;padding:14px 16px}.chat-row{max-width:96%}.chat-composer>div{gap:7px}.chat-composer button{padding:10px 12px}.chat-bubble{min-width:100px}}@media(prefers-reduced-motion:reduce){.chat-messages{scroll-behavior:auto}}

@media(max-width:1050px){.v3-bottom{grid-template-columns:repeat(5,minmax(0,1fr));}.v3-bottom a{min-width:0;}.v3-bottom small{font-size:10px;}}

.chat-composer button{flex:0 0 auto;min-width:88px;white-space:nowrap;text-align:center}.chat-page-buttons button{white-space:nowrap}html[data-theme=dark] .v3-bottom a[data-chat-nav].active{background:#263d62!important;color:#dbe7ff!important}html[data-theme=dark] .v3-bottom a[data-chat-nav].active small{color:#dbe7ff!important}

.chat-people{padding:16px 24px;border-bottom:1px solid #8193b533}.chat-people summary{cursor:pointer;font-weight:600;min-height:36px}.chat-people small{display:block;opacity:.65;font-size:11px;margin-top:10px}.chat-people-tools{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:12px 0}.chat-people-tools label{flex:1;font-size:12px;min-width:160px}.chat-people-tools input{display:block;width:100%;margin:6px 0 0;padding:10px;border:1px solid #8193b566;border-radius:10px;background:transparent;color:inherit}.chat-members{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;max-height:260px;overflow:auto}.agency-chat .chat-member{display:flex;align-items:center;gap:10px;text-align:left;font-size:13px}.chat-member.online .chat-avatar{outline:3px solid #21a573;outline-offset:1px}.agency-chat .chat-copy{padding:5px 9px;min-height:34px;font-size:12px;margin-top:8px;color:var(--ink,inherit)}@media(max-width:580px){.chat-people{padding:16px}.chat-members{grid-template-columns:1fr}}

/* CHATLAYOUT2: conversation and live online rail share the available viewport. */
.chat-page-head{margin-bottom:12px}.chat-page-head h1{font-size:24px;margin:4px 0}.chat-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;max-width:1120px;height:min(760px,calc(100dvh - 180px));min-height:420px;overflow:hidden}.chat-conversation{display:flex;flex-direction:column;min-width:0;min-height:0}.chat-layout .chat-toolbar{padding:12px 16px;flex-direction:row;align-items:center;gap:8px}.chat-heading{min-width:0;flex:1}.chat-heading strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px}.chat-heading small{font-size:11px}.chat-layout .chat-page-buttons{flex-wrap:nowrap;gap:6px}.chat-layout button,.chat-help{border-radius:10px;min-height:44px;padding:8px 12px;font-size:12px}.chat-help{display:inline-flex;align-items:center;justify-content:center;border:1px solid #9aa9bb66;color:inherit;text-decoration:none}.chat-history-controls{display:flex;gap:8px;padding:8px 16px 0}.chat-history-controls button{min-width:64px}.chat-layout .chat-status{margin:6px 16px;font-size:10px;padding:0;min-height:14px}.chat-layout .chat-messages{flex:1;min-height:0;height:auto;padding:12px 16px}.chat-layout .chat-composer{padding:10px 12px;flex-shrink:0;background:var(--surface,#fff)}.chat-layout .chat-composer textarea{padding:10px;min-height:44px;max-height:100px}.chat-layout .chat-composer button{min-width:56px;min-height:44px;padding:8px 10px}.chat-layout .chat-composer small{font-size:10px;margin-top:5px}.chat-layout .chat-people{padding:12px 10px;border:0;border-left:1px solid #8193b533;overflow:auto;min-width:0}.chat-people h2{font-size:13px;margin:0 0 12px}.chat-people h2 span{color:#219b69}.chat-layout .chat-people p{font-size:10px;opacity:.65;overflow-wrap:anywhere}.chat-member-search input{width:100%;min-width:0;font:inherit;font-size:11px;padding:8px;border:1px solid #8193b566;border-radius:8px;background:transparent;color:inherit}.chat-layout .chat-members{display:flex;flex-direction:column;overflow:visible;max-height:none;gap:8px}.chat-layout .chat-member{padding:6px;gap:8px;min-width:0;border:0;width:100%;text-align:left}.chat-member span{min-width:0;overflow:hidden;text-overflow:ellipsis}.chat-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html[data-theme=dark] .chat-layout .chat-composer{background:#19262e}.chat-layout .chat-row{max-width:94%}.chat-layout .chat-bubble{min-width:0}.chat-layout .chat-copy{min-height:36px}.chat-people .chat-presence-note{font-size:10px}
@media(max-width:650px){.chat-layout{grid-template-columns:minmax(0,1fr) 74px;height:calc(100dvh - 210px);min-height:390px;border-radius:16px}.chat-page-head h1{font-size:20px}.chat-layout .chat-people{padding:12px 5px}.chat-people h2{text-align:center;font-size:11px}.chat-member-search{display:none}.chat-layout .chat-member{flex-direction:column;gap:4px;padding:6px 2px;font-size:9px;min-height:64px}.chat-member span{max-width:60px;white-space:nowrap}.chat-layout .chat-people p{font-size:9px;text-align:center}.chat-layout .chat-avatar{width:30px;height:30px}.chat-layout .chat-member .chat-avatar{width:38px;height:38px}.chat-layout .chat-toolbar{padding:8px;gap:4px}.chat-heading strong{font-size:13px}.chat-heading small{display:none}.chat-layout .chat-page-buttons{gap:4px}.chat-layout .chat-page-buttons button,.chat-layout .chat-help{padding:8px;font-size:11px;min-width:44px}.chat-history-controls{padding:6px 8px 0;gap:6px}.chat-history-controls button{padding:6px 10px}.chat-layout .chat-status{margin:5px 8px}.chat-layout .chat-messages{padding:10px 8px;gap:12px}.chat-layout .chat-row{gap:6px;max-width:100%}.chat-layout .chat-bubble{padding:9px 10px}.chat-layout .chat-message-text{font-size:13px;line-height:1.5}.chat-layout .chat-composer{padding:8px}.chat-layout .chat-composer>div{gap:6px}.chat-layout .chat-composer small{font-size:8px}.chat-layout .chat-presence-note{display:none}}

.chat-layout{min-height:240px}@media(max-height:500px){.chat-page-head{display:none}.chat-layout .chat-history-controls{display:none}}