.cs-overlay{z-index:9999;background:#0000001f;justify-content:flex-end;align-items:flex-end;padding:20px;display:flex;position:fixed;inset:0}.cs-overlay-mobile{padding:0}.cs-chatbox{color:#222;background:#fff;border-radius:18px;flex-direction:column;width:400px;max-width:100%;height:620px;max-height:calc(100vh - 40px);font-family:Lato,Open Sans,sans-serif;font-size:14px;line-height:1;transition:border .4s ease-in-out;animation:.2s ease-in forwards csFadeIn;display:flex;overflow:hidden;box-shadow:0 8px 40px #0000002e}.cs-chatbox-mobile{border:none;border-radius:0;width:100%;height:100%;max-height:none}@keyframes csFadeIn{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.cs-header{color:#fff;background:#3732ff;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.cs-header-left{align-items:center;gap:12px;display:flex}.cs-avatar{background-position:50%;background-size:cover;border:2px solid #ffffff40;border-radius:50%;flex-shrink:0;width:40px;height:40px}.cs-header-info{flex-direction:column;display:flex}.cs-name{color:#fff;margin:0;font-size:15px;font-weight:600}.cs-header-actions{gap:2px;display:flex}.cs-header-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.cs-header-btn:hover{background:#ffffff38}.cs-thread{background:#fff;flex:1;overflow-y:auto}.cs-thread-content{min-height:100%;padding:20px 16px 0}.cs-date{text-align:center;color:#8c8c8c;margin:8px 0 16px;font-size:12px}.cs-loading{text-align:center;color:#8c8c8c;padding:20px;font-size:13px}.cs-msg-stack{margin-bottom:12px}.cs-msg-user{flex-direction:column;align-items:flex-end;display:flex}.cs-msg-row{align-items:flex-end;gap:10px;display:flex}.cs-msg-row-user{justify-content:flex-end}.cs-avatar-user{color:#fff;background:#3732ff;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.cs-msg-avatar{background-position:50%;background-size:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.cs-msg-bubbles{flex-direction:column;gap:6px;max-width:85%;display:flex}.cs-bubble{border-radius:12px;padding:10px 16px;font-size:14px;line-height:1.4}.cs-bubble bdi{font-style:normal}.cs-bubble-agent{color:#3e4146;background:#eeeff0;border-bottom-left-radius:3px}.cs-bubble-user{color:#fff;background:#3732ff;border-bottom-right-radius:3px}.cs-qr-list{flex-direction:column;gap:5px;margin-top:2px;display:flex}.cs-qr-btn{color:#3732ff;cursor:pointer;text-align:left;white-space:normal;background:#fff;border:1px solid #3732ff;border-radius:20px;padding:10px 16px;font-family:inherit;font-size:13px;transition:all .15s}.cs-qr-btn:hover{color:#fff;background:#3732ff}.cs-time{color:#b6c2cd;padding-left:4px;font-size:10px}.cs-time-right{color:#b6c2cd;margin-top:2px;padding-right:4px;font-size:10px}.cs-compose{background:#fff;border-top:1px solid #e4e7eb;flex-shrink:0;padding:10px 16px 14px}.cs-compose-row{align-items:flex-end;gap:6px;display:flex}.cs-textarea-wrap{flex:1}.cs-textarea{resize:none;color:#222;background:#fff;border:1px solid #d9d9d9;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:14px;line-height:1.5}.cs-textarea:focus{border-color:#3732ff}.cs-textarea::placeholder{color:#b6c2cd}.cs-emoji-btn{color:#b6c2cd;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.cs-emoji-btn:hover{color:#595959;background:#f2f3f5}.cs-send-btn{color:#fff;cursor:pointer;background:#3732ff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.cs-send-btn:disabled{cursor:not-allowed;background:#d9d9d9}.cs-plus-btn{color:#666;cursor:pointer;background:0 0;border:2px solid #d9d9d9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:22px;line-height:1;transition:all .15s;display:flex}.cs-plus-btn:hover{color:#3732ff;background:#f2f3f5;border-color:#3732ff}.cs-typing{color:#8c8c8c;padding:4px 16px;font-size:11px;font-style:italic}.cs-typing-dots i{font-style:normal;animation:1.4s infinite csDot}.cs-typing-dots i:nth-child(2){animation-delay:.2s}.cs-typing-dots i:nth-child(3){animation-delay:.4s}@keyframes csDot{0%,60%,to{opacity:.2}30%{opacity:1}}.cs-csat-overlay{z-index:10;background:#0006;border-radius:18px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cs-csat-box{text-align:center;background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000026}.cs-csat-box h3{color:#1a1a1a;margin:0 0 16px;font-size:16px;font-weight:600}.cs-csat-stars{justify-content:center;gap:8px;margin-bottom:16px;display:flex}.cs-csat-star{cursor:pointer;color:#d9d9d9;background:0 0;border:none;width:40px;height:40px;font-size:32px;transition:color .15s}.cs-csat-star.active{color:#f5a623}.cs-csat-submit{color:#fff;cursor:pointer;background:#3732ff;border:none;border-radius:20px;padding:8px 32px;font-size:14px;font-weight:600}.cs-csat-submit:disabled{cursor:not-allowed;background:#d9d9d9}.cs-branding{text-align:center;padding-top:4px}.cs-branding span{color:#b6c2cd;font-size:10px}.cs-emoji-panel{border-top:1px solid #e4e7eb;flex-wrap:wrap;gap:2px;max-height:150px;padding:6px;display:flex;overflow-y:auto}.cs-emoji-item{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex}.cs-emoji-item:hover{background:#f2f3f5}.cs-img-msg{cursor:pointer;object-fit:cover;border-radius:8px;max-width:200px;max-height:200px}.cs-preview{align-items:flex-start;gap:8px;padding:8px 0;display:flex}.cs-preview img{object-fit:cover;border:1px solid #e4e7eb;border-radius:8px;max-width:120px;max-height:120px}.cs-preview-actions{gap:6px;display:flex}.cs-preview-send{color:#fff;cursor:pointer;background:#3732ff;border:none;border-radius:14px;padding:4px 12px;font-size:12px}.cs-preview-send:disabled{background:#d9d9d9}.cs-preview-cancel{color:#666;cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:14px;padding:4px 12px;font-size:12px}.cs-preview-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.cs-preview-name{color:#1a1a1a;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.cs-preview-price{color:#ff4d4f;font-size:13px;font-weight:700}.chat-unread-dot{color:#fff;text-align:center;background:#ff4d4f;border-radius:10px;min-width:20px;height:20px;padding:0 5px;font-size:10px;font-weight:700;line-height:20px;position:absolute;top:-4px;right:-4px}.cs-product-card{color:inherit;background:#fff;border:1px solid #e4e7eb;border-radius:10px;gap:10px;max-width:260px;padding:10px;text-decoration:none;transition:box-shadow .15s;display:flex}.cs-product-card:hover{box-shadow:0 2px 8px #0000001a}.cs-product-card-img{object-fit:cover;border-radius:8px;flex-shrink:0;width:60px;height:60px}.cs-product-card-info{flex-direction:column;justify-content:center;gap:4px;min-width:0;display:flex}.cs-product-card-name{color:#1a1a1a;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.cs-product-card-price{color:#ff4d4f;font-size:14px;font-weight:700}.cs-image-overlay{z-index:99999;cursor:pointer;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cs-image-close{color:#fff;cursor:pointer;z-index:1;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;position:absolute;top:16px;right:16px}.cs-image-close:hover{background:#ffffff40}.cs-image-full{object-fit:contain;cursor:default;border-radius:8px;max-width:90vw;max-height:90vh}.cs-quote-card{background:linear-gradient(135deg,#fff8e1,#fffde7);border:1.5px solid #ffd54f;border-radius:12px;max-width:280px;margin:2px 0;padding:12px 14px}.cs-quote-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.cs-quote-card-label{color:#f57f17;font-size:12px;font-weight:700}.cs-quote-card-status{text-transform:uppercase;border-radius:10px;padding:1px 10px;font-size:10px;font-weight:600}.cs-quote-pending{color:#e65100;background:#fff3e0}.cs-quote-accepted,.cs-quote-used{color:#2e7d32;background:#e8f5e9}.cs-quote-rejected{color:#c62828;background:#ffebee}.cs-quote-expired{color:#9e9e9e;background:#f5f5f5}.cs-quote-rfq{color:#3f51b5;background:#e8eaf6}.cs-quote-card-img{object-fit:cover;border-radius:8px;width:50px;height:50px;margin-bottom:6px}.cs-quote-card-name{color:#1a1a1a;margin-bottom:4px;font-size:13px;font-weight:600}.cs-quote-card-sku{color:#8c8c8c;background:#f5f5f5;border-radius:4px;margin-bottom:8px;padding:2px 8px;font-size:11px;display:inline-block}.cs-quote-card-prices{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:4px;display:flex}.cs-quote-card-original{color:#999;font-size:12px;text-decoration:line-through}.cs-quote-card-arrow{color:#999;font-size:11px}.cs-quote-card-quoted{color:#e53935;font-size:15px;font-weight:700}.cs-quote-card-savings{color:#c62828;background:#ffebee;border-radius:10px;padding:1px 8px;font-size:11px}.cs-quote-card-meta{color:#666;margin-bottom:8px;font-size:11px}.cs-quote-card-actions{gap:8px;display:flex}.cs-quote-btn-accept{cursor:pointer;color:#fff;background:#4caf50;border:none;border-radius:6px;flex:1;padding:6px 0;font-size:12px;font-weight:600}.cs-quote-btn-accept:hover{background:#388e3c}.cs-quote-btn-reject{cursor:pointer;color:#666;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;flex:1;padding:6px 0;font-size:12px;font-weight:600}.cs-quote-btn-reject:hover{background:#e0e0e0}.cs-quote-btn-counter{cursor:pointer;color:#e65100;background:#fff3e0;border:1px solid #ff9800;border-radius:6px;flex:1;padding:6px 0;font-size:12px;font-weight:600}.cs-quote-btn-counter:hover{background:#ffe0b2}.cs-quote-modal-overlay{z-index:20000;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.cs-quote-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:440px;max-height:90vh;display:flex;box-shadow:0 20px 60px #0003}.cs-quote-modal-header{justify-content:space-between;align-items:center;padding:18px 20px 12px;display:flex}.cs-quote-modal-header h3{color:#1a1a1a;margin:0;font-size:16px;font-weight:700}.cs-quote-modal-close{color:#666;cursor:pointer;background:#f5f5f5;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.cs-quote-modal-close:hover{background:#e0e0e0}.cs-quote-modal-body{flex:1;padding:0 20px 16px;overflow-y:auto}.cs-quote-modal-summary{background:#fffde7;border:1px solid #ffd54f;border-radius:10px;margin-bottom:16px;padding:12px 14px}.cs-qm-row{color:#595959;justify-content:space-between;align-items:center;padding:4px 0;font-size:13px;display:flex}.cs-qm-strike{color:#999;text-decoration:line-through}.cs-qm-highlight{color:#333;font-size:14px;font-weight:600}.cs-qm-total{color:#3732ff;border-top:1px dashed #e4e7eb;margin-top:6px;padding-top:8px;font-size:15px;font-weight:700}.cs-qm-save{color:#2e7d32;font-weight:600}.cs-quote-modal-section{margin-bottom:14px}.cs-qm-label{color:#1a1a1a;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.cs-qm-hint{color:#999;text-align:center;padding:20px;font-size:12px}.cs-qm-addr-list{flex-direction:column;gap:6px;max-height:180px;display:flex;overflow-y:auto}.cs-qm-addr-item{cursor:pointer;border:1.5px solid #e4e7eb;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;transition:all .15s;display:flex}.cs-qm-addr-item:hover{border-color:#3732ff}.cs-qm-addr-item.active{background:#f0edff;border-color:#3732ff}.cs-qm-addr-item input[type=radio]{accent-color:#3732ff;margin-top:2px}.cs-qm-addr-name{color:#1a1a1a;font-size:12px;font-weight:600;display:block}.cs-qm-addr-detail{color:#8c8c8c;margin-top:2px;font-size:11px;line-height:1.4;display:block}.cs-qm-error{color:#ff4d4f;background:#fff2f0;border:1px solid #ffccc7;border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:12px}.cs-quote-modal-footer{border-top:1px solid #f0f0f0;gap:8px;padding:12px 20px 18px;display:flex}.cs-qm-btn-cancel{color:#666;cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:8px;flex:1;padding:10px 0;font-size:13px;font-weight:600}.cs-qm-btn-confirm{color:#fff;cursor:pointer;background:#3732ff;border:none;border-radius:8px;flex:2;padding:10px 0;font-size:13px;font-weight:600}.cs-qm-btn-confirm:disabled{cursor:not-allowed;background:#d9d9d9}.cs-qm-btn-confirm:hover:not(:disabled){background:#2b27e0}.cs-qm-no-addr{text-align:center;background:#f5f6fa;border-radius:10px;padding:20px}.cs-qm-no-addr p{color:#8c8c8c;margin:0 0 10px;font-size:13px}.cs-qm-add-addr-link{color:#fff;background:#3732ff;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.cs-qm-add-addr-link:hover{background:#2b27e0}.cs-qm-reject{max-width:380px}.cs-qm-reject-text{color:#333;text-align:center;margin:0 0 12px;font-size:14px;line-height:1.6}.cs-qm-reject-detail{color:#666;margin-top:6px;font-size:13px;display:block}.cs-qm-reject-warn{color:#ff4d4f;text-align:center;background:#fff2f0;border-radius:8px;margin:0;padding:10px 14px;font-size:12px}.cs-qm-btn-reject{color:#fff;cursor:pointer;background:#ff4d4f;border:none;border-radius:8px;flex:2;padding:10px 0;font-size:13px;font-weight:600}.cs-qm-btn-reject:disabled{cursor:not-allowed;background:#d9d9d9}.cs-qm-btn-reject:hover:not(:disabled){background:#e03939}.cs-qm-addr-form{background:#f5f6fa;border-radius:10px;margin-bottom:8px;padding:12px}.cs-qm-form-row{gap:8px;margin-bottom:8px;display:flex}.cs-qm-input{border:1px solid #d9d9d9;border-radius:8px;outline:none;flex:1;padding:8px 10px;font-family:inherit;font-size:12px}.cs-qm-input:focus{border-color:#3732ff}.cs-qm-input-full{box-sizing:border-box;width:100%;margin-bottom:8px}.cs-qm-form-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.cs-qm-add-addr-btn{color:#3732ff;cursor:pointer;background:0 0;border:1px dashed #3732ff;border-radius:8px;width:100%;margin-top:8px;padding:8px 0;font-size:12px;font-weight:600}.cs-qm-add-addr-btn:hover{background:#f0edff}.cs-qm-add-addr-link{color:#fff;cursor:pointer;background:#3732ff;border:none;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:600;display:inline-block}.cs-closed-hint{text-align:center;color:#b6c2cd;padding:8px 0;font-size:12px}.cs-chatbox-desktop{flex-direction:row;width:720px;max-width:95vw}.cs-session-list{background:#fff;border-right:1px solid #e4e7eb;flex-direction:column;flex-shrink:0;width:320px;display:flex}.cs-session-list-mobile{border-right:none;width:100%}.cs-session-header{border-bottom:1px solid #e4e7eb;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.cs-session-header h3{color:#1a1a1a;margin:0;font-size:15px;font-weight:700}.cs-session-close{color:#8c8c8c;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;display:flex}.cs-session-close:hover{background:#f2f3f5}.cs-session-items{flex:1;overflow-y:auto}.cs-session-empty{text-align:center;color:#8c8c8c;padding:40px 16px;font-size:13px}.cs-session-item{cursor:pointer;border-bottom:1px solid #f5f5f5;gap:10px;padding:12px 16px;transition:background .15s;display:flex}.cs-session-item:hover{background:#fafafa}.cs-session-item.active{background:#f0edff;border-left:3px solid #3732ff;padding-left:13px}.cs-session-item.unread{background:#f0f5ff}.cs-session-item.unread .cs-session-name{font-weight:700}.cs-session-avatar{background:#f2f3f5;border-radius:50%;flex-shrink:0;width:40px;height:40px}.cs-session-avatar-cs{background-color:#3732ff}.cs-session-body{flex:1;min-width:0}.cs-session-top{align-items:center;gap:6px;margin-bottom:4px;display:flex}.cs-session-name{color:#1a1a1a;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:600;overflow:hidden}.cs-session-time{color:#b6c2cd;flex-shrink:0;font-size:11px}.cs-session-bottom{justify-content:space-between;align-items:center;display:flex}.cs-session-preview{color:#8c8c8c;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.cs-session-unread{color:#fff;text-align:center;background:#ff4d4f;border-radius:9px;flex-shrink:0;min-width:18px;height:18px;padding:0 5px;font-size:10px;line-height:18px}.cs-session-badge-cs{color:#fff;background:#3732ff;border-radius:8px;flex-shrink:0;padding:1px 6px;font-size:9px;font-weight:600}.cs-session-badge-store{color:#595959;background:#e4e7eb;border-radius:8px;flex-shrink:0;padding:1px 6px;font-size:9px;font-weight:600}.cs-chat-panel{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.cs-chat-panel-empty{background:#f5f6fa;justify-content:center;align-items:center}.cs-empty-hint{color:#8c8c8c;text-align:center;padding:20px;font-size:14px}.cs-back-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-right:4px;display:flex}.cs-back-btn:hover{background:#ffffff40}.cs-chatbox-mobile .cs-session-list{border-right:none}.cs-chatbox-mobile .cs-session-header{border-bottom:1px solid #e4e7eb;padding:12px 16px}