.ccp-prechat-form{padding:20px}.ccp-prechat-form h3{margin:0 0 16px;font-size:16px;color:#333}.ccp-form-group{margin-bottom:14px}.ccp-form-group label{display:block;font-size:13px;color:#666;margin-bottom:6px}.ccp-form-group input{width:100%;padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s;box-sizing:border-box}.ccp-form-group input:focus{border-color:var(--ccp-primary)}.ccp-start-chat-btn{width:100%;padding:12px;background:var(--ccp-primary);color:white;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s}.ccp-start-chat-btn:hover{background:var(--ccp-secondary)}.ccp-offline-form{padding:20px;text-align:center}.ccp-offline-form h3{margin:0 0 8px;font-size:18px}.ccp-offline-form p{color:#666;margin:0 0 20px;font-size:14px}.ccp-agent-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e5e7eb}.ccp-agent-header img{width:36px;height:36px;border-radius:50%}.ccp-agent-header-info{flex:1}.ccp-agent-header-name{font-weight:600;font-size:14px}.ccp-agent-header-status{font-size:12px;color:#4caf50}.ccp-message-time{font-size:11px;color:#999;margin-top:4px}.ccp-chat-message.visitor .ccp-message-time{color:rgba(255,255,255,.7)}.ccp-read-receipt{display:flex;align-items:center;gap:4px;font-size:11px;color:#999;margin-top:4px}.ccp-read-receipt.read{color:#4caf50}.ccp-file-attachment{display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(0,0,0,.05);border-radius:8px;margin-top:8px}.ccp-file-name{flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ccp-quick-replies{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;border-top:1px solid #e5e7eb}.ccp-quick-reply{padding:8px 14px;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:16px;font-size:13px;cursor:pointer;transition:background .2s,border-color .2s}.ccp-quick-reply:hover{background:#eef0f2;border-color:var(--ccp-primary)}.ccp-product-suggestion{display:flex;gap:12px;padding:12px;background:#fff;border-radius:12px;margin:8px 0;box-shadow:0 2px 8px rgba(0,0,0,.08)}.ccp-product-image{width:60px;height:60px;border-radius:8px;object-fit:cover}.ccp-product-info{flex:1}.ccp-product-name{font-weight:600;font-size:14px;color:#333}.ccp-product-price{font-size:15px;color:var(--ccp-primary);font-weight:600;margin-top:4px}.ccp-product-action{padding:6px 12px;background:var(--ccp-primary);color:white;border:none;border-radius:6px;font-size:12px;cursor:pointer;margin-top:8px}