.chat-box-container{position:fixed;bottom:20px;right:20px;width:342px;height:467px;background:#fff;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.18);z-index:3000;display:flex;flex-direction:column;overflow:hidden;border:none;animation:slideUpRight .3s ease-out forwards}.chat-box-container.closing{animation:slideDownRight .3s ease-in forwards}.chat-box-expanded{bottom:50%!important;left:50%!important;right:auto!important;width:90vw!important;max-width:800px!important;height:80vh!important;max-height:700px!important;z-index:10000!important;box-shadow:0 15px 40px rgba(0,0,0,.2)!important;border-radius:16px!important;transform:translate(-50%,50%)!important}@media (max-width:768px){.chat-box-container{position:fixed;bottom:20px;left:20px;right:20px;width:auto}.chat-box-expanded{position:fixed!important;top:50%!important;left:50%!important;bottom:auto!important;right:auto!important;width:95vw!important;height:90vh!important;max-height:600px!important;transform:translate(-50%,-50%)!important}}@media (max-width:480px){.chat-box-expanded{width:98vw!important;height:95vh!important;max-height:500px!important}}@keyframes slideUpRight{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDownRight{0%{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}.chat-box-header{justify-content:space-between;padding:10px 12px;border-radius:16px 16px 0 0;font-weight:700;font-size:1.1rem}.chat-box-avatar,.chat-box-header{display:flex;align-items:center;background:#fff}.chat-box-avatar{width:40px;height:40px;justify-content:center;color:#1677ff;border:2px solid #fff;margin-right:8px;border-radius:50%}.chat-box-message-container{flex:1;padding:10px 12px 2px;overflow-y:auto;background:#f9f9f9;scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.chat-box-message-container::-webkit-scrollbar{width:6px}.chat-box-message-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.chat-box-message-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.chat-box-message-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.chat-box-message{border-bottom:none;display:flex;align-items:center;margin-bottom:16px;gap:4px;width:100%}.chat-box-message-content{padding:6px 12px;max-width:80%;min-width:40px;min-height:32px;word-break:break-word;white-space:pre-line;font-size:.875rem;flex-shrink:0;line-height:1.4}.chat-box-message-me{display:flex;background:#1677ff;color:#fff;border-radius:12px 12px 2px 12px}.chat-box-message-me.chat-box-message-multiple-images{color:#333!important}.chat-box-message-other{display:flex;background:#f1f0f0;color:#222;border-radius:12px 12px 12px 2px}.chat-box-message-multiple-images{max-width:-moz-fit-content!important;max-width:fit-content!important;width:-moz-fit-content!important;width:fit-content!important}.chat-box-message-timestamp{font-size:.75em;color:#b0b0b0;line-height:1.5;text-align:center;opacity:0;transition:opacity .2s ease;min-width:60px;flex-shrink:0}.chat-box-message:hover .chat-box-message-timestamp{opacity:1}.chat-box-message.justify-end{justify-content:flex-end}.chat-box-message.justify-start{justify-content:flex-start}.chat-box-message-me .chat-box-message-timestamp{order:-1;margin-right:4px;margin-bottom:0}.chat-box-message-other .chat-box-message-timestamp{order:1;margin-left:4px;margin-bottom:0}.chat-box-input-container{min-height:60px;padding:10px 12px 12px;background:#fff;border-top:1px solid #f0f0f0}.chat-box-file-preview{max-height:200px;overflow-y:auto;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px;scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.chat-box-file-preview::-webkit-scrollbar{width:4px}.chat-box-file-preview::-webkit-scrollbar-track{background:#f1f1f1}.chat-box-file-preview::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.chat-box-file-preview-image{width:70px;height:70px;border-radius:4px;overflow:hidden;position:relative}.chat-box-file-preview-image img{width:100%;height:100%;border-radius:4px;-o-object-fit:contain;object-fit:contain;border:1px solid #f0f0f0}.chat-box-file-preview-close-button{position:absolute;top:0;right:0;border-radius:4px;color:#ff0000;background:rgba(255,255,255,.9);border:none;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer}.chat-box-input{resize:none;outline:none;padding:12px 0}.chat-box-input::-webkit-scrollbar{display:none}.chat-box-send-button{border-radius:10px;background:#1677ff;border:none;color:#fff;font-weight:700;padding:8px 16px;cursor:pointer;transition:background-color .2s}.chat-box-send-button:hover{background:#0052cc;color:#fff}.chat-box-upload-button{border:none;outline:none;background:transparent;padding:8px;border-radius:8px;cursor:pointer;transition:background-color .2s}.chat-box-upload-button:hover{background:#f3f4f6}.open-chat-button{position:fixed;bottom:20px;right:20px;width:56px;height:56px;background:#1677ff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px rgba(22,119,255,.3);transition:all .3s ease;z-index:3000}.open-chat-button:hover{background:#0052cc;transform:scale(1.08);color:#fff}.open-chat-button.scroll-top-visible{bottom:80px}.quick-message-container{padding:12px 0;display:flex;flex-direction:column;gap:8px;background:transparent;border-radius:0;margin:8px 0 0;border:none;width:100%}.quick-message-button{background:#f5f5f5;border:none;border-radius:6px;padding:10px 14px;text-align:left;cursor:pointer;transition:all .2s ease;font-size:14px;color:#1677ff;font-weight:500;box-shadow:none;width:100%;max-width:280px}.quick-message-button:hover{background:#e6f2ff;color:#0052cc}.quick-message-button:active{background:#d1e7ff;transform:none;box-shadow:none}@media (max-width:768px){.open-chat-button{bottom:20px;right:20px}.open-chat-button.scroll-top-visible{bottom:86px}}.message-file-name{text-decoration:underline;color:inherit}.chat-box-message-image{background-color:transparent!important;padding:0!important;border-radius:0!important}.chat-box-message-image-wrapper{position:relative;display:inline-block}.chat-box-message-image-wrapper img{width:100%;height:auto;max-width:200px;display:block!important;transition:all .3s ease;border-radius:0;border:1px solid #e0e0e0;background:#f8f8f8;opacity:1!important;visibility:visible!important;position:relative!important;z-index:1!important}.chat-box-message-image-wrapper img:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.15)}.chat-box-message-image-wrapper img:not([src]){background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.chat-box-message-image-wrapper img:not([src]),.chat-box-message-image-wrapper img[src*=null],.chat-box-message-image-wrapper img[src*=undefined],.chat-box-message-image-wrapper img[src=""]{display:none}.chat-box-message-image-wrapper:after{content:"🖼️";display:none;align-items:center;justify-content:center;width:100%;height:150px;background:#f0f0f0;border-radius:8px;font-size:2rem;border:1px solid #e0e0e0}.chat-box-message-image-wrapper img:not([src])+.chat-box-message-image-wrapper:after,.chat-box-message-image-wrapper img[src*=null]+.chat-box-message-image-wrapper:after,.chat-box-message-image-wrapper img[src*=undefined]+.chat-box-message-image-wrapper:after,.chat-box-message-image-wrapper img[src=""]+.chat-box-message-image-wrapper:after{display:flex}.chat-box-message-multiple-images .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:-moz-fit-content;width:fit-content;margin:0 auto}.chat-box-message-multiple-images .grid img{width:120px;height:120px;-o-object-fit:cover;object-fit:cover;border-radius:0;border:1px solid #d1d5db;transition:all .2s ease;display:block}.chat-box-message-multiple-images .grid img:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.15)}.chat-box-message-content.chat-box-message-multiple-images{width:-moz-fit-content!important;width:fit-content!important;max-width:-moz-fit-content!important;max-width:fit-content!important;border-radius:0!important}.chat-box-message-content.chat-box-message-multiple-files{border-radius:16px 16px 4px 16px!important;background:#1677ff!important;color:#fff!important}.chat-box-message-multiple-files .space-y-2>div{background:rgba(255,255,255,.1);border-radius:8px}.chat-box-message-multiple-files .space-y-2>div:hover{background:rgba(255,255,255,.2)}.chat-box-message-content.chat-box-message-image{border-radius:0!important}.chat-notification-badge{position:absolute;top:-8px;right:-8px;background:#ef4444;color:white;border-radius:50%;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:2px solid white;animation:badgeBounce .6s ease-in-out}@keyframes badgeBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.chat-notification-count{line-height:1;padding:0 2px}.chat-box-header.header-highlight{background:#1677ff!important}.chat-box-message-quick{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0 auto!important;max-width:none!important;width:auto!important}.chat-box-message-quick .quick-message-button{background:#f5f5f5;border:none;border-radius:20px;padding:8px 16px;text-align:center;cursor:pointer;transition:all .2s ease;font-size:14px;color:#1677ff;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.1);width:auto;min-width:200px;display:block;margin:0 auto}.chat-box-message-quick .quick-message-button:hover{background:#e6f2ff;color:#0052cc;box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-1px)}.chat-box-message-quick .quick-message-button:active{background:#d1e7ff;transform:translateY(0);box-shadow:0 2px 6px rgba(0,0,0,.1)}.chat-box-message-content a{color:#1677ff;text-decoration:underline;cursor:pointer;transition:color .2s ease}.chat-box-message-content a:hover{color:#0052cc;text-decoration:underline}.chat-box-message-me a{color:#ffffff;text-decoration:underline}.chat-box-message-me a:hover{color:#e6f2ff;text-decoration:underline}.typing-indicator{display:flex;align-items:center;gap:4px;padding:8px 12px;background:transparent;border-radius:0;margin-bottom:0;background:#f1f0f0;width:-moz-fit-content;width:fit-content}.typing-dot{width:8px;height:8px;border-radius:50%;background-color:#9aa0a6;animation:typing-bounce 1.4s ease-in-out infinite both}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}.typing-dot:nth-child(3){animation-delay:0s}@keyframes typing-bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}