:root{--scw-bg:#ffffff;--scw-text:#1e293b;--scw-muted:#64748b;--scw-border:#e2e8f0;--scw-soft:#f8fafc;--scw-soft-2:#f1f5f9;--scw-shadow:0 12px 40px rgba(15, 23, 42, 0.12);--scw-shadow-sm:0 2px 8px rgba(15, 23, 42, 0.04);--scw-radius-xl:24px;--scw-radius-lg:16px;--scw-radius-md:12px;--scw-radius-sm:8px;--scw-primary:#2481cc;--scw-primary-dark:#1b6fae;--scw-primary-soft:rgba(36, 129, 204, 0.08);--scw-primary-soft-2:rgba(36, 129, 204, 0.16);--scw-user-bubble:#d9fdd3;--scw-user-text:#111b21;--scw-admin-bubble:#ffffff;--scw-admin-text:#111b21;--scw-tg-bg:#e5ddd5;--scw-seen:#4fc3f7;--scw-transition:all 0.25s cubic-bezier(0.4, 0, 0.2, 1);--scw-bounce:all 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.scw-widget,.scw-widget *{box-sizing:border-box;font-family:inherit}.scw-widget{position:fixed;right:24px;bottom:24px;z-index:999999;direction:rtl}.mock-phone-screen .scw-widget{position:relative!important;right:auto!important;bottom:auto!important;left:auto!important;top:auto!important;width:100%!important;height:100%!important;z-index:1!important}.scw-fab{width:60px;height:60px;border:none;border-radius:50%;background:var(--scw-primary);color:#fff;box-shadow:0 8px 24px rgb(36 129 204 / .4);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:var(--scw-bounce);overflow:visible;padding:0;outline:none}.scw-fab::after{content:"";position:absolute;inset:-3px;border:2px solid var(--scw-primary);border-radius:50%;opacity:0;transform:scale(.9);transition:var(--scw-transition)}.scw-fab:hover{transform:scale(1.06);box-shadow:0 12px 30px rgb(36 129 204 / .5)}.scw-fab:hover::after{opacity:.3;transform:scale(1)}.scw-fab:active{transform:scale(.95)}.scw-fab-icon{position:absolute;display:flex;align-items:center;justify-content:center;transition:var(--scw-transition)}.scw-icon-close{opacity:0;transform:scale(.6) rotate(-90deg)}.scw-fab.active .scw-icon-chat{opacity:0;transform:scale(.6) rotate(90deg)}.scw-fab.active .scw-icon-close{opacity:1;transform:scale(1) rotate(0)}.scw-badge{position:absolute;top:-4px;left:-4px;background-color:#ef4444;color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;padding:0 5px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:2px solid #fff;animation:scwPulse 2s infinite;z-index:2}@keyframes scwPulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgb(239 68 68 / .7)}70%{transform:scale(1.1);box-shadow:0 0 0 6px #fff0}100%{transform:scale(1);box-shadow:0 0 0 0 #fff0}}.scw-popup{position:absolute;bottom:76px;right:0;width:380px;max-width:calc(100vw - 48px);height:620px;max-height:calc(100vh - 120px);background:var(--scw-bg);border-radius:var(--scw-radius-xl);overflow:hidden;box-shadow:var(--scw-shadow);border:1px solid rgb(226 232 240 / .8);opacity:0;pointer-events:none;transform:translateY(20px) scale(.95);transition:var(--scw-bounce);z-index:1000}.scw-popup.active{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.scw-popup-inner{width:100%;height:100%;position:relative}.scw-screen{width:100%;height:100%;display:flex;flex-direction:column;position:absolute;top:0;left:0}.scw-screen-form{background:#f8fafc}.scw-popup-header{position:relative;padding:18px 20px;background:linear-gradient(135deg,var(--scw-primary),var(--scw-primary-dark));color:#fff;overflow:hidden;box-shadow:0 4px 12px rgb(15 23 42 / .08)}.scw-popup-header-bg{position:absolute;inset:0;opacity:.12;background:linear-gradient(135deg,rgb(255 255 255 / .35) 0%,#fff0 100%);pointer-events:none}.scw-header-content{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:1;width:100%}.scw-popup-avatar-main{width:46px;height:46px;position:relative;flex-shrink:0}.scw-popup-avatar-fallback,.scw-chat-avatar-fallback{width:100%;height:100%;border-radius:50%;background:rgb(255 255 255 / .2);border:1.5px solid rgb(255 255 255 / .4);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;text-transform:uppercase}.scw-online-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:#22c55e;bottom:0;left:0;border:2px solid #fff;box-shadow:0 0 0 2px rgb(34 197 94 / .2)}.scw-popup-head-text{flex-grow:1;margin-right:2px}.scw-popup-head-text h3{margin:0 0 3px 0;font-size:15px;font-weight:700;color:#fff}.scw-popup-head-text p{margin:0;font-size:11.5px;color:rgb(255 255 255 / .85)}.scw-close-btn{background:#fff0;border:none;color:#fff;padding:6px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--scw-transition);opacity:.85;flex-shrink:0}.scw-close-btn:hover{background:rgb(255 255 255 / .15);opacity:1}.scw-popup-body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.scw-popup-body::-webkit-scrollbar{width:5px}.scw-popup-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.scw-welcome-box{display:flex;gap:12px;background:#fff;border:1px solid #e2e8f0;border-radius:var(--scw-radius-lg);padding:14px;box-shadow:var(--scw-shadow-sm)}.scw-welcome-icon{font-size:20px;background:var(--scw-primary-soft);width:36px;height:36px;min-width:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.scw-welcome-content{font-size:13px;color:var(--scw-muted);line-height:1.6}.scw-form{display:flex;flex-direction:column;gap:14px}.scw-field-input{display:flex;flex-direction:column;gap:6px}.scw-field-input label{font-size:12px;font-weight:600;color:#475569}.scw-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.scw-input-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:15px;pointer-events:none;opacity:.8;z-index:10;display:flex;align-items:center;justify-content:center}.scw-field-input .scw-input-wrapper input{padding-right:40px!important;padding-left:12px!important}.scw-field-input input,.scw-field-input textarea{width:100%;border:1px solid #cbd5e1;border-radius:var(--scw-radius-md);padding:10px 12px;background:#fff;outline:none;font-size:13px;color:var(--scw-text);transition:var(--scw-transition)}.scw-field-input textarea{resize:none;min-height:80px}.scw-field-input input:focus,.scw-field-input textarea:focus{border-color:var(--scw-primary);box-shadow:0 0 0 3px var(--scw-primary-soft-2)}.scw-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.scw-start-btn{margin-top:8px;border:none;border-radius:var(--scw-radius-lg);background:var(--scw-primary);color:#fff;padding:13px;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:var(--scw-transition);box-shadow:0 4px 14px rgb(36 129 204 / .3)}.scw-start-btn:hover{background:var(--scw-primary-dark);box-shadow:0 6px 18px rgb(36 129 204 / .4)}.scw-start-btn svg{transition:transform var(--scw-transition)}.scw-start-btn:hover svg{transform:translateX(-4px)}.scw-screen-chat{background-color:var(--scw-tg-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cpath fill='%23502800' fill-opacity='0.035' d='M8 123a4 4 0 1 1-8 0 4 4 0 0 1 8 0zm6-57a6 6 0 1 1-12 0 6 6 0 0 1 12 0zm-8-38a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm0 186a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm88-51a4 4 0 1 1-8 0 4 4 0 0 1 8 0zm6-57a6 6 0 1 1-12 0 6 6 0 0 1 12 0zm-8-38a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm0 186a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm-44-65a4 4 0 1 1-8 0 4 4 0 0 1 8 0zm6-57a6 6 0 1 1-12 0 6 6 0 0 1 12 0zm-8-38a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm0 186a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm-44 91a4 4 0 1 1-8 0 4 4 0 0 1 8 0zm6-57a6 6 0 1 1-12 0 6 6 0 0 1 12 0zm-8-38a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm0 186a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm132-78a4 4 0 1 1-8 0 4 4 0 0 1 8 0zm6-57a6 6 0 1 1-12 0 6 6 0 0 1 12 0zm-8-38a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm0 186a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm-44-65a4 4 0 1 1-8 0 4 4 0 0 1 8 0zm6-57a6 6 0 1 1-12 0 6 6 0 0 1 12 0zm-8-38a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm0 186a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm-44 91a4 4 0 1 1-8 0 4 4 0 0 1 8 0zm6-57a6 6 0 1 1-12 0 6 6 0 0 1 12 0zm-8-38a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm0 186a2 2 0 1 1-4 0 2 2 0 0 1 4 0z'/%3E%3C/svg%3E")}.scw-chat-header{padding:10px 14px;background:var(--scw-primary);color:#fff;position:relative;box-shadow:0 2px 8px rgb(0 0 0 / .1);z-index:10}.scw-chat-header-bg{position:absolute;inset:0;opacity:.12;background:linear-gradient(135deg,rgb(255 255 255 / .35) 0%,#fff0 100%);pointer-events:none}.scw-chat-header-main{display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative;z-index:1}.scw-back-btn{background:#fff0;border:none;color:#fff;cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--scw-transition);flex-shrink:0}.scw-back-btn:hover{background:rgb(255 255 255 / .15)}.scw-chat-user{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.scw-chat-avatar{width:40px;height:40px;position:relative;flex-shrink:0}.scw-chat-user-meta{display:flex;flex-direction:column;gap:1px;min-width:0}.scw-chat-user-meta strong{font-size:14px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scw-chat-status-container{display:flex;align-items:center;gap:6px}.scw-chat-status-text{font-size:11px;color:rgb(255 255 255 / .8)}.scw-header-actions{position:relative;display:flex;align-items:center;gap:4px;flex-shrink:0}.scw-header-action-btn{background:#fff0;border:none;color:#fff;padding:6px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--scw-transition)}.scw-header-action-btn:hover{background:rgb(255 255 255 / .15)}.scw-options-menu{position:absolute;top:calc(100% + 5px);left:0;background:#fff;border-radius:var(--scw-radius-md);box-shadow:0 4px 18px rgb(15 23 42 / .15);border:1px solid rgb(226 232 240 / .8);width:150px;overflow:hidden;z-index:50;display:none;flex-direction:column;animation:scwFadeUp 0.18s ease}.scw-menu-item{background:#fff0;border:none;padding:10px 12px;font-size:12px;text-align:right;cursor:pointer;color:var(--scw-text);transition:var(--scw-transition);display:block;width:100%}.scw-menu-item:hover{background:var(--scw-soft-2)}.scw-menu-item.scw-end-chat{color:#ef4444;border-top:1px solid #f1f5f9}.scw-chat-notice{display:none;margin:8px 12px 0 12px;padding:8px 12px;border-radius:var(--scw-radius-md);font-size:11px;line-height:1.6;text-align:center;box-shadow:0 1px 2px rgb(0 0 0 / .05)}.scw-chat-notice-info{background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd}.scw-chat-notice-warning{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.scw-chat-notice-success{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.scw-chat-notice-danger{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.scw-chat-notice-dark{background:#f1f5f9;color:#334155;border:1px solid #cbd5e1}.scw-chat-messages-container{flex:1;overflow-y:auto;padding:12px 14px}.scw-chat-messages-container::-webkit-scrollbar{width:4px}.scw-chat-messages-container::-webkit-scrollbar-thumb{background:rgb(0 0 0 / .15);border-radius:4px}.scw-chat-messages{display:flex;flex-direction:column;gap:8px;min-height:100%}.scw-chat-date-divider{align-self:center;background:rgb(121 137 151 / .4);color:#fff;font-size:11px;padding:4px 10px;border-radius:12px;margin:6px 0;pointer-events:none;font-weight:500}.scw-msg{display:flex;max-width:82%;position:relative;margin-bottom:2px;animation:scwFadeUp 0.2s cubic-bezier(.4,0,.2,1)}.scw-msg-admin{align-self:flex-start}.scw-msg-user{align-self:flex-end}.scw-msg-bubble{padding:8px 12px;box-shadow:0 1px 2px rgb(16 24 40 / .1);position:relative;word-break:break-word}.scw-msg-admin .scw-msg-bubble{background:var(--scw-admin-bubble);color:var(--scw-admin-text);border-radius:14px 14px 14px 0}.scw-msg-user .scw-msg-bubble{background:var(--scw-user-bubble);color:var(--scw-user-text);border-radius:14px 14px 0 14px}.scw-msg-text{font-size:13.5px;line-height:1.6;white-space:pre-wrap;padding-bottom:12px}.scw-msg-meta{display:inline-flex;align-items:center;gap:3px;position:absolute;bottom:4px;left:10px;font-size:10px;opacity:.6;pointer-events:none;direction:ltr}.scw-msg-admin .scw-msg-meta{left:auto;right:10px}.scw-msg-time{font-size:9px;color:#707579}.scw-msg-status{display:inline-flex;align-items:center;justify-content:center;min-height:12px;min-width:12px}.scw-msg-status svg{display:block;color:#707579}.scw-msg-status .seen svg{color:var(--scw-seen)!important}.scw-chat-tools{padding:10px 12px 14px;background:#fff0}.scw-attach-preview{display:none;background:#fff;border:1px solid #e2e8f0;border-radius:var(--scw-radius-md);padding:8px 12px;font-size:12px;color:var(--scw-text);margin-bottom:8px;box-shadow:var(--scw-shadow-sm);animation:scwFadeUp 0.2s ease}.scw-attach-preview.active{display:flex;align-items:center;justify-content:space-between;gap:10px}.scw-attach-remove{border:none;background:#fee2e2;color:#ef4444;border-radius:6px;padding:4px 8px;font-size:11px;cursor:pointer;font-weight:600;transition:var(--scw-transition)}.scw-attach-remove:hover{background:#fecaca}.scw-emoji-panel{display:none;flex-direction:column;background:#fff;border-radius:var(--scw-radius-lg);border:1px solid #e2e8f0;box-shadow:0 4px 18px rgb(0 0 0 / .1);margin-bottom:8px;overflow:hidden;animation:scwFadeUp 0.2s ease}.scw-emoji-panel.active{display:flex}.scw-emoji-header{padding:8px 12px;font-size:11px;font-weight:600;color:var(--scw-muted);border-bottom:1px solid #f1f5f9;background:var(--scw-soft)}.scw-emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;padding:10px;max-height:140px;overflow-y:auto}.scw-emoji-grid button{border:none;background:#fff0;font-size:20px;cursor:pointer;padding:4px;border-radius:8px;transition:var(--scw-transition);display:flex;align-items:center;justify-content:center}.scw-emoji-grid button:hover{background:var(--scw-soft-2);transform:scale(1.15)}.scw-chat-inputbar-wrapper{display:flex;align-items:flex-end;gap:8px}.scw-chat-inputbar{flex:1;display:flex;align-items:flex-end;background:#fff;border-radius:22px;padding:4px 8px;box-shadow:0 1px 3px rgb(16 24 40 / .1);border:1px solid #e2e8f0}.scw-chat-inputbar .scw-tool-btn{width:36px;height:36px;border:none;border-radius:50%;background:#fff0;color:var(--scw-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--scw-transition);padding:0;flex-shrink:0}.scw-chat-inputbar .scw-tool-btn:hover{color:var(--scw-primary);background:var(--scw-soft-2)}.scw-chat-input{flex:1;border:none;background:#fff0;resize:none;outline:none;font-size:13.5px;line-height:1.5;max-height:120px;min-height:36px;padding:8px 4px;color:var(--scw-text)}.scw-chat-input::placeholder{color:#94a3b8}.scw-chat-input:disabled{opacity:.7;cursor:not-allowed}.scw-send-btn{width:44px;height:44px;min-width:44px;border:none;border-radius:50%;background:var(--scw-primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgb(36 129 204 / .3);transition:var(--scw-bounce);padding:0;flex-shrink:0}.scw-send-btn:hover:not(:disabled){background:var(--scw-primary-dark);transform:scale(1.05)}.scw-send-btn:active:not(:disabled){transform:scale(.95)}.scw-send-btn:disabled{background:#cbd5e1;color:#94a3b8;box-shadow:none;cursor:not-allowed}.scw-typing-indicator{display:inline-flex;align-items:center;gap:3px;height:12px}.scw-typing-indicator span{width:4.5px;height:4.5px;border-radius:50%;background:rgb(255 255 255 / .8);display:inline-block;animation:scwTypingDot 1.4s infinite ease-in-out both}.scw-typing-indicator span:nth-child(1){animation-delay:0s}.scw-typing-indicator span:nth-child(2){animation-delay:0.2s}.scw-typing-indicator span:nth-child(3){animation-delay:0.4s}@keyframes scwTypingDot{0%,80%,100%{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}@keyframes scwFadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.scw-widget{position:fixed!important;right:16px!important;bottom:16px!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;z-index:999999!important;pointer-events:auto!important}.scw-fab{width:56px!important;height:56px!important;margin-right:0!important}.scw-popup{position:absolute!important;bottom:70px!important;right:0!important;left:auto!important;top:auto!important;width:calc(100vw - 32px)!important;max-width:350px!important;height:500px!important;max-height:calc(100vh - 100px)!important;border-radius:var(--scw-radius-xl)!important;border:1px solid rgb(226 232 240 / .9)!important;box-shadow:0 10px 30px rgb(15 23 42 / .15)!important;transform:translateY(15px) scale(.96)!important;transition:var(--scw-bounce)!important;opacity:0!important;pointer-events:none!important}.scw-popup.active{transform:translateY(0) scale(1)!important;opacity:1!important;pointer-events:auto!important}.scw-popup-inner{width:100%!important;height:100%!important;position:relative!important;border-radius:var(--scw-radius-xl)!important;overflow:hidden!important}.scw-popup-body{padding:14px!important;gap:12px!important}.scw-welcome-box{padding:10px 12px!important;margin-bottom:2px!important}.scw-form{gap:10px!important}.scw-field-input input,.scw-field-input textarea,.scw-start-btn{font-size:14px!important;padding:10px 12px!important}.scw-field-input .scw-input-wrapper input{padding-right:38px!important}.scw-field-row{grid-template-columns:1fr!important;gap:10px!important}.scw-chat-messages-container{padding:8px 10px!important}.scw-msg{max-width:86%!important}.scw-chat-tools{padding:8px 10px 10px!important}.scw-emoji-grid{grid-template-columns:repeat(6,1fr)!important;gap:4px!important;padding:8px!important}}