.cp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:cpFadeIn .18s ease}@keyframes cpFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cpSlideUp{0%{transform:scale(.94) translateY(16px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.cp-phone{width:370px;height:620px;background:#f0f2f5;border-radius:24px;box-shadow:0 32px 80px #00000059,0 0 0 1px #ffffff0f;display:flex;flex-direction:column;overflow:hidden;animation:cpSlideUp .2s ease}.cp-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:linear-gradient(135deg,#1b2a4a,#243756);flex-shrink:0}.cp-header-left{display:flex;align-items:center;gap:10px}.cp-avatar{width:38px;height:38px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cp-bot-name{font-size:14px;font-weight:700;color:#fff}.cp-bot-status{display:flex;align-items:center;gap:5px;font-size:11px;color:#ffffffbf;margin-top:1px}.cp-status-dot{width:6px;height:6px;background:#4ade80;border-radius:50%;animation:cpPulse 2s infinite}@keyframes cpPulse{0%,to{opacity:1}50%{opacity:.4}}.cp-header-right{display:flex;gap:4px}.cp-icon-btn{width:30px;height:30px;background:#ffffff26;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .15s}.cp-icon-btn:hover{background:#ffffff47}.cp-icon-btn-active{background:#ffffff59!important}.cp-settings{background:#1e293b;border-bottom:1px solid rgba(255,255,255,.07);padding:12px 14px;display:flex;flex-direction:column;gap:10px;flex-shrink:0;animation:cpBubble .15s ease}.cp-settings-row{display:flex;align-items:center;gap:10px}.cp-settings-label{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;width:52px;flex-shrink:0}.cp-provider-pills{display:flex;gap:5px}.cp-provider-pill{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#64748b;transition:all .15s}.cp-provider-pill:hover{color:#94a3b8;background:#ffffff1a}.cp-provider-pill.active{background:#1b2a4a;border-color:#1b2a4a;color:#fff}.cp-key-row{flex:1;display:flex;align-items:center;gap:6px}.cp-key-input{flex:1;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:7px;padding:6px 10px;font-size:12px;color:#e2e8f0;font-family:Courier New,monospace;outline:none;transition:border-color .15s}.cp-key-input:focus{border-color:#1b2a4a}.cp-key-input::placeholder{color:#334155}.cp-key-ok{font-size:13px;color:#4ade80;font-weight:700}.cp-settings-hint{font-size:10px;color:#334155;line-height:1.4;padding-left:62px}.cp-messages{flex:1;overflow-y:auto;padding:14px 12px;display:flex;flex-direction:column;gap:6px;scroll-behavior:smooth}.cp-messages::-webkit-scrollbar{width:4px}.cp-messages::-webkit-scrollbar-track{background:transparent}.cp-messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.cp-row{display:flex;align-items:flex-end;gap:6px}.cp-row-bot{flex-direction:row}.cp-row-user{flex-direction:row-reverse}.cp-row-center{justify-content:center;margin:2px 0}.cp-bot-icon{width:26px;height:26px;background:linear-gradient(135deg,#1b2a4a,#243756);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;align-self:flex-end}.cp-bubble{max-width:230px;padding:9px 13px;font-size:13.5px;text-align:start;line-height:1.5;word-break:break-word;border-radius:18px;animation:cpBubble .15s ease}@keyframes cpBubble{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cp-bubble-bot{background:#fff;color:#1e293b;border-bottom-left-radius:5px;box-shadow:0 1px 3px #00000014}.cp-bubble-user{background:#1b2a4a;color:#fff;border-bottom-right-radius:5px}.cp-typing{display:flex;align-items:center;gap:4px;padding:12px 16px!important}.cp-typing span{width:7px;height:7px;background:#94a3b8;border-radius:50%;animation:cpBounce 1.2s infinite}.cp-typing span:nth-child(2){animation-delay:.18s}.cp-typing span:nth-child(3){animation-delay:.36s}@keyframes cpBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.cp-pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:4px 12px;border-radius:20px;max-width:300px;text-align:center;animation:cpBubble .15s ease}.cp-pill-system{background:#fff;color:#475569;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.cp-pill-decision{background:#fefce8;color:#713f12;border:1px solid #fde68a;font-weight:600}.cp-pill-handoff{background:#fff1f2;color:#9f1239;border:1px solid #fecdd3;font-weight:600}.cp-pill-hubspot{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa;font-weight:600}.cp-pill-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;font-weight:600}.cp-ended{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 0 2px;animation:cpBubble .2s ease}.cp-ended span{font-size:11px;color:#94a3b8}.cp-ended button{background:none;border:1px solid #e2e8f0;color:#1b2a4a;font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;cursor:pointer;transition:all .15s}.cp-ended button:hover{background:#f1f5f9}.cp-choices{padding:10px 12px 12px;border-top:1px solid #e8eaed;background:#fff;display:flex;flex-wrap:wrap;gap:6px;flex-shrink:0}.cp-choice{padding:7px 15px;border-radius:20px;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s;border:1.5px solid #e2e8f0;background:#fff;color:#374151}.cp-choice:hover{border-color:#1b2a4a;color:#1b2a4a;background:#f5f3ff}.cp-choice-success{background:#f0fdf4;border-color:#a7f3d0;color:#065f46}.cp-choice-success:hover{background:#dcfce7;border-color:#10b981}.cp-choice-error{background:#fff5f5;border-color:#fecaca;color:#991b1b}.cp-choice-error:hover{background:#fee2e2;border-color:#ef4444}.cp-input-bar{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff;border-top:1px solid #e8eaed;flex-shrink:0}.cp-input-ended .cp-input{background:#f8fafc;color:#64748b}.cp-input{flex:1;padding:9px 14px;border:1.5px solid #e2e8f0;border-radius:22px;font-size:13.5px;font-family:inherit;color:#1e293b;background:#f8fafc;outline:none;transition:border-color .15s,background .15s;min-width:0}.cp-input:focus{border-color:#1b2a4a;background:#fff;box-shadow:0 0 0 3px #1b2a4a26}.cp-input::placeholder{color:#94a3b8}.cp-input:disabled{opacity:.55;cursor:not-allowed}.cp-send-btn{width:38px;height:38px;border-radius:50%;border:none;background:#1b2a4a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,transform .1s,opacity .15s}.cp-send-btn:hover:not(:disabled){background:#12203a;transform:scale(1.06)}.cp-send-btn:active:not(:disabled){transform:scale(.95)}.cp-send-btn:disabled{opacity:.35;cursor:not-allowed}.cp-bubble-agent{background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff;border-bottom-left-radius:4px;position:relative}.cp-agent-label{display:block;font-size:10px;font-weight:700;opacity:.85;margin-bottom:3px;letter-spacing:.5px;text-transform:uppercase}.cp-handoff-banner{display:flex;align-items:center;gap:7px;padding:7px 14px;background:#fff1f2;border-top:1px solid #fecdd3;font-size:11px;color:#e11d48;font-weight:600;flex-shrink:0}.cp-handoff-dot{width:7px;height:7px;border-radius:50%;background:#e11d48;animation:pulse 1.5s infinite}.cp-hubspot-banner{display:flex;align-items:center;gap:7px;padding:7px 14px;background:#fff7ed;border-top:1px solid #fed7aa;font-size:11px;color:#c2410c;font-weight:600;flex-shrink:0}.cp-hubspot-dot{width:7px;height:7px;border-radius:50%;background:#ff7a59;animation:pulse 1.5s infinite}.cp-proceed{padding:8px 14px 4px;display:flex;justify-content:center}.cp-proceed-btn{background:linear-gradient(135deg,#1b2a4a,#243756);color:#fff;border:none;border-radius:20px;padding:8px 22px;font-size:13px;font-weight:600;cursor:pointer;letter-spacing:.2px;transition:opacity .15s,transform .1s}.cp-proceed-btn:hover{opacity:.88;transform:translateY(-1px)}.cp-proceed-btn:active{transform:translateY(0)}.cp-proceed-btn-hubspot{background:linear-gradient(135deg,#ff7a59,#ff5c35)}.cp-embedded{position:relative;width:100%;height:100%;border-radius:0 0 16px 16px;box-shadow:none;animation:none;display:flex;flex-direction:column}.cp-body{height:435px;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.cp-body .cp-messages{flex:1}.cp-body .cp-choices,.cp-body .cp-proceed,.cp-body .cp-handoff-banner,.cp-body .cp-hubspot-banner,.cp-footer{flex-shrink:0}.cp-embedded .cp-hubspot-banner{display:none}.cp-bubble a,.cp-pill a{color:inherit;text-decoration:underline;text-underline-offset:2px;word-break:break-all}.cp-bubble a:hover,.cp-pill a:hover{opacity:.8}.cp-bubble-user a{color:#e0e7ff}.cp-contact-form{max-width:92%;margin-left:8px}.cp-cf-form{background:#fff;border:1px solid #fed7aa;border-left:3px solid #ff7a59;border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.cp-cf-row{display:flex;gap:8px}.cp-cf-row .cp-cf-field{flex:1}.cp-cf-field{display:flex;flex-direction:column;gap:2px}.cp-cf-field label{font-size:10px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.3px}.cp-cf-field input{border:1px solid #e2e8f0;border-radius:6px;padding:6px 8px;font-size:13px;outline:none;transition:border-color .15s}.cp-cf-field input:focus{border-color:#ff7a59;box-shadow:0 0 0 2px #ff7a591f}.cp-cf-error{font-size:11px;color:#ef4444}.cp-cf-submit{margin-top:2px;padding:7px 0;border:none;border-radius:6px;background:linear-gradient(135deg,#ff7a59,#ff5c35);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s}.cp-cf-submit:hover{opacity:.88}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}