*{margin:0;padding:0;font-family:system-ui,sans-serif;box-sizing:border-box}.chat-app-wrapper{position:fixed;bottom:0;right:0;white-space:nowrap;z-index:10000}.chip{position:absolute;bottom:50px;right:20px;align-items:center;gap:6px;background-color:#007bff;color:#fff;padding:12px 20px;border:1px solid #ccc;border-radius:30px;cursor:pointer;box-shadow:0 4px 8px #0003;font-size:16px;font-weight:700;transition:background-color .3s ease}.chip:hover{background-color:#0056b3}.chat-widget-container{position:fixed;bottom:20px;right:20px;width:650px;max-width:650px;height:0;background-color:#fff;border-radius:10px;box-shadow:0 8px 16px #0000004d;overflow:hidden;display:flex;transition:height .3s ease-out,opacity .3s ease-out;opacity:0;pointer-events:none}.chat-widget-container.open{height:510px;max-height:510px;opacity:1;pointer-events:auto;z-index:10000}.main-chat-contents{flex-grow:1;display:flex;flex-direction:column;position:relative}.chat-header{background-color:#007bff;color:#fff;padding:15px;border-top-right-radius:10px;display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:700}.chat-header h3{margin:0;font-size:1.1em}.chat-header .close-button{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0 5px;line-height:1;transition:color .2s ease}.chat-header .close-button:hover{color:#ccc}.chat-messages{flex-grow:1;padding:15px;overflow-y:auto;background-color:#f8f9fa;display:flex;flex-direction:column;gap:1px}.chat-messages .message{padding:10px 15px;border-radius:18px;line-height:1.4;word-wrap:break-word}.chat-messages .message.incoming{background-color:#e2e6ea;align-self:flex-start;border-bottom-left-radius:2px}.chat-messages .message.outgoing{background-color:#007bff;color:#fff;align-self:flex-end;border-bottom-right-radius:2px}.chat-input{display:flex;padding:15px;border-top:1px solid #eee;background-color:#fff}.chat-input button{background-color:#007bff;color:#fff;border:none;border-radius:20px;padding:10px 20px;cursor:pointer;font-size:15px;font-weight:700;transition:background-color .3s ease}.chat-input button:hover{background-color:#0056b3}.typing-indicator{padding:5px 15px;display:flex;align-items:center;height:20px;flex-shrink:0}.typing-dot{height:12px;width:12px;background-color:#003087;border-radius:50%;display:inline-block;margin:0 2px;opacity:.4;animation:typing 1.4s infinite ease-in-out both}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.sr-only{margin-left:4px}@keyframes typing{0%,80%,to{transform:scale(.8);opacity:.4}40%{transform:scale(1);opacity:1}}