*{box-sizing:border-box}
body,html{width:100%;height:100%;margin:0;color:var(--e-global-color-text);font-family:Inter,Sans-serif;background:#fff}
body{overflow:hidden}
.chat{display:flex;flex-direction:column;width:100%;height:100%;background:#fff}
.chat-header{flex-shrink:0;padding:10px 15px;color:#1ea8e0;background:#e9f6fc}
.chat-header strong{display:block;font-size:17px;line-height:1.3}
.chat-header span{display:block;font-size:12px;opacity:.85}
.chat-messages{flex:1;display:flex;flex-direction:column;gap:12px;padding:15px;overflow-y:auto;scroll-behavior:smooth;background:#f4f6f8}
.message{max-width:75%;padding:15px;border-radius:20px;font-size:14px;font-weight:400;line-height:1.2;border:1px solid #e2e8f0;box-shadow:0 5px 10px hsl(0deg 0% 0% / 5%)}
.message-assistant{align-self:flex-start;color:#4b5563;background:#fff;border-bottom-left-radius:5px}
.message-user{align-self:flex-end;color:#fff;background:#1ea8e0;border-bottom-right-radius:5px}
.message-error{align-self:center;max-width:75%;color:#8b1e1e;background:#fdeaea}
.message-loading{color:#687580;font-style:italic}
.chat-form{flex-shrink:0;display:flex;align-items:flex-end;gap:6px;padding:15px 15px 10px 15px;border-top:1px solid #dfe4e8;background:#fff}
.chat-input{flex:1;max-height:120px;padding:10px;border:1px solid #cbd3da;border-radius:5px;outline:0;resize:none;font-family:inherit;font-size:14px;line-height:1.5;color:#4b5563;font-weight:500}
.chat-button{border:0;border-radius:5px;color:#fff;background:#1ea8e0;cursor:pointer;font-weight:700;padding:14px;text-transform:uppercase;font-size:12px}
.chat-button:disabled,.chat-input:disabled{cursor:not-allowed;opacity:.6}
.chat-notice{flex-shrink:0;margin:0;padding:0 15px 10px;color:grey;background:#fff;font-size:10px;line-height:1.4;text-align:center}
@media (max-width:300px){
.chat-form{padding:10px;display:block}
.chat-input{width:100%;line-height:1.2}
.chat-button{padding:10px;width:100%}
.chat-messages{padding:10px}
.message{max-width:100%}
}