:root{--col-cfp-gray-text:#434343;--col-cfp-orange:#f6841f;--col-cfp-orange-dark:#cd6c10;--col-cfp-orange-lite1:#f59845;--col-cfp-orange-lite2:#f5ab69;--col-cfp-smoke:#ececec;--col-cfp-smoke2:#dedede;--col-cfp-smoke-lite:#f7f7f7;--col-cfp-gray:#a49e97;--col-cfp-gray-dark:#6f6f6f;--col-cfp-gray-lite:#c7c6c5;--col-white:#fff;--col-white-near:#fcfcfc;--col-block-bg:#e8e8e8;--col-black:#000;--radius-btn-sm:2px;--radius-btn-md:4px;--radius-btn-lg:6px;--radius-box-sm:3px;--radius-box-md:6px;--radius-box-lg:9px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--col-cfp-smoke-lite);color:var(--col-cfp-gray-text);font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5}.container{max-width:800px;margin:0 auto;padding:20px}.header{background:var(--col-white-near);border-radius:var(--radius-box-md);border-bottom:3px solid var(--col-cfp-orange);margin-bottom:20px;padding:20px;box-shadow:0 2px 5px #0000001a}.logo-wrap{border-bottom:1px solid var(--col-cfp-smoke2);align-items:center;gap:8px;margin-bottom:16px;padding-bottom:16px;display:flex}.logo-icon{width:auto;height:50px}.logo-text{width:auto;height:40px}.header h1{color:var(--col-cfp-gray-text);margin-bottom:8px;font-size:1.625rem;font-weight:400;line-height:1.35}.lead-info{color:var(--col-cfp-gray-dark);font-size:14px;line-height:1.5}.lead-info p{margin-bottom:6px}.clear-chat-button{background:var(--col-cfp-gray-dark);color:var(--col-white);border-radius:var(--radius-btn-sm);cursor:pointer;border:none;margin-top:12px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .3s,box-shadow .3s}.clear-chat-button:hover:not(:disabled){background:var(--col-cfp-gray-text);box-shadow:2px 2px 3px -1px #36363666}.clear-chat-button:disabled{background:var(--col-cfp-gray-lite);cursor:not-allowed}.chat-container{background:var(--col-white);border-radius:var(--radius-box-md);flex-direction:column;height:600px;display:flex;box-shadow:0 2px 5px #0000001a}.messages{background:var(--col-white-near);flex:1;padding:20px;overflow-y:auto}.message{border-radius:var(--radius-box-md);text-shadow:0 1px 1px #0000000d;max-width:80%;margin-bottom:16px;padding:12px 16px}.message.user{background:var(--col-cfp-orange);color:var(--col-white);margin-left:auto;box-shadow:2px 2px 3px -1px #3636364d}.message.assistant{background:var(--col-cfp-smoke);color:var(--col-cfp-gray-text);border-left:3px solid var(--col-cfp-orange)}.message-role{text-transform:uppercase;letter-spacing:.5px;opacity:.8;margin-bottom:4px;font-size:11px;font-weight:600}.message-content{font-size:15px;line-height:1.5}.input-container{border-top:1px solid var(--col-cfp-smoke2);background:var(--col-white);border-radius:0 0 var(--radius-box-md)var(--radius-box-md);padding:20px}.input-form{gap:10px;display:flex}.message-input{border:1px solid var(--col-cfp-smoke2);border-radius:var(--radius-box-sm);color:var(--col-cfp-gray-text);flex:1;padding:12px;font-family:Open Sans,sans-serif;font-size:15px;transition:border-color .3s,box-shadow .3s}.message-input:focus{border-color:var(--col-cfp-orange);box-shadow:0 0 0 2px var(--col-cfp-orange-lite2);outline:none}.message-input::placeholder{color:var(--col-cfp-gray)}.send-button{background:var(--col-cfp-orange);color:var(--col-white);border-radius:var(--radius-btn-sm);cursor:pointer;border:none;min-width:80px;padding:12px 24px;font-family:Open Sans,sans-serif;font-size:14px;font-weight:600;transition:background .3s,box-shadow .3s,text-shadow .3s}.send-button:hover:not(:disabled){background:var(--col-cfp-orange-dark);text-shadow:0 1px 2px #0000004d;box-shadow:2px 2px 3px -1px #36363666}.send-button:disabled{background:var(--col-cfp-gray-lite);cursor:not-allowed}.status-badge{border-radius:var(--radius-btn-sm);text-transform:uppercase;letter-spacing:.5px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-block}.status-badge.test{background:var(--col-cfp-orange-lite2);color:var(--col-cfp-orange-dark)}.status-badge.production{color:#155724;background:#d4edda}.validation-screen{background:var(--col-white);border-radius:var(--radius-box-md);justify-content:center;align-items:center;min-height:400px;display:flex;box-shadow:0 2px 5px #0000001a}.validation-screen.error{background:#fff5f5;border-left:4px solid #dc3545}.validation-screen.completed{background:linear-gradient(180deg,var(--col-white)0%,#f0fdf4 100%);border-top:4px solid #22c55e}.completed-icon{width:80px;height:80px;color:var(--col-white);background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;font-size:48px;font-weight:700;display:flex;box-shadow:0 4px 12px #22c55e66}.completed-details{background:var(--col-white);border-radius:var(--radius-box-md);color:var(--col-cfp-gray-text);border:1px solid #dcfce7;max-width:400px;margin-top:24px;margin-left:auto;margin-right:auto;padding:20px;font-size:15px}.completed-details a{color:var(--col-cfp-orange);font-weight:600;text-decoration:none}.completed-details a:hover{text-decoration:underline}.reset-button{color:var(--col-white);border-radius:var(--radius-btn-sm);cursor:pointer;background:#ef4444;border:none;padding:10px 20px;font-size:13px;font-weight:600;transition:background .3s,box-shadow .3s}.reset-button:hover:not(:disabled){background:#dc2626;box-shadow:2px 2px 3px -1px #36363666}.reset-button:disabled{background:var(--col-cfp-gray-lite);cursor:not-allowed}.validation-content{text-align:center;padding:40px}.validation-content h2{color:var(--col-cfp-gray-text);margin-bottom:12px;font-size:1.625rem;font-weight:400;line-height:1.35}.validation-content p{color:var(--col-cfp-gray-dark);margin-bottom:8px;font-size:15px;line-height:1.5}.error-details{background:var(--col-cfp-smoke-lite);border-radius:var(--radius-box-sm);color:var(--col-cfp-gray-text);border:1px solid var(--col-cfp-smoke2);margin-top:24px;padding:16px;font-size:13px}.error-icon{width:60px;height:60px;color:var(--col-white);background:#dc3545;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-size:32px;font-weight:700;display:flex}.loading-spinner{border:4px solid var(--col-cfp-smoke);border-top:4px solid var(--col-cfp-orange);border-radius:50%;width:40px;height:40px;margin:0 auto 20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.typing-indicator{align-items:center;gap:4px;margin-bottom:16px;padding:8px 12px;display:flex}.typing-indicator .dot{background:var(--col-cfp-orange);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both typing-bounce}.typing-indicator .dot:first-child{animation-delay:-.32s}.typing-indicator .dot:nth-child(2){animation-delay:-.16s}.typing-indicator .dot:nth-child(3){animation-delay:0s}@keyframes typing-bounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@media (max-width:768px){html,body{height:100%;overflow:hidden}.container{flex-direction:column;height:100dvh;padding:10px;display:flex}.header{flex-shrink:0;margin-bottom:10px;padding:12px 16px}.logo-wrap{gap:6px;margin-bottom:12px;padding-bottom:12px}.logo-icon{height:40px}.logo-text{height:32px}.header h1{margin-bottom:4px;font-size:1.25rem}.lead-info{font-size:12px}.lead-info p{margin-bottom:4px}.clear-chat-button{margin-top:8px;padding:6px 12px;font-size:12px}.chat-container{flex-direction:column;flex:1;height:auto;min-height:0;display:flex}.messages{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:12px;overflow-y:auto}.message{max-width:90%;margin-bottom:12px;padding:10px 12px}.message-role{font-size:10px}.message-content{font-size:14px}.input-container{padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom));flex-shrink:0}.input-form{gap:8px}.message-input{padding:10px;font-size:16px}.send-button{padding:10px 16px;font-size:14px}.status-badge{padding:2px 8px;font-size:10px}.validation-screen{flex:1;min-height:auto}.validation-content{padding:20px}.validation-content h2{font-size:1.25rem}}