.widget-bubble-list{scrollbar-width:thin;scrollbar-color:rgba(156,163,175,.4) transparent}.widget-bubble-list::-webkit-scrollbar{width:3px}.widget-bubble-list::-webkit-scrollbar-track{background:transparent}.widget-bubble-list::-webkit-scrollbar-thumb{background-color:#9ca3af66;border-radius:99px}.widget-bubble-list::-webkit-scrollbar-thumb:hover{background-color:#9ca3afb3}@keyframes bubble-shake{0%,to{transform:rotate(0)}15%{transform:rotate(-12deg)}30%{transform:rotate(10deg)}45%{transform:rotate(-8deg)}60%{transform:rotate(6deg)}75%{transform:rotate(-4deg)}90%{transform:rotate(2deg)}}.bubble-shake{animation:bubble-shake .6s ease-in-out}@keyframes highlight-pulse{0%,to{box-shadow:0 0 #3b82f600}50%{box-shadow:0 0 0 4px #3b82f64d}}.highlighted-message{animation:highlight-pulse 2s ease-in-out;border-radius:.5rem;position:relative}.break-words{word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.line-clamp-1 *,.line-clamp-1 p,.line-clamp-1 div,.line-clamp-1 h1,.line-clamp-1 h2,.line-clamp-1 h3,.line-clamp-1 h4,.line-clamp-1 h5,.line-clamp-1 h6,.line-clamp-1 ul,.line-clamp-1 ol,.line-clamp-1 li,.line-clamp-1 blockquote,.line-clamp-1 pre,.line-clamp-1 code{display:inline!important;margin:0!important;padding:0!important;white-space:nowrap!important}.line-clamp-1 br,.line-clamp-1 hr{display:none!important}.line-clamp-1 p:not(:last-child):after,.line-clamp-1 li:not(:last-child):after{content:" ";white-space:pre}button[class*="mb-2 text-sm rounded-md"]{white-space:normal;word-break:break-word;max-width:100%;box-sizing:border-box}.message-transition{transition:all .3s ease-in-out}.message-not-found{background-color:#ef44441a;border:1px dashed rgb(239,68,68);padding:1rem;border-radius:.5rem;text-align:center;margin:1rem 0}.message-not-found-text{color:#ef4444;font-size:.875rem}.load-more-button{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;background-color:#3b82f61a;color:#3b82f6;border-radius:.5rem;margin:1rem auto;cursor:pointer;transition:background-color .2s ease}.load-more-button:hover{background-color:#3b82f633}.loading-indicator{display:flex;align-items:center;justify-content:center;padding:1rem}.messages-container{position:relative}.scroll-to-highlighted{position:fixed;bottom:80px;right:20px;width:40px;height:40px;border-radius:50%;background-color:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px #0003;z-index:10;transition:all .2s ease}.scroll-to-highlighted:hover{background-color:#2563eb;transform:scale(1.05)}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:3px}.dark .custom-scrollbar::-webkit-scrollbar-thumb{background-color:#4b5563}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.loading-indicator-enter{animation:fadeInDown .3s ease-out forwards}@keyframes chatMessageSlideInFromBottom{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}.chat-message-slide-in{animation:chatMessageSlideInFromBottom .35s cubic-bezier(.22,1,.36,1) both}.scrollbar-hidden::-webkit-scrollbar{display:none}.scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none}.chat-list-item{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.chat-list-item-menu-btn{pointer-events:auto;opacity:1}@media(hover:hover)and (pointer:fine){.chat-list-item--hover-default:hover{--tw-bg-opacity: 1;background-color:rgb(var(--gray-100) / var(--tw-bg-opacity))}.chat-list-item--hover-default:hover:is(.dark *){background-color:#ffffff0f}.chat-list-item--hover-embed:hover{border-color:#93c5fd99;background-color:#ffffffb3}.chat-list-item--hover-embed:hover:is(.dark *){border-color:#3b82f64d;background-color:rgb(var(--gray-900) / .35)}.chat-list-item--hover-pinned:hover{--tw-bg-opacity: 1;background-color:rgb(var(--gray-100) / var(--tw-bg-opacity))}.chat-list-item--hover-pinned:hover:is(.dark *){background-color:#ffffff0f}.chat-list-item-menu-btn{pointer-events:none;opacity:0}.group:hover .chat-list-item-menu-btn,.chat-list-item-menu-btn:focus-visible{pointer-events:auto;opacity:1}}.message-bubble-modern{transition:all .2s cubic-bezier(.4,0,.2,1)}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.message-bubble-animate{animation:messageSlideIn .3s ease-out}.message-bubble-hover{transition:all .2s ease-out;box-shadow:0 1px 3px #0000000a}.message-bubble-hover:hover{box-shadow:0 2px 12px #0000000f}.dark .message-bubble-hover:hover{box-shadow:0 2px 12px #3b82f614}.agent-bubble-shell,.agent-bubble-scheduled{box-shadow:none!important}html[data-theme=dark-gray] .customer-plain-bubble{padding:0;border-radius:0}html[data-theme=dark-gray] .customer-plain-bubble .message-meta-row{flex-direction:column;align-items:flex-start;gap:.125rem;padding:.125rem 0 .35rem}html[data-theme=dark-gray] .customer-plain-bubble .message-meta-column{flex-direction:row;align-items:center;align-self:flex-start;min-height:0;padding-left:0;opacity:.45}html[data-theme=dark-gray] .customer-plain-bubble .message-meta-column .translate-y-2{transform:none}html[data-theme=dark-gray] .group:hover .customer-plain-bubble .message-meta-column{opacity:.9}.gradient-blue-modern{background:linear-gradient(135deg,#3b82f6,#1e40af,#1e3a8a)}.gradient-amber-modern{background:linear-gradient(135deg,#f59e0b,#d97706,#b45309)}.glass-effect{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#fff9;border:1px solid rgba(229,231,235,.8)}.glass-effect-dark{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#1f293766;border:1px solid rgba(59,130,246,.2)}@keyframes highlightPulse{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 8px #3b82f61a}}.highlight-pulse{animation:highlightPulse 1.5s infinite}.action-button-modern{border-radius:9999px;padding:.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.action-button-modern:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));background-color:#3b82f61a;--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity))}.action-button-modern:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity))}.status-indicator{display:inline-flex;align-items:center;gap:.25rem;border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.status-indicator-sent{background-color:#dcfce7cc;--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity))}.status-indicator-sent:is(.dark *){background-color:#14532d66;--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity))}.status-indicator-failed{background-color:#fee2e2cc;--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity))}.status-indicator-failed:is(.dark *){background-color:#7f1d1d66;--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity))}.tooltip-modern{border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(var(--gray-900) / var(--tw-bg-opacity));padding:.25rem .5rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.micro-interaction{transition:all .15s cubic-bezier(.4,0,.2,1)}.micro-interaction:hover{transform:scale(1.05)}.micro-interaction:active{transform:scale(.95)}@media(max-width:640px){.message-bubble-modern{max-width:90%}.message-content-mobile{font-size:14px;line-height:1.4}}@media(prefers-color-scheme:dark){.message-bubble-modern{box-shadow:0 1px 4px #00000026}.message-bubble-hover:hover{box-shadow:0 2px 10px #0003}}.reaction-button{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}.reaction-button:hover{--tw-rotate: 12deg;--tw-scale-x: 1.25;--tw-scale-y: 1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.loading-shimmer{background:linear-gradient(90deg,#fff0,#fff3,#fff0);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.audio-player-modern{border-radius:.5rem;background-color:#ffffff1a;padding:.625rem;--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.audio-player-modern:is(.dark *){background-color:#0000001a}.audio-player-modern{border:1px solid rgba(255,255,255,.1)}.transcription-modern{margin-top:.625rem;border-radius:.5rem;padding:.625rem;--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);background:#ffffff1a;border:1px solid rgba(255,255,255,.1)}.flex-1.stage-update-card{position:relative;height:100%}.stage-update-card{position:relative;overflow:hidden}.stage-transition-arrow{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1)}.stage-transition-arrow:hover{--tw-rotate: 12deg;--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.stage-badge{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}.stage-badge:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.stage-shimmer{position:relative;overflow:hidden}.stage-shimmer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.typing-indicator.h-screen{height:100%;height:100dvh;position:relative}.typing-indicator{display:flex;align-items:center}.typing-indicator>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.typing-dot{height:.5rem;width:.5rem;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(var(--gray-400) / var(--tw-bg-opacity));animation:typingBounce 1.4s infinite ease-in-out}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes stageSlideIn{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.stage-update-animate{animation:stageSlideIn .4s ease-out}.reaction-emoji-picker-host{width:100%;height:100%;min-width:0;min-height:0}.reaction-emoji-picker-host em-emoji-picker{display:flex!important;width:100%!important;max-width:100%!important;height:100%!important;min-height:230px;--border-radius: 0;--shadow: none}@keyframes reactionPickerPopIn{0%{opacity:0;transform:scale(.55)}70%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes reactionPickerSheetIn{0%{opacity:0;transform:translateY(28px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes reactionPickerBackdropIn{0%{opacity:0}to{opacity:1}}.reaction-emoji-picker-popover{animation:reactionPickerPopIn .26s cubic-bezier(.22,1.2,.36,1) both;will-change:transform,opacity}.reaction-emoji-picker-sheet{animation:reactionPickerSheetIn .3s cubic-bezier(.22,1,.36,1) both;will-change:transform,opacity}.reaction-emoji-picker-backdrop{animation:reactionPickerBackdropIn .18s ease-out both}@media(prefers-reduced-motion:reduce){.reaction-emoji-picker-popover,.reaction-emoji-picker-sheet,.reaction-emoji-picker-backdrop{animation:none}}.text-maximizer-mask{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 3.25rem),transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 3.25rem),transparent 100%)}.message-quote-button{display:flex;flex-direction:column;align-items:stretch;margin:0;font:inherit;line-height:inherit;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none}.message-quote-clip{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:2.5rem;line-height:1.25}.message-quote-clip>div,.message-quote-clip p{display:inline!important;margin:0!important;padding:0!important}.message-after-quote{margin-top:.125rem}@keyframes checkmark{0%{stroke-dashoffset:40}to{stroke-dashoffset:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes zoom-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-from-bottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation-fill-mode:both}.fade-in{animation-name:fade-in}.zoom-in{animation-name:zoom-in}.slide-in-from-bottom{animation-name:slide-in-from-bottom}.duration-300{animation-duration:.3s}.duration-500{animation-duration:.5s}.duration-700{animation-duration:.7s}