[x-cloak]{display:none!important}.crm-chat-shell svg{display:block;flex-shrink:0;width:1.25rem;height:1.25rem;max-width:1.5rem;max-height:1.5rem}.crm-chat-welcome-icon svg{width:2rem;height:2rem;max-width:2rem;max-height:2rem}.crm-chat-send-btn svg{width:1.25rem;height:1.25rem}.crm-classic-main:has(.crm-chat-shell){max-width:none!important;padding:0!important}.crm-chat-shell{--chat-sidebar-w: min(400px, 38vw);--chat-sidebar-bg: #ffffff;--chat-panel-bg: #e5ddd5;--chat-panel-pattern: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c8b8a8' fill-opacity='0.12'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");--chat-accent: #008069;--chat-accent-hover: #006e5a;--chat-accent-soft: #d9fdd3;--chat-bubble-out: linear-gradient(135deg, #d9fdd3 0%, #c5f0bc 100%);--chat-bubble-in: #ffffff;--chat-text: #111b21;--chat-text-secondary: #3b4a54;--chat-text-muted: #667781;--chat-border: rgb(17 27 33 / .08);--chat-shadow: 0 1px 2px rgb(11 20 26 / .08), 0 8px 24px rgb(11 20 26 / .06);--chat-radius: .875rem;height:calc(100vh - 5.5rem);min-height:28rem;max-height:none;font-feature-settings:"kern" 1}.dark .crm-chat-shell{--chat-sidebar-bg: #111b21;--chat-panel-bg: #0b141a;--chat-panel-pattern: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/svg%3E");--chat-accent: #00a884;--chat-accent-hover: #06cf9c;--chat-accent-soft: #005c4b;--chat-bubble-out: linear-gradient(135deg, #005c4b 0%, #025144 100%);--chat-bubble-in: #202c33;--chat-text: #e9edef;--chat-text-secondary: #d1d7db;--chat-text-muted: #8696a0;--chat-border: rgb(255 255 255 / .08);--chat-shadow: 0 1px 2px rgb(0 0 0 / .35), 0 12px 32px rgb(0 0 0 / .25)}.crm-chat-layout{display:grid;grid-template-columns:var(--chat-sidebar-w) 1fr;height:100%;overflow:hidden;border-radius:.75rem;box-shadow:var(--chat-shadow);border:1px solid var(--chat-border);background:var(--chat-sidebar-bg)}.crm-chat-sidebar{display:flex;flex-direction:column;min-height:0;background:var(--chat-sidebar-bg);border-inline-end:1px solid var(--chat-border)}.crm-chat-sidebar-head{padding:.875rem 1rem;background:var(--chat-sidebar-bg);border-bottom:1px solid var(--chat-border)}.crm-chat-search-wrap{position:relative;padding:.5rem .75rem .625rem}.crm-chat-search-wrap .crm-chat-search-icon,.crm-chat-search-wrap svg{position:absolute;inset-inline-start:1.25rem;top:50%;transform:translateY(-50%);width:1.125rem!important;height:1.125rem!important;max-width:1.125rem!important;max-height:1.125rem!important;color:var(--chat-text-muted);pointer-events:none}.crm-chat-search{width:100%;border-radius:.5rem;border:none;background:#f0f2f5;padding:.625rem .875rem .625rem 2.5rem;font-size:.875rem;font-weight:500;color:var(--chat-text)}.dark .crm-chat-search{background:#202c33;color:var(--chat-text)}.crm-chat-filters{display:flex;gap:.375rem;padding:0 .75rem .5rem;overflow-x:auto;scrollbar-width:none}.crm-chat-filter-pill{flex-shrink:0;border-radius:9999px;padding:.35rem .75rem;font-size:.75rem;font-weight:600;color:var(--chat-text-secondary);background:#f0f2f5;transition:all .15s ease}.dark .crm-chat-filter-pill{background:#202c33}.crm-chat-filter-pill.is-active{background:var(--chat-accent);color:#fff}.crm-chat-section-label{padding:.5rem 1rem .25rem;font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--chat-accent)}.crm-chat-list{flex:1;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.crm-chat-conv{display:flex;width:100%;cursor:pointer;align-items:center;gap:.625rem;padding:.5rem .75rem;text-align:start;border-bottom:1px solid var(--chat-border);transition:background .18s ease,transform .15s ease,box-shadow .18s ease;position:relative}.crm-chat-conv:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:3px;background:var(--chat-accent);opacity:0;transition:opacity .15s ease}.crm-chat-conv:hover{background:#f5f6f6;transform:translate(2px)}[dir=rtl] .crm-chat-conv:hover{transform:translate(-2px)}.dark .crm-chat-conv:hover{background:#202c33}.crm-chat-conv.is-active{background:#f0f2f5;box-shadow:inset 0 0 0 1px #0080691f}.crm-chat-conv.is-pinned-row{background:#0080690a}.dark .crm-chat-conv.is-active{background:#2a3942}.crm-chat-conv.is-active:before{opacity:1}.crm-chat-conv.is-unread .crm-chat-conv-name{font-weight:800;color:var(--chat-text)}.crm-chat-avatar{width:3.0625rem;height:3.0625rem;border-radius:9999px;display:grid;place-items:center;font-weight:700;font-size:.9375rem;color:#fff;flex-shrink:0;position:relative;box-shadow:0 1px 3px #0000001f}.crm-chat-presence-dot{position:absolute;bottom:1px;inset-inline-end:1px;width:.8125rem;height:.8125rem;border-radius:9999px;border:2px solid var(--chat-sidebar-bg)}.crm-chat-presence-dot.online{background:#25d366;box-shadow:0 0 0 2px #25d36640}.crm-chat-presence-dot.away{background:#f59e0b}.crm-chat-presence-dot.offline{background:#94a3b8}.crm-chat-conv-body{min-width:0;flex:1}.crm-chat-conv-top{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.crm-chat-conv-name{font-size:1rem;font-weight:600;color:var(--chat-text);overflow:hidden;white-space:nowrap}.crm-chat-conv-time{font-size:.6875rem;font-weight:500;color:var(--chat-text-muted);flex-shrink:0}.crm-chat-conv-preview{font-size:.8125rem;font-weight:450;color:var(--chat-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:.125rem}.crm-chat-conv-preview.is-typing{color:var(--chat-accent);font-weight:600}.crm-chat-unread-badge{min-width:1.25rem;height:1.25rem;padding:0 .35rem;border-radius:9999px;background:var(--chat-accent);color:#fff;font-size:.6875rem;font-weight:700;display:grid;place-items:center;animation:crm-chat-pulse 2s ease infinite}@keyframes crm-chat-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.crm-chat-panel{display:flex;flex-direction:column;min-height:0;min-width:0;background-color:var(--chat-panel-bg);background-image:var(--chat-panel-pattern)}.crm-chat-thread-head{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;background:#f0f2f5;border-bottom:1px solid var(--chat-border);box-shadow:0 1px 3px #0b141a0f;z-index:2}.dark .crm-chat-thread-head{background:#202c33}.crm-chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem 4%;display:flex;flex-direction:column;gap:.125rem;scroll-behavior:smooth}.crm-chat-date-divider{align-self:center;margin:.75rem 0;padding:.35rem .75rem;border-radius:.5rem;background:#ffffffd9;font-size:.6875rem;font-weight:600;color:var(--chat-text-muted);box-shadow:0 1px 2px #0000000f}.dark .crm-chat-date-divider{background:#182229}.crm-chat-msg-row{display:flex;flex-direction:column;max-width:65%;animation:crm-chat-msg-in .2s ease}.crm-chat-msg-row.is-mine{align-self:flex-end;align-items:flex-end}.crm-chat-msg-row.is-theirs{align-self:flex-start;align-items:flex-start}.crm-chat-msg-row.is-grouped{margin-top:.125rem}.crm-chat-msg-row.is-grouped .crm-chat-bubble{border-start-start-radius:var(--chat-radius);border-start-end-radius:var(--chat-radius)}.crm-chat-bubble{padding:.375rem .625rem .25rem;border-radius:var(--chat-radius);box-shadow:0 1px .5px #0b141a21;word-break:break-word;position:relative}.crm-chat-bubble.is-mine{background:var(--chat-bubble-out);border-end-end-radius:.2rem;color:#111b21}.dark .crm-chat-bubble.is-mine{color:#e9edef}.crm-chat-bubble.is-theirs{background:var(--chat-bubble-in);border-end-start-radius:.2rem;color:var(--chat-text)}.crm-chat-bubble.is-pending{opacity:.75}.crm-chat-bubble-sender{font-size:.75rem;font-weight:700;color:#e542a3;margin-bottom:.125rem}.crm-chat-bubble-meta{display:flex;align-items:center;justify-content:flex-end;gap:.25rem;margin-top:.125rem;font-size:.6875rem;color:var(--chat-text-muted)}.crm-chat-read-ticks{color:#53bdeb;font-size:.75rem;letter-spacing:-.15em}.crm-chat-attach-chip{display:inline-flex;align-items:center;gap:.5rem;margin-top:.375rem;padding:.5rem .75rem;border-radius:.5rem;background:#0000000a;font-size:.8125rem;font-weight:600;color:var(--chat-accent);text-decoration:none;transition:background .12s ease}.crm-chat-attach-chip:hover{background:#00000014}.crm-chat-typing-row{align-self:flex-start;display:flex;align-items:flex-end;gap:.5rem;margin-top:.25rem}.crm-chat-typing-bubble{display:inline-flex;gap:.2rem;padding:.75rem 1rem;border-radius:var(--chat-radius);background:var(--chat-bubble-in);box-shadow:0 1px .5px #0b141a21}.crm-chat-typing-bubble span{width:.4rem;height:.4rem;border-radius:9999px;background:var(--chat-text-muted);animation:crm-chat-bounce 1.2s infinite ease-in-out}.crm-chat-typing-bubble span:nth-child(2){animation-delay:.15s}.crm-chat-typing-bubble span:nth-child(3){animation-delay:.3s}@keyframes crm-chat-bounce{0%,80%,to{transform:translateY(0);opacity:.45}40%{transform:translateY(-5px);opacity:1}}.crm-chat-composer{padding:.5rem .75rem .75rem;background:#f0f2f5;border-top:1px solid var(--chat-border)}.dark .crm-chat-composer{background:#202c33}.crm-chat-composer-inner{display:flex;align-items:flex-end;gap:.5rem;padding:.375rem;border-radius:.75rem;background:#fff}.dark .crm-chat-composer-inner{background:#2a3942}.crm-chat-composer-btn{flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:9999px;display:grid;place-items:center;color:var(--chat-text-muted);transition:background .12s ease,color .12s ease,transform .1s ease}.crm-chat-composer-btn:hover{background:#0000000f;color:var(--chat-text)}.crm-chat-composer-input{flex:1;min-height:2.5rem;max-height:7rem;resize:none;border:none;background:transparent;font-size:.9375rem;font-weight:450;color:var(--chat-text);line-height:1.4;padding:.5rem .25rem}.crm-chat-composer-input:focus{outline:none;box-shadow:none}.crm-chat-send-btn{width:2.75rem;height:2.75rem;border-radius:9999px;background:var(--chat-accent);color:#fff;display:grid;place-items:center;box-shadow:0 2px 8px #00806959;transition:transform .12s ease,background .12s ease}.crm-chat-send-btn:hover{background:var(--chat-accent-hover);transform:scale(1.04)}.crm-chat-send-btn:active{transform:scale(.96)}.crm-chat-send-btn.is-sending{animation:crm-chat-send-pulse .6s ease}@keyframes crm-chat-send-pulse{0%,to{box-shadow:0 2px 8px #00806959}50%{box-shadow:0 0 0 8px #00806926}}.crm-chat-welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;background:linear-gradient(180deg,#f0f2f5,#e9edef)}.dark .crm-chat-welcome{background:linear-gradient(180deg,#111b21,#0b141a)}.crm-chat-welcome-card{max-width:26rem;padding:2rem;border-radius:1rem;background:#fff;box-shadow:var(--chat-shadow)}.dark .crm-chat-welcome-card{background:#202c33}.crm-chat-welcome-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1.25rem}.crm-chat-welcome-btn{padding:.5rem 1rem;border-radius:9999px;font-size:.8125rem;font-weight:600;background:var(--chat-accent);color:#fff;transition:transform .12s ease}.crm-chat-welcome-btn:hover{transform:translateY(-1px)}.crm-chat-welcome-btn.is-secondary{background:#f0f2f5;color:var(--chat-text)}.dark .crm-chat-welcome-btn.is-secondary{background:#2a3942;color:var(--chat-text)}.crm-chat-skeleton{animation:crm-chat-shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#e8e8e8 25%,#f5f5f5,#e8e8e8 75%);background-size:200% 100%;border-radius:.5rem}.dark .crm-chat-skeleton{background:linear-gradient(90deg,#2a3942 25%,#3b4a54,#2a3942 75%);background-size:200% 100%}@keyframes crm-chat-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.crm-chat-skeleton-conv{display:flex;gap:.75rem;padding:.75rem 1rem}.crm-chat-skeleton-avatar{width:3rem;height:3rem;border-radius:9999px;flex-shrink:0}.crm-chat-skeleton-lines{flex:1;display:flex;flex-direction:column;gap:.5rem;padding-top:.25rem}.crm-chat-skeleton-line{height:.75rem}.crm-chat-skeleton-line.short{width:40%}@media(max-width:1023px){.crm-chat-shell{--chat-sidebar-w: 100%;height:calc(100vh - 4.5rem)}.crm-chat-layout{grid-template-columns:1fr;position:relative}.crm-chat-sidebar{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;max-width:100%;transition:transform .28s cubic-bezier(.4,0,.2,1)}.crm-chat-sidebar.is-hidden-mobile{transform:translate(-105%);pointer-events:none}[dir=rtl] .crm-chat-sidebar.is-hidden-mobile{transform:translate(105%)}.crm-chat-msg-row{max-width:85%}}.crm-chat-thread{display:flex;flex-direction:column;flex:1;min-height:0}.crm-chat-panel:has(.crm-chat-thread){display:flex;flex-direction:column}.crm-chat-sidebar-toolbar{display:flex;align-items:center;gap:.5rem}.crm-chat-sidebar-title{flex:1;font-size:1.125rem;font-weight:700;color:var(--chat-text);margin:0}.crm-chat-global-badge{min-width:1.375rem;height:1.375rem;padding:0 .4rem;border-radius:9999px;background:var(--chat-accent);color:#fff;font-size:.75rem;font-weight:700;display:grid;place-items:center}.crm-chat-icon-btn{width:2.25rem;height:2.25rem;border-radius:9999px;display:grid;place-items:center;color:var(--chat-text-muted);transition:background .12s ease,color .12s ease}.crm-chat-icon-btn:hover{background:#0000000f;color:var(--chat-text)}.dark .crm-chat-icon-btn:hover{background:#ffffff14}.crm-chat-icon-btn-danger:hover{color:#ef4444}.crm-chat-pin-btn{flex-shrink:0;opacity:0;color:var(--chat-text-muted);padding:.25rem;transition:opacity .12s ease,color .12s ease}.crm-chat-conv:hover .crm-chat-pin-btn,.crm-chat-pin-btn .is-pinned{opacity:1}.crm-chat-pin-btn svg.is-pinned,.crm-chat-pin-btn:hover{color:var(--chat-accent);opacity:1}.crm-chat-empty-list{padding:2rem 1rem;text-align:center;font-size:.875rem;font-weight:500;color:var(--chat-text-muted)}.crm-chat-avatar-sm{width:2.5rem;height:2.5rem;font-size:.8125rem}.crm-chat-back-btn{width:2.25rem;height:2.25rem;border-radius:9999px;display:grid;place-items:center;color:var(--chat-text-muted)}.crm-chat-thread-head-text{min-width:0;flex:1}.crm-chat-thread-title{margin:0;font-size:1rem;font-weight:700;color:var(--chat-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-chat-thread-subtitle{margin:.125rem 0 0;font-size:.75rem;font-weight:500;color:var(--chat-accent)}.crm-chat-thread-actions{display:flex;gap:.25rem;margin-inline-start:auto}.crm-chat-skeleton-bubble{width:12rem;height:2.5rem;border-radius:var(--chat-radius)}.crm-chat-bubble-body{font-size:.9375rem;line-height:1.45;color:inherit}.crm-chat-bubble-body p{margin:0}.crm-chat-welcome-icon{width:4rem;height:4rem;margin:0 auto 1rem;border-radius:9999px;background:var(--chat-accent-soft);color:var(--chat-accent);display:grid;place-items:center}.crm-chat-welcome-icon svg{width:2rem;height:2rem}.crm-chat-welcome-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:700;color:var(--chat-text)}.crm-chat-welcome-lead{margin:0;font-size:.875rem;line-height:1.5;color:var(--chat-text-secondary)}.crm-chat-welcome-contacts{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--chat-border)}.crm-chat-welcome-contacts-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--chat-text-muted);margin:0 0 .75rem}.crm-chat-welcome-contact-grid{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.crm-chat-welcome-contact{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.5rem;border-radius:.75rem;min-width:4.5rem;transition:background .12s ease}.crm-chat-welcome-contact:hover{background:#f0f2f5}.dark .crm-chat-welcome-contact:hover{background:#2a3942}.crm-chat-welcome-contact-name{font-size:.6875rem;font-weight:600;color:var(--chat-text-secondary);max-width:5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-chat-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0b141a73;display:flex;align-items:center;justify-content:center;padding:1rem}.crm-chat-modal{width:min(28rem,100%);border-radius:1rem;background:#fff;box-shadow:var(--chat-shadow);overflow:hidden}.dark .crm-chat-modal{background:#202c33}.crm-chat-modal-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--chat-border)}.crm-chat-modal-head h3{margin:0;font-size:1rem;font-weight:700;color:var(--chat-text)}.crm-chat-modal-body{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.crm-chat-field{display:flex;flex-direction:column;gap:.35rem;font-size:.8125rem;font-weight:600;color:var(--chat-text-secondary)}.crm-chat-input,.crm-chat-select,.crm-chat-textarea{border-radius:.5rem;border:1px solid var(--chat-border);padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:var(--chat-text);background:#fff}.dark .crm-chat-input,.dark .crm-chat-select,.dark .crm-chat-textarea{background:#2a3942}.crm-chat-select{min-height:6rem}.crm-chat-modal-foot{display:flex;justify-content:flex-end;gap:.5rem;padding-top:.5rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.crm-chat-avatar-wrap{position:relative;flex-shrink:0}.crm-chat-avatar-wrap.has-active-ring .crm-chat-avatar{box-shadow:0 0 0 2px var(--chat-sidebar-bg),0 0 0 3px var(--chat-accent)}.crm-chat-avatar{transition:transform .15s ease,box-shadow .15s ease}.crm-chat-conv:hover .crm-chat-avatar{transform:scale(1.03)}.crm-chat-avatar-xs{width:2rem;height:2rem;font-size:.6875rem}.crm-chat-conv-bottom{display:flex;align-items:center;gap:.375rem;margin-top:.125rem;min-width:0}.crm-chat-conv-bottom .crm-chat-conv-preview{flex:1;margin-top:0}.crm-chat-conv-time.is-recent{color:var(--chat-accent);font-weight:700}.crm-chat-pin-indicator{width:.375rem;height:.375rem;border-radius:9999px;background:var(--chat-accent);flex-shrink:0}.crm-chat-presence-dot.typing{background:var(--chat-accent);animation:crm-chat-pulse 1s ease infinite}.crm-chat-messages-bg{position:relative;background-color:var(--chat-panel-bg);background-image:radial-gradient(ellipse 80% 50% at 50% 0%,rgb(0 128 105 / .06),transparent 55%),var(--chat-panel-pattern)}.dark .crm-chat-messages-bg{background-image:radial-gradient(ellipse 70% 45% at 50% 0%,rgb(0 168 132 / .08),transparent 50%),var(--chat-panel-pattern)}.crm-chat-msg-row{margin-bottom:.0625rem}.crm-chat-msg-row.is-tail{margin-bottom:.375rem}.crm-chat-bubble{padding:.4375rem .6875rem .3125rem;transition:box-shadow .15s ease,transform .15s ease}.crm-chat-msg-row:hover .crm-chat-bubble{box-shadow:0 2px 6px #0b141a1f}.crm-chat-msg-row.is-mine.is-tail .crm-chat-bubble.is-mine:after,.crm-chat-msg-row.is-theirs.is-tail .crm-chat-bubble.is-theirs:after{content:"";position:absolute;bottom:0;width:.5rem;height:.75rem;background:inherit}.crm-chat-msg-row.is-mine.is-tail .crm-chat-bubble.is-mine:after{inset-inline-end:-.35rem;clip-path:polygon(0 0,0 100%,100% 100%);border-end-end-radius:.25rem}.crm-chat-msg-row.is-theirs.is-tail .crm-chat-bubble.is-theirs:after{inset-inline-start:-.35rem;clip-path:polygon(100% 0,0 100%,100% 100%);border-end-start-radius:.25rem}.crm-chat-msg-row.is-grouped.is-mine .crm-chat-bubble.is-mine{border-end-end-radius:.375rem}.crm-chat-msg-row.is-grouped.is-theirs .crm-chat-bubble.is-theirs{border-end-start-radius:.375rem}.crm-chat-read-ticks.is-read{color:#53bdeb}.crm-chat-read-ticks.is-pending{color:var(--chat-text-muted);opacity:.7}.crm-chat-thread-head{padding:.5rem .875rem;min-height:3.75rem}.crm-chat-thread-title-row{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap;min-width:0}.crm-chat-role-badge,.crm-chat-pinned-badge{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:.125rem .4rem;border-radius:.25rem;flex-shrink:0}.crm-chat-role-badge{background:#0080691f;color:var(--chat-accent)}.crm-chat-pinned-badge{background:#f59e0b26;color:#b45309}.dark .crm-chat-pinned-badge{color:#fbbf24}.crm-chat-thread-subtitle{margin:.2rem 0 0}.crm-chat-presence-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;color:var(--chat-text-muted)}.crm-chat-presence-pill-dot{width:.5rem;height:.5rem;border-radius:9999px;background:#94a3b8;flex-shrink:0}.crm-chat-presence-pill.is-online .crm-chat-presence-pill-dot{background:#25d366;box-shadow:0 0 6px #25d36680}.crm-chat-presence-pill.is-away .crm-chat-presence-pill-dot{background:#f59e0b}.crm-chat-presence-pill.is-typing{color:var(--chat-accent)}.crm-chat-presence-pill.is-typing .crm-chat-presence-pill-dot{background:var(--chat-accent);animation:crm-chat-pulse 1s ease infinite}.crm-chat-thread-search{display:none;align-items:center;gap:.35rem;padding:.25rem .5rem;border-radius:.5rem;background:#0000000d;max-width:9rem}@media(min-width:768px){.crm-chat-thread-search{display:flex}}.dark .crm-chat-thread-search{background:#ffffff0f}.crm-chat-thread-search-input{width:100%;min-width:5rem;border:none;background:transparent;font-size:.75rem;font-weight:500;color:var(--chat-text);outline:none}.crm-chat-thread-search svg{width:.875rem!important;height:.875rem!important;max-width:.875rem!important;max-height:.875rem!important;color:var(--chat-text-muted)}.crm-chat-icon-btn svg.is-pinned{color:var(--chat-accent)}.crm-chat-composer{padding:.375rem .625rem .625rem;transition:background .2s ease}.crm-chat-composer.is-focused .crm-chat-composer-inner{box-shadow:0 0 0 2px #00806933}.crm-chat-composer-inner{border:1px solid transparent;transition:box-shadow .2s ease,border-color .2s ease}.crm-chat-composer-input::-moz-placeholder{color:var(--chat-text-muted);opacity:1}.crm-chat-composer-input::placeholder{color:var(--chat-text-muted);opacity:1}.crm-chat-send-btn.is-ready:not(:disabled){transform:scale(1.02)}.crm-chat-send-btn:disabled{opacity:.45;cursor:not-allowed}.crm-chat-welcome{padding:1.25rem;justify-content:flex-start;overflow-y:auto}.crm-chat-welcome-inner{width:100%;max-width:28rem;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}.crm-chat-welcome-card{padding:1.5rem}.crm-chat-welcome-section-title{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--chat-text-muted);margin:0 0 .625rem}.crm-chat-welcome-pinned-list{display:flex;flex-direction:column;gap:.35rem}.crm-chat-welcome-pinned-item{display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem;border-radius:.625rem;text-align:start;transition:background .12s ease,transform .12s ease;width:100%}.crm-chat-welcome-pinned-item:hover{background:#0000000d;transform:translate(3px)}.dark .crm-chat-welcome-pinned-item:hover{background:#ffffff0f}.crm-chat-welcome-pinned-name{font-size:.875rem;font-weight:600;color:var(--chat-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-chat-shell{font-family:inherit;-webkit-font-smoothing:antialiased}.crm-chat-conv-name,.crm-chat-thread-title{letter-spacing:-.01em}.crm-chat-bubble-body{font-weight:450}@media(max-width:1023px){.crm-chat-composer{position:sticky;bottom:0;z-index:5}.crm-chat-conv:hover{transform:none}.crm-chat-welcome{padding:1rem}}.crm-chat-new-btn{background:var(--chat-accent);color:#fff}.crm-chat-new-btn:hover{background:var(--chat-accent-hover);color:#fff}.crm-chat-pick-contact{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--chat-sidebar-bg)}.crm-chat-pick-head{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--chat-border);background:#f0f2f5}.dark .crm-chat-pick-head{background:#202c33}.crm-chat-pick-title{margin:0;font-size:1.0625rem;font-weight:700;color:var(--chat-text)}.crm-chat-pick-search-wrap{position:relative;padding:.5rem .75rem;border-bottom:1px solid var(--chat-border)}.crm-chat-pick-search{width:100%;border:none;border-radius:.5rem;background:#f0f2f5;padding:.625rem .875rem .625rem 2.5rem;font-size:.875rem;font-weight:500;color:var(--chat-text)}.dark .crm-chat-pick-search{background:#202c33}.crm-chat-pick-list{flex:1;overflow-y:auto}.crm-chat-pick-row{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem 1rem;text-align:start;border-bottom:1px solid var(--chat-border);transition:background .12s ease}.crm-chat-pick-row:hover{background:#f5f6f6}.dark .crm-chat-pick-row:hover{background:#202c33}.crm-chat-pick-row-body{min-width:0;flex:1}.crm-chat-pick-name{display:block;font-size:1rem;font-weight:600;color:var(--chat-text)}.crm-chat-pick-role{display:block;font-size:.75rem;font-weight:500;color:var(--chat-text-muted);margin-top:.125rem}.crm-chat-pick-empty{padding:2rem 1rem;text-align:center;color:var(--chat-text-muted);font-size:.875rem}.crm-chat-draft-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.crm-chat-draft-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.35}.crm-chat-draft-empty-title{margin:0 0 .5rem;font-size:1.125rem;font-weight:700;color:var(--chat-text)}.crm-chat-draft-empty-hint{margin:0;max-width:18rem;font-size:.8125rem;line-height:1.5;color:var(--chat-text-muted)}.crm-chat-quick-contacts{flex-shrink:0;padding:.5rem 0 .625rem;border-top:1px solid var(--chat-border);background:var(--chat-sidebar-bg)}.crm-chat-quick-contacts-label{margin:0 0 .5rem;padding:0 .75rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--chat-text-muted)}.crm-chat-quick-contacts-scroll{display:flex;gap:.625rem;padding:0 .75rem;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:thin}.crm-chat-quick-contacts-scroll.is-welcome{padding:0}.crm-chat-quick-contact{display:flex;flex-direction:column;align-items:center;gap:.35rem;flex-shrink:0;width:4.25rem;padding:.25rem;border-radius:.5rem;transition:transform .12s ease,background .12s ease}.crm-chat-quick-contact:hover{background:#0000000a;transform:translateY(-2px)}.dark .crm-chat-quick-contact:hover{background:#ffffff0f}.crm-chat-quick-contact-name{font-size:.625rem;font-weight:600;color:var(--chat-text-secondary);max-width:4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.crm-chat-welcome-hero{text-align:center;padding:1rem 0}.crm-chat-welcome-contacts-strip{width:100%}.crm-chat-sidebar .crm-chat-list{flex:1;min-height:0}[dir=rtl] .crm-chat-back-btn svg{transform:scaleX(-1)}@supports (padding-bottom: env(safe-area-inset-bottom)){@media(max-width:1023px){.crm-chat-composer{padding-bottom:calc(.75rem + env(safe-area-inset-bottom))}}}.crm-chat-messages .crm-chat-msg-row+.crm-chat-msg-row.is-same-sender{margin-top:.125rem}.crm-chat-messages .crm-chat-msg-row:not(.is-same-sender)+.crm-chat-msg-row{margin-top:.625rem}.crm-chat-date-divider{margin:.75rem auto;padding:.25rem .75rem;width:-moz-fit-content;width:fit-content;max-width:90%;border-radius:9999px;font-size:.6875rem;font-weight:600;color:var(--chat-text-muted);background:#ffffffd9;box-shadow:0 1px 2px #0000000f}.dark .crm-chat-date-divider{background:#202c33e6}.crm-chat-msg-row{animation:crm-chat-msg-in .22s ease-out}@keyframes crm-chat-msg-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.crm-chat-bubble{transition:box-shadow .15s ease,transform .15s ease}.crm-chat-msg-row.is-mine .crm-chat-bubble:hover{transform:translateY(-1px)}.crm-chat-typing-dots span{animation:crm-chat-typing 1.2s ease-in-out infinite}.crm-chat-typing-dots span:nth-child(2){animation-delay:.15s}.crm-chat-typing-dots span:nth-child(3){animation-delay:.3s}@keyframes crm-chat-typing{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.crm-chat-attachment-preview{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.crm-chat-attachment-chip{display:inline-flex;align-items:center;gap:.375rem;max-width:12rem;padding:.375rem .625rem;border-radius:.75rem;font-size:.75rem;font-weight:600;color:var(--chat-text-secondary);background:#0000000d;border:1px solid rgb(0 0 0 / .08)}.dark .crm-chat-attachment-chip{background:#ffffff0f;border-color:#ffffff1a}@media(max-width:1023px){.crm-chat-sidebar.is-open{transition:transform .28s cubic-bezier(.4,0,.2,1)}}.crm-chat-load-older{display:flex;justify-content:center;padding:.5rem 0 .75rem}.crm-chat-load-older-btn{border:0;border-radius:999px;padding:.35rem .85rem;font-size:.75rem;font-weight:600;color:var(--chat-text-secondary, #64748b);background:#0000000d;cursor:pointer}.crm-chat-load-older.is-loading{justify-content:center;font-size:.75rem;color:var(--chat-text-secondary, #64748b);padding:.5rem 0}