.crm-chat-workspace{display:grid;grid-template-columns:300px minmax(0,1fr);height:calc(100dvh - var(--workspace-header-height,57px) - 40px);min-height:420px;overflow:hidden;margin:-2px -16px -16px;background:var(--surface);border-top:1px solid var(--line)}
.crm-chat-sidebar{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line);background:var(--surface)}
.crm-chat-search{display:flex;align-items:center;gap:6px;padding:15px 12px 8px}.crm-chat-search label{display:flex;gap:9px;align-items:center;min-width:0;flex:1;padding:9px 10px;border-radius:10px;background:var(--soft)}.crm-chat-search label>.icon{width:16px;flex:none;color:var(--muted)}.crm-chat-search input{border:0;background:none;outline:none;font:inherit;font-size:13px;width:100%;min-width:0;color:var(--ink)}.crm-chat-search label:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.crm-chat-filters{display:flex;gap:6px;padding:5px 12px 12px}.crm-chat-filters select,.crm-chat-thread-tools select{background:transparent;color:var(--muted);border:0;font:inherit;font-size:12px;min-width:0;max-width:100%;padding:6px 3px}.crm-chat-filters select{width:50%}.crm-chat-list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.crm-chat-row{position:relative;display:flex;gap:12px;padding:15px 13px;border-top:1px solid var(--line);text-decoration:none;color:var(--ink);transition:background var(--motion-menu) var(--ease)}.crm-chat-row:hover{background:var(--hover)}.crm-chat-row.is-selected{background:var(--soft)}.crm-chat-row.is-selected:before{content:'';position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:3px;background:var(--ink)}
.crm-chat-avatar{display:flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:50%;background:var(--soft);border:1px solid var(--line);font-size:14px;flex:none;position:relative}.crm-chat-avatar>span{position:absolute;bottom:-3px;right:-3px}.crm-chat-avatar .integration-logo{--logo-size:17px;--logo-padding:2px;border-radius:50%;border:2px solid var(--surface)}.crm-chat-row-copy{display:flex;flex-direction:column;min-width:0;flex:1;gap:4px}.crm-chat-row-copy>span:first-child{display:flex;gap:8px;justify-content:space-between;align-items:center}.crm-chat-row-copy strong{font-size:13px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.crm-chat-row time{font-size:10px;white-space:nowrap;color:var(--muted);flex:none}.crm-chat-row-deal{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-chat-row-preview{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-chat-row-copy small{font-size:10px;color:var(--muted)}.crm-chat-unread{position:absolute;right:12px;bottom:12px;font-size:10px;min-width:17px;height:17px;padding:0 4px;border-radius:20px;background:var(--ink);color:var(--surface);display:flex;align-items:center;justify-content:center}.crm-chat-more{padding:12px}.crm-chat-list-error{font-size:12px;color:var(--error);padding:0 12px}.crm-chat-list-error:not(:empty){padding-block:12px}
.crm-chat-content{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg)}.crm-chat-header{display:flex;gap:12px;align-items:center;min-height:77px;padding:14px 22px;border-bottom:1px solid var(--line);background:var(--surface)}.crm-chat-heading{min-width:0;flex:1;display:grid;gap:5px}.crm-chat-heading a{color:var(--ink);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-chat-heading a:hover{text-decoration:underline}.crm-chat-heading strong{font-size:15px;font-weight:600}.crm-chat-heading>span{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted)}.crm-chat-heading .integration-logo{--logo-size:16px;--logo-padding:2px;border:0;border-radius:50%}.crm-chat-header-actions .btn{font-size:12px;max-width:230px;min-width:0;display:flex;gap:6px;align-items:center}.crm-chat-header-actions .btn>span{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-chat-header-actions .icon{width:15px;flex:none}.crm-chat-back{display:none}.crm-chat-welcome,.crm-chat-no-results{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;text-align:center;padding:32px;color:var(--muted)}.crm-chat-welcome{flex:1}.crm-chat-welcome>.icon{width:38px;height:38px;stroke-width:1.3}.crm-chat-welcome h2{font-size:17px;font-weight:500;color:var(--ink);margin:4px 0 0}.crm-chat-welcome p,.crm-chat-no-results p{font-size:13px;line-height:1.6;max-width:300px;margin:0}.crm-chat-no-results{padding:45px 20px;font-size:13px}.crm-chat-thread-host{min-height:0;flex:1}.crm-chat-thread{height:100%;min-height:0;display:flex;flex-direction:column}.crm-chat-thread-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 22px}.crm-chat-thread-tools .text-btn{font-size:11px;color:var(--muted)}.crm-chat-messages{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:12px 22px 24px}.crm-chat-message-list{display:flex;flex-direction:column;gap:16px}.crm-chat-message{display:flex;justify-content:flex-start}.crm-chat-message.is-outgoing{justify-content:flex-end}.crm-chat-bubble{max-width:min(84%,650px);min-width:120px;background:var(--surface);border:1px solid var(--line);border-radius:3px 14px 14px 14px;padding:12px 15px;overflow-wrap:anywhere}.is-outgoing>.crm-chat-bubble{border-radius:14px 3px 14px 14px;background:var(--soft)}.crm-chat-message-meta{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:7px}.crm-chat-message-meta strong{font-size:11px;font-weight:600}.crm-chat-message-meta time{font-size:10px;color:var(--muted);white-space:nowrap}.crm-chat-bubble p{white-space:pre-wrap;font-size:14px;line-height:1.55;margin:0}.crm-chat-delivery{display:block;font-size:10px;color:var(--muted);margin-top:7px;text-align:right}.crm-chat-delivery.is-error{color:var(--error)}.crm-chat-attachment{display:flex;gap:8px;align-items:center;margin-top:6px;color:var(--ink);font-size:13px}.crm-chat-attachment .icon{width:16px;height:16px;flex:none}.crm-chat-empty-messages{text-align:center;color:var(--muted);font-size:12px;padding:32px}.crm-chat-older{display:block;margin:0 auto 20px;font-size:12px}.crm-chat-compose{margin:0 22px 20px;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:12px 14px}.crm-chat-compose:focus-within{border-color:var(--border-hover)}.crm-chat-compose textarea{display:block;resize:vertical;min-height:46px;max-height:160px;width:100%;border:0;outline:none;background:none;color:var(--ink);font:inherit;font-size:14px;line-height:1.5;padding:0}.crm-chat-compose>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.crm-chat-compose-hint{font-size:10px;color:var(--muted)}.crm-chat-compose button{background:var(--ink);color:var(--surface);width:32px;height:32px;border-radius:9px;flex:none}.crm-chat-compose button:disabled{opacity:.5}.crm-chat-thread-error{font-size:12px;color:var(--error);line-height:1.5;padding:0 22px}.crm-chat-thread-error:not(:empty){padding-block:9px}.crm-chat-closed{font-size:12px;color:var(--muted);padding:15px 22px;border-top:1px solid var(--line)}
.crm-chat-workspace.has-record{grid-template-columns:260px minmax(320px,1fr) 350px}.crm-chat-record{min-width:0;overflow:auto;background:var(--surface);border-left:1px solid var(--line)}.crm-chat-record-toolbar{display:flex;gap:8px;justify-content:space-between;align-items:center;padding:12px 15px;border-bottom:1px solid var(--line);font-size:13px;position:sticky;top:0;background:var(--surface);z-index:3}.crm-chat-record-toolbar a{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--muted);text-decoration:none}.crm-chat-record-toolbar .icon{width:16px}.crm-chat-record #crm-detail{padding:0;min-height:0}.crm-chat-record .crm-record-layout{display:block!important;height:auto!important;min-height:0!important}.crm-chat-record .crm-record-fields{border:0;border-radius:0;width:100%;max-width:none;height:auto;max-height:none}.crm-chat-record .crm-record-activity{display:none}.crm-chat-record .crm-record-header>a{display:none}.crm-chat-record .crm-record-header{padding-inline:16px}.crm-chat-record .crm-record-panels{max-height:none;overflow:visible}.crm-chat-record .crm-record-tabbar{padding-inline:16px}.crm-chat-create-deal{padding:20px;display:grid;gap:20px}.crm-chat-create-deal .account-field input,.crm-chat-create-deal .account-field select{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--surface);font:inherit;font-size:13px}.crm-chat-create-deal .account-field>span{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}
.crm-conversation{border:1px solid var(--line);border-radius:12px;background:var(--surface);margin:14px 0;overflow:hidden}.crm-conversation>summary{list-style:none;display:flex;align-items:center;gap:10px;padding:14px;cursor:pointer}.crm-conversation>summary::-webkit-details-marker{display:none}.crm-conversation>summary .integration-logo{--logo-size:28px;--logo-padding:5px;border:0;border-radius:8px}.crm-conversation>summary>span:nth-child(2){display:grid;gap:3px;flex:none}.crm-conversation>summary strong{font-size:12px;font-weight:600}.crm-conversation>summary small{font-size:10px;color:var(--muted)}.crm-conversation>summary>.icon{width:14px;flex:none;margin-left:auto}.crm-conversation[open]>summary>.icon{transform:rotate(180deg)}.crm-conversation-preview{font-size:12px;color:var(--muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.crm-conversation[open] .crm-conversation-preview{display:none}.crm-conversation-link{display:flex;align-items:center;gap:6px;justify-content:flex-end;padding:10px 14px;font-size:11px;color:var(--muted);border-top:1px solid var(--line);text-decoration:none}.crm-conversation-link>.icon{width:12px;height:12px}.crm-chat-thread.is-embedded{height:auto;min-height:200px;max-height:550px}.is-embedded .crm-chat-messages{max-height:320px;min-height:100px;padding:10px 14px 16px}.is-embedded .crm-chat-thread-tools{padding:3px 14px 8px}.is-embedded .crm-chat-compose{margin:0 14px 12px}.is-embedded .crm-chat-bubble{padding:9px 12px;max-width:92%}.is-embedded .crm-chat-bubble p{font-size:13px}.is-embedded .crm-chat-message-meta{gap:12px}.crm-contact-chats{display:grid;gap:8px}.crm-contact-chat-link{display:flex;align-items:center;gap:12px;padding:14px 8px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}.crm-contact-chat-link>span:not(.integration-logo){display:grid;gap:5px;min-width:0;flex:1}.crm-contact-chat-link strong{font-size:13px}.crm-contact-chat-link small{font-size:11px;color:var(--muted)}.crm-contact-chat-link>.icon{width:16px}.crm-contact-chat-link .integration-logo{--logo-size:34px;--logo-padding:6px}.crm-contact-chats-error{color:var(--error);font-size:12px}
@media(max-width:1200px){.crm-chat-workspace.has-record{grid-template-columns:240px minmax(0,1fr)}.crm-chat-record{position:absolute;right:0;top:0;bottom:0;width:min(390px,100%);z-index:10;box-shadow:-16px 0 30px #00000012}.crm-chat-workspace{position:relative}.crm-chat-header{padding:12px 16px}}
@media(max-width:760px){.crm-chat-workspace{grid-template-columns:250px minmax(0,1fr)}.crm-chat-header-actions .btn{max-width:135px}.crm-chat-messages{padding:12px}.crm-chat-compose{margin:0 12px 12px}.crm-chat-thread-tools{padding:8px 12px}.crm-chat-bubble{max-width:95%}.crm-chat-message-meta{gap:8px;flex-wrap:wrap}}
@media(max-width:600px){.crm-chat-workspace,.crm-chat-workspace.has-record{grid-template-columns:minmax(0,1fr);height:calc(100dvh - 100px);margin-inline:-12px;min-height:350px}.crm-chat-content{display:none}.crm-chat-workspace.has-selection .crm-chat-sidebar{display:none}.crm-chat-workspace.has-selection .crm-chat-content{display:flex}.crm-chat-back{display:flex;flex:none}.crm-chat-header{padding:10px 12px;gap:8px;min-height:72px}.crm-chat-heading strong{font-size:14px}.crm-chat-header-actions .btn{padding:7px 8px;font-size:11px;max-width:145px}.crm-chat-sidebar{border-right:0}.crm-chat-message-meta time{font-size:9px}.crm-chat-record{width:100%;border:0}.crm-chat-compose-hint{font-size:9px}.crm-chat-thread-tools select{font-size:11px}.crm-chat-thread-tools .text-btn{font-size:10px}}
@media(prefers-reduced-motion:reduce){.crm-chat-row{transition:none}}

.crm-chat-latest{padding:10px;text-align:center;font-size:12px;border-top:1px solid var(--line)}

.crm-chat-link-existing{padding:20px;border-bottom:1px solid var(--line)}.crm-chat-link-existing>strong{font-size:12px}.crm-chat-link-existing [data-chat-deal-options]{display:grid;gap:7px;margin-top:12px}.crm-chat-link-existing .btn{display:grid;gap:4px;text-align:left;justify-content:start;white-space:normal;padding:12px;font-size:12px}.crm-chat-link-existing small{font-size:10px;color:var(--muted)}