:root{--chat-font-size: 12px;--chat-icon-width: 60px;--chat-icon-height: 60px;--chat-primary-color: #00a19c;--chat-secondary-color: #DFE3E8;--chat-primary-TextColor: #fff;--chat-secondary-TextColor: #000;--chat-primary-dark: #0052a3;--chat-container-color: #fff;--chat-header-TextColor: #fff;--chat-botBubbleBorderColor: #DFE3E8;--chat-scrollbarColor: #C4C4C4;--chat-borderColor: #E1E1E1;--chat-input-disabled-bg: #f3f4f6;--chat-input-disabled-text: #9ca3af;--chat-timestamp-color: #384248;--chat-date-separator-color: #8d8d8d;--chat-date-separator-bg: #fff;--chat-mic-denied-color: #dc3545;--chat-mic-requesting-color: #ffc107}.chat-widget-collapsed{bottom:24px;right:15px;width:var(--chat-icon-width);height:var(--chat-icon-height);pointer-events:none}.chat-widget{bottom:24px;right:15px;width:380px;max-width:calc(100vw - 30px);max-height:795px;height:calc(100vh - 75px)}.chat-widget .chat-button-wrapper{position:fixed;bottom:24px;right:20px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end}.chat-widget .chat-button-wrapper .message-bubble-tooltip{position:absolute;bottom:calc(100% + 70px);right:0;background-color:#fff;padding:8px 32px 8px 16px;border-radius:8px;box-shadow:0 4px 12px #00000026;font-size:14px;white-space:nowrap;color:#333;z-index:1001;pointer-events:auto;cursor:default}.chat-widget .chat-button-wrapper .message-bubble-tooltip:after{content:"";position:absolute;bottom:-8px;right:24px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid white;pointer-events:none}.chat-widget .chat-button-wrapper .message-bubble-tooltip .close-bubble{position:absolute;top:50%;right:8px;transform:translateY(-50%);border:none;background:none;padding:4px;cursor:pointer;color:#666;line-height:1;display:flex;align-items:center;justify-content:center;z-index:1002;pointer-events:auto}.chat-widget .chat-button-wrapper .message-bubble-tooltip .close-bubble:hover{color:#333}.chat-widget .chat-button-wrapper .message-bubble-tooltip .close-bubble i{font-size:16px;pointer-events:none}.chat-widget .trigger-button{background:unset;display:flex;align-items:center;cursor:pointer;padding:0;width:var(--chat-icon-width);height:var(--chat-icon-height);border-radius:50%;position:fixed;bottom:24px;right:20px;box-shadow:0 5px 40px #00000029!important;line-height:.6;-webkit-font-smoothing:antialiased;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:auto}.chat-widget .trigger-button .bot-icon{width:var(--chat-icon-width);height:var(--chat-icon-height);border-radius:50%;margin:0;-o-object-fit:cover;object-fit:cover}.chat-widget .chat-container{right:0;font-size:var(--chat-font-size);background:linear-gradient(to bottom,var(--chat-primary-color) 5%,var(--chat-container-color) 5% 95%)!important;border-radius:16px;height:100%}.chat-widget .chat-header{display:flex;align-items:center;justify-content:space-between;border-radius:16px 16px 0 0;min-height:60px;overflow:hidden;padding:6px 20px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:100;font-size:15px;letter-spacing:.15px;background-size:30px;color:var(--chat-primary-TextColor);background:var(--chat-primary-color);box-shadow:0 2px 4px #0003;z-index:999999;position:relative;gap:13px}.chat-widget .chat-header .icon-wrapper{display:inline-block;position:relative}.chat-widget .chat-header img.icon{border-radius:50%;width:40px;height:40px;-o-object-fit:cover;object-fit:cover;float:left}.chat-widget .chat-header .title-parent{width:90vw;font-size:var(--chat-font-size)}.chat-widget .chat-header .title-parent .title{width:65%;color:var(--chat-header-TextColor);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-style:normal;line-height:18px;margin-top:2px;letter-spacing:.15px}.chat-widget .chat-header .title-parent .sub-title{display:block;width:65%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--chat-header-TextColor);letter-spacing:.15px;font-weight:400;margin-top:4px;font-style:normal;line-height:16px}.chat-widget .chat-header .header-close{display:flex;align-items:center}.chat-widget .chat-header .header-close .chat-close-button{cursor:pointer;border:none;width:30px;height:30px;padding:5px;border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;color:var(--chat-primary-TextColor)}.chat-widget .chat-messages-container{scrollbar-width:thin;scrollbar-color:var(--chat-scrollbarColor) transparent}.chat-widget .message-group{margin-bottom:8px}.chat-widget .date-separator{text-align:center;margin:16px 0;position:relative}.chat-widget .date-separator:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--chat-borderColor);z-index:1}.chat-widget .date-separator .date-text{background:var(--chat-date-separator-bg);color:var(--chat-date-separator-color);padding:0 12px;font-size:12px;position:relative;z-index:2;display:inline-block}.chat-widget .message-bubble{max-width:80%;margin-bottom:4px;padding:.75rem 1rem;border-radius:16px;font-size:12px;word-wrap:break-word;word-break:break-word;border:1px solid var(--chat-botBubbleBorderColor);min-height:20px}.chat-widget .message-bubble p{margin:0;line-height:1.5}.chat-widget .message-bubble p ol,.chat-widget .message-bubble p ul{margin:.5rem 0;padding-left:1.5rem}.chat-widget .message-bubble p br{display:block;margin:.5rem 0;content:""}.chat-widget .message-bubble.user-bubble{background-color:var(--chat-primary-color);color:#fff;margin-left:auto;align-self:flex-end;border-bottom-right-radius:.25rem;animation:slideInRight .3s ease}.chat-widget .message-bubble.user-bubble .message-timestamp{color:#fffc}.chat-widget .message-bubble.bot-bubble{background-color:var(--chat-secondary-color);color:var(--chat-secondary-TextColor);margin-right:auto;border-bottom-left-radius:.25rem;animation:slideInLeft .3s ease}.chat-widget .message-bubble.bot-bubble .message-timestamp{color:var(--chat-timestamp-color)}.chat-widget .message-bubble.loading-message{width:65px}.chat-widget .message-timestamp{font-size:11px;color:var(--chat-timestamp-color)}.chat-widget .from-user .message-timestamp{animation:slideInRight .3s ease}.chat-widget .from-bot .message-timestamp{animation:slideInLeft .3s ease}.chat-widget .send-input{border-radius:0 0 16px 16px;width:100%;display:flex;flex-direction:column;background:var(--chat-container-color);border-top:1px solid var(--chat-borderColor)}.chat-widget .send-input .form-container{margin:12px 16px 8px}.chat-widget .send-input .form-container form input{flex:1;border:1px solid var(--chat-borderColor);border-radius:20px;padding:8px 16px;font-size:var(--chat-font-size);transition:border-color .2s ease}.chat-widget .send-input .form-container form input:focus{outline:none;border-color:var(--chat-primary-color)}.chat-widget .send-input .form-container form input:disabled{background-color:var(--chat-input-disabled-bg);color:var(--chat-input-disabled-text);cursor:not-allowed;border-color:var(--chat-borderColor)}.chat-widget .send-input .form-container form .chat-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;font-size:24px;cursor:pointer;color:var(--chat-primary-color);transition:opacity .2s ease}.chat-widget .send-input .form-container form .chat-button:disabled{opacity:.5;cursor:not-allowed}.chat-widget .send-input .form-container form .chat-button.mic-button.recording{color:var(--chat-mic-active-color);animation:pulse 1.5s infinite}.chat-widget .send-input .form-container form .chat-button.mic-button.denied{color:var(--chat-mic-denied-color);opacity:.7;cursor:not-allowed}.chat-widget .send-input .form-container form .chat-button.mic-button.requesting{color:var(--chat-mic-requesting-color);animation:pulse 1s infinite}.chat-widget .send-input .form-container form .chat-button.speaker-button.speaking{color:var(--chat-speaker-active-color);animation:wave 1.5s infinite}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.typing-indicator{display:flex;align-items:center}.typing-dots{display:flex;gap:4px}.dot{width:8px;height:8px;background-color:#666;border-radius:50%;display:inline-block;animation:bounce 1.4s infinite}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}.typing-text{color:#666;font-size:.875rem}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}.chat-input:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.7}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.initial-message{animation:fadeInSlide .5s ease-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes wave{0%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.1)}to{transform:scale(1)}}
