html,body,#root{width:100%;height:100%;margin:0;padding:0}body{background:0 0;overflow:hidden}.chat-widget-container{z-index:99999;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:fixed;bottom:20px;right:20px}.chat-widget-container.embedded{bottom:12px;right:12px}.chat-widget-container *{box-sizing:border-box}.chat-launcher{cursor:pointer;background-color:#08c;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .2s;display:flex;position:relative;box-shadow:0 4px 12px #00000026}.unread-badge{color:#fff;background:#f44;border-radius:12px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:700;animation:.3s badge-pop;display:flex;position:absolute;top:-5px;right:-5px;box-shadow:0 2px 4px #0003}@keyframes badge-pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.chat-launcher:hover{transform:scale(1.05)}.chat-launcher svg{fill:#fff;width:30px;height:30px}.chat-window{background:#fff;border-radius:12px;flex-direction:column;width:350px;height:500px;transition:all .3s;display:flex;position:absolute;bottom:80px;right:0;overflow:hidden;box-shadow:0 8px 24px #00000026}.chat-widget-container.embedded .chat-window{bottom:72px}@media screen and (width<=480px){.chat-widget-container:has(.chat-window){width:100%!important;height:100%!important;height:-webkit-fill-available!important;margin:0!important;padding:0!important;position:fixed!important;inset:0!important}.chat-window{top:env(safe-area-inset-top,0)!important;width:100vw!important;height:calc(100% - env(safe-area-inset-top,0))!important;height:calc(-webkit-fill-available - env(safe-area-inset-top,0))!important;max-height:100%!important;box-shadow:none!important;border-radius:0!important;margin:0!important;padding:0!important;position:fixed!important;bottom:0!important;left:0!important;transform:none!important}.chat-header{flex-shrink:0;height:50px;padding:10px 15px}.messages-list{-webkit-overflow-scrolling:touch;touch-action:pan-y;flex-direction:column;flex:1;justify-content:flex-start;min-height:0;display:flex;overflow-y:auto}.chat-input-area{background:#fff;flex-shrink:0;padding:8px 10px}.chat-input-area input{padding:8px 12px;font-size:16px!important}}.chat-header{color:#fff;background:#08c;justify-content:space-between;align-items:center;padding:15px;display:flex}.chat-header h3{margin:0;font-size:16px}.close-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:20px}.messages-list{-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior-y:contain;background:#f7f7f7;flex-direction:column;flex:1;justify-content:flex-start;gap:10px;min-height:0;padding:15px;display:flex;overflow:hidden auto}.loading-more{text-align:center;color:#999;padding:5px;font-size:12px}.message{word-wrap:break-word;white-space:pre-wrap;text-align:left;border-radius:12px;max-width:90%;padding:8px 12px;font-size:14px;line-height:1.4}.message.visitor{color:#000;background:#effdde;border-bottom-right-radius:2px;align-self:flex-end}.message.agent{color:#333;background:#fff;border:1px solid #ddd;border-bottom-left-radius:2px;align-self:flex-start}.chat-img{cursor:zoom-in;border-radius:4px;max-width:100%;display:block}.chat-input-area{border-top:1px solid #eee;align-items:center;gap:8px;padding:10px;display:flex}.image-upload-label{cursor:pointer;justify-content:center;align-items:center;padding:4px;display:flex}.upload-icon{fill:#999;width:24px;height:24px;transition:fill .2s}.upload-icon:hover{fill:#666}.chat-input-area input{border:1px solid #ddd;border-radius:20px;outline:none;flex:1;padding:10px}.msg-image-preview-modal{z-index:10000;cursor:zoom-out;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.msg-image-preview-modal img{object-fit:contain;border-radius:4px;max-width:95%;max-height:95%}.chat-input-area button{color:#fff;cursor:pointer;background:#08c;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex}.chat-input-area button svg{fill:#fff;width:24px;height:24px;display:block}.widget-image-preview-overlay{z-index:100000;background:#000000e6;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.widget-preview-wrapper{max-width:95vw;max-height:95vh;position:relative}.widget-preview-img{object-fit:contain;border-radius:4px;max-width:100%;max-height:100%;box-shadow:0 0 20px #00000080}.widget-preview-close{color:#fff;text-align:center;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:30px;line-height:40px;display:flex;position:absolute;top:-40px;right:-40px}@media screen and (width<=480px){.widget-preview-close{background:#00000080;top:20px;right:20px}}