/* Simple Widget Styles */
.ec-wrapper { position: fixed; bottom: 20px; right: 20px; width: 350px; height: 500px; background: white; border-radius: 12px; box-shadow: 0 5px 40px rgba(0,0,0,0.16); display: flex; flex-direction: column; overflow: hidden; border: 1px solid #eee; z-index: 10000; font-family: sans-serif; }
.ec-header { background: #008037; color: white; padding: 15px; display: flex; align-items: center; }
.ec-name { margin: 0; font-size: 1rem; }
.ec-status-text { opacity: 0.8; font-size: 0.8rem; display: block; }
.ec-body { flex: 1; padding: 15px; overflow-y: auto; background: #f9f9f9; display: flex; flex-direction: column; gap: 10px; }
.ec-input-area { padding: 15px; border-top: 1px solid #eee; display: flex; gap: 10px; margin: 0; }
.ec-input { flex: 1; padding: 8px 12px; border: 1px solid #ddd; border-radius: 20px; outline: none; }
.ec-send-btn { background: #008037; color: white; border: none; padding: 8px 15px; border-radius: 20px; cursor: pointer; }
.ec-msg { display: flex; max-width: 80%; }
.ec-msg-user { align-self: flex-end; }
.ec-msg-ai { align-self: flex-start; }
.ec-bubble { padding: 10px 15px; border-radius: 18px; font-size: 0.9rem; line-height: 1.4; }
.ec-msg-user .ec-bubble { background: #008037; color: white; border-bottom-right-radius: 4px; }
.ec-msg-ai .ec-bubble { background: white; color: #333; border-bottom-left-radius: 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); }