:root{--cv-bg:#eae6df;--cv-sidebar-bg:#ffffff;--cv-sidebar-border:#e9edef;--cv-header-bg:#f0f2f5;--cv-search-bg:#f0f2f5;--cv-hover:#f5f6f6;--cv-active:#e0e5e7;--cv-text-primary:#111b21;--cv-text-secondary:#54656f;--cv-text-muted:#8696a0;--cv-bubble-user:#ffffff;--cv-bubble-agent:#d9fdd3;--cv-bubble-agent-alt:#c8f0c0;--cv-input-bg:#ffffff;--cv-input-border:#e0e5e7;--cv-accent:#00a884;--cv-accent-hover:#00c49a;--cv-unread:#25d366;--cv-handover:#f59e0b;--cv-danger:#ef4444;--cv-wa:#25d366;--cv-ig:#c13584;--cv-fb:#1877f2;--cv-tt:#010101;--cv-radius:8px;--cv-radius-bubble:7.5px;--cv-transition:.15s ease;--cv-chat-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='%23000000' fill-opacity='0.02'%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")}body.dark{--cv-bg:#0b141a;--cv-sidebar-bg:#111b21;--cv-sidebar-border:#222d35;--cv-header-bg:#1f2c34;--cv-search-bg:#1f2c34;--cv-hover:#182229;--cv-active:#2a3942;--cv-text-primary:#e9edef;--cv-text-secondary:#8696a0;--cv-text-muted:#667781;--cv-bubble-user:#1d282f;--cv-bubble-agent:#005c4b;--cv-bubble-agent-alt:#025144;--cv-input-bg:#1f2c34;--cv-input-border:#2a3942;--cv-chat-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='%23ffffff' fill-opacity='0.015'%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")}.cv-container{display:flex;height:calc(100vh - 60px);width:100%;overflow:hidden;background:var(--cv-bg);border-radius:var(--cv-radius) var(--cv-radius) 0 0;position:relative}.cv-sidebar{width:38%;min-width:320px;max-width:440px;display:flex;flex-direction:column;background:var(--cv-sidebar-bg);border-right:1px solid var(--cv-sidebar-border);transition:transform var(--cv-transition);z-index:2}.cv-sidebar-header{padding:16px 16px 8px;display:flex;align-items:center;justify-content:space-between}.cv-title{font-size:1.2rem;font-weight:600;color:var(--cv-text-primary);margin:0;letter-spacing:-.01em}.cv-filters{display:flex;gap:6px;padding:8px 14px 10px;overflow-x:auto;scrollbar-width:none;flex-wrap:wrap}.cv-filters::-webkit-scrollbar{display:none}.cv-filter-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border:1px solid var(--cv-sidebar-border);border-radius:20px;background:0 0;color:var(--cv-text-secondary,#8696a0);font-size:.75rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all var(--cv-transition)}.cv-filter-btn svg{flex-shrink:0;width:14px;height:14px}.cv-filter-btn:hover{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.12);color:var(--cv-text-primary)}body.dark .cv-filter-btn:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.15);color:#fff}.cv-filter-btn.cv-filter-active{background:var(--cv-accent,#00a884)!important;border-color:var(--cv-accent,#00a884)!important;color:#fff!important}.cv-filter-btn.cv-filter-active svg *{fill:#fff!important;stroke:#fff!important}.cv-filter-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.cv-dot-wa{background:var(--cv-wa)}.cv-dot-ig{background:var(--cv-ig)}.cv-dot-fb{background:var(--cv-fb)}.cv-dot-tt{background:var(--cv-tt);border:1px solid var(--cv-text-muted)}.cv-search{display:flex;align-items:center;gap:8px;margin:0 12px 8px;padding:8px 12px;background:var(--cv-search-bg);border-radius:var(--cv-radius);color:var(--cv-text-muted)}.cv-search input{flex:1;background:0 0;border:none;outline:0;color:var(--cv-text-primary);font-size:.875rem}.cv-search input::placeholder{color:var(--cv-text-muted)}.cv-convo-list{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--cv-sidebar-border) transparent}.cv-convo-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;border-left:3px solid transparent;transition:background var(--cv-transition);position:relative}.cv-convo-item:hover{background:var(--cv-hover)}.cv-convo-item.cv-convo-active{background:var(--cv-active);border-left-color:var(--cv-accent)}.cv-convo-item.cv-convo-unread .cv-convo-name{font-weight:600}.cv-convo-item.cv-convo-unread .cv-convo-preview{color:var(--cv-text-primary)}.cv-avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0;position:relative;overflow:hidden}.cv-avatar-sm{width:40px;height:40px}.cv-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.cv-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:600;font-size:.95rem}.cv-avatar-sm .cv-avatar-fallback{font-size:.8rem}.cv-convo-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.cv-convo-bottom,.cv-convo-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.cv-convo-name{font-size:.925rem;color:var(--cv-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cv-convo-time{font-size:.72rem;color:var(--cv-text-muted);flex-shrink:0}.cv-convo-preview{font-size:.8rem;color:var(--cv-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.cv-convo-meta{display:flex;align-items:center;gap:6px;flex-shrink:0}.cv-convo-channel{position:absolute;bottom:8px;right:12px}.cv-convo-channel-sm{position:static;display:inline-flex}.cv-ch-icon{width:16px;height:16px}.cv-ch-wa{fill:var(--cv-wa);color:var(--cv-wa)}.cv-ch-ig{color:var(--cv-ig)}.cv-ch-fb{fill:var(--cv-fb);color:var(--cv-fb)}.cv-ch-tt{fill:var(--cv-tt);color:var(--cv-tt)}.cv-badge-fb,.cv-badge-ig,.cv-badge-tt,.cv-badge-wa{display:inline-flex}.cv-tag{font-size:.65rem;padding:2px 6px;border-radius:10px;font-weight:500;white-space:nowrap}.cv-tag-handover{background:rgba(245,158,11,.15);color:var(--cv-handover)}.cv-unread-badge{background:var(--cv-unread);color:#fff;font-size:.7rem;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px}.cv-chat{flex:1;display:flex;flex-direction:column;background:var(--cv-bg);background-image:var(--cv-chat-pattern);min-width:0}.cv-chat-placeholder{flex:1;display:flex;align-items:center;justify-content:center}.cv-placeholder-inner{text-align:center;color:var(--cv-text-muted)}.cv-placeholder-inner h3{margin:16px 0 4px;font-size:1.3rem;font-weight:300;color:var(--cv-text-secondary)}.cv-placeholder-inner p{font-size:.9rem}.cv-chat-active{display:flex;flex-direction:column;height:100%}.cv-chat-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--cv-header-bg);border-bottom:1px solid var(--cv-sidebar-border);min-height:60px;z-index:1}.cv-chat-hdr-left{display:flex;align-items:center;gap:12px;min-width:0}.cv-chat-hdr-info{min-width:0}.cv-chat-hdr-name{font-size:.95rem;font-weight:500;color:var(--cv-text-primary);display:flex;align-items:center;gap:6px}.cv-chat-hdr-status{font-size:.78rem;color:var(--cv-text-secondary);display:flex;align-items:center;gap:5px}.cv-chat-hdr-right{display:flex;align-items:center;gap:8px}.cv-status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.cv-status-bot{background:var(--cv-accent)}.cv-status-handover{background:var(--cv-handover)}.cv-back-btn{display:none;background:0 0;border:none;color:var(--cv-text-secondary);cursor:pointer;padding:4px}.cv-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:6px;border:none;cursor:pointer;font-size:.8rem;font-weight:500;transition:all var(--cv-transition);white-space:nowrap}.cv-btn-sm{padding:5px 10px;font-size:.78rem}.cv-btn-primary{background:var(--cv-accent);color:#fff}.cv-btn-primary:hover{background:var(--cv-accent-hover)}.cv-btn-outline{background:0 0;border:1px solid var(--cv-sidebar-border);color:var(--cv-text-secondary)}.cv-btn-outline:hover{background:var(--cv-hover);color:var(--cv-text-primary)}.cv-btn-icon{background:0 0;border:none;color:var(--cv-text-muted);cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--cv-transition)}.cv-btn-icon:hover{background:var(--cv-hover);color:var(--cv-text-primary)}.cv-link-btn{background:0 0;border:none;color:var(--cv-accent);cursor:pointer;font-size:.82rem;font-weight:500;text-decoration:underline;text-underline-offset:2px}.cv-link-btn:hover{color:var(--cv-accent-hover)}.cv-dropdown{position:relative}.cv-dropdown-menu{position:absolute;top:100%;right:0;min-width:180px;background:var(--cv-sidebar-bg);border:1px solid var(--cv-sidebar-border);border-radius:var(--cv-radius);box-shadow:0 8px 24px rgba(0,0,0,.25);display:none;z-index:10;overflow:hidden}.cv-dropdown-menu.cv-dropdown-open{display:block}.cv-dropdown-item{display:block;width:100%;padding:10px 14px;border:none;background:0 0;color:var(--cv-text-primary);font-size:.85rem;cursor:pointer;text-align:left;transition:background var(--cv-transition)}.cv-dropdown-item:hover{background:var(--cv-hover)}.cv-messages-wrap{flex:1;overflow:hidden;position:relative}.cv-messages{height:100%;overflow-y:auto;padding:16px 48px;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.1) transparent}.cv-date-sep{display:flex;justify-content:center;padding:12px 0 6px}.cv-date-sep span{background:var(--cv-header-bg);color:var(--cv-text-secondary);font-size:.75rem;padding:5px 14px;border-radius:var(--cv-radius);box-shadow:0 1px 2px rgba(0,0,0,.15);text-transform:capitalize}.cv-msg{display:flex;margin:1px 0}.cv-msg-user{justify-content:flex-start}.cv-msg-agent{justify-content:flex-end}.cv-bubble{max-width:65%;padding:6px 8px 4px;border-radius:var(--cv-radius-bubble);position:relative;word-wrap:break-word;line-height:1.35;box-shadow:0 1px 1px rgba(0,0,0,.1)}.cv-msg-user .cv-bubble{background:var(--cv-bubble-user);border-top-left-radius:0;color:var(--cv-text-primary)}.cv-msg-agent .cv-bubble{background:var(--cv-bubble-agent);border-top-right-radius:0;color:#111b21}body.dark .cv-msg-agent .cv-bubble{color:#e9edef}.cv-bubble-text{font-size:.875rem;padding:2px 4px}.cv-bubble-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;padding:0 2px;margin-top:2px}.cv-bubble-sender{font-size:.65rem;opacity:.65;font-weight:500}.cv-bubble-time{font-size:.68rem;opacity:.6}.cv-check{opacity:.5}.cv-msg-media{margin-bottom:4px}.cv-msg-img{max-width:280px;max-height:300px;border-radius:6px;cursor:pointer;display:block}.cv-msg-file{display:flex;align-items:center;gap:8px;padding:8px 10px;background:rgba(0,0,0,.1);border-radius:6px;margin-bottom:4px}.cv-msg-file a{color:inherit;text-decoration:underline;font-size:.82rem}.cv-chat-footer{background:var(--cv-header-bg);border-top:1px solid var(--cv-sidebar-border);padding:0}.cv-bot-banner{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;color:var(--cv-text-secondary);font-size:.85rem}.cv-input-bar{display:flex;align-items:flex-end;gap:6px;padding:8px 12px}.cv-input-wrap{flex:1;display:flex;background:var(--cv-input-bg);border:1px solid var(--cv-input-border);border-radius:20px;padding:4px 14px;transition:border-color var(--cv-transition)}.cv-input-wrap:focus-within{border-color:var(--cv-accent)}.cv-input-wrap textarea{flex:1;background:0 0;border:none;outline:0;color:var(--cv-text-primary);font-size:.9rem;resize:none;line-height:1.4;padding:6px 0;max-height:120px;font-family:inherit}.cv-input-wrap textarea::placeholder{color:var(--cv-text-muted)}.cv-send-btn{color:var(--cv-text-muted)!important;transition:all var(--cv-transition)}.cv-send-btn.cv-send-active{color:var(--cv-accent)!important}.cv-send-btn:disabled{opacity:.4;cursor:default}.cv-attach-preview{padding:4px 16px 8px}.cv-file-chip{display:inline-flex;align-items:center;gap:6px;background:var(--cv-search-bg);border:1px solid var(--cv-input-border);padding:4px 10px;border-radius:16px;font-size:.8rem;color:var(--cv-text-primary)}.cv-file-remove{background:0 0;border:none;color:var(--cv-danger);cursor:pointer;font-size:1rem;line-height:1;padding:0 2px}.cv-empty,.cv-empty-chat{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--cv-text-muted)}.cv-empty p,.cv-empty-chat p{margin:12px 0 4px;font-size:.95rem;color:var(--cv-text-secondary)}.cv-empty span{font-size:.82rem}.cv-loading-msgs{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:var(--cv-text-muted)}.cv-spinner{width:32px;height:32px;border:3px solid var(--cv-sidebar-border);border-top-color:var(--cv-accent);border-radius:50%;animation:.7s linear infinite cv-spin}@keyframes cv-spin{to{transform:rotate(360deg)}}.cv-skeleton-item{display:flex;align-items:center;gap:12px;padding:14px 16px}.cv-skeleton-avatar{width:48px;height:48px;border-radius:50%;background:var(--cv-hover);animation:1.5s ease-in-out infinite cv-pulse}.cv-skeleton-lines{flex:1;display:flex;flex-direction:column;gap:8px}.cv-skeleton-line{height:12px;border-radius:6px;background:var(--cv-hover);animation:1.5s ease-in-out infinite cv-pulse}.cv-sk-w70{width:70%}.cv-sk-w50{width:50%}@keyframes cv-pulse{0%,100%{opacity:.4}50%{opacity:.8}}@media (max-width:768px){.cv-container{flex-direction:column}.cv-sidebar{width:100%;max-width:100%;min-width:100%;height:100%;position:absolute;top:0;left:0;z-index:3}.cv-sidebar.cv-sidebar-hidden{transform:translateX(-100%)}.cv-chat{width:100%}.cv-back-btn{display:flex!important}.cv-messages{padding:12px 16px}.cv-bubble{max-width:85%}}@media (max-width:480px){.cv-filters{gap:4px;padding:4px 12px 6px}.cv-filter-btn{padding:4px 8px;font-size:.72rem}.cv-chat-header{padding:8px 10px}.cv-input-bar{padding:6px 8px}}