.chat-widget{position:fixed;bottom:20px;right:20px;z-index:1000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.chat-toggle{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#06978d,#2c6965);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0003;transition:all .3s ease;position:relative;overflow:hidden}.chat-toggle:hover{transform:scale(1.05);box-shadow:0 6px 25px #0000004d}.chat-toggle.active{background:#fff}.chat-toggle svg{width:28px;height:28px;fill:#fff;transition:all .3s ease}.chat-toggle.active svg{fill:#2c6965;transform:rotate(45deg)}.notification-badge{position:absolute;top:8px;right:8px;width:12px;height:12px;background:#ff4757;border-radius:50%;border:2px solid white;animation:pulse 2s infinite}.chat-container{position:absolute;bottom:80px;right:0;width:380px;height:600px;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(20px) scale(.95);transition:all .3s ease}.chat-container.active{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.chat-header{background:linear-gradient(135deg,#06978d,#2c6965);color:#fff;padding:20px;border-radius:20px 20px 0 0;display:flex;align-items:center;justify-content:space-between}.chat-header-info{display:flex;align-items:center;gap:12px}.agent-avatar{width:40px;height:40px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;color:#06978d}.agent-info h3{font-size:16px!important;font-weight:600!important;margin-bottom:2px;color:#fff!important;font-family:Helvetica,Arial,sans-serif!important}.agent-status{display:flex;align-items:center;gap:6px;font-size:13px;opacity:.9}.status-dot{width:8px;height:8px;background:#4ade80;border-radius:50%;animation:pulse 2s infinite}.chat-actions{display:flex;gap:10px}.chat-action-btn{width:32px;height:32px;border-radius:50%;background:#fff3;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#fff}.chat-action-btn:hover{background:#ffffff4d;transform:scale(1.1)}.chat-action-btn svg{width:18px;height:18px}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1}.chat-messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.message{display:flex;gap:10px;animation:messageSlide .3s ease}.message.user{flex-direction:row-reverse}.message-avatar{width:32px;height:32px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#64748b;flex-shrink:0}.message.user .message-avatar{background:linear-gradient(135deg,#06978d,#2c6965);color:#fff}.message-content{max-width:70%}.message-bubble{background:#f1f5f9;padding:12px 16px;border-radius:18px;font-size:14px;line-height:1.5;color:#334155;word-wrap:break-word}.message.user .message-bubble{background-color:#2b8d86;color:#fff}.message-time{font-size:11px;color:#94a3b8;margin-top:4px;padding:0 8px}.message.user .message-time{text-align:right}.typing-indicator{display:none;align-items:center;gap:10px;padding:12px 16px;background:#f1f5f9;border-radius:18px;width:fit-content}.typing-indicator.active{display:flex}.typing-dots{display:flex;gap:4px}.typing-dot{width:8px;height:8px;background:#94a3b8;border-radius:50%;animation:typingAnimation 1.4s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.chat-input-container{padding:20px;border-top:1px solid #e2e8f0;background:#fff;border-radius:0 0 20px 20px}.chat-input-wrapper{display:flex;gap:10px;align-items:center}.chat-input{flex:1;padding:12px 16px;border:1px solid #e2e8f0;border-radius:25px;font-size:14px;outline:none;transition:all .2s ease}.chat-input:focus{border-color:#06978d;box-shadow:0 0 0 3px #667eea1a}.chat-send-btn{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#06978d,#2c6965);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.chat-send-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #667eea4d}.chat-send-btn:active{transform:scale(.95)}.chat-send-btn svg{width:20px;height:20px;fill:#fff}.session-info{padding:10px 20px;background:#f8fafc;border-top:1px solid #e2e8f0;font-size:11px;color:#64748b;display:flex;justify-content:space-between;align-items:center}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes typingAnimation{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}@media (max-width: 480px){.chat-container{width:calc(100vw - 40px);height:calc(100vh - 120px);right:-10px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/chat-widget.css.map */