.conversation-item{transition:all .2s ease-in-out}[data-radix-scroll-area-viewport]{max-width:100%!important;display:flex!important;flex-direction:column!important}[data-radix-scroll-area-viewport]>div{max-width:100%!important;width:100%!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important}.conversation-item{max-width:100%!important;transition:transform .3s ease-out}.conversation-item:hover{background-color:hsl(var(--accent))}.conversation-item.selected{background-color:#6562fd82;color:hsl(var(--primary-foreground))}.message-bubble{max-width:100%;word-wrap:break-word}.message-incoming{background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.message-outgoing{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.channel-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff}.whatsapp{background-color:#25d366}.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.messenger{background-color:#006aff}.email{background-color:#6b7280}.webchat{background-color:#10b981}.status-indicator{width:auto;height:auto;position:absolute;bottom:-8px;right:-4px;border:0px solid hsl(var(--background));background-color:#373686;border-radius:50%;padding:4px}.status-online{background-color:#10b981}.status-away{background-color:#f59e0b}.status-offline{background-color:#6b7280}.ticket-status-resolved{color:#10b981}.ticket-status-open{color:#ef4444}.ticket-status-in-progress{color:#f59e0b}.outstanding-issue{background-color:hsl(var(--destructive) / .1);border:1px solid hsl(var(--destructive) / .2);border-radius:.5rem;padding:.75rem}.priority-high{border-left:4px solid #EF4444}.priority-medium{border-left:4px solid #F59E0B}.priority-low{border-left:4px solid #10B981}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:hsl(var(--muted-foreground) / .3);border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:hsl(var(--muted-foreground) / .5)}.fade-in{animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-in-right{animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.message-composer{border-top:1px solid hsl(var(--border));padding:1rem;background-color:hsl(var(--background))}.emoji-picker{position:absolute;bottom:100%;right:0;margin-bottom:.5rem;z-index:50}.template-dropdown{position:absolute;bottom:100%;left:0;margin-bottom:.5rem;z-index:50}.message-bold{font-weight:700}.message-italic{font-style:italic}.message-strikethrough{text-decoration:line-through}.message-monospace{font-family:Courier New,Courier,monospace;background-color:hsl(var(--muted) / .5);padding:.125rem .25rem;border-radius:.25rem;font-size:.875em}.message-bubble .message-bold{font-weight:600}.message-bubble .message-italic{font-style:italic;opacity:.9}.message-bubble .message-strikethrough{text-decoration:line-through;opacity:.7}.message-bubble .message-monospace{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Courier New,monospace;background-color:hsl(var(--muted) / .3);padding:.125rem .25rem;border-radius:.25rem;font-size:.875em;border:1px solid hsl(var(--border) / .3)}.message-bubble{line-height:1.4}.message-bubble br{line-height:1.2}.chat-view-enter{opacity:0;transform:translate(20px)}.chat-view-enter-active{opacity:1;transform:translate(0);transition:opacity .3s ease-out,transform .3s ease-out}.chat-view-exit{opacity:1;transform:translate(0)}.chat-view-exit-active{opacity:0;transform:translate(-20px);transition:opacity .2s ease-in,transform .2s ease-in}.conversation-item-clicked{transform:scale(.95);transition:transform .3s ease-out}.chat-content{animation:slideInFromRight .3s ease-out}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.message-group{animation:fadeInUp .4s ease-out;animation-fill-mode:both}.message-group:nth-child(1){animation-delay:.1s}.message-group:nth-child(2){animation-delay:.2s}.message-group:nth-child(3){animation-delay:.3s}.message-group:nth-child(4){animation-delay:.4s}.message-group:nth-child(5){animation-delay:.5s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scroll-to-bottom-button{animation:slideInFromBottom .3s ease-out}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.scroll-smooth{scroll-behavior:smooth}.conversation-item .last-message-container{display:flex;align-items:flex-end;justify-content:space-between;gap:.5rem;min-height:1.25rem}.conversation-item .last-message-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item .relative-time{flex-shrink:0;font-size:.75rem;line-height:1;opacity:.8}