#settingsForm label[style*="display: block"],#loginOverlay label[style*="display: block"]{text-align:center!important}:root{--visual-viewport-height: 100dvh;--visual-viewport-top: 0px;color-scheme:light;--bg-page: #f8fafc;--bg-darkest: #09090b;--bg-dark: #18181b;--bg-card: #ffffff;--bg-subtle: #f1f5f9;--border-color: rgba(226, 232, 240, .8);--border-strong: #cbd5e1;--border-zinc: rgba(39, 39, 42, .8);--text-main: #0f172a;--text-sub: #334155;--text-muted: #64748b;--text-faint: #94a3b8;--primary: #3b82f6;--primary-hover: #2563eb;--primary-light: rgba(59, 130, 246, .08);--primary-ring: rgba(59, 130, 246, .25);--accent-zalo: #0ea5e9;--accent-facebook: #3b82f6;--accent-web: #8b5cf6;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .05), 0 1px 2px -1px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -4px rgba(0, 0, 0, .05);--shadow-premium: var(--shadow-xs);--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-full: 9999px;--font-outfit: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-inter: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--header-bg: #ffffff;--sidebar-bg: #f8fafc;--chat-bg: #ffffff;--chat-messages-bg: #f8fafc;--input-bg: #ffffff;--input-border: rgba(226, 232, 240, .8);--input-text: #0f172a;--card-inner-bg: #ffffff;--msg-client-bg: #ffffff;--msg-client-color: #0f172a;--msg-client-border: rgba(226, 232, 240, .8);--msg-agent-bg: #3b82f6;--msg-agent-color: #ffffff;--msg-ai-bg: #f0fdf4;--msg-ai-color: #14532d;--msg-ai-border: #bbf7d0;--msg-ai-sender: #16a34a;--voice-card-bg: #eff6ff;--voice-card-border:#bfdbfe;--voice-prog-bg: rgba(0,0,0,.08);--session-active-bg: rgba(59, 130, 246, .06);--session-active-border: #3b82f6;--session-hover-bg: #f1f5f9}.tabular-nums{font-variant-numeric:tabular-nums}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill-positive{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2);border-radius:9999px;font-weight:600}.pill-warning{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2);border-radius:9999px;font-weight:600}.pill-negative{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2);border-radius:9999px;font-weight:600}.pill-neutral{background:#64748b1a;color:#475569;border:1px solid rgba(100,116,139,.2);border-radius:9999px;font-weight:600}.pill-brand{background:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.2);border-radius:9999px;font-weight:600}:root[data-theme=light]{color-scheme:light;--bg-page: #f8fafc;--bg-darkest: #f0f2f5;--bg-dark: #ffffff;--bg-card: #ffffff;--bg-subtle: #f1f5f9;--border-color: #e2e8f0;--border-strong: #cbd5e1;--border-zinc: rgba(39, 39, 42, .15);--text-main: #0f172a;--text-sub: #334155;--text-muted: #64748b;--text-faint: #94a3b8;--primary: #2563eb;--primary-hover: #1d4ed8;--primary-light: rgba(37, 99, 235, .08);--primary-ring: rgba(37, 99, 235, .25);--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 8px 24px rgba(0,0,0,.1), 0 3px 8px rgba(0,0,0,.05);--shadow-premium: var(--shadow-md);--header-bg: #ffffff;--sidebar-bg: #f8fafc;--chat-bg: #ffffff;--chat-messages-bg: #f8fafc;--input-bg: #ffffff;--input-border: #e2e8f0;--input-text: #0f172a;--card-inner-bg: #ffffff;--msg-client-bg: #ffffff;--msg-client-color: #0f172a;--msg-client-border: #e2e8f0;--msg-agent-bg: #2563eb;--msg-agent-color: #ffffff;--msg-ai-bg: #f0fdf4;--msg-ai-color: #14532d;--msg-ai-border: #bbf7d0;--msg-ai-sender: #16a34a;--voice-card-bg: #eff6ff;--voice-card-border: #bfdbfe;--voice-prog-bg: rgba(0,0,0,.1);--session-active-bg: #eff6ff;--session-active-border: #2563eb;--session-hover-bg: #f1f5f9}:root[data-theme=dark]{color-scheme:dark;--bg-page: #0b0f19;--bg-darkest: #060911;--bg-dark: #0f172a;--bg-card: #131c2e;--bg-subtle: #1a2438;--border-color: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--border-zinc: rgba(255, 255, 255, .12);--text-main: #f1f5f9;--text-sub: #cbd5e1;--text-muted: #94a3b8;--text-faint: #64748b;--primary: #3b82f6;--primary-hover: #60a5fa;--primary-light: rgba(59, 130, 246, .15);--primary-ring: rgba(59, 130, 246, .35);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--shadow-premium: var(--shadow-md);--header-bg: #0f172a;--sidebar-bg: #0d1424;--chat-bg: #0b0f19;--chat-messages-bg: #090d16;--input-bg: #162035;--input-border: rgba(255, 255, 255, .12);--input-text: #f1f5f9;--card-inner-bg: #162035;--msg-client-bg: #162035;--msg-client-color: #f1f5f9;--msg-client-border: rgba(255, 255, 255, .08);--msg-agent-bg: #1d4ed8;--msg-agent-color: #f8fafc;--msg-ai-bg: #064e3b;--msg-ai-color: #ecfdf5;--msg-ai-border: rgba(16, 185, 129, .3);--msg-ai-sender: #34d399;--voice-card-bg: #1e1b4b;--voice-card-border: rgba(99, 102, 241, .3);--voice-prog-bg: rgba(255, 255, 255, .15);--session-active-bg: rgba(59, 130, 246, .15);--session-active-border: #3b82f6;--session-hover-bg: #162035}[data-theme=dark]{letter-spacing:+.012em}[data-theme=dark] .chat-pane-title,[data-theme=dark] .sidebar-header span,[data-theme=dark] header h1{font-weight:650;letter-spacing:0}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-page);color:var(--text-main);font-family:var(--font-inter);height:100%;height:100dvh;overflow:hidden;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1)}.sidebar,.chat-pane,.right-pane,header,.chat-pane-header,.pane-section{transition:background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1)}button,input,select,textarea,.session-item,.metric-card,.mobile-filter-pill,.settings-tab-btn,.time-filter-btn{touch-action:manipulation}.session-list,.chat-messages,.metric-bar,.mobile-filter-bar,.right-pane,.settings-body,.settings-sidebar,.settings-nav-tabs{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}header{background:var(--header-bg);border-bottom:1px solid var(--border-color);padding:0 20px;height:56px;display:flex;justify-content:space-between;align-items:center;z-index:10;flex-shrink:0;box-shadow:var(--shadow-xs)}header h1{font-family:var(--font-inter);font-size:1.05rem;font-weight:700;color:var(--text-main);letter-spacing:-.03em;display:flex;align-items:center;gap:8px}header h1:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.header-brand{cursor:pointer;user-select:none;display:flex;align-items:center;gap:10px;flex-shrink:0}.header-brand-logo{height:28px;max-height:28px;width:auto;object-fit:contain;display:block;user-select:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.08));transition:transform .15s ease,opacity .15s ease}.header-brand:hover .header-brand-logo{transform:scale(1.02);opacity:.95}.header-brand:active .header-brand-logo{transform:scale(.95);opacity:.9}[data-theme=dark] .header-brand-logo{filter:drop-shadow(0 1px 3px rgba(0,0,0,.45))}header .agent-status{display:flex;align-items:center;gap:7px;font-size:.78rem;color:var(--text-muted);font-weight:500}header .status-indicator{width:8px;height:8px;border-radius:50%;background-color:#ef4444;flex-shrink:0}header .status-indicator.connected{background-color:#10b981;box-shadow:0 0 0 3px #10b98133}.header-theme-toggle-btn{height:36px;width:36px;min-width:36px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-main);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:var(--shadow-xs);transition:all .15s ease;flex-shrink:0;user-select:none}.header-theme-toggle-btn:hover{background:var(--bg-subtle);border-color:var(--border-strong);transform:scale(1.05)}.header-theme-toggle-btn:active{transform:scale(.96)}#appContainer{display:flex;flex-direction:column;flex:1 1 0%;height:100%!important;min-height:0!important;max-height:100%!important;overflow:hidden!important;width:100%}.dashboard-container{flex:1 1 0%;min-height:0!important;max-height:100%!important;display:grid;grid-template-columns:310px 4px 1fr 4px 224px;overflow:hidden!important}.resizer{width:4px;cursor:col-resize;background-color:transparent!important;position:relative;z-index:10;align-self:stretch}.resizer:hover,.resizer.dragging{background-color:transparent!important}.resizer:after{content:"";position:absolute;inset:0 -6px;cursor:col-resize}.sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100%!important;min-height:0!important;overflow:hidden!important;contain:layout}.sidebar-header{padding:10px 14px;border-bottom:1px solid var(--border-color);font-size:.82rem;font-weight:700;color:var(--text-main);letter-spacing:-.01em;display:flex;justify-content:space-between;align-items:center;min-height:44px;background:var(--header-bg)}.btn-toggle-yellow{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--r-full);font-size:.7rem;font-weight:700;cursor:pointer;border:1px solid #fde68a;background:#fffbeb;color:#92400e;transition:all .15s ease;line-height:1;outline:none;user-select:none}.btn-toggle-yellow:hover{background:#fef3c7;border-color:#fcd34d;transform:translateY(-1px);box-shadow:0 2px 6px #fbbf244d}.btn-toggle-yellow:active{transform:translateY(0)}.btn-toggle-yellow.active{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.btn-toggle-yellow.active:hover{background:#e2e8f0;border-color:#94a3b8}.btn-toggle-yellow-dot{width:6px;height:6px;border-radius:50%;background:#f59e0b;box-shadow:0 0 4px #f59e0bcc;flex-shrink:0;display:inline-block}.btn-toggle-yellow.active .btn-toggle-yellow-dot{background:#94a3b8;box-shadow:none}.yellow-folder-header{margin:10px 6px 4px;padding:6px 10px;border-radius:var(--r-md);background:#fffbeb;border:1px dashed #fde68a;font-weight:600;font-size:.72rem;color:#92400e;display:flex;align-items:center;justify-content:space-between;gap:8px;user-select:none}.yellow-folder-header .btn-hide-yellow-inline{background:#fff;border:1px solid #fde68a;border-radius:var(--r-sm);color:#92400e;font-size:.68rem;font-weight:700;padding:2px 7px;cursor:pointer;transition:all .15s}.yellow-folder-header .btn-hide-yellow-inline:hover{background:#fef3c7;border-color:#fcd34d}.session-list{flex:1 1 0%!important;min-height:0!important;overflow-y:auto!important;padding:8px;display:flex;flex-direction:column;gap:4px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.45) transparent;will-change:scroll-position;transform:translateZ(0);backface-visibility:hidden}.session-list::-webkit-scrollbar{width:10px;height:10px}.session-list::-webkit-scrollbar-track{background:transparent;margin:4px 0}.session-list::-webkit-scrollbar-thumb{background-color:#94a3b86b;background-clip:padding-box;border:2.5px solid transparent;border-radius:9999px;min-height:36px;transition:background-color .15s ease,border-width .15s ease}.session-list:hover::-webkit-scrollbar-thumb{background-color:#64748ba6}.session-list::-webkit-scrollbar-thumb:hover{background-color:#6366f1;border-width:1px;cursor:grab;box-shadow:0 0 6px #6366f159}.session-list::-webkit-scrollbar-thumb:active{background-color:#4f46e5;border-width:.5px;cursor:grabbing;box-shadow:0 0 8px #4f46e580}[data-theme=dark] .session-list{scrollbar-color:rgba(255,255,255,.3) transparent}[data-theme=dark] .session-list::-webkit-scrollbar-thumb{background-color:#ffffff47}[data-theme=dark] .session-list:hover::-webkit-scrollbar-thumb{background-color:#ffffff73}[data-theme=dark] .session-list::-webkit-scrollbar-thumb:hover{background-color:#818cf8;border-width:1px;box-shadow:0 0 8px #818cf866}[data-theme=dark] .session-list::-webkit-scrollbar-thumb:active{background-color:#6366f1;border-width:.5px;box-shadow:0 0 10px #6366f199}.session-item{padding:9px 12px;border-radius:var(--r-lg);background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;transition:background .12s ease,border-color .12s ease;display:flex;flex-direction:column;gap:4px;box-sizing:border-box;position:relative;transform:none!important;contain:layout paint;content-visibility:auto;contain-intrinsic-size:auto 62px}.session-item.active{content-visibility:visible!important}.session-item:hover{background:var(--session-hover-bg)!important;border-color:var(--border-strong)!important;box-shadow:none!important;transform:none!important}@media(hover:none){.session-item:hover{transform:none!important;box-shadow:none!important}}.session-item.active,.session-item.active.session-status-green,.session-item.active.session-status-grey,.session-item.active.session-status-yellow,.session-item.active.session-status-red,.session-item.active.session-status-blocked,.session-item.active.session-status-blue,.session-item.active.alarm-returning,.session-item.active.alarm-new,.session-item.active.alarm-unanswered{position:relative!important;z-index:25!important;background:var(--session-active-bg)!important;border:1px solid var(--primary)!important;box-shadow:none!important;transform:none!important;content-visibility:visible!important}.session-active-bar,.session-current-active-tag{display:none!important}@keyframes active-dot-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.active-pulse-circle{width:5px;height:5px;border-radius:50%;background:var(--primary);animation:active-dot-pulse 1.4s infinite ease-in-out;display:inline-block;flex-shrink:0;will-change:transform,opacity}.session-item.session-status-yellow,.session-item.alarm-returning{border:1px solid #fde68a!important;background:#fffdf5!important}.session-badge-yellow{background:#fef9c3;color:#854d0e!important;border:1px solid #fef08a}.session-item.session-status-red,.session-item.alarm-new,.session-item.alarm-unanswered,.session-item.unanswered-blink{border:1px solid #fca5a5!important;background:snow!important;box-shadow:0 1px 3px #ef444414!important}.session-badge-red{background:#fee2e2;color:#991b1b!important;border:1px solid #fecaca}.session-item.session-status-blocked{border:1px solid #cbd5e1!important;background:#f8fafc!important;opacity:.9}.session-badge-blocked{background:#f1f5f9;color:#475569!important;border:1px solid #cbd5e1}.session-blocked-tag{display:inline-flex!important;align-items:center;gap:3.5px;padding:1.5px 6.5px;border-radius:9999px;background:#64748b1f;color:#475569;border:1px solid rgba(100,116,139,.28);font-size:.63rem;font-weight:600;white-space:nowrap!important;flex-shrink:0!important;line-height:1.25;letter-spacing:-.01em;box-shadow:0 1px 2px #00000008;user-select:none}@keyframes sessionCustomerChatFlash{0%,to{opacity:1}50%{opacity:.88}}.session-item.customer-chat-flashing,.session-item.unanswered-blink{border:1px solid #dc2626!important;background:#fee2e2!important;box-shadow:0 0 12px 1px #ef444459!important;animation:sessionCustomerChatFlash .9s infinite ease-in-out!important;position:relative!important;z-index:15!important;content-visibility:visible!important}@keyframes sessionActiveCustomerChatFlash{0%,to{opacity:1}50%{opacity:.9}}.session-item.active.customer-chat-flashing{border:1px solid #ef4444!important;background:#fee2e2!important;box-shadow:0 0 14px 2px #ef444466!important;animation:sessionActiveCustomerChatFlash .9s infinite ease-in-out!important;position:relative!important;z-index:30!important;content-visibility:visible!important}@keyframes pulseRedMetricCard{0%,to{opacity:1}50%{opacity:.82}}.metric-card.has-alert,.mobile-filter-pill.has-alert{border-color:#ef4444!important;background:#ef444424!important;box-shadow:0 0 10px 1px #ef444466!important;animation:pulseRedMetricCard 1.1s infinite ease-in-out!important;transform:none!important}:root[data-theme=dark] .metric-card.has-alert,:root[data-theme=dark] .mobile-filter-pill.has-alert{border-color:#ef4444!important;background:#ef444438!important;box-shadow:0 0 12px 2px #ef444480!important;transform:none!important}@keyframes pulseRedPaymentMetricCard{0%,to{border-color:#ef4444;box-shadow:0 0 10px 1px #ef444473}50%{border-color:#dc2626;background:#ef444447;box-shadow:0 0 16px 2px #ef4444b3}}.metric-card.has-payment-alert,.mobile-filter-pill.has-payment-alert{border-color:#ef4444!important;background:#ef444433!important;color:#dc2626!important;box-shadow:0 0 10px 1px #ef444473!important;animation:pulseRedPaymentMetricCard .85s infinite ease-in-out!important;transform:none!important}:root[data-theme=dark] .metric-card.has-payment-alert,:root[data-theme=dark] .mobile-filter-pill.has-payment-alert{border-color:#ef4444!important;background:#ef444440!important;color:#f87171!important;box-shadow:0 0 14px 2px #ef444499!important;transform:none!important}.customer-chat-flash-tag{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;border-radius:9999px;background:#fee2e2;border:1px solid #fca5a5;color:#b91c1c;font-size:.62rem;font-weight:700;white-space:nowrap;animation:pulseAlert 1s infinite ease-in-out;flex-shrink:0}.chat-flash-dot{width:6px;height:6px;border-radius:50%;background:#ef4444;display:inline-block;box-shadow:0 0 6px #ef4444}.session-item.session-status-grey{border:1px solid #e2e8f0!important;background:#f8fafc!important}.session-badge-grey{background:#f1f5f9;color:#475569!important;border:1px solid #e2e8f0}.session-item.session-status-green{border:1px solid #bbf7d0!important;background:#f8fdfa!important}.session-badge-green{background:#dcfce7;color:#166534!important;border:1px solid #bbf7d0}.session-item.session-status-blue{border:1px solid #bfdbfe!important;background:#f8faff!important}.session-badge-blue{background:#e0e7ff;color:#3730a3!important;border:1px solid #c7d2fe}.dot-blue{background:#4f46e5}.status-indicator-badge.badge-blue{background:#4f46e5;box-shadow:0 0 4px #4f46e566}@keyframes sessionPaymentFlashRed{0%,to{border-color:#ef4444;box-shadow:0 0 10px 1px #ef444473}50%{border-color:#dc2626;box-shadow:0 0 16px 3px #ef4444a6}}.session-item.session-payment-flashing,.session-item.session-payment-flashing.session-status-green,.session-item.session-payment-flashing.session-status-blue,.session-item.session-payment-flashing.session-status-yellow,.session-item.session-payment-flashing.session-status-grey,.session-item.session-payment-flashing.session-status-red,.session-item.session-payment-flashing.session-status-blocked{border:1.5px solid #ef4444!important;background:#fee2e2!important;box-shadow:0 0 12px 2px #ef444473!important;animation:sessionPaymentFlashRed .85s infinite ease-in-out!important;position:relative!important;z-index:35!important;content-visibility:visible!important}.session-item.active.session-payment-flashing,.session-item.active.session-payment-flashing.session-status-green,.session-item.active.session-payment-flashing.session-status-blue,.session-item.active.session-payment-flashing.session-status-yellow,.session-item.active.session-payment-flashing.session-status-grey,.session-item.active.session-payment-flashing.session-status-red,.session-item.active.session-payment-flashing.session-status-blocked{border:1.5px solid #ef4444!important;background:#fecaca!important;box-shadow:0 0 16px 3px #ef444499!important;animation:sessionPaymentFlashRed .85s infinite ease-in-out!important;position:relative!important;z-index:40!important;content-visibility:visible!important}:root[data-theme=dark] .session-item{background:#131c2e;border:1px solid rgba(255,255,255,.08)}:root[data-theme=dark] .session-item:hover{background:#18233a!important;border-color:#ffffff29!important;box-shadow:none!important;transform:none!important}:root[data-theme=dark] .session-item.session-status-green{background:#131c2e!important;border:1px solid rgba(16,185,129,.25)!important}:root[data-theme=dark] .session-item.session-status-green:hover{background:#162438!important;border-color:#10b98161!important}:root[data-theme=dark] .session-badge-green{background:#10b98126!important;color:#34d399!important;border:1px solid rgba(16,185,129,.3)!important}:root[data-theme=dark] .session-item.session-status-blue{background:#131c2e!important;border:1px solid rgba(59,130,246,.25)!important}:root[data-theme=dark] .session-item.session-status-blue:hover{background:#162438!important;border-color:#3b82f661!important}:root[data-theme=dark] .session-badge-blue{background:#3b82f629!important;color:#60a5fa!important;border:1px solid rgba(59,130,246,.3)!important}:root[data-theme=dark] .session-item.session-status-yellow,:root[data-theme=dark] .session-item.alarm-returning{background:#131c2e!important;border:1px solid rgba(245,158,11,.28)!important}:root[data-theme=dark] .session-item.session-status-yellow:hover,:root[data-theme=dark] .session-item.alarm-returning:hover{background:#1a2335!important;border-color:#f59e0b61!important}:root[data-theme=dark] .session-badge-yellow{background:#f59e0b26!important;color:#fbbf24!important;border:1px solid rgba(245,158,11,.3)!important}:root[data-theme=dark] .session-item.session-status-red,:root[data-theme=dark] .session-item.alarm-new,:root[data-theme=dark] .session-item.alarm-unanswered{background:#131c2e!important;border:1px solid rgba(239,68,68,.35)!important}:root[data-theme=dark] .session-item.session-status-red:hover{background:#1d1a2c!important;border-color:#ef444473!important}:root[data-theme=dark] .session-badge-red{background:#ef44442e!important;color:#f87171!important;border:1px solid rgba(239,68,68,.35)!important}:root[data-theme=dark] .session-item.session-status-grey{background:#131c2e!important;border:1px solid rgba(255,255,255,.09)!important}:root[data-theme=dark] .session-item.session-status-grey:hover{background:#18233a!important;border-color:#ffffff2e!important}:root[data-theme=dark] .session-badge-grey{background:#94a3b81f!important;color:#cbd5e1!important;border:1px solid rgba(148,163,184,.2)!important}:root[data-theme=dark] .session-item.session-status-blocked{background:#0f172a!important;border:1px solid rgba(255,255,255,.06)!important;opacity:.85}:root[data-theme=dark] .session-badge-blocked{background:#64748b26!important;color:#94a3b8!important;border:1px solid rgba(100,116,139,.25)!important}:root[data-theme=dark] .session-blocked-tag{background:#64748b26!important;color:#94a3b8!important;border:1px solid rgba(100,116,139,.3)!important}:root[data-theme=dark] .session-item.active,:root[data-theme=dark] .session-item.active.session-status-green,:root[data-theme=dark] .session-item.active.session-status-blue,:root[data-theme=dark] .session-item.active.session-status-yellow,:root[data-theme=dark] .session-item.active.session-status-red,:root[data-theme=dark] .session-item.active.session-status-grey,:root[data-theme=dark] .session-item.active.session-status-blocked{background:#3b82f629!important;border:1px solid #3b82f6!important;box-shadow:none!important;transform:none!important}:root[data-theme=dark] .session-item.customer-chat-flashing,:root[data-theme=dark] .session-item.unanswered-blink{border:1px solid #ef4444!important;background:#ef44442e!important;box-shadow:0 0 12px 2px #ef444466!important}:root[data-theme=dark] .session-item.active.customer-chat-flashing{border:1px solid #ef4444!important;background:#ef444440!important;box-shadow:0 0 14px 2px #ef444480!important}:root[data-theme=dark] .customer-chat-flash-tag{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#fca5a5}:root[data-theme=dark] .session-item.session-payment-flashing,:root[data-theme=dark] .session-item.session-payment-flashing.session-status-green,:root[data-theme=dark] .session-item.session-payment-flashing.session-status-blue,:root[data-theme=dark] .session-item.session-payment-flashing.session-status-yellow,:root[data-theme=dark] .session-item.session-payment-flashing.session-status-grey,:root[data-theme=dark] .session-item.session-payment-flashing.session-status-red,:root[data-theme=dark] .session-item.session-payment-flashing.session-status-blocked{border:1.5px solid #ef4444!important;background:#ef444438!important;box-shadow:0 0 12px 2px #ef444473!important}:root[data-theme=dark] .session-item.active.session-payment-flashing,:root[data-theme=dark] .session-item.active.session-payment-flashing.session-status-green,:root[data-theme=dark] .session-item.active.session-payment-flashing.session-status-blue,:root[data-theme=dark] .session-item.active.session-payment-flashing.session-status-yellow,:root[data-theme=dark] .session-item.active.session-payment-flashing.session-status-grey,:root[data-theme=dark] .session-item.active.session-payment-flashing.session-status-red,:root[data-theme=dark] .session-item.active.session-payment-flashing.session-status-blocked{border:1.5px solid #ef4444!important;background:#ef44444d!important;box-shadow:0 0 16px 3px #ef444499!important}:root[data-theme=dark] .btn-toggle-yellow{background:#f59e0b29!important;border:1px solid rgba(245,158,11,.35)!important;color:#fbbf24!important}:root[data-theme=dark] .btn-toggle-yellow:hover{background:#f59e0b40!important;border-color:#f59e0b80!important}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0}.dot-yellow{background:#f59e0b;box-shadow:0 0 4px #f59e0b99}.dot-red{background:#ef4444;animation:dot-pulse-gpu 1.2s infinite ease-in-out;will-change:transform}@keyframes dot-pulse-gpu{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.7}}.dot-grey{background:#64748b}.dot-green{background:#10b981}.beacon-yellow{color:#f59e0b!important}.beacon-red{color:#ef4444!important}.status-indicator-badge{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-right:3px;vertical-align:middle}.status-indicator-badge.badge-yellow{background:#f59e0b}.status-indicator-badge.badge-red{background:#ef4444;animation:dot-pulse-gpu 1.2s infinite ease-in-out;will-change:transform}.session-operator{display:inline-flex;align-items:center;gap:4px;font-size:.65rem;font-weight:600;padding:1.5px 6px;border-radius:var(--r-full);line-height:1.3;white-space:nowrap;flex-shrink:0}.session-operator.is-payment-pulse{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626!important;font-weight:800;animation:pulseAlert 1.2s infinite;border-color:#fca5a5}.session-item-header{display:flex;justify-content:space-between;align-items:center;gap:6px;width:100%;min-width:0}.session-header-left{display:flex;align-items:center;gap:4px;min-width:0;flex:1 1 auto;overflow:hidden}.session-channel-slot{display:inline-flex;align-items:center;justify-content:flex-end;gap:3px;flex-shrink:0;white-space:nowrap;margin-left:auto}.session-item-body{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;width:100%;margin-top:2px}.session-time-slot{display:inline-flex;align-items:center;justify-content:flex-end;flex-shrink:0;margin-left:auto}.session-name{font-weight:600;font-size:.82rem;color:var(--text-main);white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0!important;flex:0 1 auto!important}.session-last-msg{font-size:.76rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4;flex:1 1 auto;min-width:0}.session-item-footer{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:2px;min-width:0}.session-time{font-size:.62rem;color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;text-align:right;line-height:1;opacity:.85}.channel-badge{font-size:.6rem;padding:1.5px 5px;border-radius:6px;text-transform:uppercase;font-weight:700;letter-spacing:.02em;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;line-height:1.2}.channel-badge.web{background:#6366f11a;color:#4f46e5;border:1px solid rgba(99,102,241,.2)}.channel-badge.facebook{background:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.2)}.channel-badge.zalo{background:#0ea5e91a;color:#0284c7;border:1px solid rgba(14,165,233,.2)}.channel-badge.whatsapp{background:#22c55e1f;color:#16a34a;border:1px solid rgba(34,197,94,.25)}.channel-badge.zalo_personal{background:#06b6d41f;color:#0891b2;border:1px solid rgba(6,182,212,.25)}.channel-badge.skyscanner,.referrer-badge.skyscanner{background:#0ea5e91a!important;color:#0284c7!important;border:1px solid rgba(14,165,233,.25)!important;border-radius:6px!important;font-weight:700!important}.channel-badge.baydep,.referrer-badge.baydep{background:#4f46e51a!important;color:#4f46e5!important;border:1px solid rgba(79,70,229,.25)!important;border-radius:6px!important;font-weight:700!important}:root[data-theme=dark] .channel-badge.web{background:#6366f133!important;color:#a5b4fc!important;border:1px solid rgba(99,102,241,.35)!important}:root[data-theme=dark] .channel-badge.facebook{background:#3b82f633!important;color:#60a5fa!important;border:1px solid rgba(59,130,246,.35)!important}:root[data-theme=dark] .channel-badge.zalo{background:#0ea5e933!important;color:#38bdf8!important;border:1px solid rgba(14,165,233,.35)!important}:root[data-theme=dark] .channel-badge.whatsapp{background:#22c55e33!important;color:#4ade80!important;border:1px solid rgba(34,197,94,.4)!important}:root[data-theme=dark] .channel-badge.zalo_personal{background:#06b6d433!important;color:#22d3ee!important;border:1px solid rgba(6,182,212,.4)!important}:root[data-theme=dark] .channel-badge.skyscanner,:root[data-theme=dark] .referrer-badge.skyscanner{background:#0ea5e933!important;color:#38bdf8!important;border:1px solid rgba(14,165,233,.4)!important}:root[data-theme=dark] .channel-badge.baydep,:root[data-theme=dark] .referrer-badge.baydep{background:#6366f133!important;color:#a5b4fc!important;border:1px solid rgba(99,102,241,.4)!important}.chat-pane{display:flex;flex-direction:column;height:100%!important;min-height:0!important;overflow:hidden!important;background:var(--chat-bg);contain:layout;container-type:inline-size;container-name:chatpane}.chat-pane-header{height:52px;padding:0 16px;border-bottom:1px solid var(--border-color);background:var(--header-bg);display:flex;justify-content:space-between;align-items:center;min-height:52px;box-shadow:var(--shadow-xs);box-sizing:border-box;gap:10px;flex-shrink:0}.chat-pane-header-left{display:flex;align-items:center;gap:10px;min-width:140px;flex:1 1 auto;overflow:hidden}.active-chat-avatar-box{position:relative;width:36px;height:36px;min-width:36px;min-height:36px;border-radius:50%;flex-shrink:0!important;display:inline-flex;align-items:center;justify-content:center;background:#0000000a;border:1px solid var(--border-color);overflow:visible}.active-chat-meta{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1 1 auto;overflow:hidden}.active-chat-meta-top{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:nowrap!important;white-space:nowrap!important;line-height:1}.chat-pane-title{font-weight:700;font-size:.95rem;line-height:1.2;color:var(--text-main);letter-spacing:-.01em;max-width:220px;flex-shrink:1;min-width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;margin:0}.online-text-full{display:inline}.online-text-short{display:none}#activeChatOnlineText{height:22px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:.68rem!important;padding:0 7px!important;line-height:1!important;flex-shrink:0!important;border-radius:6px!important;box-sizing:border-box!important}.active-chat-payment-group{display:inline-flex;align-items:center;height:22px;box-sizing:border-box;border-radius:6px;background:#ef44441f;border:1px solid rgba(239,68,68,.45);overflow:hidden;flex-shrink:0!important;white-space:nowrap!important;box-shadow:0 1px 3px #ef444426;animation:pulseRedPaymentMetricCard 1.1s infinite ease-in-out;cursor:pointer;margin:0;padding:0}.active-chat-payment-group .payment-group-btn{appearance:none;-webkit-appearance:none;margin:0!important;outline:none;font-family:inherit;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:3px;padding:0 8px!important;font-size:.7rem!important;font-weight:700!important;color:#dc2626!important;background:transparent!important;border:none!important;cursor:pointer;height:100%!important;box-sizing:border-box!important;line-height:1!important;transition:all .15s ease;white-space:nowrap!important}.active-chat-payment-group .payment-group-badge{display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:inherit;line-height:1;white-space:nowrap}.active-chat-payment-group:hover,.active-chat-payment-group .payment-group-btn:hover{background:#ef444438!important;color:#b91c1c!important}:root[data-theme=dark] .active-chat-payment-group{background:#ef444438;border-color:#ef44448c}:root[data-theme=dark] .active-chat-payment-group .payment-group-btn,:root[data-theme=dark] .active-chat-payment-group .payment-group-badge{color:#fca5a5!important}:root[data-theme=dark] .active-chat-payment-group:hover,:root[data-theme=dark] .active-chat-payment-group .payment-group-btn:hover{background:#ef444459!important;color:#fff!important}.active-chat-mobile-payment-banner{display:none;align-items:center;justify-content:space-between;gap:10px;padding:7px 12px;background:linear-gradient(135deg,#ef444429,#dc262640);border-bottom:2px solid #ef4444;box-shadow:0 2px 8px #ef44442e;animation:pulseRedPaymentBanner 1.5s infinite ease-in-out;cursor:pointer;user-select:none;flex-shrink:0;z-index:20}@keyframes pulseRedPaymentBanner{0%,to{background-color:#ef444429}50%{background-color:#ef444447}}.payment-banner-left{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.payment-banner-pulse{font-size:1.15rem;animation:bouncePaymentIcon 1.2s infinite ease-in-out;flex-shrink:0}@keyframes bouncePaymentIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-2px) scale(1.08)}}.payment-banner-info{display:flex;flex-direction:column;min-width:0}.payment-banner-title{font-size:.76rem;font-weight:800;color:#dc2626;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.payment-banner-desc{font-size:.65rem;color:var(--text-muted, #64748b);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-mobile-claim-payment{appearance:none;-webkit-appearance:none;background:#dc2626!important;color:#fff!important;border:none!important;border-radius:6px!important;padding:5px 12px!important;font-size:.74rem!important;font-weight:800!important;letter-spacing:.02em!important;white-space:nowrap!important;cursor:pointer!important;box-shadow:0 2px 6px #dc262659!important;flex-shrink:0!important;transition:transform .1s ease,background .15s ease!important}.btn-mobile-claim-payment:active{transform:scale(.96)!important;background:#b91c1c!important}:root[data-theme=dark] .active-chat-mobile-payment-banner{background:linear-gradient(135deg,#ef444438,#dc262652);border-bottom-color:#f87171}:root[data-theme=dark] .payment-banner-title{color:#fca5a5}:root[data-theme=dark] .payment-banner-desc{color:#cbd5e1}.chat-pane-header-right{display:flex;align-items:center;gap:6px;flex-shrink:1;min-width:0}.btn-co-browse{height:32px;background:var(--primary);color:#fff;border:none;padding:0 9px;border-radius:7px;font-size:.76rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px;box-shadow:0 1px 2px #4f46e533;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.btn-toggle-profile{height:32px;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main);font-size:.76rem;padding:0 9px;border-radius:7px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;font-weight:600;box-shadow:var(--shadow-xs);transition:all .15s ease;white-space:nowrap;flex-shrink:0}.personal-friend-group{display:none;align-items:center;gap:4px;flex-shrink:0}.personal-friend-group.visible{display:inline-flex}.btn-zalo-add-friend{height:32px;background:linear-gradient(135deg,#0891b2,#0284c7);border:1px solid rgba(6,182,212,.4);color:#fff;font-size:.76rem;font-weight:700;padding:0 9px;border-radius:7px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;box-shadow:0 2px 6px #0891b240;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.btn-zalo-add-friend:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #0891b259;filter:brightness(1.05)}.btn-zalo-add-friend:disabled{opacity:.75;cursor:wait}.btn-zalo-add-friend.friend-pending{background:#f59e0b24;border:1px solid rgba(245,158,11,.4);color:#d97706;box-shadow:none}:root[data-theme=dark] .btn-zalo-add-friend.friend-pending{background:#f59e0b33;border-color:#fbbf2473;color:#fbbf24}.btn-zalo-add-friend.friend-accepted{background:#10b98124;border:1px solid rgba(16,185,129,.38);color:#059669;box-shadow:none}:root[data-theme=dark] .btn-zalo-add-friend.friend-accepted{background:#10b98133;border-color:#34d39966;color:#34d399}.btn-zalo-add-friend.friend-full{background:#ef44441f;border:1px solid rgba(239,68,68,.4);color:#dc2626;box-shadow:none}:root[data-theme=dark] .btn-zalo-add-friend.friend-full{background:#ef444433;border-color:#f8717173;color:#f87171}@keyframes pulseFriendReceived{0%{box-shadow:0 0 #ef4444b3;transform:scale(1)}50%{box-shadow:0 0 0 7px #ef444400;transform:scale(1.03)}to{box-shadow:0 0 #ef444400;transform:scale(1)}}.btn-zalo-add-friend.friend-received{background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:1px solid #b91c1c!important;color:#fff!important;animation:pulseFriendReceived 1.3s infinite!important;font-weight:800!important}.btn-whatsapp-connect{height:32px;background:linear-gradient(135deg,#10b981,#059669);border:1px solid rgba(16,185,129,.4);color:#fff;font-size:.76rem;font-weight:700;padding:0 9px;border-radius:7px;cursor:pointer;display:none;align-items:center;gap:4px;box-shadow:0 2px 6px #10b98140;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.btn-whatsapp-connect:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #10b98159;filter:brightness(1.05)}.btn-add-personal-contact{height:28px;background:linear-gradient(135deg,#0284c7,#0369a1);border:1px solid rgba(2,132,199,.45);color:#fff;font-size:.75rem;font-weight:700;padding:0 10px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;box-shadow:0 1px 3px #00000026;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.btn-add-personal-contact:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 3px 8px #0284c759}.btn-personal-unfriend{height:32px;background:#ef44441a;border:1px solid rgba(239,68,68,.32);color:#dc2626;font-size:.72rem;font-weight:700;padding:0 8px;border-radius:7px;cursor:pointer;display:none;align-items:center;gap:3px;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.btn-personal-unfriend.visible{display:inline-flex}@container chatpane (max-width: 680px){.chat-pane-header{padding:0 8px 0 6px!important;gap:4px!important;overflow:hidden!important}.btn-toggle-profile .profile-text-full{display:none!important}.btn-toggle-profile .profile-text-short{display:inline!important}.personal-friend-group{gap:2px!important;flex-shrink:0!important}.btn-zalo-add-friend{height:28px!important;padding:0 5px!important;font-size:.7rem!important;border-radius:6px!important;gap:2px!important}.btn-personal-unfriend{height:28px!important;padding:0 5px!important;font-size:.7rem!important;border-radius:6px!important;gap:2px!important;min-width:22px!important;box-sizing:border-box!important}.friend-text-desktop-only,#activeChatChannelBadge{display:none!important}}@container chatpane (max-width: 520px){.chat-pane-header{padding:0 6px 0 4px!important;gap:3px!important}.chat-pane-header-left{min-width:0!important;max-width:135px!important;gap:4px!important;flex-shrink:1!important}.active-chat-avatar-box{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important}.chat-pane-title{max-width:75px!important;font-size:.82rem!important}.chat-pane-header-right{gap:3px!important;flex-shrink:0!important}#activeChatOnlineText{display:none!important}.btn-co-browse{height:28px!important;padding:0 5px!important;font-size:.7rem!important;gap:2px!important}.btn-co-browse .cobrowse-text-full,.btn-co-browse .cobrowse-text-short{display:none!important}.btn-toggle-profile{height:28px!important;padding:0 5px!important;font-size:.7rem!important;gap:2px!important}.btn-toggle-profile .profile-text-full,.btn-toggle-profile .profile-text-short{display:none!important}.btn-zalo-add-friend{height:28px!important;padding:0 5px!important;font-size:.68rem!important;gap:2px!important}.btn-personal-unfriend{height:28px!important;padding:0 5px!important;font-size:.68rem!important;min-width:22px!important;margin-right:2px!important;box-sizing:border-box!important}}.btn-personal-unfriend:hover:not(:disabled){background:#ef44442e;border-color:#ef444480}:root[data-theme=dark] .btn-personal-unfriend{background:#ef44442e;border-color:#f8717166;color:#f87171}@media(max-width:768px){.chat-pane-header{padding:0 6px 0 4px!important;gap:3px!important;overflow:hidden!important}.chat-pane-header-left{min-width:0!important;max-width:135px!important;gap:4px!important;flex-shrink:1!important}.active-chat-avatar-box{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important}.chat-pane-title{max-width:75px!important;font-size:.82rem!important}.chat-pane-header-right{gap:3px!important;flex-shrink:0!important}.btn-co-browse{height:28px!important;padding:0 5px!important;font-size:.7rem!important;gap:2px!important}.btn-co-browse .cobrowse-text-full,.btn-co-browse .cobrowse-text-short{display:none!important}.btn-toggle-profile{height:28px!important;padding:0 5px!important;font-size:.7rem!important;gap:2px!important}.btn-toggle-profile .profile-text-full,.btn-toggle-profile .profile-text-short{display:none!important}.btn-zalo-add-friend{height:28px!important;padding:0 5px!important;font-size:.68rem!important;border-radius:6px!important;gap:2px!important}.btn-personal-unfriend{height:28px!important;padding:0 5px!important;font-size:.68rem!important;border-radius:6px!important;min-width:22px!important;margin-right:2px!important;box-sizing:border-box!important}.friend-text-desktop-only,#activeChatChannelBadge{display:none!important}}.warning-banner{background:#f59e0b14;border-bottom:1px solid rgba(245,158,11,.25);color:#b45309;padding:8px 20px;font-size:.8rem;display:none;align-items:center;gap:8px}.warning-banner svg{width:15px;height:15px;fill:currentColor}.chat-messages{flex:1 1 0%;min-height:0;padding:20px;overflow-y:auto;overscroll-behavior-y:contain;display:flex;flex-direction:column;gap:14px;background:var(--chat-messages-bg);scroll-behavior:auto!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.4) transparent}.chat-messages::-webkit-scrollbar{width:10px;height:10px}.chat-messages::-webkit-scrollbar-track{background:transparent;margin:4px 0}.chat-messages::-webkit-scrollbar-thumb{background-color:#94a3b86b;background-clip:padding-box;border:2.5px solid transparent;border-radius:9999px;min-height:36px;transition:background-color .15s ease,border-width .15s ease}.chat-messages:hover::-webkit-scrollbar-thumb{background-color:#64748ba6}.chat-messages::-webkit-scrollbar-thumb:hover{background-color:#6366f1;border-width:1px;cursor:grab;box-shadow:0 0 6px #6366f159}.chat-messages::-webkit-scrollbar-thumb:active{background-color:#4f46e5;border-width:.5px;cursor:grabbing;box-shadow:0 0 8px #4f46e580}[data-theme=dark] .chat-messages{scrollbar-color:rgba(255,255,255,.3) transparent}[data-theme=dark] .chat-messages::-webkit-scrollbar-thumb{background-color:#ffffff47}[data-theme=dark] .chat-messages:hover::-webkit-scrollbar-thumb{background-color:#ffffff73}[data-theme=dark] .chat-messages::-webkit-scrollbar-thumb:hover{background-color:#818cf8;border-width:1px;box-shadow:0 0 8px #818cf866}[data-theme=dark] .chat-messages::-webkit-scrollbar-thumb:active{background-color:#6366f1;border-width:.5px;box-shadow:0 0 10px #6366f199}@media(max-width:768px){.chat-messages{padding:14px 10px}.message{max-width:86%}.message.agent,.message.note{min-width:200px;margin-bottom:14px!important}.message.agent .msg-agent-actions,.message.note .msg-agent-actions{opacity:1!important;pointer-events:auto!important;transform:none!important;visibility:visible!important;display:inline-flex!important;left:36px;bottom:-12px;padding:3px 8px 3px 6px;box-shadow:0 2px 10px #00000038!important}.btn-msg-action{font-size:11px;padding:4px 6px;touch-action:manipulation;min-height:24px}.btn-msg-action.btn-recall{padding:4px 8px 4px 6px}}.message{max-width:72%;padding:12px 16px;border-radius:16px;font-size:.9rem;line-height:1.6;display:flex;flex-direction:column;gap:4px;position:relative;transition:box-shadow .2s;overflow:visible!important}@keyframes msgAppleSmoothGlide{0%{opacity:0;transform:translate3d(0,8px,0) scale(.988)}to{opacity:1;transform:translateZ(0) scale(1)}}.message.msg-soft-cascade{animation:msgAppleSmoothGlide .24s cubic-bezier(.2,.9,.3,1) both;animation-delay:var(--msg-glide-delay, 0ms);will-change:transform,opacity;contain:layout style}@keyframes msgNewAppleGlide{0%{opacity:0;transform:translate3d(0,8px,0) scale(.988)}to{opacity:1;transform:translateZ(0) scale(1)}}.message.msg-new-entry{animation:msgNewAppleGlide .22s cubic-bezier(.2,.9,.3,1) both;will-change:transform,opacity;contain:layout style}@media(max-width:768px){@keyframes msgAppleSmoothGlide{0%{opacity:0;transform:translate3d(0,5px,0) scale(.992)}to{opacity:1;transform:translateZ(0) scale(1)}}.message.msg-soft-cascade{animation-duration:.2s}}@media(prefers-reduced-motion:reduce){.message.msg-soft-cascade,.message.msg-new-entry{animation:none!important;transform:none!important;opacity:1!important}}.msg-content{width:100%;word-break:break-word}.message.client .msg-content,.message.ai .msg-content,.message.system .msg-content,.message.client .msg-trans-box,.message.ai .msg-trans-box,.message.system .msg-trans-box,.message.client .msg-trans-content,.message.ai .msg-trans-content,.message.system .msg-trans-content{text-align:justify;text-justify:inter-word;word-break:break-word;line-height:1.6;letter-spacing:.01em}.message.client{background:var(--msg-client-bg);color:var(--msg-client-color);align-self:flex-start;border-top-left-radius:4px;border:1px solid var(--msg-client-border);box-shadow:var(--shadow-sm);transform-origin:left bottom}.message.agent{background:var(--msg-agent-bg);color:var(--msg-agent-color);align-self:flex-end;border-top-right-radius:4px;border-top-left-radius:16px;font-weight:500;box-shadow:0 4px 16px #4f46e559;transform-origin:right bottom;min-width:215px}.message.ai,.message.system{background:var(--msg-ai-bg);color:var(--msg-ai-color);align-self:flex-end;border-top-right-radius:4px;border-top-left-radius:16px;border:1px solid var(--msg-ai-border);box-shadow:var(--shadow-sm);transform-origin:right bottom}.message.ai .message-sender,.message.system .message-sender{color:var(--msg-ai-sender);font-weight:700}.message.note{background:#f59e0b14;color:#92400e;align-self:flex-end;border-top-right-radius:4px;border-top-left-radius:16px;border:1px solid rgba(245,158,11,.25);transform-origin:right bottom}.message-sender{font-size:.72rem;font-weight:600;opacity:.85}.message-time{font-size:.62rem;opacity:.55;text-align:right}.message{position:relative}.msg-reactions-container{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.reaction-pill{display:inline-flex;align-items:center;gap:4px;background:#00000038;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:2px 7px;font-size:11.5px;color:inherit;cursor:pointer;transition:all .15s;user-select:none;line-height:1}.reaction-pill:hover{background:#ffffff2e;transform:scale(1.05)}.reaction-pill.active{background:#6366f147;border-color:#6366f1b3;color:#818cf8;font-weight:700}.reaction-pill .pill-emoji{font-size:13px;line-height:1}.reaction-pill .pill-count{font-size:11px;font-weight:700;opacity:.9}.msg-reaction-trigger{position:absolute;bottom:-9px;left:12px;right:auto;width:25px;height:25px;border-radius:50%;background:#fff;border:1px solid #cbd5e1;color:#94a3b8;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:.88;pointer-events:auto;transform:scale(1);transition:transform .2s cubic-bezier(.16,1,.3,1),background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease;z-index:15;box-shadow:0 1px 3px #00000014;padding:0;line-height:1;outline:none;user-select:none;will-change:transform}.msg-reaction-trigger:hover,.msg-reaction-trigger.active{opacity:1;color:#e11d48;border-color:#fda4af;background:#fff1f2;transform:scale(1.08)!important;box-shadow:0 3px 8px #e11d4833}.msg-reaction-trigger.has-agent-reacted{opacity:1;color:#e11d48!important;border-color:#fda4af!important;background:#fff1f2!important;box-shadow:0 2px 6px #e11d4840!important}.msg-reaction-trigger.has-agent-reacted svg{fill:#e11d48!important;stroke:#e11d48!important}.msg-reaction-trigger svg{display:block;width:14px;height:14px;overflow:visible;pointer-events:none;transition:transform .2s cubic-bezier(.16,1,.3,1)}.msg-reaction-trigger:hover svg,.msg-reaction-trigger.active svg{transform:scale(1.06)}.message.client .msg-reaction-trigger,.message.agent .msg-reaction-trigger,.message.ai .msg-reaction-trigger,.message.system .msg-reaction-trigger,.message.note .msg-reaction-trigger{left:12px;right:auto;bottom:-9px}@media(hover:none){.msg-reaction-trigger{opacity:.92;pointer-events:auto;transform:scale(1)}.message.client .msg-reaction-trigger,.message.agent .msg-reaction-trigger,.message.ai .msg-reaction-trigger,.message.system .msg-reaction-trigger,.message.note .msg-reaction-trigger{left:10px;right:auto;bottom:-8px}}.msg-reaction-picker{position:fixed;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:9999px;padding:4px 10px;display:inline-flex;align-items:center;gap:5px;box-shadow:0 8px 30px -4px #0000002e,0 2px 8px -1px #0000000f;z-index:999999;user-select:none;white-space:nowrap;animation:reactionSmoothPopIn .2s cubic-bezier(.16,1,.3,1) forwards;will-change:transform,opacity;pointer-events:auto}.msg-reaction-picker:before{content:"";position:absolute;left:0;right:0;bottom:-14px;height:18px;background:transparent;pointer-events:auto}.msg-reaction-picker.picker-below:before{bottom:auto;top:-14px;height:18px}.msg-reaction-picker.is-closing{animation:reactionSmoothPopOut .15s cubic-bezier(.16,1,.3,1) forwards;pointer-events:none}@keyframes reactionSmoothPopIn{0%{opacity:0;transform:translateY(6px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes reactionSmoothPopOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(4px) scale(.92)}}.react-emoji-btn{background:transparent;border:none;font-size:22px;line-height:1;padding:4px 5px;cursor:pointer;border-radius:50%;transition:transform .18s cubic-bezier(.16,1,.3,1),background-color .15s ease;outline:none;display:inline-flex;align-items:center;justify-content:center;user-select:none;will-change:transform}.react-emoji-btn:hover{transform:scale(1.32) translateY(-3px);background:#0000000d}.react-emoji-btn:active{transform:scale(.95)}.live-viewer-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;line-height:1;padding:0 5px;border-radius:9999px;font-size:.72rem;font-weight:800;background:#ffffff47;color:#fff;margin-left:3px;vertical-align:middle;transition:all .2s ease;box-sizing:border-box}.live-viewer-count.multi-viewers{background:#10b981!important;color:#fff!important;box-shadow:0 0 8px #10b981b3!important;animation:pulseGreenViewer 1.8s infinite}@keyframes pulseGreenViewer{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.msg-agent-actions{position:absolute;bottom:-11px;left:40px;display:inline-flex;align-items:center;gap:2px;background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #cbd5e1);border-radius:9999px;padding:2px 8px 2px 5px;box-shadow:0 2px 8px #0000001f,0 1px 3px #00000014;z-index:20;user-select:none;opacity:0;pointer-events:none;transform:translateY(3px) scale(.96);transition:opacity .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-sizing:border-box;white-space:nowrap}.message.agent:hover .msg-agent-actions,.message.note:hover .msg-agent-actions,.message.ai:hover .msg-agent-actions{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}[data-theme=dark] .msg-agent-actions{background:#1e293bf2;border-color:#ffffff2e;box-shadow:0 4px 14px #0006}@media(hover:none){.message.agent .msg-agent-actions,.message.note .msg-agent-actions,.message.ai .msg-agent-actions{opacity:1!important;pointer-events:auto!important;transform:none!important;visibility:visible!important;display:inline-flex!important;bottom:-12px!important;box-shadow:0 2px 10px #00000038!important}.message.agent,.message.note,.message.ai{margin-bottom:14px!important}.btn-msg-action{touch-action:manipulation;padding:4px 6px}}.btn-msg-action{background:transparent;border:none;font-size:11px;padding:2px 5px;border-radius:9999px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;color:var(--text-muted, #64748b);font-weight:600;transition:all .15s ease;line-height:1;white-space:nowrap;box-sizing:border-box}.btn-msg-action.btn-recall{padding:2px 7px 2px 5px}[data-theme=dark] .btn-msg-action{color:#94a3b8}.btn-msg-action svg{width:11px;height:11px;flex-shrink:0;opacity:.8;transition:transform .15s ease,opacity .15s ease}.btn-msg-action.btn-edit:hover{background:#0284c71f;color:#0284c7}[data-theme=dark] .btn-msg-action.btn-edit:hover{background:#38bdf82e;color:#38bdf8}.btn-msg-action.btn-recall:hover{background:#ef44441f;color:#ef4444}[data-theme=dark] .btn-msg-action.btn-recall:hover{background:#f871712e;color:#f87171}.btn-msg-action:hover svg{transform:scale(1.1);opacity:1}.msg-action-separator{width:1px;height:10px;background:var(--border-color, rgba(0, 0, 0, .15));opacity:.6;margin:0 1px;flex-shrink:0}[data-theme=dark] .msg-action-separator{background:#ffffff38}.msg-inline-edit-box{margin-top:6px;width:100%}.msg-inline-edit-input{width:100%;min-height:52px;padding:8px 10px;border-radius:8px;border:1.5px solid #0284c7;font-size:.88rem;font-family:inherit;resize:vertical;outline:none;background:#fff;color:#0f172a;box-sizing:border-box;box-shadow:0 2px 6px #0284c726}.msg-inline-edit-controls{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.btn-edit-cancel,.btn-inline-cancel{padding:6px 12px;font-size:.8rem;font-weight:600;border-radius:6px;border:1px solid #cbd5e1;background:#f1f5f9;color:#475569;cursor:pointer;touch-action:manipulation}.btn-edit-cancel:hover,.btn-inline-cancel:hover{background:#e2e8f0}.btn-edit-save,.btn-inline-save{padding:6px 16px;font-size:.8rem;font-weight:700;border-radius:6px;border:none;background:#0284c7;color:#fff;cursor:pointer;box-shadow:0 2px 6px #0284c759;touch-action:manipulation}.btn-edit-save:hover,.btn-inline-save:hover{background:#0369a1}.msg-edited-badge{font-size:.68rem;font-style:italic;opacity:.75;margin-left:4px;font-weight:500;color:inherit;display:inline-flex;align-items:center;gap:3px}.msg-edited-badge.msg-edited-admin-toggle{cursor:pointer;padding:1px 6px;border-radius:4px;background:#0284c71a;border:1px solid rgba(2,132,199,.25);color:#0284c7;transition:all .15s ease;user-select:none}.msg-edited-badge.msg-edited-admin-toggle:hover{background:#0284c738;border-color:#0284c780;transform:translateY(-.5px)}[data-theme=dark] .msg-edited-badge.msg-edited-admin-toggle{background:#38bdf826;border-color:#38bdf859;color:#38bdf8}.msg-edit-history-box{margin-top:7px;padding:8px 10px;border-radius:8px;background:#0f172a0d;border:1px solid rgba(15,23,42,.12);font-size:.74rem;line-height:1.45;color:inherit;box-shadow:0 1px 4px #0000000d;display:none;animation:fadeInEditHist .2s ease}@keyframes fadeInEditHist{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .msg-edit-history-box{background:#0f172a8c;border-color:#ffffff1f}.msg-edit-history-header{font-weight:700;color:#0284c7;margin-bottom:5px;display:flex;align-items:center;gap:5px;font-size:.73rem}[data-theme=dark] .msg-edit-history-header{color:#38bdf8}.msg-edit-history-item{padding:4px 0;border-bottom:1px dashed rgba(0,0,0,.1)}.msg-edit-history-item:last-child{border-bottom:none}[data-theme=dark] .msg-edit-history-item{border-bottom-color:#ffffff1a}.msg-edit-history-meta{font-size:.69rem;opacity:.78;margin-bottom:2px;font-weight:500}.msg-edit-history-text{font-style:italic;word-break:break-word;background:#00000009;padding:3px 6px;border-radius:4px}[data-theme=dark] .msg-edit-history-text{background:#ffffff0f}.msg-content.msg-content-recalled{font-weight:300!important;font-style:italic!important;opacity:.8!important;letter-spacing:.2px!important}.message.msg-customer-recalled{opacity:.55!important;transition:opacity .2s ease,filter .2s ease!important}.message.msg-customer-recalled:hover{opacity:.95!important}.msg-customer-recalled-tag{display:inline-flex;align-items:center;gap:5px;padding:2px 7px;border-radius:4px;font-size:.68rem;font-weight:700;letter-spacing:.2px;background:#ef44441f;color:#ef4444;border:1px dashed rgba(239,68,68,.38);margin-bottom:5px;user-select:none}.msg-customer-recalled-body{font-style:italic}.msg-recalled-text{font-weight:300!important;font-style:italic!important;opacity:.9;display:inline-flex;align-items:center;gap:5px;letter-spacing:.2px}.btn-restore-recalled{display:inline-flex;align-items:center;gap:4px;margin-top:6px;padding:3px 9px;font-size:.72rem;font-weight:600;border-radius:6px;border:1px solid rgba(255,255,255,.45);background:#ffffff29;color:#fff;cursor:pointer;transition:all .15s ease;font-style:normal!important;font-weight:600!important}.btn-restore-recalled:hover{background:#ffffff47;border-color:#fff;transform:translateY(-1px)}.msg-restored-internal-card{background:transparent!important}.msg-restored-internal-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 7px;border-radius:4px;font-size:.68rem;font-weight:700;letter-spacing:.25px;background:#ffffff38;color:#fff;border:1px dashed rgba(255,255,255,.5);margin-bottom:6px;user-select:none}.msg-restored-actions{display:flex;align-items:center;gap:6px;margin-top:8px;padding-top:6px;border-top:1px dashed rgba(255,255,255,.3)}.btn-resend-to-client{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:700;border-radius:6px;border:none;background:#fff;color:#1d4ed8;cursor:pointer;box-shadow:0 1px 4px #0003;transition:all .15s ease}.btn-resend-to-client:hover{background:#f8fafc;transform:translateY(-1px);box-shadow:0 3px 8px #0000004d}.btn-re-recall{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;font-weight:600;border-radius:6px;border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;cursor:pointer;transition:all .15s ease}.btn-re-recall:hover{background:#ffffff2e}.message.msg-borderless-media{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;min-width:0!important;max-width:fit-content!important;overflow:visible!important}.message.client.msg-borderless-media{align-self:flex-start!important;align-items:flex-start!important}.message.agent.msg-borderless-media{align-self:flex-end!important;align-items:flex-end!important;min-width:0!important;margin-bottom:14px}.message.msg-borderless-media .message-sender{margin-bottom:5px;padding:0 4px;font-size:.74rem;font-weight:600;color:var(--text-muted, #64748b);opacity:.95;display:flex;align-items:center;gap:6px;user-select:none}.message.agent.msg-borderless-media .message-sender{text-align:right;justify-content:flex-end;color:var(--text-muted, #94a3b8)}:root[data-theme=dark] .message.msg-borderless-media .message-sender{color:#94a3b8}.message.msg-borderless-media .msg-content{padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important;width:auto!important;max-width:360px!important;position:relative}.msg-img-container{position:relative;display:inline-block;max-width:360px;border-radius:14px;overflow:hidden;box-shadow:0 3px 14px #0000001f,0 1px 3px #0000000d;border:1px solid rgba(0,0,0,.07);background:#00000008;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s ease;vertical-align:top}.msg-img-container:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0000002e,0 2px 6px #00000014}:root[data-theme=dark] .msg-img-container{border:1px solid rgba(255,255,255,.12);box-shadow:0 4px 18px #0006;background:#ffffff0a}.msg-img-link{display:block;text-decoration:none;position:relative;outline:none}.msg-img-el{display:block;width:auto;max-width:360px;max-height:480px;height:auto;object-fit:cover;border-radius:13px;cursor:pointer}.message.msg-borderless-media.has-caption .msg-img-el{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.msg-img-time-pill{position:absolute;bottom:8px;right:8px;display:inline-flex;align-items:center;gap:4px;padding:2.5px 8px;border-radius:9999px;background:#0f172aa6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#f8fafc!important;font-size:.65rem;font-weight:500;line-height:1.2;pointer-events:none;z-index:3;box-shadow:0 1px 5px #0000004d;user-select:none;letter-spacing:.02em}.msg-img-pill-status{font-size:.72rem;line-height:1;font-weight:700;color:#38bdf8}.msg-img-pill-status.error{color:#f87171}.msg-img-caption-box{padding:8px 12px;font-size:.86rem;line-height:1.5;word-break:break-word;border-top:none}.message.client.msg-borderless-media .msg-img-caption-box{background:var(--msg-client-bg, #ffffff);color:var(--msg-client-color, #1e293b);border-top:1px solid rgba(0,0,0,.06)}.message.agent.msg-borderless-media .msg-img-caption-box{background:var(--msg-agent-bg, #4f46e5);color:var(--msg-agent-color, #ffffff);border-top:1px solid rgba(255,255,255,.12)}:root[data-theme=dark] .message.client.msg-borderless-media .msg-img-caption-box{background:var(--msg-client-bg, #1e293b);border-top:1px solid rgba(255,255,255,.08)}.message.msg-borderless-media:not(.has-caption)>.message-time{display:none!important}.message.msg-borderless-media.has-caption>.message-time{margin-top:4px;padding:0 4px}.message.msg-borderless-media .msg-reaction-trigger{bottom:-10px!important;left:10px!important;z-index:10!important}.message.msg-borderless-media .msg-reactions-container{margin-top:6px;padding:0 4px}.message.agent.msg-borderless-media .msg-reactions-container{justify-content:flex-end}.message.agent.msg-borderless-media .msg-agent-actions{bottom:-12px!important;left:auto!important;right:8px!important;z-index:20!important}@media(hover:none){.message.agent.msg-borderless-media .msg-agent-actions{bottom:-12px!important;right:8px!important;left:auto!important}}@media(max-width:768px){.message.msg-borderless-media .msg-content,.msg-img-container,.msg-img-el{max-width:min(340px,80vw)!important}}.message.msg-sticker-media{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;min-width:0!important;max-width:fit-content!important;overflow:visible!important}.message.msg-sticker-media .msg-content{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;width:auto!important;overflow:visible!important}.msg-sticker-container{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:transform .22s cubic-bezier(.16,1,.3,1);user-select:none}.msg-sticker-container:hover{transform:scale(1.08)}.msg-sticker-img{width:135px;height:135px;max-width:150px;max-height:150px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.14));border-radius:8px}:root[data-theme=dark] .msg-sticker-img{filter:drop-shadow(0 4px 12px rgba(0,0,0,.45))}.internal-msg-item{position:relative}.btn-react-internal{background:transparent;border:1px solid transparent;border-radius:4px;padding:1px 4px;cursor:pointer;font-size:11px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .15s}.btn-react-internal:hover{background:#ffffff1a;border-color:#ffffff26;color:#cbd5e1}.int-reactions-container{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.msg-doc-card{display:inline-flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;text-decoration:none!important;background:#fff;color:#0f172a!important;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px #0000000f;transition:all .2s cubic-bezier(.4,0,.2,1);max-width:360px;min-width:240px;box-sizing:border-box;margin:4px 0;cursor:pointer;user-select:none}.message.client .msg-doc-card{background:#fff;color:#0f172a!important;border:1px solid rgba(0,0,0,.1)}.message.agent .msg-doc-card{background:#fff;color:#0f172a!important;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 14px #00000026}.dark .msg-doc-card,[data-theme=dark] .msg-doc-card{background:#1e293b;color:#f1f5f9!important;border-color:#ffffff1f;box-shadow:0 2px 8px #0000004d}.dark .message.agent .msg-doc-card,[data-theme=dark] .message.agent .msg-doc-card{background:#1e293b;color:#f1f5f9!important}.msg-doc-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000001f;border-color:#2563eb66}.dark .msg-doc-card:hover,[data-theme=dark] .msg-doc-card:hover{box-shadow:0 6px 20px #00000073;border-color:#60a5fa66}.msg-doc-icon-wrap{position:relative;width:44px;height:48px;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease}.msg-doc-card:hover .msg-doc-icon-wrap{transform:scale(1.05)}.msg-doc-ext-badge{font-size:8px;font-weight:800;color:#fff;padding:1px 4px;border-radius:3px;letter-spacing:.5px;margin-top:-3px;text-transform:uppercase;line-height:1.1;box-shadow:0 1px 3px #0003}.msg-doc-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.msg-doc-name{font-size:13px;font-weight:600;color:inherit;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-doc-sub{font-size:11px;color:#64748b;display:flex;align-items:center;gap:4px;line-height:1.2}.dark .msg-doc-sub,[data-theme=dark] .msg-doc-sub{color:#94a3b8}.msg-doc-action-text{color:#2563eb;font-weight:600}.dark .msg-doc-action-text,[data-theme=dark] .msg-doc-action-text{color:#60a5fa}.msg-doc-download-btn{width:32px;height:32px;border-radius:50%;background:#0000000d;display:flex;align-items:center;justify-content:center;color:#64748b;flex-shrink:0;transition:all .2s ease}.dark .msg-doc-download-btn,[data-theme=dark] .msg-doc-download-btn{background:#ffffff14;color:#94a3b8}.msg-doc-card:hover .msg-doc-download-btn{background:#2563eb;color:#fff;transform:scale(1.08)}.staff-online-item{background:var(--card-inner-bg);border:1px solid var(--border-color);padding:10px 12px;border-radius:var(--r-lg);display:flex;flex-direction:column;gap:5px;position:relative;box-shadow:var(--shadow-xs);transition:transform .15s,box-shadow .15s}.staff-online-item:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}#internalChatMessages{display:flex;flex-direction:column;gap:8px;max-height:260px;overflow-y:auto;padding-right:4px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.4) transparent}#internalChatMessages::-webkit-scrollbar{width:10px;height:10px}#internalChatMessages::-webkit-scrollbar-track{background:transparent;margin:4px 0}#internalChatMessages::-webkit-scrollbar-thumb{background-color:#94a3b86b;background-clip:padding-box;border:2.5px solid transparent;border-radius:9999px;min-height:36px;transition:background-color .15s ease,border-width .15s ease}#internalChatMessages:hover::-webkit-scrollbar-thumb{background-color:#64748ba6}#internalChatMessages::-webkit-scrollbar-thumb:hover{background-color:#6366f1;border-width:1px;cursor:grab;box-shadow:0 0 6px #6366f159}#internalChatMessages::-webkit-scrollbar-thumb:active{background-color:#4f46e5;border-width:.5px;cursor:grabbing;box-shadow:0 0 8px #4f46e580}[data-theme=dark] #internalChatMessages{scrollbar-color:rgba(255,255,255,.3) transparent}[data-theme=dark] #internalChatMessages::-webkit-scrollbar-thumb{background-color:#ffffff47}[data-theme=dark] #internalChatMessages:hover::-webkit-scrollbar-thumb{background-color:#ffffff73}[data-theme=dark] #internalChatMessages::-webkit-scrollbar-thumb:hover{background-color:#818cf8;border-width:1px;box-shadow:0 0 8px #818cf866}[data-theme=dark] #internalChatMessages::-webkit-scrollbar-thumb:active{background-color:#6366f1;border-width:.5px;box-shadow:0 0 10px #6366f199}.internal-thread-group{background:#f8f9fb;border:1px solid var(--border-color);border-radius:var(--r-lg);padding:8px 10px 10px;display:flex;flex-direction:column;gap:5px;position:relative;box-shadow:var(--shadow-xs);transition:border-color .15s}.internal-thread-group:hover{border-color:#c7d2fe}:root[data-theme=light] .internal-thread-group{background:#f8f9fb;border-color:var(--border-color)}:root[data-theme=light] .internal-thread-group:hover{border-color:#a5b4fc}:root[data-theme=dark] .internal-thread-group{background:#111a2e;border-color:#ffffff14;box-shadow:0 1px 3px #0000004d}:root[data-theme=dark] .internal-thread-group:hover{border-color:#6366f166}:root[data-theme=dark] .thread-group-header{border-bottom-color:#ffffff14}:root[data-theme=dark] .thread-group-title{color:#818cf8}:root[data-theme=dark] .thread-latest-time{color:#94a3b8}:root[data-theme=dark] .thread-replies-list{border-left-color:#6366f159}:root[data-theme=dark] .internal-msg-item{background:#162035;border-color:#ffffff14}:root[data-theme=dark] .internal-msg-item:hover{border-color:#6366f166}:root[data-theme=dark] .internal-msg-item.thread-root{background:#151e33;border-color:#6366f159}:root[data-theme=dark] .internal-msg-item.internal-reply-item{background:#111a2e;border-color:#ffffff14}.thread-group-header{display:flex;align-items:center;justify-content:space-between;padding:0 2px 4px;border-bottom:1px solid var(--border-color);margin-bottom:2px}.thread-group-title{display:flex;align-items:center;gap:5px;color:var(--primary);font-size:.68rem;font-weight:700;letter-spacing:.02em}:root[data-theme=light] .thread-group-title{color:var(--primary)}.thread-latest-time{color:var(--text-muted);font-size:.65rem}.thread-replies-list{display:flex;flex-direction:column;gap:5px;margin-left:8px;padding-left:10px;border-left:2px solid #c7d2fe;margin-top:4px}:root[data-theme=light] .thread-replies-list{border-left-color:#a5b4fc}.internal-msg-item{background:var(--card-inner-bg);border:1px solid var(--border-color);border-radius:var(--r-md);padding:7px 10px;display:flex;flex-direction:column;gap:3px;box-shadow:var(--shadow-xs);transition:box-shadow .15s,border-color .15s;position:relative}.internal-msg-item:hover{box-shadow:var(--shadow-sm);border-color:#c7d2fe}.internal-msg-item.thread-root{border-color:#c7d2fe}.internal-msg-item.internal-reply-item{background:var(--bg-subtle);border-color:var(--border-color)}:root[data-theme=light] .internal-msg-item.internal-reply-item{background:#f8f9fb;border-color:var(--border-color)}.internal-msg-item .int-header{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;gap:5px}.int-author-box{display:flex;align-items:center;gap:5px;overflow:hidden;flex:1}.int-author-name{color:var(--primary);font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:.76rem}.int-meta-box{display:flex;align-items:center;gap:5px;flex-shrink:0}.int-time{color:var(--text-muted);font-size:.65rem}.btn-reply-internal{background:var(--primary-light);border:1px solid #c7d2fe;color:var(--primary);border-radius:var(--r-sm);padding:2px 7px;font-size:.65rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:3px;transition:all .15s;line-height:1.2}.btn-reply-internal:hover{background:var(--primary);color:#fff;border-color:var(--primary)}:root[data-theme=light] .btn-reply-internal{background:var(--primary-light);border-color:#c7d2fe;color:var(--primary)}:root[data-theme=light] .btn-reply-internal:hover{background:var(--primary);color:#fff}:root[data-theme=dark] .btn-reply-internal{background:#3b82f626;border-color:#3b82f64d;color:#93c5fd}:root[data-theme=dark] .btn-reply-internal:hover{background:#2563eb;color:#fff;border-color:#3b82f6}.reply-ref-pill{display:inline-flex;align-items:center;gap:3px;background:var(--primary-light);border-left:2px solid var(--primary);border-radius:3px;padding:2px 6px;font-size:.67rem;color:var(--text-muted);margin-bottom:2px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-ref-pill strong{color:var(--primary);font-weight:600}.reply-ref-pill em{font-style:italic;color:var(--text-main);opacity:.9}:root[data-theme=dark] .reply-ref-pill{background:#3b82f626;border-left-color:#3b82f6;color:#94a3b8}:root[data-theme=dark] .reply-ref-pill strong{color:#60a5fa}:root[data-theme=dark] .reply-ref-pill em{color:#e2e8f0}.internal-msg-item .int-content{color:var(--text-main);font-size:.8rem;word-break:break-word;line-height:1.45}.staff-status-dot{display:inline-block;width:10px;height:10px;min-width:10px;border-radius:50%;flex-shrink:0;vertical-align:middle;transition:background .25s,box-shadow .25s}.staff-status-dot.online{background:radial-gradient(circle at 35% 35%,#34d399,#059669);border:2px solid #fff;box-shadow:0 0 7px #10b981d9,inset 0 1px 2px #ffffff80}.staff-status-dot.offline{background:radial-gradient(circle at 35% 35%,#d1d5db,#9ca3af);border:2px solid rgba(255,255,255,.7);box-shadow:0 1px 2px #0003}#internalReplyBar{display:none;align-items:center;justify-content:space-between;background:var(--primary-light);border:1px solid #c7d2fe;border-radius:var(--r-md);padding:5px 10px;margin-top:8px;font-size:.76rem;animation:fadeInReplyBar .18s ease}:root[data-theme=light] #internalReplyBar{background:var(--primary-light);border-color:#c7d2fe}@keyframes fadeInReplyBar{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.customer-typing-bubble{display:none;align-self:flex-start;max-width:65%;padding:9px 14px;border-radius:4px 16px 16px;background:var(--msg-client-bg);color:var(--msg-client-color);border:1px solid var(--msg-client-border);box-shadow:var(--shadow-xs);gap:5px}.customer-typing-bubble .message-sender{color:var(--primary);font-size:.74rem;font-weight:600}.typing-indicator-dots{display:inline-flex;align-items:center;gap:3px;padding:1px 0}.typing-indicator-dots span{width:6px;height:6px;background:var(--primary);border-radius:50%;display:inline-block;animation:typing-dots-bounce 1.4s infinite ease-in-out both}.typing-indicator-dots span:nth-child(1){animation-delay:-.32s}.typing-indicator-dots span:nth-child(2){animation-delay:-.16s}.typing-indicator-dots span:nth-child(3){animation-delay:0s}@keyframes typing-dots-bounce{0%,80%,to{transform:scale(.6);opacity:.35}40%{transform:scale(1.1);opacity:1}}.msg-voice-slot{margin-bottom:5px}.msg-voice-card{display:flex;align-items:center;gap:7px;background:var(--voice-card-bg);border:1px solid var(--voice-card-border);border-radius:20px;padding:4px 10px 4px 6px;user-select:none;width:100%;height:34px}.message.ai .msg-voice-card{background:var(--voice-card-bg);border-color:var(--voice-card-border)}.msg-voice-play-btn{width:24px;height:24px;border-radius:50%;border:none;background:#6366f1;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:transform .15s,background .2s;padding:0}.msg-voice-play-btn:hover{transform:scale(1.08);background:#4f46e5}.msg-voice-play-btn svg{width:11px;height:11px;fill:currentColor}.msg-voice-title{font-size:10px;font-weight:600;white-space:nowrap;flex-shrink:0;color:inherit}.msg-voice-progress{flex:1;height:3px;background:var(--voice-prog-bg);border-radius:2px;overflow:hidden;cursor:pointer;position:relative;min-width:36px}.msg-voice-progress-fill{height:100%;width:0%;background:#6366f1;border-radius:2px;transition:width .1s linear}.msg-voice-time{font-family:monospace;font-size:9px;white-space:nowrap;flex-shrink:0;opacity:.7;min-width:50px;text-align:right;color:inherit}.msg-tts-bar{display:flex;align-items:center;justify-content:flex-start;margin-top:5px;padding-top:4px;border-top:1px dashed rgba(255,255,255,.1)}.msg-tts-btn{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:600;color:#a5b4fc;background:#6366f11f;border:1px solid rgba(99,102,241,.25);border-radius:10px;padding:2px 7px;cursor:pointer;transition:all .2s}.msg-tts-btn:hover{background:#6366f133;color:#c7d2fe}.msg-tts-btn.speaking{background:#6366f1;color:#fff}.msg-voice-loading{display:none!important}.msg-voice-loading-dot{width:5px;height:5px;border-radius:50%;background:#818cf8;animation:pulseDashDot 1s infinite alternate}@keyframes pulseDashDot{0%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.chat-input-area{padding:14px 20px;border-top:1px solid var(--border-color);background:var(--header-bg);flex-shrink:0}.chat-form{display:flex;gap:8px}.chat-form input,#agentChatInput{flex:1;background:var(--input-bg);border:1.5px solid var(--input-border);border-radius:var(--r-lg);padding:10px 16px;color:var(--input-text);outline:none;font-size:.95rem;transition:none!important;text-rendering:optimizeSpeed}.chat-form input:focus,#agentChatInput:focus{border-color:var(--primary)!important;background:var(--input-bg)!important;color:var(--input-text)!important;box-shadow:0 0 0 3px var(--primary-ring)!important}.chat-form input:disabled,#agentChatInput:disabled{opacity:.5;cursor:not-allowed;border-color:#fca5a5}:root:not([data-theme=dark]) .chat-form input,:root:not([data-theme=dark]) #agentChatInput{background:#fff!important;border-color:#cbd5e1!important;color:#0f172a!important}:root:not([data-theme=dark]) .chat-form input:focus,:root:not([data-theme=dark]) #agentChatInput:focus{background:#fff!important;border-color:#2563eb!important;color:#0f172a!important;box-shadow:0 0 0 3px #2563eb33!important}:root:not([data-theme=dark]) .chat-form input::placeholder,:root:not([data-theme=dark]) #agentChatInput::placeholder{color:#94a3b8!important}:root[data-theme=dark] .chat-form input,:root[data-theme=dark] #agentChatInput{background:#162035!important;border-color:#ffffff24!important;color:#f1f5f9!important}:root[data-theme=dark] .chat-form input:focus,:root[data-theme=dark] #agentChatInput:focus{background:#1e293b!important;border-color:#3b82f6!important;color:#fff!important;box-shadow:0 0 0 3px #3b82f64d!important}:root[data-theme=dark] .chat-form input::placeholder,:root[data-theme=dark] #agentChatInput::placeholder{color:#94a3b8!important}.chat-type-tabs{background:var(--bg-subtle);padding:3px;border-radius:var(--r-md);border:1px solid var(--border-color);display:inline-flex;gap:3px;margin-bottom:10px}.chat-tab-btn{border-radius:var(--r-sm);padding:6px 12px;font-size:.78rem;font-weight:600;border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all .18s;user-select:none}.chat-tab-btn:hover:not(.active-tab){background:var(--border-color);color:var(--text-sub)}#tabPublic.active-tab{background:var(--primary-light);border-color:#a5b4fc;color:var(--primary);box-shadow:var(--shadow-xs)}#tabNote.active-tab{background:#fffbeb;border-color:#fde68a;color:#92400e}#tabTranslate.active-tab{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}:root[data-theme=dark] #tabPublic.active-tab{background:#3b82f633!important;border-color:#3b82f673!important;color:#60a5fa!important}:root[data-theme=dark] #tabNote.active-tab{background:#f59e0b33!important;border-color:#f59e0b73!important;color:#fbbf24!important}:root[data-theme=dark] #tabTranslate.active-tab{background:#10b98133!important;border-color:#10b98173!important;color:#34d399!important}#translatePreviewBox{margin-bottom:10px;border-radius:12px;padding:10px 14px;position:relative;transition:background-color .2s,border-color .2s}#transTargetLangSelect{border-radius:6px;padding:3px 8px;font-size:.76rem;font-weight:600;outline:none;cursor:pointer;transition:all .2s}:root:not([data-theme=dark]) #translatePreviewBox{background:#eff6ff!important;border:1px solid #bfdbfe!important}:root:not([data-theme=dark]) #transBoxTitle{color:#1d4ed8!important}:root:not([data-theme=dark]) #transStatus{color:#64748b!important}:root:not([data-theme=dark]) #transTargetLangSelect{background:#fff!important;color:#0f172a!important;border:1.5px solid #93c5fd!important;box-shadow:0 1px 2px #0000000f!important}:root:not([data-theme=dark]) #transTargetLangSelect:focus{border-color:#2563eb!important;box-shadow:0 0 0 2px #2563eb40!important}:root:not([data-theme=dark]) #transTargetLangSelect option{background:#fff!important;color:#0f172a!important}:root:not([data-theme=dark]) #translatePreviewText{color:#1e293b!important}:root[data-theme=dark] #translatePreviewBox{background:#1e293bbf!important;border:1px solid rgba(59,130,246,.35)!important}:root[data-theme=dark] #transBoxTitle{color:#60a5fa!important}:root[data-theme=dark] #transStatus{color:#94a3b8!important}:root[data-theme=dark] #transTargetLangSelect{background:#0f172a!important;color:#f8fafc!important;border:1.5px solid rgba(59,130,246,.5)!important;box-shadow:0 1px 3px #0000004d!important}:root[data-theme=dark] #transTargetLangSelect:focus{border-color:#60a5fa!important;box-shadow:0 0 0 2px #3b82f659!important}:root[data-theme=dark] #transTargetLangSelect option{background:#0f172a!important;color:#f8fafc!important}:root[data-theme=dark] #translatePreviewText{color:#f1f5f9!important}.agent-attach-btn,.agent-voice-btn{background:var(--bg-subtle);border:1.5px solid var(--border-color);color:var(--text-muted);width:42px;height:42px;border-radius:var(--r-lg);cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .18s;flex-shrink:0}.agent-attach-btn:hover:not(:disabled),.agent-voice-btn:hover:not(:disabled){background:var(--primary-light);border-color:#a5b4fc;color:var(--primary)}.agent-voice-btn.recording{background:#ef44441a!important;border-color:#ef4444!important;color:#ef4444!important;animation:micPulse 1.2s infinite ease-in-out}.agent-voice-btn.polishing{background:#f59e0b1a!important;border-color:#f59e0b!important;color:#f59e0b!important;animation:micPulse .8s infinite ease-in-out}@keyframes micPulse{0%{transform:scale(1);box-shadow:0 0 #ef444466}50%{transform:scale(1.07);box-shadow:0 0 0 5px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.agent-send-btn{background:var(--primary);border:none;color:#fff;width:42px;height:42px;border-radius:var(--r-lg);cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .18s;flex-shrink:0;box-shadow:0 2px 8px var(--primary-ring)}.agent-send-btn:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 4px 12px var(--primary-ring)}.agent-attach-btn:disabled,.agent-voice-btn:disabled,.agent-send-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.msg-trans-box{margin-top:5px;padding:7px 10px;background:#eff6ff;border:1px solid #bfdbfe;border-left:3px solid var(--primary);border-radius:var(--r-sm);font-size:.8rem;color:#1e40af;line-height:1.45}.msg-trans-box .msg-trans-title{font-weight:700;font-size:.72rem;color:#2563eb;display:block;margin-bottom:2px}:root[data-theme=light] .msg-trans-box{background:#eff6ff;border:1px solid #bfdbfe;border-left:3px solid var(--primary);color:#1e40af}:root[data-theme=light] .message.ai .msg-trans-box{background:#f0fdf4;border:1px solid #bbf7d0;border-left:3px solid #10b981;color:#166534}:root[data-theme=light] .message.ai .msg-trans-box .msg-trans-title{color:#059669}:root[data-theme=dark] .msg-trans-box{background:#0f172ad9;border:1px solid rgba(59,130,246,.3);border-left:3px solid #3b82f6;color:#f1f5f9}:root[data-theme=dark] .msg-trans-box .msg-trans-title{color:#60a5fa}:root[data-theme=dark] .message.ai .msg-trans-box{background:#022c22e0;border:1px solid rgba(16,185,129,.4);border-left:3px solid #10b981;color:#ecfdf5}:root[data-theme=dark] .message.ai .msg-trans-box .msg-trans-title{color:#34d399}:root[data-theme=dark] .message.client .msg-trans-box{background:#0f172ae0;border:1px solid rgba(59,130,246,.3);border-left:3px solid #60a5fa;color:#f1f5f9}:root[data-theme=dark] .message.client .msg-trans-box .msg-trans-title{color:#93c5fd}:root[data-theme=dark] .msg-trans-btn{background:#3b82f626;border:1px solid rgba(59,130,246,.35);color:#93c5fd}:root[data-theme=dark] .msg-trans-btn:hover{background:#3b82f64d;border-color:#60a5fa;color:#fff}.msg-trans-btn{background:none;border:1px solid #bfdbfe;color:var(--primary);font-size:.67rem;font-weight:600;cursor:pointer;padding:2px 6px;border-radius:var(--r-sm);margin-left:6px;transition:all .2s}.msg-trans-btn:hover{background:var(--primary-light);border-color:var(--primary)}.right-pane{background:var(--sidebar-bg);border-left:1px solid var(--border-color);display:flex;flex-direction:column;height:100%!important;min-height:0!important;overflow-y:auto!important;padding:14px;gap:12px;contain:layout;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.4) transparent}.right-pane::-webkit-scrollbar{width:10px;height:10px}.right-pane::-webkit-scrollbar-track{background:transparent;margin:4px 0}.right-pane::-webkit-scrollbar-thumb{background-color:#94a3b86b;background-clip:padding-box;border:2.5px solid transparent;border-radius:9999px;min-height:36px;transition:background-color .15s ease,border-width .15s ease}.right-pane:hover::-webkit-scrollbar-thumb{background-color:#64748ba6}.right-pane::-webkit-scrollbar-thumb:hover{background-color:#6366f1;border-width:1px;cursor:grab;box-shadow:0 0 6px #6366f159}.right-pane::-webkit-scrollbar-thumb:active{background-color:#4f46e5;border-width:.5px;cursor:grabbing;box-shadow:0 0 8px #4f46e580}[data-theme=dark] .right-pane{scrollbar-color:rgba(255,255,255,.3) transparent}[data-theme=dark] .right-pane::-webkit-scrollbar-thumb{background-color:#ffffff47}[data-theme=dark] .right-pane:hover::-webkit-scrollbar-thumb{background-color:#ffffff73}[data-theme=dark] .right-pane::-webkit-scrollbar-thumb:hover{background-color:#818cf8;border-width:1px;box-shadow:0 0 8px #818cf866}[data-theme=dark] .right-pane::-webkit-scrollbar-thumb:active{background-color:#6366f1;border-width:.5px;box-shadow:0 0 10px #6366f199}.pane-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--r-xl);padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-xs)}.pane-section h3{font-size:.78rem;font-weight:700;color:var(--text-muted);letter-spacing:.02em;border-bottom:1px solid var(--border-color);padding-bottom:8px;display:flex;align-items:center;gap:6px}.sim-form{display:flex;flex-direction:column;gap:7px}.sim-form label{font-size:.72rem;color:var(--text-muted);font-weight:600}.sim-form input,.sim-form select{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--r-md);padding:7px 10px;color:var(--input-text);font-size:.82rem;outline:none}.sim-btn{background:#4f46e5;border:none;color:#fff;padding:9px;border-radius:var(--r-md);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s}.sim-btn.facebook{background:var(--accent-facebook)}.sim-btn.zalo{background:var(--accent-zalo)}.sim-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.empty-state{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;color:var(--text-muted);text-align:center;padding:20px;gap:8px}.empty-state svg{width:44px;height:44px;fill:currentColor;margin-bottom:8px;opacity:.2}.chat-pane.vip-theme{box-shadow:inset 0 0 100px #f59e0b06}.chat-pane.vip-theme .chat-pane-header{border-bottom:1px solid rgba(245,158,11,.1)}.chat-pane.vip-theme .chat-input-area{border-top:1px solid rgba(245,158,11,.1)}.desktop-only-inline{display:inline}.client-details-drawer{display:none;flex-direction:column;border-bottom:1px solid var(--border-color);background:var(--bg-card);box-shadow:0 4px 12px #00000008;animation:drawerSlideDown .18s ease-out}.client-details-drawer.open{display:flex}@keyframes drawerSlideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.mobile-profile-ai-bar{display:none!important}.mobile-profile-ai-left{display:inline-flex;align-items:center;gap:5px;cursor:pointer;font-weight:700;color:var(--primary);flex-shrink:0;padding:4px 8px;border-radius:6px;background:#4f46e514;border:1px solid rgba(79,70,229,.2);transition:all .15s ease}.mobile-profile-ai-left:active{transform:scale(.96);background:#4f46e529}.mobile-bar-icon{font-size:.82rem}.mobile-bar-arrow{font-size:.65rem;transition:transform .2s ease}.mobile-profile-ai-summary{flex:1;min-width:0;font-size:.72rem;color:var(--text-sub);cursor:pointer;padding:0 4px;font-weight:500}.mobile-profile-ai-right{display:inline-flex;align-items:center;gap:5px;flex-shrink:0}.mobile-bar-pill{font-size:.68rem;padding:3px 8px;border-radius:6px;font-weight:700;border:1px solid transparent;display:inline-flex;align-items:center;gap:3px}.mobile-bar-pill.vip{color:#7c3aed;background:#8b5cf61f;border-color:#8b5cf640}.mobile-bar-pill.ai{background:#10b9811a;border-color:#10b98140;color:#059669;cursor:pointer}.mobile-bar-pill.ai.off{background:#64748b1a;border-color:#64748b40;color:var(--text-muted)}:root[data-theme=dark] .mobile-profile-ai-left{color:#a5b4fc;background:#6366f12e;border-color:#6366f159}:root[data-theme=dark] .mobile-bar-pill.vip{color:#c084fc;background:#8b5cf633;border-color:#8b5cf666}.client-profile-panel{background:var(--bg-card);border-bottom:1px solid var(--border-color);padding:8px 16px;display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between}.profile-field-group{display:flex;align-items:center;gap:5px}.profile-field-group label{font-size:.72rem;color:var(--text-muted);font-weight:600;white-space:nowrap}.profile-field-group input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--r-md);padding:4px 8px;color:var(--input-text);font-size:.78rem;outline:none;width:120px;transition:border-color .15s}.profile-field-group input:focus{border-color:var(--primary)}.profile-btn{background:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-sub);border-radius:var(--r-md);padding:4px 9px;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.profile-btn:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.referrer-badge{font-size:.6rem;padding:2px 6px;border-radius:var(--r-sm);font-weight:800;text-transform:uppercase;letter-spacing:.04em}.referrer-badge.facebook{background:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.3)}.referrer-badge.zalo{background:#0ea5e91a;color:#0284c7;border:1px solid rgba(14,165,233,.3)}.referrer-badge.direct{background:#10b9811a;color:#15803d;border:1px solid rgba(16,185,129,.3)}.visitor-type-badge{font-size:.65rem;padding:2px 7px;border-radius:9999px;font-weight:700;letter-spacing:.02em;display:inline-flex;align-items:center;gap:3px;white-space:nowrap;line-height:1.2;flex-shrink:0}.visitor-type-badge.new{background:#ef44441a;color:#dc2626!important;border:1px solid rgba(239,68,68,.25)}.visitor-type-badge.returning{background:#f59e0b1a;color:#d97706!important;border:1px solid rgba(245,158,11,.25)}.visitor-type-badge.vip{background:#8b5cf61a;color:#7c3aed!important;border:1px solid rgba(139,92,246,.25)}.visitor-type-tag{font-size:.62rem;padding:0 4px;border-radius:4px;font-weight:700;line-height:1.3;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;vertical-align:middle}.visitor-type-tag.returning{color:#d97706!important;background:#f59e0b1f;border:1px solid rgba(245,158,11,.25)}.visitor-type-tag.new{color:#10b981!important;background:#10b9811f;border:1px solid rgba(16,185,129,.25)}.visitor-type-tag.vip{color:#7c3aed!important;background:#8b5cf61f;border:1px solid rgba(139,92,246,.25)}.vip-crown-left{display:inline-flex;align-items:center;justify-content:center;color:#8b5cf6;flex-shrink:0;vertical-align:middle;line-height:1;margin-right:2px;transition:transform .15s ease}.vip-crown-left svg{width:15px;height:15px;fill:#8b5cf6;filter:drop-shadow(0 1px 2px rgba(124,58,237,.45));display:inline-block;vertical-align:middle}:root[data-theme=dark] .referrer-badge.facebook{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.4)}:root[data-theme=dark] .referrer-badge.zalo{background:#0ea5e933;color:#38bdf8;border:1px solid rgba(14,165,233,.4)}:root[data-theme=dark] .referrer-badge.direct{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.4)}:root[data-theme=dark] .visitor-type-badge.new{background:#ef444433;color:#f87171!important;border:1px solid rgba(239,68,68,.4)}:root[data-theme=dark] .visitor-type-badge.returning{background:#f59e0b33;color:#fbbf24!important;border:1px solid rgba(245,158,11,.4)}:root[data-theme=dark] .visitor-type-badge.vip{background:#8b5cf633;color:#c084fc!important;border:1px solid rgba(139,92,246,.4)}:root[data-theme=dark] .visitor-type-tag.returning{color:#fbbf24!important;background:#f59e0b33;border-color:#f59e0b66}:root[data-theme=dark] .visitor-type-tag.new{color:#34d399!important;background:#10b98133;border-color:#10b98166}:root[data-theme=dark] .visitor-type-tag.vip{color:#c084fc!important;background:#8b5cf633;border-color:#8b5cf666}:root[data-theme=dark] .vip-crown-left svg{fill:#a78bfa;filter:drop-shadow(0 1px 3px rgba(167,139,250,.6))}@media(max-width:900px){html,body{overflow:hidden!important;position:fixed!important;inset:0!important;width:100%!important;height:100%!important;height:var(--visual-viewport-height, 100%)!important;max-height:var(--visual-viewport-height, 100%)!important;overscroll-behavior:none!important;-webkit-text-size-adjust:100%!important}#appContainer{position:fixed!important;top:var(--visual-viewport-top, 0px)!important;left:0!important;right:0!important;width:100%!important;height:var(--visual-viewport-height, 100%)!important;max-height:var(--visual-viewport-height, 100%)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}#agentChatInput,#internalChatInput,.chat-form input,.chat-input-area input[type=text]{font-size:16px!important}header{height:48px!important;min-height:48px!important;max-height:48px!important;padding:0 10px!important;flex-shrink:0!important;gap:6px!important;box-sizing:border-box!important}.header-brand{display:flex!important;align-items:center!important;gap:6px!important;flex-shrink:0!important;min-width:0!important}.header-brand h1{font-size:.88rem!important;white-space:nowrap!important;overflow:visible!important}.header-brand-logo{height:24px!important;max-height:24px!important}.header-actions{display:flex!important;align-items:center!important;gap:6px!important;flex-shrink:0!important}.agent-status{padding:3px 8px!important;font-size:.72rem!important;gap:5px!important;white-space:nowrap!important;flex-shrink:0!important}#settingsBtn{height:32px!important;padding:0 8px!important;font-size:.74rem!important;gap:4px!important;flex-shrink:0!important;white-space:nowrap!important;border-radius:6px!important;display:inline-flex!important;align-items:center!important}#settingsBtn svg{width:14px!important;height:14px!important;flex-shrink:0!important}#themeToggleBtn{display:inline-flex!important;width:32px!important;height:32px!important;min-width:32px!important;font-size:.88rem!important;padding:0!important;border-radius:6px!important}#logoutBtn{height:32px!important;padding:0 8px!important;font-size:.72rem!important;flex-shrink:0!important;white-space:nowrap!important;border-radius:6px!important}header .metric-bar-wrapper,header .metric-bar{display:none!important}@media(max-width:480px){header{padding:0 6px!important;gap:4px!important}.header-brand-logo{height:22px!important;max-height:22px!important}.header-brand h1{font-size:.82rem!important}.agent-status{padding:4px 6px!important}.agent-status #statusText{display:none!important}#settingsBtn{padding:0 7px!important;font-size:.72rem!important}#logoutBtn{padding:0 7px!important;font-size:.7rem!important}}@media(max-width:340px){#settingsBtn .settings-btn-text{display:none!important}#settingsBtn{width:32px!important;padding:0!important;justify-content:center!important}}.mobile-filter-bar{display:flex!important}.dashboard-container{display:block!important;position:relative!important;width:100%!important;height:100%!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important}.resizer{display:none!important}.sidebar,.chat-pane,.right-pane{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:none!important;overflow:hidden!important}.dashboard-container.show-list .sidebar{display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important;overflow:hidden!important}.dashboard-container.show-list .session-list{flex:1 1 0%!important;min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.dashboard-container.show-chat .chat-pane{display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important;overflow:hidden!important}#chatActiveContent{display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important;flex:1 1 auto!important;overflow:hidden!important}.chat-pane-header{height:48px!important;min-height:48px!important;padding:0 10px!important;gap:6px!important;flex-shrink:0!important;overflow:hidden!important}.chat-pane-header-left{gap:6px!important;min-width:120px!important;flex:1 1 auto!important;overflow:hidden!important}.active-chat-avatar-box{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;flex-shrink:0!important}#activeChatAvatarFallback{font-size:.75rem!important}#activeChatOnlineDot{width:8px!important;height:8px!important;min-width:8px!important;min-height:8px!important;border-width:1.5px!important}.active-chat-meta-top{gap:4px!important;min-width:0!important;flex-wrap:nowrap!important;white-space:nowrap!important}#activeChatName{font-size:.82rem!important;max-width:95px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;flex-shrink:1!important}#activeChatOnlineText{font-size:.62rem!important;padding:1px 5px!important;flex-shrink:0!important}.active-chat-payment-group{flex-shrink:0!important;height:22px!important}.active-chat-payment-group .payment-group-btn{padding:0 6px!important;font-size:.68rem!important;white-space:nowrap!important}.chat-pane-header.has-payment-active #activeChatOnlineText{display:none!important}.chat-pane-header.has-payment-active #activeChatName{max-width:68px!important}.chat-pane-header.has-payment-active .active-chat-payment-group{display:inline-flex!important;flex-shrink:0!important}.chat-pane-header.has-payment-active .btn-toggle-profile .profile-text-full,.chat-pane-header.has-payment-active .btn-toggle-profile .profile-text-short,.chat-pane-header.has-payment-active .btn-co-browse .cobrowse-text-full,.chat-pane-header.has-payment-active .btn-co-browse .cobrowse-text-short,.chat-pane-header.has-payment-active #activeChatChannelBadge{display:none!important}.chat-pane-header-right{display:flex!important;align-items:center!important;gap:4px!important;flex-shrink:0!important}.btn-co-browse{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:30px!important;padding:0 6px!important;font-size:.72rem!important;font-weight:600!important;border-radius:6px!important;gap:3px!important;flex-shrink:0!important;white-space:nowrap!important}#activeChatChannelBadge{display:none!important}.btn-toggle-profile{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:30px!important;padding:0 6px!important;font-size:.72rem!important;font-weight:600!important;border-radius:6px!important;gap:3px!important;flex-shrink:0!important;white-space:nowrap!important;background:var(--bg-card)!important;border:1px solid var(--border-color)!important;color:var(--text-main)!important;cursor:pointer!important;box-shadow:0 1px 2px #0000000a!important;transition:all .15s ease!important}.btn-toggle-profile:active,.btn-toggle-profile.active{background:#4f46e51f!important;border-color:#4f46e559!important;color:var(--primary)!important}.btn-toggle-profile .profile-text-full{display:none!important}.btn-toggle-profile .profile-text-short{display:inline!important}.personal-friend-group{gap:3px!important;flex-shrink:0!important}.btn-zalo-add-friend{height:30px!important;padding:0 6px!important;font-size:.72rem!important;border-radius:6px!important;gap:3px!important}.btn-personal-unfriend{height:30px!important;padding:0 6px!important;font-size:.72rem!important;border-radius:6px!important;gap:2px!important}.friend-text-desktop-only,.online-text-full{display:none!important}.online-text-short{display:inline!important}#agentActiveBanner{padding:5px 10px!important;font-size:.76rem!important;gap:6px!important;flex-shrink:0!important}#agentActiveBanner svg{width:14px!important;height:14px!important;flex-shrink:0!important}#btnTakeoverPresence{white-space:nowrap!important;flex-shrink:0!important;padding:3px 8px!important;font-size:.72rem!important;height:26px!important}.chat-messages{flex:1 1 0%!important;min-height:0!important;overflow-y:auto!important;padding:10px 12px!important;gap:10px!important;-webkit-overflow-scrolling:touch}.chat-input-area{flex-shrink:0!important;padding:6px 10px!important;padding-bottom:max(8px,env(safe-area-inset-bottom))!important;border-top:1px solid var(--border-color)!important;background:var(--bg-darkest)!important;position:relative!important;z-index:20!important}body.keyboard-open .chat-input-area{padding-bottom:6px!important}.chat-type-tabs{display:flex!important;overflow-x:auto!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch;gap:4px!important;padding:2px!important;margin-bottom:6px!important;border-radius:8px!important}.chat-type-tabs::-webkit-scrollbar{display:none!important}.chat-tab-btn{font-size:.7rem!important;padding:4px 8px!important;white-space:nowrap!important;flex-shrink:0!important;border-radius:6px!important}.chat-form{display:flex!important;align-items:center!important;gap:6px!important;width:100%!important}.chat-form input,#agentChatInput{flex:1 1 auto!important;min-width:0!important;height:42px!important;padding:8px 12px!important;font-size:16px!important;border-radius:10px!important}.agent-attach-btn,.agent-voice-btn,.agent-send-btn{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;border-radius:10px!important}.agent-attach-btn svg,.agent-voice-btn svg,.agent-send-btn svg{width:22px!important;height:22px!important}.dashboard-container.show-right .right-pane{display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important;overflow-y:auto!important;background:var(--bg-dark)!important;border-left:none!important}.mobile-back-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:0!important;background:#eff6ff!important;border:1px solid #bfdbfe!important;color:#1d4ed8!important;padding:0!important;width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;border-radius:6px!important;font-size:.74rem!important;font-weight:700!important;cursor:pointer!important;white-space:nowrap!important;flex-shrink:0!important;box-shadow:0 1px 2px #0000000d!important;transition:all .2s ease!important;user-select:none!important}.mobile-back-btn:hover,.mobile-back-btn:active{background:#dbeafe!important;border-color:#93c5fd!important;color:#1e40af!important;transform:scale(.98)}.mobile-back-btn svg{width:16px!important;height:16px!important;fill:#1d4ed8!important;flex-shrink:0!important}.mobile-back-btn .back-text-full,.mobile-back-btn .back-text-short{display:none!important}.btn-header-call-customer{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;padding:0!important}.btn-header-call-customer .call-text-desktop{display:none!important}.header-call-center-btn{height:32px!important;padding:0 8px!important}.header-call-center-btn .call-center-btn-text{display:none!important}.mobile-toggle-right-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#f8fafc!important;border:1px solid #cbd5e1!important;color:#475569!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;padding:0!important;border-radius:6px!important;cursor:pointer!important;flex-shrink:0!important;transition:all .2s ease!important}.mobile-toggle-right-btn:hover,.mobile-toggle-right-btn:active{background:#f1f5f9!important;color:#0f172a!important}.mobile-toggle-right-btn svg{width:16px!important;height:16px!important;fill:#475569!important}.mobile-back-to-chat-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;background:#eff6ff!important;border:1px solid #bfdbfe!important;color:#1d4ed8!important;border-radius:8px!important;padding:8px 12px!important;margin-bottom:12px!important;font-weight:700!important;cursor:pointer!important;width:100%!important;transition:all .2s ease!important}.mobile-back-to-chat-btn:hover,.mobile-back-to-chat-btn:active{background:#dbeafe!important;color:#1e40af!important}.chat-pane-title{font-size:.92rem!important;max-width:140px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.dashboard-container.show-chat .mobile-empty-home-btn{display:inline-flex!important}.client-profile-panel{padding:8px 12px!important;gap:8px!important}.profile-field-group{min-width:0}#settingsModal>div{width:95%!important;max-width:95%!important;max-height:90vh!important;overflow-y:auto}.login-overlay>div{width:90%!important;padding:24px!important}.visitor-type-badge,.referrer-badge{display:none!important}.session-name{min-width:40px!important;flex:0 1 auto!important;font-size:.84rem!important}.session-blocked-tag{font-size:.58rem!important;padding:1px 5px!important;gap:2px!important;white-space:nowrap!important;flex-shrink:0!important}.session-operator{font-size:.65rem!important}.channel-badge{font-size:.58rem!important;padding:1.5px 4px!important;white-space:nowrap!important;flex-shrink:0!important}.session-channel-slot{width:auto!important;min-width:0!important;max-width:none!important;display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;gap:2px!important}.session-time-slot{width:auto!important;min-width:0!important;max-width:none!important;display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;flex-shrink:0!important}.session-time{font-size:.58rem!important}.client-details-drawer:not(.open) .client-profile-panel,.client-details-drawer:not(.open) #clientTrafficBanner,.client-details-drawer:not(.open) #browsingHistoryDrawer{display:none!important}.client-details-drawer.open{max-height:52vh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;background:var(--bg-card)!important;box-shadow:0 4px 16px #0000001f!important;transition:max-height .25s cubic-bezier(.4,0,.2,1)!important}.client-details-drawer.open.history-open{max-height:85vh!important}.client-details-drawer.open.history-open #browsingHistoryDrawer{max-height:none!important;overflow-y:visible!important;padding-bottom:24px!important}.client-details-drawer.open .client-profile-panel{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:10px 12px!important;background:var(--bg-card)!important;border-bottom:1px solid var(--border-color)!important;box-sizing:border-box!important;width:100%!important}.client-profile-panel .profile-identity-group{grid-row:1!important;grid-column:1 / 2!important;display:flex!important;align-items:center!important;gap:8px!important;border-right:none!important;padding-right:0!important;min-width:0!important}.client-profile-panel .profile-identity-group #profileAvatarImg,.client-profile-panel .profile-identity-group #profileAvatarFallback{width:34px!important;height:34px!important;font-size:.82rem!important}.client-profile-panel .profile-vip-group{grid-row:1!important;grid-column:2 / 3!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;padding:0!important;margin:0!important;align-self:center!important}.client-profile-panel .profile-vip-label{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:4px 10px!important;border-radius:20px!important;background:#7c3aed14!important;border:1px solid rgba(124,58,237,.28)!important;color:#7c3aed!important;font-size:.76rem!important;font-weight:700!important;cursor:pointer!important;transition:all .15s ease!important;user-select:none!important;box-shadow:0 1px 2px #7c3aed0d!important;white-space:nowrap!important}:root[data-theme=dark] .client-profile-panel .profile-vip-label{background:#a78bfa1f!important;border-color:#a78bfa59!important;color:#c4b5fd!important}.client-profile-panel .profile-name-group{grid-row:2!important;grid-column:1 / -1!important;display:flex!important;align-items:center!important;gap:6px!important;width:100%!important;min-width:0!important}.client-profile-panel .profile-name-group label{width:38px!important;min-width:38px!important;max-width:38px!important;font-size:.75rem!important;font-weight:600!important;color:var(--text-muted)!important;white-space:nowrap!important;flex-shrink:0!important;text-align:left!important}.client-profile-panel .profile-name-group input{flex:1!important;width:100%!important;min-width:0!important;height:34px!important;border-radius:8px!important;font-size:.82rem!important;padding:0 10px!important}.client-profile-panel .profile-phone-group{grid-row:3!important;grid-column:1 / 2!important;display:flex!important;align-items:center!important;gap:6px!important;width:100%!important;min-width:0!important}.client-profile-panel .profile-phone-group label{width:38px!important;min-width:38px!important;max-width:38px!important;font-size:.75rem!important;font-weight:600!important;color:var(--text-muted)!important;white-space:nowrap!important;flex-shrink:0!important;text-align:left!important}.client-profile-panel .profile-phone-group input{flex:1!important;width:100%!important;min-width:0!important;height:34px!important;border-radius:8px!important;font-size:.78rem!important;padding:0 8px!important}.client-profile-panel .profile-email-group{grid-row:3!important;grid-column:2 / 3!important;display:flex!important;align-items:center!important;gap:6px!important;width:100%!important;min-width:0!important}.client-profile-panel .profile-email-group label{width:38px!important;min-width:38px!important;max-width:38px!important;font-size:.75rem!important;font-weight:600!important;color:var(--text-muted)!important;white-space:nowrap!important;flex-shrink:0!important;text-align:left!important}.client-profile-panel .profile-email-group input{flex:1!important;width:100%!important;min-width:0!important;height:34px!important;border-radius:8px!important;font-size:.78rem!important;padding:0 8px!important}.desktop-only-inline{display:none!important}.client-profile-panel .profile-actions-group{grid-row:4!important;grid-column:1 / -1!important;display:flex!important;align-items:center!important;gap:5px!important;width:100%!important;box-sizing:border-box!important}.client-profile-panel #btnSaveProfile{flex:1 1 0!important;min-width:0!important;height:34px!important;padding:0 6px!important;font-weight:700!important;border-radius:8px!important;font-size:.74rem!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important}.client-profile-panel #btnToggleSessionAi{flex:1.3 1 0!important;min-width:0!important;height:34px!important;padding:0 4px!important;font-weight:700!important;border-radius:8px!important;font-size:.72rem!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important}.client-profile-panel #btnBlockDeviceWaf{flex:1.3 1 0!important;min-width:0!important;height:34px!important;padding:0 4px!important;font-size:.72rem!important;font-weight:700!important;border-radius:8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;white-space:nowrap!important}.client-profile-panel #btnDeleteProfile{flex:.8 1 0!important;min-width:0!important;height:34px!important;padding:0 6px!important;border-radius:8px!important;font-size:.72rem!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important}.client-profile-panel .mobile-lang-subgroup{grid-row:5!important;grid-column:1 / -1!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;width:100%!important;border-top:1px dashed var(--border-color)!important;padding-top:6px!important;margin-top:2px!important;box-sizing:border-box!important}.client-profile-panel .mobile-lang-subgroup span{font-size:.72rem!important;font-weight:600!important;color:var(--text-muted)!important;white-space:nowrap!important}.client-profile-panel #trafficLangMobile,.client-profile-panel #trafficCurrencyMobile{padding:2px 7px!important;font-size:.7rem!important;font-weight:700!important;white-space:nowrap!important}.client-details-drawer.open #clientTrafficBanner{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px 8px!important;padding:8px 12px!important;font-size:.72rem!important;background:var(--bg-subtle)!important;border-top:1px solid var(--border-color)!important;align-items:center!important;box-sizing:border-box!important;width:100%!important}.traffic-item-session{grid-column:1 / 2!important;display:flex!important;align-items:center!important;gap:4px!important;min-width:0!important;white-space:nowrap!important}.traffic-item-session strong{max-width:95px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;display:inline-block!important;vertical-align:middle!important}.traffic-item-ip{grid-column:2 / 3!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;white-space:nowrap!important}.traffic-item-fp{grid-column:1 / 2!important;display:flex!important;align-items:center!important;gap:4px!important;min-width:0!important;white-space:nowrap!important}.traffic-item-fp strong{max-width:95px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;display:inline-block!important;vertical-align:middle!important}.traffic-item-referrer{grid-column:2 / 3!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;white-space:nowrap!important}#clientTrafficBanner .referrer-badge{display:inline-flex!important;font-size:.65rem!important;padding:1.5px 6px!important;border-radius:4px!important}#clientTrafficBanner .traffic-item-lang,#clientTrafficBanner .traffic-item-currency{display:none!important}#browsingHistoryDrawer{width:100%!important;box-sizing:border-box!important}.traffic-item-page{grid-column:1 / -1!important;display:flex!important;align-items:center!important;gap:6px!important;width:100%!important;min-width:0!important;border-top:1px dashed var(--border-color)!important;padding-top:6px!important;margin-top:2px!important}.traffic-item-page #trafficLandingPage{flex:1!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:.7rem!important}.traffic-item-page #btnToggleBrowsingHistory{flex-shrink:0!important;padding:3px 8px!important;font-size:.68rem!important}#btnToggleProfileMobile{display:inline-flex!important}@media(max-width:420px){.chat-pane-header{padding:0 6px!important;gap:4px!important}.chat-pane-header-left{gap:4px!important}.chat-pane-header-right{gap:3px!important}#activeChatName{max-width:80px!important}#activeChatChannelBadge{display:none!important}.btn-co-browse .cobrowse-text-full{display:inline!important}.btn-co-browse .cobrowse-text-short,.btn-toggle-profile .profile-text-full{display:none!important}.btn-toggle-profile .profile-text-short{display:inline!important}.mobile-back-btn .back-text-short{display:none!important}.mobile-back-btn{padding:0 6px!important}}@media(max-width:360px){.btn-toggle-profile .profile-text-full{display:none!important}.btn-toggle-profile .profile-text-short{display:inline!important}#activeChatName{max-width:60px!important}}}.logo-title-3d{font-size:3.5rem;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:3px;margin-bottom:20px;font-family:var(--font-outfit),sans-serif;text-shadow:0 1px 0 #ccc,0 2px 0 #c5c5c5,0 3px 0 #bbb,0 4px 0 #b0b0b0,0 5px 0 #999,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);animation:float-logo 4s ease-in-out infinite}@keyframes float-logo{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.countdown-card{background:linear-gradient(to bottom,#2d3748 48%,#1a202c 52%);border:1px solid #0f172a;border-radius:10px;padding:14px 10px;min-width:75px;display:flex;flex-direction:column;align-items:center;position:relative;box-shadow:inset 0 1px #ffffff26,inset 0 -1px #0006,0 8px 16px #0009,0 2px 4px #0006}.countdown-card:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#0009;box-shadow:0 1px #ffffff14;z-index:10}.countdown-num{font-size:3rem;font-weight:900;color:#fff;font-family:var(--font-inter),system-ui,-apple-system,sans-serif;line-height:1;text-shadow:0 1px 0 #cccccc,0 2px 0 #c9c9c9,0 3px 0 #bbbbbb,0 4px 0 #b9b9b9,0 5px 0 #aaaaaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);letter-spacing:2px;z-index:2}.countdown-label{font-size:.65rem;text-transform:uppercase;color:#94a3b8;font-weight:800;margin-top:8px;letter-spacing:1px;z-index:2}@media(max-width:768px){.logo-title-3d{font-size:1.8rem}.countdown-card{min-width:55px;padding:8px 10px}.countdown-num{font-size:1.3rem}}.metric-bar-wrapper{position:relative;flex:1;min-width:0;display:flex;align-items:center;gap:4px;overflow:hidden}.metric-scroll-btn{width:22px;height:28px;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-sub);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.15rem;line-height:1;font-weight:700;flex-shrink:0;z-index:6;transition:all .15s ease;user-select:none;box-shadow:0 1px 2px #0000000a;padding:0}.metric-scroll-btn:hover{background:var(--session-hover-bg);color:var(--text-main);border-color:var(--border-strong)}.metric-scroll-btn:active{background:var(--bg-subtle)}:root[data-theme=dark] .metric-scroll-btn{background:#131c2e;border-color:#ffffff1f;color:#cbd5e1}:root[data-theme=dark] .metric-scroll-btn:hover{background:#1a253c;color:#fff;border-color:#ffffff40}.metric-bar{display:flex;align-items:center;gap:8px;padding:4px 10px;background:transparent;border:none;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;box-shadow:none;z-index:5;box-sizing:border-box;justify-content:flex-start;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;cursor:grab}.metric-bar::-webkit-scrollbar{display:none}.metric-bar:active{cursor:grabbing}.metric-bar.is-dragging{cursor:grabbing!important;user-select:none!important;scroll-behavior:auto!important}.metric-bar.is-dragging .metric-card{pointer-events:none!important;cursor:grabbing!important;user-select:none!important}.metric-card{display:inline-flex;align-items:center;gap:8px;height:34px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px!important;padding:0 12px;white-space:nowrap;flex-shrink:0!important;box-shadow:0 1px 2px #0000000d;transition:background .15s ease,border-color .15s ease,color .15s ease!important;cursor:pointer;user-select:none;transform:none!important;box-sizing:border-box!important}.metric-card:hover{background:var(--session-hover-bg)!important;border-color:var(--border-strong)!important;transform:none!important;box-shadow:0 1px 2px #0000000d!important}.metric-card:active{background:var(--bg-subtle)!important;border-color:var(--border-strong)!important;transform:none!important;box-shadow:0 1px 2px #0000000d!important}.metric-card.filter-active,.mobile-filter-pill.filter-active{background:var(--primary-light, rgba(37, 99, 235, .08))!important;border-color:#2563eb66!important;color:var(--primary, #2563eb)!important;box-shadow:0 1px 2px #2563eb14!important;font-weight:600;transform:none!important}:root[data-theme=dark] .metric-card{background:#131c2e;border:1px solid rgba(255,255,255,.1);color:#e2e8f0;box-shadow:0 1px 3px #0000004d;transform:none!important}:root[data-theme=dark] .metric-card:hover{background:#18233a!important;border-color:#ffffff38!important;transform:none!important;box-shadow:0 1px 3px #0000004d!important}:root[data-theme=dark] .metric-card:active{background:#1f2d4a!important;transform:none!important}:root[data-theme=dark] .metric-card.filter-active,:root[data-theme=dark] .mobile-filter-pill.filter-active{background:#2563eb38!important;border-color:#2563eb8c!important;color:#60a5fa!important;transform:none!important}.gateway-status{display:inline-flex;align-items:center;gap:5px;font-size:.7rem;font-weight:600;color:#dc2626;background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:9999px;padding:2px 8px;height:22px;box-sizing:border-box;white-space:nowrap;flex-shrink:0;cursor:default;transition:all .2s ease}.gateway-status.online{color:#059669!important;background:#10b98114!important;border-color:#10b98140!important}:root[data-theme=dark] .gateway-status{color:#f87171!important;background:#ef444429!important;border-color:#ef444459!important}:root[data-theme=dark] .gateway-status.online{color:#34d399!important;background:#10b98129!important;border-color:#10b98159!important}.metric-filter-badge{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:9999px;cursor:pointer;transition:all .15s}.metric-filter-badge.blue{background:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.25)}.metric-filter-badge.green{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.25)}.metric-filter-badge.red{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.25)}.metric-filter-badge.payment{background:#ef44441f;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.metric-filter-badge.yellow{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.25)}.metric-filter-badge.purple{background:#8b5cf61a;color:#7c3aed;border:1px solid rgba(139,92,246,.25)}.metric-filter-badge.zalo{background:#0068ff1a;color:#0068ff;border:1px solid rgba(0,104,255,.25)}.metric-filter-badge.whatsapp{background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.25)}.metric-filter-badge.zalo_personal{background:#0891b21a;color:#0891b2;border:1px solid rgba(8,145,178,.25)}.metric-filter-badge.slate,.metric-filter-badge.blocked{background:#64748b1f;color:#475569;border:1px solid rgba(100,116,139,.3)}.metric-filter-badge.tag{background:#8b5cf61f;color:#7c3aed;border:1px solid rgba(139,92,246,.3)}.metric-card.filter-tag,.mobile-filter-pill.filter-tag{background:#8b5cf61f!important;border-color:#8b5cf6!important;color:#7c3aed!important}:root[data-theme=dark] .metric-filter-badge.tag{background:#8b5cf640;color:#c4b5fd;border-color:#8b5cf680}:root[data-theme=dark] .metric-card.filter-tag,:root[data-theme=dark] .mobile-filter-pill.filter-tag{background:#8b5cf640!important;border-color:#a78bfa!important;color:#ddd6fe!important}@keyframes metricTagPulse{0%,to{box-shadow:0 0 #8b5cf699;border-color:#8b5cf6}50%{box-shadow:0 0 0 5px #8b5cf600;border-color:#a78bfa}}.metric-card.has-pending-tags,.mobile-filter-pill.has-pending-tags{animation:metricTagPulse 1.8s infinite!important;background:#8b5cf61f!important;border-color:#8b5cf6!important}.metric-card.has-pending-tags .metric-value,.mobile-filter-pill.has-pending-tags .pill-count{color:#7c3aed!important;font-weight:800!important}@keyframes tagBlinkYellow{0%,to{background-color:#f59e0b38;border-color:#f59e0b;box-shadow:0 0 8px #f59e0b66}50%{background-color:#f59e0b0a;border-color:#f59e0b40;box-shadow:none}}.session-item.tag-blinking-yellow{animation:tagBlinkYellow 1.4s ease-in-out infinite!important;border-left:4px solid #f59e0b!important}@keyframes mentionHighlightPulse{0%{background:#f59e0b66;box-shadow:0 0 0 4px #f59e0b80}to{background:#f59e0b14;box-shadow:none}}.message.note.highlight-mention{animation:mentionHighlightPulse 2.8s cubic-bezier(.16,1,.3,1) forwards!important}.mention-tag-pill{display:inline-block;padding:1px 6px;border-radius:4px;background:#7c3aed24;color:#7c3aed;font-weight:700;border:1px solid rgba(124,58,237,.25);margin:0 2px}.mention-tag-pill.mention-me{background:#fef3c7;color:#b45309;border-color:#f59e0b;font-weight:800}.mention-suggestions-box{position:absolute;bottom:calc(100% + 8px);left:12px;width:260px;max-height:220px;overflow-y:auto;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 10px 25px -5px #0003,0 8px 10px -6px #0000001a;z-index:1000;padding:4px;display:none;box-sizing:border-box}.mention-suggestion-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;font-size:.78rem;color:var(--text-main);cursor:pointer;transition:all .12s ease}.mention-suggestion-item:hover,.mention-suggestion-item.active{background:#6366f11f;color:var(--primary)}:root[data-theme=dark] .metric-filter-badge.blue{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.4)}:root[data-theme=dark] .metric-filter-badge.green{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.4)}:root[data-theme=dark] .metric-filter-badge.red{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.4)}:root[data-theme=dark] .metric-filter-badge.payment{background:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.4)}:root[data-theme=dark] .metric-filter-badge.yellow{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.4)}:root[data-theme=dark] .metric-filter-badge.zalo{background:#0068ff33;color:#60a5fa;border:1px solid rgba(0,104,255,.4)}:root[data-theme=dark] .metric-filter-badge.whatsapp{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.4)}:root[data-theme=dark] .metric-filter-badge.zalo_personal{background:#0891b233;color:#22d3ee;border:1px solid rgba(8,145,178,.4)}:root[data-theme=dark] .metric-filter-badge.slate,:root[data-theme=dark] .metric-filter-badge.blocked{background:#94a3b829;color:#cbd5e1;border:1px solid rgba(148,163,184,.35)}.mobile-filter-bar{display:none;align-items:center;gap:7px;padding:8px 12px;background:var(--bg-card);border-bottom:1px solid var(--border-color);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-shrink:0;z-index:10}.mobile-filter-bar::-webkit-scrollbar{display:none}.mobile-filter-pill{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:9999px;background:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-sub);font-size:.78rem;font-weight:600;white-space:nowrap;flex-shrink:0;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;transition:background .15s ease,border-color .15s ease,color .15s ease!important;box-shadow:0 1px 2px #00000008;transform:none!important}.mobile-filter-pill:hover{background:var(--session-hover-bg)!important;border-color:var(--border-strong)!important;transform:none!important}.mobile-filter-pill:active{background:var(--bg-subtle)!important;border-color:var(--border-strong)!important;transform:none!important}.mobile-filter-pill .pill-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.mobile-filter-pill .pill-count{font-size:.74rem;font-weight:700;padding:1px 6px;border-radius:9999px;background:#0000000f;color:var(--text-main);min-width:18px;text-align:center}.mobile-filter-pill.filter-active.filter-answered{background:#10b9811f!important;border-color:#10b981!important;color:#059669!important;font-weight:700!important;box-shadow:0 0 0 1.5px #10b9814d,0 2px 4px #10b9811f!important}.mobile-filter-pill.filter-active.filter-answered .pill-count{background:#10b981!important;color:#fff!important}.mobile-filter-pill.filter-active.filter-red{background:#ef44441f!important;border-color:#ef4444!important;color:#dc2626!important;font-weight:700!important;box-shadow:0 0 0 1.5px #ef44444d,0 2px 4px #ef44441f!important}.mobile-filter-pill.filter-active.filter-red .pill-count{background:#ef4444!important;color:#fff!important}.mobile-filter-pill.filter-active.filter-all{background:#2563eb1a!important;border-color:#2563eb!important;color:#1d4ed8!important;font-weight:700!important;box-shadow:0 0 0 1.5px #2563eb4d,0 2px 4px #2563eb1a!important}.mobile-filter-pill.filter-active.filter-all .pill-count{background:#2563eb!important;color:#fff!important}.mobile-filter-pill.filter-active.filter-online{background:#10b9811f!important;border-color:#10b981!important;color:#059669!important;font-weight:700!important;box-shadow:0 0 0 1.5px #10b9814d,0 2px 4px #10b9811f!important}.mobile-filter-pill.filter-active.filter-online .pill-count{background:#10b981!important;color:#fff!important}.mobile-filter-pill.filter-active.filter-payment{background:#ef444424!important;border-color:#ef4444!important;color:#dc2626!important;font-weight:700!important;box-shadow:0 0 0 1.5px #ef444459,0 2px 4px #ef444426!important}.mobile-filter-pill.filter-active.filter-payment .pill-count{background:#ef4444!important;color:#fff!important}.mobile-filter-pill.filter-active.filter-yellow{background:#f59e0b1f!important;border-color:#f59e0b!important;color:#b45309!important;font-weight:700!important;box-shadow:0 0 0 1.5px #f59e0b4d,0 2px 4px #f59e0b1f!important}.mobile-filter-pill.filter-active.filter-yellow .pill-count{background:#f59e0b!important;color:#fff!important}.mobile-filter-pill.filter-active.filter-blocked{background:#64748b1f!important;border-color:#64748b!important;color:#334155!important;font-weight:700!important;box-shadow:0 0 0 1.5px #64748b4d,0 2px 4px #64748b1f!important}.mobile-filter-pill.filter-active.filter-blocked .pill-count{background:#64748b!important;color:#fff!important}.mobile-filter-pill.filter-active.filter-vip{background:#8b5cf61f!important;border-color:#8b5cf6!important;color:#7c3aed!important;font-weight:700!important;box-shadow:0 0 0 1.5px #8b5cf64d,0 2px 4px #8b5cf61f!important}.mobile-filter-pill.filter-active.filter-vip .pill-count{background:#8b5cf6!important;color:#fff!important}.mobile-filter-pill.filter-active.filter-zalo{background:#0068ff1f!important;border-color:#0068ff!important;color:#0068ff!important;font-weight:700!important;box-shadow:0 0 0 1.5px #0068ff4d,0 2px 4px #0068ff1f!important}.mobile-filter-pill.filter-active.filter-zalo .pill-count{background:#0068ff!important;color:#fff!important}.mobile-filter-pill.filter-active.filter-whatsapp{background:#22c55e1f!important;border-color:#22c55e!important;color:#16a34a!important;font-weight:700!important;box-shadow:0 0 0 1.5px #22c55e4d,0 2px 4px #22c55e1f!important}.mobile-filter-pill.filter-active.filter-whatsapp .pill-count{background:#16a34a!important;color:#fff!important}.mobile-filter-pill.filter-active.filter-zalo_personal{background:#0891b21f!important;border-color:#0891b2!important;color:#0891b2!important;font-weight:700!important;box-shadow:0 0 0 1.5px #0891b24d,0 2px 4px #0891b21f!important}.mobile-filter-pill.filter-active.filter-zalo_personal .pill-count{background:#0891b2!important;color:#fff!important}.mobile-filter-pill.filter-active.filter-handling{background:#06b6d41f!important;border-color:#06b6d4!important;color:#0891b2!important;font-weight:700!important;box-shadow:0 0 0 1.5px #06b6d44d,0 2px 4px #06b6d41f!important}.mobile-filter-pill.filter-active.filter-handling .pill-count{background:#06b6d4!important;color:#fff!important}:root[data-theme=dark] .mobile-filter-bar{background:#0f172a;border-color:#ffffff14}:root[data-theme=dark] .mobile-filter-pill{background:#131c2e;border-color:#ffffff1a;color:#cbd5e1}:root[data-theme=dark] .mobile-filter-pill .pill-count{background:#ffffff1f;color:#f1f5f9}:root[data-theme=dark] .mobile-filter-pill.filter-active.filter-answered{background:#10b98133!important;border-color:#10b981!important;color:#34d399!important}:root[data-theme=dark] .mobile-filter-pill.filter-active.filter-red{background:#ef444438!important;border-color:#ef4444!important;color:#f87171!important}:root[data-theme=dark] .mobile-filter-pill.filter-active.filter-all{background:#3b82f633!important;border-color:#3b82f6!important;color:#60a5fa!important}:root[data-theme=dark] .mobile-filter-pill.filter-active.filter-online{background:#10b98133!important;border-color:#10b981!important;color:#34d399!important}:root[data-theme=dark] .mobile-filter-pill.filter-active.filter-payment{background:#ef444438!important;border-color:#ef4444!important;color:#f87171!important}:root[data-theme=dark] .mobile-filter-pill.filter-active.filter-payment .pill-count{background:#ef4444!important;color:#fff!important}:root[data-theme=dark] .mobile-filter-pill.filter-active.filter-yellow{background:#f59e0b33!important;border-color:#f59e0b!important;color:#fbbf24!important}:root[data-theme=dark] .mobile-filter-pill.filter-active.filter-blocked{background:#64748b2e!important;border-color:#64748b!important;color:#cbd5e1!important}#settingsOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#f8fafc;z-index:9998;display:none;flex-direction:column;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-y:auto;padding:24px 32px;color:#0f172a;box-sizing:border-box}.settings-inner-container{width:100%;max-width:1400px;margin:0 auto;padding-bottom:60px;box-sizing:border-box}.settings-header-bar{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;border-bottom:1px solid #e2e8f0;padding-bottom:16px}.settings-nav-tabs{display:flex;gap:6px;border-bottom:1px solid #e2e8f0;margin-bottom:20px;padding-bottom:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.settings-nav-tabs::-webkit-scrollbar{display:none}.settings-tab-btn{background:transparent;border:1px solid transparent;color:#64748b;height:36px;padding:0 14px;border-radius:8px;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;gap:7px;white-space:nowrap;flex-shrink:0}.settings-tab-btn:hover{background:#f1f5f9;color:#0f172a}.settings-tab-btn.active{background:#0f172a;color:#fff;border:1px solid #0f172a;box-shadow:0 1px 3px #0000001a;font-weight:600}.time-filter-btn{background:#fff;border:1px solid #cbd5e1;color:#475569;height:36px;padding:0 12px;border-radius:8px;font-size:.78rem;font-weight:500;cursor:pointer;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center}.time-filter-btn:hover{background:#f8fafc;color:#0f172a;border-color:#94a3b8}.time-filter-btn.active{background:#2563eb;color:#fff;border-color:#1d4ed8;box-shadow:0 1px 3px #2563eb40;font-weight:600}.analytics-time-bar{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px 18px;flex-wrap:wrap;gap:12px;box-shadow:0 1px 3px #0000000d}.analytics-time-preset-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.analytics-time-custom-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.analytics-hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.analytics-hero-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px 22px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;box-shadow:0 1px 3px #0000000d;position:relative;overflow:hidden;transition:all .15s cubic-bezier(.16,1,.3,1)}.analytics-hero-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px -2px #0000000f}.analytics-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px 22px;box-shadow:0 1px 3px #0000000d}.analytics-bento-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;align-items:stretch}.analytics-channel-bento{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.analytics-donut-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#f8fafc;border-radius:12px;padding:14px;border:1px solid #e2e8f0}.analytics-donut-col-right{border-left:1px solid #e2e8f0;padding-left:12px}.analytics-matrix-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px}.analytics-matrix-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.8rem;margin-top:10px;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.analytics-matrix-table th{background:#f8fafc;color:#475569;padding:10px 14px;font-size:.74rem;font-weight:600;text-transform:none;letter-spacing:.02em;border-bottom:1px solid #e2e8f0;border-right:1px solid #f1f5f9;white-space:nowrap}.analytics-matrix-table th:last-child{border-right:none}.analytics-matrix-table td{padding:9px 14px;border-bottom:1px solid #f1f5f9;border-right:1px solid #f8fafc;color:#334155;font-weight:500;font-variant-numeric:tabular-nums;transition:background-color .15s ease;white-space:nowrap}.analytics-matrix-table td:last-child{border-right:none}.analytics-matrix-table tr:last-child td{border-bottom:none}.analytics-matrix-table tr:hover td{background:#f8fafc}.analytics-time-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.analytics-currency-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}@media(max-width:640px){.analytics-currency-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}}@media(max-width:380px){.analytics-currency-grid{grid-template-columns:1fr!important}}.analytics-currency-subcard{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow-xs);transition:all .15s ease;position:relative;overflow:hidden}.analytics-currency-subcard:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.analytics-currency-subcard .curr-code{color:var(--text-main)}.analytics-currency-subcard .curr-name{color:var(--text-muted)}.analytics-currency-subcard .curr-count{color:var(--text-main)}.analytics-currency-subcard .curr-unit{color:var(--text-faint)}.analytics-currency-row td{padding:9px 12px;border-bottom:1px solid var(--border-color);color:var(--text-sub)}.analytics-currency-row .curr-cell-code,.analytics-currency-row .curr-cell-count{color:var(--text-main);font-weight:700}.analytics-currency-row .curr-cell-channels{color:var(--text-muted)}.analytics-currency-total-row{background:var(--bg-subtle)!important;font-weight:700;border-top:2px solid var(--border-color)!important}.analytics-currency-total-row td{color:var(--text-main)!important}.analytics-currency-donut-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-subtle);border-radius:12px;padding:16px;border:1px solid var(--border-color);width:100%;box-sizing:border-box}.analytics-currency-donut-card .donut-title{font-size:.74rem;font-weight:600;color:var(--text-muted);margin-bottom:10px}.analytics-currency-donut-card .donut-legend-text{color:var(--text-muted)}@media(max-width:960px){.analytics-bento-layout{grid-template-columns:1fr!important;gap:16px!important}#settingsForm{grid-template-columns:1fr!important}}@media(max-width:768px){#settingsOverlay{padding:12px 10px!important}.settings-inner-container{padding-bottom:30px!important}.settings-header-bar{margin-bottom:12px!important;padding-bottom:12px!important}.settings-header-bar h3{font-size:1.05rem!important}.settings-nav-tabs{margin-bottom:14px!important;padding-bottom:6px!important}.settings-tab-btn{height:34px!important;padding:0 10px!important;font-size:.78rem!important}.analytics-time-bar{flex-direction:column!important;align-items:stretch!important;padding:10px 12px!important;gap:10px!important}.analytics-time-preset-group{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}.analytics-time-preset-group>span{grid-column:1 / -1;margin-bottom:2px}.time-filter-btn{width:100%!important;justify-content:center!important;height:34px!important;padding:0 6px!important;font-size:.75rem!important}.analytics-time-custom-group{width:100%!important;display:grid!important;grid-template-columns:auto 1fr auto 1fr auto!important;gap:4px!important}.analytics-time-custom-group input[type=date]{width:100%!important;height:34px!important;padding:0 4px!important;font-size:.72rem!important;box-sizing:border-box!important}.analytics-time-custom-group button{height:34px!important;padding:0 10px!important;font-size:.75rem!important;white-space:nowrap!important}.analytics-hero-grid{grid-template-columns:1fr!important;gap:10px!important}.analytics-hero-card{padding:14px 16px!important}.analytics-hero-card .tabular-nums{font-size:1.85rem!important}.analytics-section-card{padding:14px!important}.analytics-channel-bento{grid-template-columns:1fr!important;gap:8px!important}.analytics-matrix-table{min-width:520px!important}.analytics-time-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}}@media(max-width:480px){.analytics-time-custom-group{grid-template-columns:1fr 1fr!important;gap:6px!important}.analytics-time-custom-group>span{display:none!important}.analytics-time-custom-group button{grid-column:1 / -1!important;width:100%!important}.analytics-donut-pair{grid-template-columns:1fr!important;gap:14px!important}.analytics-donut-col-right{border-left:none!important;border-top:1px solid #e2e8f0!important;padding-left:0!important;padding-top:14px!important}.analytics-time-grid{grid-template-columns:1fr!important}}:root[data-theme=dark] #settingsOverlay{background:var(--bg-page)!important;color:var(--text-main)!important}:root[data-theme=dark] .settings-header-bar{border-color:var(--border-color)!important}:root[data-theme=dark] .settings-header-bar h3{color:var(--text-main)!important}:root[data-theme=dark] .settings-header-bar>div:first-child>div:first-child,:root[data-theme=dark] .settings-header-icon{background:#3b82f626!important;border-color:#3b82f64d!important;color:#60a5fa!important}:root[data-theme=dark] .settings-header-bar>div:first-child>div:last-child>div{color:var(--text-muted)!important}:root[data-theme=dark] #closeSettingsBtn{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-muted)!important}:root[data-theme=dark] #closeSettingsBtn:hover{background:var(--bg-subtle)!important;color:var(--text-main)!important}:root[data-theme=dark] .settings-nav-tabs{border-color:var(--border-color)!important}:root[data-theme=dark] .settings-tab-btn{color:var(--text-muted)!important}:root[data-theme=dark] .settings-tab-btn:hover{background:var(--bg-subtle)!important;color:var(--text-main)!important}:root[data-theme=dark] .settings-tab-btn.active{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}:root[data-theme=dark] .analytics-time-bar{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-main)!important}:root[data-theme=dark] .analytics-time-bar span{color:var(--text-muted)!important}:root[data-theme=dark] .time-filter-btn{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-sub)!important}:root[data-theme=dark] .time-filter-btn:hover{background:var(--bg-subtle)!important;color:var(--text-main)!important;border-color:var(--border-strong)!important}:root[data-theme=dark] .time-filter-btn.active{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}:root[data-theme=dark] #analyticsCustomStart,:root[data-theme=dark] #analyticsCustomEnd{background:var(--input-bg)!important;border-color:var(--border-color)!important;color:var(--input-text)!important;color-scheme:dark}:root[data-theme=dark] .analytics-hero-card{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-main)!important}:root[data-theme=dark] .analytics-hero-card:hover{border-color:var(--border-strong)!important}:root[data-theme=dark] .analytics-hero-card span{color:var(--text-muted)!important}:root[data-theme=dark] #statTotalVisits{color:var(--text-main)!important}:root[data-theme=dark] .analytics-section-card{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-main)!important}:root[data-theme=dark] .analytics-section-card h4{color:var(--text-main)!important;border-bottom-color:var(--border-color)!important}:root[data-theme=dark] .analytics-channel-bento>div,:root[data-theme=dark] .analytics-channel-card{background:var(--card-inner-bg)!important;border-color:var(--border-color)!important;color:var(--text-main)!important}:root[data-theme=dark] .analytics-channel-bento>div span,:root[data-theme=dark] .analytics-channel-card span{color:var(--text-muted)!important}:root[data-theme=dark] .analytics-channel-bento>div b,:root[data-theme=dark] .analytics-channel-card b{color:var(--text-main)!important}:root[data-theme=dark] .analytics-channel-bento>div div[style*=border-top],:root[data-theme=dark] .analytics-channel-card div[style*=border-top]{border-top-color:var(--border-color)!important}:root[data-theme=dark] .analytics-donut-pair{background:var(--bg-subtle)!important;border-color:var(--border-color)!important}:root[data-theme=dark] .analytics-donut-pair div[style*="font-size: 0.74rem"],:root[data-theme=dark] .analytics-donut-pair div[style*="font-size: 0.7rem"],:root[data-theme=dark] .analytics-donut-col-right div[style*="font-size: 0.74rem"],:root[data-theme=dark] .analytics-donut-col-right div[style*="font-size: 0.7rem"]{color:var(--text-sub)!important}:root[data-theme=dark] .analytics-donut-col-right{border-color:var(--border-color)!important}:root[data-theme=dark] #donutCenterChannelTotal,:root[data-theme=dark] #donutCenterVisitorTotal,:root[data-theme=dark] #donutCenterTotal,:root[data-theme=dark] #donutCenterBrowserTotal,:root[data-theme=dark] #donutCenterTimeTotal,:root[data-theme=dark] #donutCenterCurrencyTotal{color:var(--text-main)!important}:root[data-theme=dark] .analytics-currency-card,:root[data-theme=dark] .analytics-currency-subcard{background:var(--card-inner-bg)!important;border-color:var(--border-color)!important;color:var(--text-main)!important}:root[data-theme=dark] .analytics-currency-subcard:hover{border-color:var(--border-strong)!important}:root[data-theme=dark] .analytics-currency-total-row{background:var(--bg-subtle)!important;border-top-color:var(--border-strong)!important}:root[data-theme=dark] .analytics-currency-total-row td{color:var(--text-main)!important}:root[data-theme=dark] .analytics-currency-donut-card{background:var(--bg-subtle)!important;border-color:var(--border-color)!important}:root[data-theme=dark] .analytics-currency-donut-card .donut-title{color:var(--text-sub)!important}:root[data-theme=dark] .analytics-currency-donut-card .donut-legend-text{color:var(--text-muted)!important}:root[data-theme=dark] .analytics-currency-card div[style*="color: #64748b"]{color:var(--text-muted)!important}:root[data-theme=dark] #settingsOverlay svg circle[stroke="#e2e8f0"]{stroke:#ffffff14!important}:root[data-theme=dark] .analytics-matrix-table{border-color:var(--border-color)!important;background:var(--bg-card)!important;color:var(--text-main)!important}:root[data-theme=dark] .analytics-matrix-table th{background:var(--bg-subtle)!important;color:var(--text-muted)!important;border-color:var(--border-color)!important}:root[data-theme=dark] .analytics-matrix-table td{border-color:var(--border-color)!important;color:var(--text-sub)!important}:root[data-theme=dark] .analytics-matrix-table tr:hover td{background:var(--bg-subtle)!important}:root[data-theme=dark] .analytics-time-grid>div,:root[data-theme=dark] .analytics-time-card{background:var(--card-inner-bg)!important;border-color:var(--border-color)!important;color:var(--text-main)!important}:root[data-theme=dark] .analytics-time-grid>div>div:first-child,:root[data-theme=dark] .analytics-time-card>div:first-child{color:var(--text-muted)!important}:root[data-theme=dark] .analytics-time-donut-card,:root[data-theme=dark] #tabContentAnalytics div[style*="border-radius: 12px; padding: 14px; border: 1px solid #e2e8f0;"]{background:var(--bg-subtle)!important;border-color:var(--border-color)!important}:root[data-theme=dark] .analytics-time-donut-card div[style*="font-size: 0.74rem"],:root[data-theme=dark] .analytics-time-donut-card div[style*="font-size: 0.7rem"],:root[data-theme=dark] #tabContentAnalytics div[style*="border-radius: 12px; padding: 14px; border: 1px solid #e2e8f0;"] div{color:var(--text-sub)!important}:root[data-theme=dark] .settings-pdf-banner,:root[data-theme=dark] #tabContentSystem>div:first-child{background:#4f46e51f!important;border-color:#6366f140!important}:root[data-theme=dark] .settings-pdf-banner div[style*="color: #1e1b4b"],:root[data-theme=dark] #tabContentSystem>div:first-child div[style*="color: #1e1b4b"]{color:#e0e7ff!important}:root[data-theme=dark] .settings-pdf-banner div[style*="color: #4338ca"],:root[data-theme=dark] #tabContentSystem>div:first-child div[style*="color: #4338ca"]{color:#a5b4fc!important}:root[data-theme=dark] .settings-pdf-banner div[style*="background: #e0e7ff"],:root[data-theme=dark] #tabContentSystem>div:first-child div[style*="background: #e0e7ff"]{background:#4f46e540!important}:root[data-theme=dark] #settingsForm>div,:root[data-theme=dark] .settings-group-card{background:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-main)!important}:root[data-theme=dark] #settingsForm h4,:root[data-theme=dark] .settings-group-card h4{color:var(--text-main)!important;border-bottom-color:var(--border-color)!important}:root[data-theme=dark] #settingsForm label,:root[data-theme=dark] .settings-group-card label{color:var(--text-muted)!important}:root[data-theme=dark] #settingsForm input[type=text],:root[data-theme=dark] #settingsForm input[type=password],:root[data-theme=dark] #settingsForm input[type=number],:root[data-theme=dark] #settingsForm input[type=time],:root[data-theme=dark] #settingsForm select,:root[data-theme=dark] #settingsForm textarea,:root[data-theme=dark] .settings-group-card input,:root[data-theme=dark] .settings-group-card select,:root[data-theme=dark] .settings-group-card textarea{background:var(--input-bg)!important;border-color:var(--border-color)!important;color:var(--input-text)!important;color-scheme:dark}:root[data-theme=dark] #settingsForm input:focus,:root[data-theme=dark] #settingsForm select:focus,:root[data-theme=dark] #settingsForm textarea:focus{border-color:var(--primary)!important}:root[data-theme=dark] #settingsForm select option{background:var(--bg-card);color:var(--text-main)}:root[data-theme=dark] #uploadLogoBtn{background:var(--input-bg)!important;border-color:var(--border-color)!important;color:var(--text-sub)!important}:root[data-theme=dark] #uploadLogoBtn:hover{background:var(--bg-subtle)!important;color:var(--text-main)!important;border-color:var(--border-strong)!important}:root[data-theme=dark] #settingsForm div[style*="max-height: 150px"]{background:var(--input-bg)!important;border-color:var(--border-color)!important;color:var(--text-sub)!important}:root[data-theme=dark] #settingsForm div[style*="max-height: 150px"] div[style*=border-bottom]{border-bottom-color:var(--border-color)!important;color:var(--text-muted)!important}:root[data-theme=dark] #settingsForm div[style*="max-height: 150px"] label{color:var(--text-main)!important}:root[data-theme=dark] #copyEmbedCodeBtn{background:#4f46e533!important;border-color:#6366f159!important;color:#a5b4fc!important}:root[data-theme=dark] #copyEmbedCodeBtn:hover{background:#4f46e54d!important;color:#fff!important}:root[data-theme=dark] #widgetEmbedCodeArea{background:var(--input-bg)!important;border-color:var(--border-color)!important;color:#34d399!important}:root[data-theme=dark] #settingsForm label[for=settingOfflineEnabled],:root[data-theme=dark] #settingsForm label[style*="color: #334155"]{color:var(--text-main)!important}:root[data-theme=dark] #settingsForm div[style*=border-top]{border-top-color:var(--border-color)!important}:root[data-theme=dark] #tabContentStaff h4{color:var(--text-main)!important;border-bottom-color:var(--border-color)!important}:root[data-theme=dark] #settingsStaffList{background:var(--input-bg)!important;border-color:var(--border-color)!important}:root[data-theme=dark] #settingsStaffList>div{border-bottom-color:var(--border-color)!important;color:var(--text-muted)!important}:root[data-theme=dark] #settingsStaffList span[style*="color: var(--text-main)"]{color:var(--text-main)!important}:root[data-theme=dark] #agentAccountsList{background:var(--input-bg)!important;border-color:var(--border-color)!important}:root[data-theme=dark] #agentAccountsList>div{background:var(--bg-card)!important;border-color:var(--border-color)!important}:root[data-theme=dark] #newAgentId,:root[data-theme=dark] #newAgentName,:root[data-theme=dark] #newAgentPassword{background:var(--input-bg)!important;border-color:var(--border-color)!important;color:var(--input-text)!important}:root[data-theme=dark] #newAgentId::placeholder,:root[data-theme=dark] #newAgentName::placeholder,:root[data-theme=dark] #newAgentPassword::placeholder{color:var(--text-faint)!important}:root[data-theme=dark] #toggleNewAgentPasswordBtn{color:var(--text-muted)!important}.settings-subnav-btn{height:32px;padding:0 14px;border-radius:8px;font-size:.78rem;font-weight:600;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease}.settings-subnav-btn:hover{background:var(--bg-subtle);color:var(--text-main);border-color:var(--border-strong)}.settings-subnav-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 1px 3px #2563eb40}.role-badge{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:6px;white-space:nowrap}.role-badge.admin{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.35)}.role-badge.shift_leader{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.35)}.role-badge.agent{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.35)}.role-badge.ai_supervisor{background:#8b5cf626;color:#8b5cf6;border:1px solid rgba(139,92,246,.35)}.role-badge.auditor{background:#64748b26;color:#94a3b8;border:1px solid rgba(100,116,139,.35)}.agent-role-select{height:28px;font-size:.72rem;font-weight:600;border-radius:6px;padding:0 8px;background:var(--input-bg);border:1px solid var(--border-color);color:var(--text-main);outline:none;cursor:pointer}.kick-agent-btn{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.35);border-radius:6px;padding:4px 10px;font-size:.68rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .15s}.kick-agent-btn:hover{background:#ef444440;color:#dc2626;border-color:#ef444480}.shift-card{background:var(--card-inner-bg, rgba(248, 250, 252, .7));border:1px solid var(--border-color);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;transition:all .15s ease}:root[data-theme=dark] .shift-card{background:#1e293b99;border-color:var(--border-color)}.shift-card:hover{border-color:var(--primary)}.studio-panel{display:flex;flex-direction:column;gap:16px}.metric-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;position:relative}.metric-dot.green{background:#10b981;box-shadow:0 0 0 3px #10b98126,0 0 8px #10b98180}.metric-dot.red{background:#ef4444;box-shadow:0 0 0 3px #ef444426,0 0 8px #ef444480;animation:dot-pulse-gpu 1.2s infinite ease-in-out}.metric-dot.yellow{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b26,0 0 8px #f59e0b80}.metric-dot.blue{background:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.metric-dot.purple{background:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.metric-dot.zalo{background:#0068ff;box-shadow:0 0 0 3px #0068ff26}.metric-dot.whatsapp{background:#25d366;box-shadow:0 0 0 3px #25d36626}.metric-dot.zalo_personal{background:#0891b2;box-shadow:0 0 0 3px #0891b226}.metric-dot.cyan{background:#06b6d4;box-shadow:0 0 0 3px #06b6d426}.metric-dot.blocked,.metric-dot.gray{background:#64748b;box-shadow:0 0 0 3px #64748b33}.metric-label{font-size:.68rem;color:var(--text-muted);font-weight:600;text-transform:none;letter-spacing:.02em;line-height:1.1}.metric-value{font-size:.95rem;font-weight:700;color:var(--text-main);line-height:1.1;min-width:16px;font-variant-numeric:tabular-nums;transition:transform .2s,color .2s}.metric-value.flash{animation:metricFlash .4s ease}@keyframes metricFlash{0%{transform:scale(1.35);color:#4f46e5}to{transform:scale(1);color:var(--text-main)}}.metric-divider{width:1px;height:22px;background:var(--border-color);flex-shrink:0;margin:0 4px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#94a3b86b;background-clip:padding-box;border:2.5px solid transparent;border-radius:9999px;min-height:36px;transition:background-color .15s ease,border-width .15s ease}::-webkit-scrollbar-thumb:hover{background-color:#6366f1;border-width:1px;cursor:grab;box-shadow:0 0 6px #6366f159}::-webkit-scrollbar-thumb:active{background-color:#4f46e5;border-width:.5px;cursor:grabbing;box-shadow:0 0 8px #4f46e580}body.is-scrollbar-dragging{user-select:none!important;-webkit-user-select:none!important}body.is-scrollbar-dragging .session-item,body.is-scrollbar-dragging .chat-msg-row{pointer-events:none!important}@keyframes crmCallRingPulse{0%{transform:scale(.9);opacity:.9}to{transform:scale(1.4);opacity:0}}@keyframes crmPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.7}}@keyframes pulseAlert{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.06);opacity:.88}}.call-wave-bar{width:3px;background:#2563eb;border-radius:2px;animation:callWave 1.2s infinite ease-in-out}.call-wave-bar.bar-1{height:6px;animation-delay:.1s}.call-wave-bar.bar-2{height:14px;animation-delay:.3s}.call-wave-bar.bar-3{height:18px;animation-delay:.5s}.call-wave-bar.bar-4{height:10px;animation-delay:.2s}.call-wave-bar.bar-5{height:8px;animation-delay:.4s}@keyframes callWave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@media(max-width:768px){#crmActiveCallBar{left:12px!important;right:12px!important;transform:none!important;width:calc(100% - 24px)!important;justify-content:space-between!important;padding:6px 12px!important}}.payment-alert-badge{display:inline-flex;align-items:center;gap:4px;box-shadow:0 0 10px #ef444499;animation:pulseAlert .9s infinite ease-in-out;will-change:transform,opacity}:root[data-theme=dark] .payment-alert-badge{background:#ef444440!important;color:#f87171!important;border:1px solid rgba(239,68,68,.5)!important;box-shadow:0 0 12px #ef4444b3!important}:root[data-theme=dark] #btnClearPaymentAlert{background:#ef444433!important;color:#f87171!important;border-color:#ef444473!important}:root[data-theme=dark] #btnClearPaymentAlert:hover{background:#ef444452!important;border-color:#ef444499!important}@keyframes radarWave{0%{transform:translate(-50%,-50%) scale(.2);opacity:1}to{transform:translate(-50%,-50%) scale(2.8);opacity:0}}.co-browse-click-ripple{position:absolute;width:44px;height:44px;border-radius:50%;border:2px solid #ef4444;background:#ef444466;pointer-events:none;animation:radarWave .75s cubic-bezier(.1,.8,.3,1) forwards;z-index:99}.co-browse-click-pin{position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:99;display:flex;flex-direction:column;align-items:center;transition:opacity .4s ease}.co-browse-pin-dot{width:14px;height:14px;border-radius:50%;background:#ef4444;border:2px solid #ffffff;box-shadow:0 0 10px #ef4444cc,0 2px 4px #00000080;position:relative;z-index:2}.co-browse-pin-badge{margin-top:4px;background:#0f172af2;color:#f8fafc;font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px;border:1px solid rgba(239,68,68,.6);white-space:nowrap;box-shadow:0 2px 8px #0009;max-width:160px;overflow:hidden;text-overflow:ellipsis;z-index:2}.cursor-click-active{transform:scale(.9)!important;transition:transform .06s ease!important}.co-browse-virtual-cursor{position:absolute;left:50%;top:50%;pointer-events:none;z-index:1000;will-change:left,top,transform;transition:left 35ms linear,top 35ms linear;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.co-browse-cursor-svg{display:block;transform:translate(-2px,-2px)}.co-browse-cursor-badge{position:absolute;left:18px;top:14px;background:#0f172aeb;color:#f1f5f9;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:6px;white-space:nowrap;border:1px solid rgba(59,130,246,.45);box-shadow:0 4px 12px #0006;backdrop-filter:blur(6px);pointer-events:none;display:flex;align-items:center;gap:5px}.co-browse-cursor-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:#3b82f6}.session-item-row{display:flex;align-items:flex-start;gap:10px;width:100%;min-width:0}.session-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.session-avatar-wrap{position:relative;width:38px;height:38px;min-width:38px;flex-shrink:0;border-radius:50%}.session-avatar-img{width:38px;height:38px;min-width:38px;border-radius:50%;object-fit:cover;display:block;border:1.5px solid rgba(255,255,255,.12);background:#ffffff0d}.session-avatar-fallback{width:38px;height:38px;min-width:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#fff;border:1.5px solid rgba(255,255,255,.12);text-transform:uppercase}.session-avatar-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-card);box-shadow:0 1px 3px #0006}.session-avatar-dot.online{background:#10b981}.session-avatar-dot.offline{background:#94a3b8}.msg-avatar-thumb{width:20px;height:20px;min-width:20px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.2);vertical-align:middle;flex-shrink:0}.cobrowse-mobile-frame{max-width:95vw!important;height:100%!important;max-height:96%!important;border:2px solid #334155!important;border-radius:16px!important;box-shadow:0 25px 70px #000000e6,0 0 0 1px #ffffff1a!important;position:relative;transition:width .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1),border-radius .3s!important;background:#000;flex-shrink:0;overflow:hidden!important}.cobrowse-mobile-notch{display:none!important}.co-browse-touch-pointer{position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:1000;transition:left .08s cubic-bezier(.2,0,.2,1),top .08s cubic-bezier(.2,0,.2,1);will-change:left,top;display:none}.co-browse-touch-ring{width:46px;height:46px;border-radius:50%;border:2.5px solid #06b6d4;background:#06b6d459;box-shadow:0 0 16px #06b6d4,inset 0 0 10px #06b6d480;position:relative}.co-browse-touch-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #06b6d4;box-shadow:0 0 10px #06b6d4}.co-browse-touch-tag{position:absolute;top:48px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#0891b2,#0e7490);color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:6px;white-space:nowrap;box-shadow:0 2px 8px #0009;border:1px solid rgba(255,255,255,.3)}.device-mode-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#cbd5e1;font-size:.72rem;font-weight:600;padding:4px 10px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .15s ease}.device-mode-btn:hover{background:#ffffff26;color:#fff}.device-mode-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff;box-shadow:0 0 10px #3b82f680}.cobrowse-breadcrumb-bar{position:absolute;bottom:12px;right:14px;background:#0f172aeb;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:6px 12px;font-size:.73rem;color:#cbd5e1;display:flex;align-items:center;gap:8px;box-shadow:0 4px 16px #00000080;z-index:1001;max-width:380px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}mark.search-highlight-mark{background:#facc15!important;color:#0f172a!important;padding:1px 4px!important;border-radius:4px!important;font-weight:700!important;box-shadow:0 0 0 2px #eab30873!important;transition:all .25s ease!important;display:inline!important}mark.search-highlight-mark.active-focus{background:#f59e0b!important;outline:2px solid #ea580c!important;box-shadow:0 0 12px #ea580ca6!important;animation:searchPulseGlow 1.8s infinite ease-in-out!important}@keyframes searchPulseGlow{0%,to{transform:scale(1);box-shadow:0 0 0 2px #ea580c80}50%{transform:scale(1.08);box-shadow:0 0 0 6px #ea580c33,0 0 14px #ea580c73}}.search-nav-floating-bar{position:absolute;top:62px;right:20px;background:#0f172aeb;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);color:#f8fafc;border-radius:20px;padding:5px 12px;display:flex;align-items:center;gap:10px;font-size:.75rem;font-weight:600;box-shadow:0 4px 14px #00000047;z-index:100;transition:opacity .2s ease,transform .2s ease;animation:fadeInSearchNav .2s ease}@keyframes fadeInSearchNav{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.search-nav-btn{background:#ffffff29;border:none;color:#fff;width:22px;height:22px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.72rem;transition:background .15s ease,transform .1s ease}.search-nav-btn:hover{background:#ffffff59;transform:scale(1.08)}.load-older-messages-btn{display:block;margin:10px auto 8px;padding:6px 14px;border-radius:999px;border:1px solid var(--border-color, #e2e8f0);background:var(--bg-card, rgba(148, 163, 184, .12));color:var(--text-muted, #64748b);font-size:.76rem;font-weight:600;cursor:pointer;transition:background .15s ease}.load-older-messages-btn:hover{background:#94a3b838}