:root{--chatbot-primary-color:#007cba;--chatbot-hover-color:#005a87;--chatbot-bg-color:#ffffff;--chatbot-text-color:#333333;--chatbot-border-color:#e1e1e1;--chatbot-shadow:0 4px 12px rgba(0, 0, 0, 0.15)}.thelematics-chatbot{position:fixed;bottom:20px;z-index:9999;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:14px}.thelematics-chatbot.left{left:20px}.thelematics-chatbot.right{right:20px}.chat-bubble{width:60px;height:60px;background-color:var(--chatbot-primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--chatbot-shadow);transition:all 0.3s ease;color:#fff;font-size:24px;position:relative}.chat-icon::before{content:'';display:inline-block;width:24px;height:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.chat-bubble.close .chat-icon::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");background-position:center}.chat-bubble:hover{transform:scale(1.1);box-shadow:0 6px 20px rgb(0 0 0 / .2)}.chat-window{position:absolute;bottom:80px;width:350px;height:500px;background-color:var(--chatbot-bg-color);border-radius:12px;box-shadow:var(--chatbot-shadow);display:none;flex-direction:column;overflow:hidden;margin:0;padding:0;max-height:calc(100vh - 120px);justify-content:space-between}.thelematics-chatbot.left .chat-window{left:0}.thelematics-chatbot.right .chat-window{right:0}.chat-window.open{display:flex}.chat-header{background-color:var(--chatbot-primary-color);color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;font-weight:600;margin:0;flex-shrink:0}.close-chat{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;border-radius:50%;position:relative;overflow:hidden;opacity:1;transform:scale(1) rotate(0deg)}.close-chat::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background-color:rgb(255 255 255 / .2);border-radius:50%;transform:translate(-50%,-50%);transition:all 0.3s ease}.close-chat:hover::before{width:100%;height:100%}.close-chat:hover{transform:scale(1.1);background-color:rgb(255 255 255 / .1)}.chat-window.open .close-chat{animation:closeButtonEntrance 0.4s ease-out}@keyframes closeButtonEntrance{0%{opacity:1;transform:scale(1) rotate(0deg)}50%{opacity:.9;transform:scale(1.05) rotate(5deg)}100%{opacity:1;transform:scale(1) rotate(0deg)}}.chat-messages{flex:1;padding:15px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;min-height:0}.message-container{display:flex;flex-direction:column;margin-bottom:8px}.message-container.user{align-items:flex-end}.message-container.bot{align-items:flex-start}.message-name{font-size:11px;font-weight:600;color:#666;margin-bottom:4px;padding:0 12px}.message-container.user .message-name{text-align:right}.message-container.bot .message-name{text-align:left}.message{max-width:75%;padding:12px 16px;border-radius:18px;word-wrap:break-word;line-height:1.4;position:relative}.message.user{background-color:var(--chatbot-primary-color);color:#fff;margin-left:auto;border-bottom-right-radius:4px}.message.bot{background-color:#f1f1f1;color:var(--chatbot-text-color);margin-right:auto;border-bottom-left-radius:4px}.chat-messages .message h1,.chat-messages .message h2,.chat-messages .message h3{margin:8px 0 4px 0;font-size:15px;font-weight:700;color:var(--chatbot-primary-color)}.chat-messages .message h1{font-size:17px}.chat-messages .message h2{font-size:16px}.chat-messages .message h3{font-size:15px}.message ul,.message ol{margin:8px 0;padding-left:16px}.message li{margin:4px 0}.message a{color:var(--chatbot-primary-color);text-decoration:underline}.message a:hover{color:var(--chatbot-hover-color);text-decoration:underline}.chat-input{padding:15px;border-top:1px solid var(--chatbot-border-color);display:flex;gap:10px;align-items:stretch;margin:0;flex-shrink:0}.chat-input input{flex:1;padding:12px 15px;border:1px solid var(--chatbot-border-color);border-radius:20px;outline:none;font-size:14px;height:44px;box-sizing:border-box;line-height:1.2}.chat-input input:focus{border-color:var(--chatbot-primary-color)}.chat-input button{padding:12px 20px;background-color:var(--chatbot-primary-color);color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:600;transition:background-color 0.3s ease;height:44px;box-sizing:border-box;min-width:70px}.chat-input button:hover{background-color:var(--chatbot-hover-color)}.chat-input button{cursor:pointer;pointer-events:auto;user-select:none;-webkit-tap-highlight-color:#fff0}.name-selection{padding:15px 20px;border-top:1px solid var(--chatbot-border-color);background-color:var(--chatbot-bg-color)}.name-selection p{margin:0 0 10px 0;font-size:14px;color:var(--chatbot-text-color)}.name-buttons{display:flex;flex-wrap:wrap;gap:8px}.name-btn{padding:8px 16px;background-color:var(--chatbot-primary-color);color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:14px;transition:background-color 0.3s ease}.name-btn:hover{background-color:var(--chatbot-hover-color)}.contact-choice{padding:15px 20px;border-top:1px solid var(--chatbot-border-color);background-color:var(--chatbot-bg-color)}.choice-header{text-align:center;margin-bottom:20px}.contact-choice .choice-header h3{margin:0 0 8px 0;font-size:16px;font-weight:700;color:var(--chatbot-primary-color)}.choice-header p{margin:0;font-size:14px;color:var(--chatbot-text-color);line-height:1.4}.choice-buttons{display:flex;gap:10px;justify-content:center}.choice-btn{padding:12px 20px;border:2px solid var(--chatbot-primary-color);background-color:#fff0;color:var(--chatbot-primary-color);border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all 0.3s ease;flex:1;max-width:150px;text-align:center}.choice-btn:hover{background-color:var(--chatbot-primary-color);color:#fff}.choice-btn.provide-info{border-color:var(--chatbot-primary-color)}.choice-btn.end-chat{border-color:#6c757d;color:#6c757d}.choice-btn.end-chat:hover{background-color:#6c757d;color:#fff}.contact-collection{display:flex;flex-direction:column;height:100%;padding:0;background-color:var(--chatbot-bg-color)}.contact-header{padding:15px 20px 10px 20px;border-bottom:1px solid var(--chatbot-border-color);background-color:var(--chatbot-primary-color);color:#fff;border-radius:12px 12px 0 0}.contact-collection .contact-header h3{margin:0 0 8px 0;font-size:16px;font-weight:700;color:#FFF}.contact-header p{margin:0;font-size:13px;line-height:1.4;opacity:.9}.contact-form-container{flex:1;padding:15px 20px;overflow-y:auto;max-height:calc(100vh - 300px)}.contact-form{display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:600;color:var(--chatbot-text-color)}.form-group input{padding:8px 12px;border:2px solid var(--chatbot-border-color);border-radius:6px;font-size:14px;transition:border-color 0.3s ease}.form-group input:focus{outline:none;border-color:var(--chatbot-primary-color);box-shadow:0 0 0 2px rgb(0 123 167 / .1)}.form-group input:invalid{border-color:#dc3545}.submit-contact{padding:12px 24px;background-color:var(--chatbot-primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:700;margin-top:5px;transition:background-color 0.3s ease;text-align:center}.submit-contact:hover{background-color:var(--chatbot-hover-color)}.submit-contact:disabled{background-color:#ccc;cursor:not-allowed}.contact-footer{padding:10px 20px 15px 20px;border-top:1px solid var(--chatbot-border-color);background-color:#f8f9fa;border-radius:0 0 12px 12px}.contact-notice{margin:0;font-size:12px;color:#666;line-height:1.4;text-align:center}.contact-success{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:20px;text-align:center}.success-content h3{margin:0 0 15px 0;color:var(--chatbot-primary-color);font-size:18px;font-weight:700}.success-content p{margin:8px 0;font-size:14px;line-height:1.4;color:var(--chatbot-text-color)}.success-icon{width:50px;height:50px;background-color:var(--chatbot-primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin-top:20px;animation:successPulse 2s ease-in-out infinite}@keyframes successPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.typing-indicator{display:flex;gap:4px;padding:10px 15px;align-self:flex-start}.typing-indicator span{width:8px;height:8px;background-color:#ccc;border-radius:50%;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:0.2s}.typing-indicator span:nth-child(3){animation-delay:0.4s}@keyframes typing{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-10px)}}@media (max-width:480px){.thelematics-chatbot{bottom:20px;left:10px;right:10px}.thelematics-chatbot.left,.thelematics-chatbot.right{left:10px;right:10px}.chat-window{width:100vw;height:100vh;max-height:100vh;top:0;left:0;right:0;bottom:0;position:fixed;z-index:10000;border-radius:0;margin:0;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}.chat-bubble{width:50px;height:50px;font-size:20px;position:fixed;bottom:max(20px, env(safe-area-inset-bottom, 0) + 10px);right:max(20px, env(safe-area-inset-right, 0) + 10px);z-index:9999}.thelematics-chatbot.left .chat-bubble{left:max(20px, env(safe-area-inset-left, 0) + 10px);right:auto}.thelematics-chatbot.right .chat-bubble{right:max(20px, env(safe-area-inset-right, 0) + 10px);left:auto}.chat-window.open{z-index:10001}.chat-overlay.active{display:block;opacity:1}.chat-messages{flex:1;max-height:calc(100vh - 280px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:15px}.chat-input{position:sticky;bottom:0;background:var(--chatbot-bg-color);border-top:1px solid var(--chatbot-border-color);padding:15px;flex-shrink:0;z-index:10}.name-selection{max-height:calc(100vh - 250px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:15px 20px;margin-bottom:10px}.name-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.name-btn{padding:12px 16px;font-size:14px;min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-messages{min-height:0;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:calc(100vh - 140px)}.chat-input{position:sticky;bottom:0;left:0;right:0;background:var(--chatbot-bg-color);border-top:1px solid var(--chatbot-border-color);padding:15px;margin:0;z-index:10}.chat-input input{width:100%;box-sizing:border-box;height:44px}.chat-input button{height:44px;min-width:70px;box-sizing:border-box}.contact-form-container{max-height:calc(100vh - 250px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:15px 20px}.contact-choice{padding:15px 20px;max-height:calc(100vh - 200px);overflow-y:auto;-webkit-overflow-scrolling:touch}.choice-buttons{flex-direction:column;gap:10px;margin-top:15px}.choice-btn{min-height:44px;padding:12px 20px;width:100%;box-sizing:border-box}.contact-form input,.contact-form textarea{width:100%;box-sizing:border-box;min-height:44px}.contact-form textarea{min-height:80px;resize:vertical}@supports (padding:max(0px)){.chat-window{height:calc(100vh - 140px - env(safe-area-inset-bottom));max-height:calc(100vh - 140px - env(safe-area-inset-bottom))}.thelematics-chatbot{bottom:max(20px, env(safe-area-inset-bottom) + 10px)}.chat-bubble{bottom:max(20px, env(safe-area-inset-bottom) + 10px)}.chat-input{padding-bottom:calc(15px + env(safe-area-inset-bottom))}}.chat-input button,.close-chat,.submit-contact,.choice-btn,.name-btn{min-height:44px;min-width:44px;-webkit-tap-highlight-color:#fff0}.chat-window,.chat-messages,.name-selection,.contact-form-container,.contact-choice{overflow-x:hidden}.contact-success{padding:20px;text-align:center;max-height:calc(100vh - 200px);overflow-y:auto;-webkit-overflow-scrolling:touch}.success-content h3{font-size:18px;margin-bottom:15px}.success-content p{font-size:14px;line-height:1.4;margin-bottom:10px}.success-icon{width:60px;height:60px;margin:20px auto}.typing-indicator{padding:15px;margin:10px 0}}.chat-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgb(0 0 0 / .5);z-index:9998;opacity:0;transition:opacity 0.3s ease}.chat-overlay.active{display:block;opacity:1}.thelematics-chatbot.hidden{display:none!important;visibility:hidden!important}.thelematics-chatbot .chat-window{pointer-events:auto}.thelematics-chatbot .chat-window:not(.open){pointer-events:none}.thelematics-chatbot .chat-bubble{pointer-events:auto!important}.thelematics-chatbot{pointer-events:none}.thelematics-chatbot .chat-bubble,.thelematics-chatbot .chat-window.open{pointer-events:auto}