body.chat-layout{overflow:hidden;height:100vh;overscroll-behavior:none}.chat-container{height:calc(100vh - 56px);background-color:#f8f9fa;overflow:hidden;position:relative}.chat-threads{background-color:#fff;border-right:1px solid #dee2e6}.chat-threads .thread-item{transition:background-color 0.2s;cursor:pointer}.chat-threads .thread-item:hover{background-color:rgba(52,58,64,0.05)}.chat-threads .thread-item.active{background-color:rgba(254,111,0,0.1)}.chat-threads .thread-list{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.chat-area .chat-header{background-color:#fff;border-bottom:1px solid #dee2e6}.chat-area .chat-messages{background-color:#f8f9fa;padding:1rem;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;position:relative}#messages-list{display:flex !important;flex-direction:column !important;width:100% !important}#messages-list>*{width:100%}.message{margin-bottom:1rem;width:100%;display:block}.message>.d-flex{display:flex !important;margin-bottom:1rem;width:100%}.message .message-bubble{padding:0.75rem 1rem;border-radius:1rem;max-width:100%;word-wrap:break-word}.message.message-own>.d-flex{flex-direction:row-reverse !important;justify-content:flex-start !important;align-items:flex-start !important}.message.message-own .message-bubble{background-color:#FE6F00;color:#fff;border-top-right-radius:0.25rem}.message:not(.message-own)>.d-flex{flex-direction:row !important;justify-content:flex-start !important;align-items:flex-start !important}.message:not(.message-own) .message-bubble{background-color:#fff;border-top-left-radius:0.25rem}.message-attachments img{max-height:200px;object-fit:cover;border-radius:0.5rem}.message-form{background-color:#fff;border-top:1px solid #dee2e6;padding:1rem}.message-form textarea{resize:none;min-height:38px;max-height:150px;font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-size:1rem;line-height:1.5}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.message{animation:fadeIn 0.3s ease-in-out}.spin{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.date-separator{position:relative;margin:1.5rem 0}.date-separator::before{content:'';position:absolute;top:50%;left:0;right:0;height:1px;background-color:#dee2e6;z-index:1}.date-separator .badge{position:relative;z-index:2;background-color:#f8f9fa !important;color:#6c757d !important;font-weight:500;font-size:0.75rem;border:1px solid #dee2e6}.message small[data-bs-toggle="tooltip"]{cursor:help;transition:all 0.2s ease;padding:2px 4px;border-radius:4px}.message small[data-bs-toggle="tooltip"]:hover{color:#FE6F00 !important;background-color:rgba(254,111,0,0.1);text-decoration:underline}