ai-agent-widget{@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}ai-agent-widget .toggle-button__cueme{position:fixed;bottom:117px;right:14px;width:60px;height:60px;background-color:transparent;border:none;cursor:pointer;z-index:9999;padding:0}ai-agent-widget .toggle-icon__cueme{width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid #a9b3b8}ai-agent-widget .container__cueme{position:fixed;bottom:108px;right:98px;width:379px;height:577px;z-index:9999;display:flex;flex-direction:column;font-family:sans-serif;overflow:hidden;border:none}ai-agent-widget .header__cueme{position:relative;height:65px;flex-shrink:0}ai-agent-widget .header-bg__cueme{position:absolute;bottom:0;left:0;width:100%;height:71%;background-color:#415f73;z-index:0}ai-agent-widget .header-decoration__cueme{position:absolute;top:0;right:0;width:54%;height:100%;object-fit:cover;z-index:1}ai-agent-widget .header-content__cueme{position:absolute;bottom:0;display:flex;justify-content:space-between;align-items:center;padding:0 19px;height:71%;z-index:2;color:#fff;font-size:16px}ai-agent-widget .brand__cueme{font-size:20px;color:#8dfafb;font-weight:700}ai-agent-widget .btn-close__cueme{border:none;background:none;width:48px;height:48px;padding:0;cursor:pointer;position:absolute;top:2px;right:2px;z-index:2}ai-agent-widget .close-icon__cueme{width:48px;height:48px}ai-agent-widget .messages__cueme{flex:1;padding:15px;overflow-y:auto;background:linear-gradient(to bottom,#f0fbff,#d4efff);border-left:1px solid black;border-right:1px solid black}ai-agent-widget .message__cueme{display:flex;align-items:flex-start;margin-bottom:12px}ai-agent-widget .user__cueme{justify-content:flex-end}ai-agent-widget .assistant__cueme{justify-content:flex-start}ai-agent-widget .avatar__cueme{width:40px;height:40px;margin-right:4px}ai-agent-widget .bubble__cueme{background:#fff;color:#2f434f;padding:8px 10px;border-radius:4px;max-width:80%;word-break:break-word;font-size:16px;border:1px solid #e5e5e5;box-shadow:none;line-height:1.2}ai-agent-widget .user__cueme .bubble__cueme{background:#d5f7b4;border:1px solid #c9e6ad}ai-agent-widget .footer__cueme{position:relative;height:62px;flex-shrink:0;background-color:transparent}ai-agent-widget .footer-decoration__cueme{position:absolute;top:0;left:0;width:42%;height:100%;object-fit:cover;z-index:0}ai-agent-widget .input-area__cueme{position:relative;z-index:1;background-color:#415f73;padding:5px;display:flex;align-items:center;width:100%;height:81%}ai-agent-widget .input-area__cueme input{flex:1;padding:8px;font-size:14px;border:none;outline:none;border-radius:2px;background:#fff;color:#003e52;margin-right:4px}ai-agent-widget .input-area__cueme button{padding:8px 12px;background:#65f0ff;color:#003e52;border:none;font-size:14px;height:36px;cursor:pointer;border-radius:2px}ai-agent-widget .input-area__cueme button:disabled{cursor:not-allowed}ai-agent-widget .loading-spinner__cueme{display:inline-block;width:20px;height:20px;border:3px solid #eee;border-top:3px solid #4CAF50;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){ai-agent-widget .container__cueme{width:90vw;height:90vh;top:50%;left:50%;transform:translate(-50%,-50%)}ai-agent-widget .header__cueme{height:60px}ai-agent-widget .header-content__cueme{font-size:14px;padding:0 12px}ai-agent-widget .brand__cueme{font-size:16px}ai-agent-widget .messages__cueme{padding:10px}ai-agent-widget .bubble__cueme{font-size:14px;padding:6px 8px;max-width:90%}ai-agent-widget .input-area__cueme input{font-size:14px;padding:6px}ai-agent-widget .input-area__cueme button{padding:6px 10px;font-size:14px;height:32px}ai-agent-widget .toggle-button__cueme{position:fixed;bottom:115px;right:15px}ai-agent-widget .toggle-icon__cueme{border-width:1px}}@media (min-width: 768px) and (max-width: 1280px){ai-agent-widget .container__cueme{position:fixed;bottom:0;right:98px;width:379px;height:80vh;z-index:9999;display:flex;flex-direction:column;font-family:sans-serif;overflow:hidden;border:none}ai-agent-widget .header__cueme{height:62px}ai-agent-widget .header-content__cueme{font-size:15px;padding:0 16px}ai-agent-widget .brand__cueme{font-size:18px}ai-agent-widget .messages__cueme{padding:12px}ai-agent-widget .bubble__cueme{font-size:15px;padding:7px 10px;max-width:88%}ai-agent-widget .input-area__cueme input{font-size:15px;padding:7px}ai-agent-widget .input-area__cueme button{padding:7px 11px;font-size:15px;height:34px}ai-agent-widget .toggle-button__cueme{position:fixed;bottom:115px;right:15px}ai-agent-widget .toggle-icon__cueme{border-width:1.5px}}