:root{--ec-primary:#667eea;--ec-secondary:#764ba2;--ec-text-dark:#1f2937;--ec-text-medium:#6b7280;--ec-text-light:#9ca3af;--ec-bg-light:#f3f4f6;--ec-bg-white:#ffffff;--ec-border:#e5e7eb;--ec-shadow:0 10px 40px rgba(0, 0, 0, 0.15);--ec-radius:20px;--ec-radius-sm:12px}.elegant-chat-widget,.elegant-chat-widget *,.elegant-chat-widget *::before,.elegant-chat-widget *::after{box-sizing:border-box!important;margin:0;padding:0}.elegant-chat-widget{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif!important;font-size:14px!important;line-height:1.5!important;position:fixed!important;bottom:24px!important;z-index:999999!important;float:none!important;display:block!important;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;overflow:visible!important;background:transparent!important;border:none!important;transform:none!important}.elegant-chat-widget.ec-right{right:24px!important;left:auto!important}.elegant-chat-widget.ec-left{left:24px!important;right:auto!important}.ec-toggle{width:60px!important;height:60px!important;border-radius:50%!important;border:none!important;background:linear-gradient(135deg,var(--ec-primary) 0%,var(--ec-secondary) 100%)!important;color:#fff!important;cursor:pointer!important;box-shadow:0 4px 20px rgb(102 126 234 / .4)!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:transform 0.3s ease,box-shadow 0.3s ease!important;position:relative!important;overflow:hidden!important;padding:0!important;margin:0!important;float:none!important}.ec-toggle:hover{transform:scale(1.08)!important;box-shadow:0 6px 28px rgb(102 126 234 / .5)!important}.ec-toggle:active{transform:scale(1.02)!important}.ec-toggle .ec-icon-chat,.ec-toggle .ec-icon-close{transition:transform 0.3s ease,opacity 0.3s ease;position:absolute!important}.ec-toggle .ec-icon-close{opacity:0;transform:rotate(-90deg) scale(.5)}.ec-toggle.active .ec-icon-chat{opacity:0;transform:rotate(90deg) scale(.5)}.ec-toggle.active .ec-icon-close{opacity:1;transform:rotate(0) scale(1)}.ec-window{position:absolute!important;bottom:76px!important;width:380px!important;height:560px!important;max-height:calc(100vh - 120px)!important;background:var(--ec-bg-white)!important;border-radius:var(--ec-radius)!important;box-shadow:var(--ec-shadow)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;opacity:0;visibility:hidden;transform:translateY(20px) scale(.95);transition:all 0.3s cubic-bezier(.4,0,.2,1);float:none!important;margin:0!important;padding:0!important;border:none!important;text-align:left!important}.ec-right .ec-window{right:0!important;left:auto!important}.ec-left .ec-window{left:0!important;right:auto!important}.ec-window.open{opacity:1!important;visibility:visible!important;transform:translateY(0) scale(1)!important}.ec-header{background:linear-gradient(135deg,var(--ec-primary) 0%,var(--ec-secondary) 100%)!important;padding:16px 20px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-shrink:0!important;position:relative!important;border:none!important;margin:0!important}.ec-header-left{display:flex!important;align-items:center!important;gap:12px!important}.ec-avatar{width:44px!important;height:44px!important;position:relative!important;flex-shrink:0!important}.ec-avatar img{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover!important;border:2px solid rgb(255 255 255 / .3)!important}.ec-avatar-initial{width:100%!important;height:100%!important;border-radius:50%!important;background:rgb(255 255 255 / .2)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important;font-weight:600!important;border:2px solid rgb(255 255 255 / .3)!important}.ec-status-dot{position:absolute!important;bottom:2px!important;right:2px!important;width:12px!important;height:12px!important;border-radius:50%!important;border:2px solid var(--ec-primary)!important;background:#22c55e!important}.ec-status-dot.offline{background:#94a3b8!important}.ec-header-info{display:flex!important;flex-direction:column!important}.ec-header-name{color:#fff!important;font-size:16px!important;font-weight:600!important;line-height:1.3!important}.ec-header-status{color:rgb(255 255 255 / .85)!important;font-size:13px!important}.ec-header-actions{display:flex!important;align-items:center!important;gap:4px!important}.ec-header-btn{width:36px!important;height:36px!important;border-radius:50%!important;border:none!important;background:rgb(255 255 255 / .15)!important;color:#fff!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:background 0.2s ease!important;padding:0!important;margin:0!important}.ec-header-btn:hover{background:rgb(255 255 255 / .25)!important}.ec-menu-dropdown{position:absolute!important;top:100%!important;right:16px!important;margin-top:8px!important;background:var(--ec-bg-white)!important;border-radius:var(--ec-radius-sm)!important;box-shadow:0 4px 20px rgb(0 0 0 / .15)!important;min-width:180px!important;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.2s ease;z-index:100!important;overflow:hidden!important}.ec-menu-dropdown.show{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}.ec-menu-item{width:100%!important;padding:12px 16px!important;border:none!important;background:none!important;color:var(--ec-text-dark)!important;font-size:14px!important;text-align:left!important;cursor:pointer!important;display:flex!important;align-items:center!important;gap:10px!important;transition:background 0.2s ease!important}.ec-menu-item:hover{background:var(--ec-bg-light)!important}.ec-menu-item svg{color:var(--ec-text-medium)!important;flex-shrink:0!important}.ec-menu-item-danger{color:#ef4444!important}.ec-menu-item-danger svg{color:#ef4444!important}.ec-prechat{flex:1!important;display:flex!important;flex-direction:column!important;overflow-y:auto!important;padding:20px!important;background:var(--ec-bg-white)!important}.ec-prechat.hidden{display:none!important}.ec-prechat-welcome{text-align:center!important;margin-bottom:20px!important}.ec-prechat-welcome p{color:var(--ec-text-medium)!important;font-size:15px!important;line-height:1.5!important}.ec-prechat-form{display:flex!important;flex-direction:column!important;gap:12px!important}.ec-form-row{display:flex!important;gap:12px!important}.ec-form-row input{flex:1!important;min-width:0!important}.ec-prechat-form input,.ec-prechat-form textarea{width:100%!important;padding:14px 16px!important;border:1px solid var(--ec-border)!important;border-radius:var(--ec-radius-sm)!important;font-size:14px!important;font-family:inherit!important;color:var(--ec-text-dark)!important;background:var(--ec-bg-white)!important;transition:border-color 0.2s ease,box-shadow 0.2s ease!important;margin:0!important;float:none!important;display:block!important}.ec-prechat-form input:focus,.ec-prechat-form textarea:focus{outline:none!important;border-color:var(--ec-primary)!important;box-shadow:0 0 0 3px rgb(102 126 234 / .15)!important}.ec-prechat-form input::placeholder,.ec-prechat-form textarea::placeholder{color:var(--ec-text-light)!important}.ec-prechat-form textarea{resize:none!important;min-height:80px!important}.ec-consent{display:flex!important;align-items:flex-start!important;gap:10px!important;cursor:pointer!important;font-size:13px!important;color:var(--ec-text-medium)!important;margin-top:4px!important}.ec-consent input[type="checkbox"]{width:18px!important;height:18px!important;margin-top:2px!important;flex-shrink:0!important;accent-color:var(--ec-primary)!important}.ec-consent a{color:var(--ec-primary)!important;text-decoration:none!important}.ec-consent a:hover{text-decoration:underline!important}.ec-btn-start{width:100%!important;padding:14px 20px!important;background:linear-gradient(135deg,var(--ec-primary) 0%,var(--ec-secondary) 100%)!important;color:#fff!important;border:none!important;border-radius:var(--ec-radius-sm)!important;font-size:15px!important;font-weight:600!important;cursor:pointer!important;transition:transform 0.2s ease,box-shadow 0.2s ease!important;margin-top:8px!important}.ec-btn-start:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px rgb(102 126 234 / .35)!important}.ec-btn-start:active{transform:translateY(0)!important}.ec-btn-start:disabled{opacity:0.7!important;cursor:not-allowed!important;transform:none!important}.ec-chat-area{flex:1!important;display:none!important;flex-direction:column!important;overflow:hidden!important;background:var(--ec-bg-white)!important}.ec-chat-area.active{display:flex!important}.ec-messages{flex:1!important;overflow-y:auto!important;padding:20px!important;display:flex!important;flex-direction:column!important;gap:16px!important;background:var(--ec-bg-white)!important}.ec-messages::-webkit-scrollbar{width:6px}.ec-messages::-webkit-scrollbar-track{background:#fff0}.ec-messages::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.ec-messages::-webkit-scrollbar-thumb:hover{background:#ccc}.ec-message-wrap{display:flex!important;gap:10px!important;max-width:85%!important;animation:messageSlideIn 0.3s ease}@keyframes messageSlideIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ec-message-wrap.user{align-self:flex-end!important;flex-direction:row-reverse!important}.ec-message-wrap.bot{align-self:flex-start!important}.ec-msg-avatar{width:32px!important;height:32px!important;border-radius:50%!important;flex-shrink:0!important;overflow:hidden!important;background:linear-gradient(135deg,var(--ec-primary) 0%,var(--ec-secondary) 100%)!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;font-size:14px!important;font-weight:600!important}.ec-msg-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}.ec-msg-content{display:flex!important;flex-direction:column!important;gap:4px!important}.ec-msg-bubble{padding:12px 16px!important;border-radius:18px!important;font-size:14px!important;line-height:1.5!important;word-wrap:break-word!important}.ec-message-wrap.bot .ec-msg-bubble{background:var(--ec-bg-light)!important;color:var(--ec-text-dark)!important;border-bottom-left-radius:6px!important}.ec-message-wrap.user .ec-msg-bubble{background:linear-gradient(135deg,var(--ec-primary) 0%,var(--ec-secondary) 100%)!important;color:#fff!important;border-bottom-right-radius:6px!important}.ec-msg-time{font-size:11px!important;color:var(--ec-text-light)!important;padding:0 4px!important}.ec-message-wrap.user .ec-msg-time{text-align:right!important}.ec-typing{display:none!important;align-items:center!important;gap:10px!important;padding:0 20px 16px!important}.ec-typing.show{display:flex!important}.ec-typing-avatar{width:32px!important;height:32px!important;border-radius:50%!important;background:linear-gradient(135deg,var(--ec-primary) 0%,var(--ec-secondary) 100%)!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;font-size:14px!important;font-weight:600!important;overflow:hidden!important;flex-shrink:0!important}.ec-typing-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}.ec-typing-bubble{display:flex!important;align-items:center!important;gap:4px!important;padding:12px 16px!important;background:var(--ec-bg-light)!important;border-radius:18px!important;border-bottom-left-radius:6px!important}.ec-typing-bubble span{width:8px!important;height:8px!important;background:var(--ec-text-light)!important;border-radius:50%!important;animation:typingBounce 1.4s ease-in-out infinite}.ec-typing-bubble span:nth-child(2){animation-delay:0.2s}.ec-typing-bubble span:nth-child(3){animation-delay:0.4s}@keyframes typingBounce{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-6px)}}.ec-input-area{display:none!important;align-items:flex-end!important;gap:10px!important;padding:16px 20px!important;border-top:1px solid var(--ec-border)!important;background:var(--ec-bg-white)!important}.ec-input-area.active{display:flex!important}#ec-chat-input{flex:1!important;padding:12px 16px!important;border:1px solid var(--ec-border)!important;border-radius:24px!important;font-size:14px!important;font-family:inherit!important;color:var(--ec-text-dark)!important;background:var(--ec-bg-light)!important;resize:none!important;max-height:100px!important;line-height:1.4!important;transition:border-color 0.2s ease,background 0.2s ease!important}#ec-chat-input:focus{outline:none!important;border-color:var(--ec-primary)!important;background:var(--ec-bg-white)!important}#ec-chat-input::placeholder{color:var(--ec-text-light)!important}.ec-send-btn{width:44px!important;height:44px!important;border-radius:50%!important;border:none!important;background:linear-gradient(135deg,var(--ec-primary) 0%,var(--ec-secondary) 100%)!important;color:#fff!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;transition:transform 0.2s ease,box-shadow 0.2s ease!important;padding:0!important;margin:0!important}.ec-send-btn:hover{transform:scale(1.08)!important;box-shadow:0 4px 12px rgb(102 126 234 / .35)!important}.ec-send-btn:active{transform:scale(1)!important}.ec-chat-ended{position:absolute!important;inset:0!important;background:var(--ec-bg-white)!important;display:none!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;z-index:50!important}.ec-chat-ended.show{display:flex!important}.ec-ended-content{text-align:center!important;padding:40px 30px!important}.ec-ended-content svg{color:#22c55e!important;margin-bottom:16px!important}.ec-ended-content h3{font-size:20px!important;font-weight:600!important;color:var(--ec-text-dark)!important;margin-bottom:8px!important}.ec-ended-content p{color:var(--ec-text-medium)!important;margin-bottom:24px!important}.ec-btn-transcript{width:100%!important;padding:14px 20px!important;background:var(--ec-bg-light)!important;color:var(--ec-text-dark)!important;border:1px solid var(--ec-border)!important;border-radius:var(--ec-radius-sm)!important;font-size:14px!important;font-weight:500!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;transition:background 0.2s ease!important;margin-bottom:12px!important}.ec-btn-transcript:hover{background:var(--ec-border)!important}.ec-btn-transcript svg{color:var(--ec-text-medium)!important;margin:0!important}.ec-btn-new{width:100%!important;padding:14px 20px!important;background:linear-gradient(135deg,var(--ec-primary) 0%,var(--ec-secondary) 100%)!important;color:#fff!important;border:none!important;border-radius:var(--ec-radius-sm)!important;font-size:14px!important;font-weight:600!important;cursor:pointer!important;transition:transform 0.2s ease,box-shadow 0.2s ease!important}.ec-btn-new:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px rgb(102 126 234 / .35)!important}.ec-toast{position:absolute!important;bottom:80px!important;left:50%!important;transform:translateX(-50%) translateY(20px)!important;background:var(--ec-text-dark)!important;color:#fff!important;padding:12px 20px!important;border-radius:8px!important;font-size:13px!important;opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:100!important;white-space:nowrap!important}.ec-toast.show{opacity:1!important;visibility:visible!important;transform:translateX(-50%) translateY(0)!important}.ec-toast.success{background:#22c55e!important}.ec-toast.error{background:#ef4444!important}@media (max-width:480px){.elegant-chat-widget{position:fixed!important;bottom:16px!important;z-index:999999!important}.elegant-chat-widget.ec-right{right:16px!important;left:auto!important}.elegant-chat-widget.ec-left{left:16px!important;right:auto!important}.ec-toggle{width:56px!important;height:56px!important;position:relative!important}.ec-window{position:fixed!important;bottom:90px!important;left:12px!important;right:12px!important;top:auto!important;width:auto!important;height:auto!important;max-height:calc(100vh - 120px)!important;margin:0!important;border-radius:16px!important;z-index:999998!important}.ec-right .ec-window,.ec-left .ec-window{left:12px!important;right:12px!important}.ec-header{padding:12px 14px!important;flex-shrink:0!important}.ec-avatar{width:36px!important;height:36px!important}.ec-header-name{font-size:14px!important}.ec-header-status{font-size:12px!important}.ec-header-btn{width:32px!important;height:32px!important}.ec-prechat{padding:16px!important;flex:0 0 auto!important;overflow-y:visible!important}.ec-prechat-welcome{margin-bottom:12px!important}.ec-prechat-welcome p{font-size:14px!important;margin:0!important}.ec-prechat-form{gap:10px!important}.ec-prechat-form input,.ec-prechat-form textarea{padding:11px 14px!important;font-size:16px!important}.ec-prechat-form textarea{min-height:60px!important}.ec-btn-start{padding:12px 16px!important;font-size:14px!important;margin-top:4px!important}.ec-chat-area{flex:1 1 auto!important;min-height:200px!important;max-height:50vh!important}.ec-messages{padding:12px!important}.ec-input-area{padding:10px 12px!important;flex-shrink:0!important}#ec-chat-input{font-size:16px!important;padding:10px 14px!important}.ec-send-btn{width:40px!important;height:40px!important}.ec-form-row{flex-direction:column!important;gap:10px!important}.ec-consent{font-size:12px!important;margin-top:2px!important}}@media (max-width:360px){.ec-window{left:8px!important;right:8px!important;bottom:80px!important}.elegant-chat-widget{bottom:12px!important}.elegant-chat-widget.ec-right{right:12px!important}.elegant-chat-widget.ec-left{left:12px!important}.ec-header{padding:10px 12px!important}.ec-avatar{width:32px!important;height:32px!important}.ec-prechat{padding:12px!important}.ec-prechat-form input,.ec-prechat-form textarea{padding:10px 12px!important}}@media (prefers-reduced-motion:reduce){.ec-toggle,.ec-window,.ec-menu-dropdown,.ec-message-wrap,.ec-typing-bubble span{transition:none!important;animation:none!important}}@media print{.elegant-chat-widget{display:none!important}}