.chat-message{margin:8px 0;max-width:100%;display:flex;flex-direction:column;clear:both}.message-author{font-size:12px;margin-bottom:4px;color:#666;padding:0 12px}.message-bubble-container{text-align:left;display:flex;max-width:80%}.message-bubble{padding:10px 16px;border-radius:18px;word-wrap:break-word;max-width:100%;margin-bottom:2px;box-shadow:0 1px 2px #0000001a}.customer .message-author{align-self:flex-end}.customer .message-bubble-container{align-self:flex-end}.customer-message .message-bubble{border-bottom-right-radius:5px}.staff .message-author{align-self:flex-start}.staff .message-bubble-container{align-self:flex-start}.staff-message .message-bubble{border:1px solid #e0e0e0;border-bottom-left-radius:5px}.chat-message + .chat-message.customer .message-bubble-container{margin-top:2px}.chat-message + .chat-message.staff .message-bubble-container{margin-top:2px}#chatMessages{overflow-y:auto;padding:15px;background-color:#f5f5f5;border-radius:8px;margin-bottom:10px}#chatInput{padding:10px 15px;border:1px solid #ccc;flex-grow:1}#sendMessageBtn{display:flex;align-items:center;justify-content:center;background-color:#56a02c;color:#fff;border:none;cursor:pointer}#sendMessageBtn:disabled,#sendMessageBtn.sending{background-color:#a0a0a0;cursor:not-allowed;opacity:.7}#sendMessageBtn.sending{animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.7}50%{opacity:.4}100%{opacity:.7}}.chat-input-container{display:flex;align-items:center;padding:0}