#mcc-chat-widget-container { position: fixed; bottom: 20px; right: 20px; z-index: 99999; font-family: sans-serif; }
#mcc-chat-toggle-btn { background: #0084ff; color: #fff; padding: 12px 20px; border-radius: 30px; cursor: pointer; box-shadow: 0 4px 12px rgba(0,0,0,0.15); font-weight: bold; }
#mcc-chat-box { width: 300px; background: #fff; border-radius: 8px; box-shadow: 0 5px 25px rgba(0,0,0,0.2); overflow: hidden; margin-bottom: 10px; }
.mcc-chat-header { background: #0084ff; color: #fff; padding: 10px 15px; display: flex; justify-content: space-between; align-items: center; font-weight: bold; }
#mcc-chat-close { background: none; border: none; color: #fff; font-size: 20px; cursor: pointer; }
.mcc-chat-body { height: 220px; padding: 10px; overflow-y: auto; background: #f9f9f9; display: flex; flex-direction: column; gap: 8px; }
.mcc-message { padding: 8px 12px; border-radius: 6px; max-width: 80%; font-size: 14px; line-height: 1.4; }
.mcc-message.received { background: #e4e6eb; color: #050505; align-self: flex-start; }
.mcc-message.sent { background: #0084ff; color: #fff; align-self: flex-end; }
.mcc-chat-footer { display: flex; border-top: 1px solid #ddd; }
.mcc-chat-footer input { flex: 1; border: none; padding: 10px; outline: none; }
.mcc-chat-footer button { background: #0084ff; color: #fff; border: none; padding: 0 15px; cursor: pointer; font-weight: bold; }