/* Contents of css/ambassador-chat.css */
#ambassador-chat-container { font-family: sans-serif; position: fixed; bottom: 20px; right: 20px; z-index: 1000; }
#chat-toggle { background-color: #0073aa; color: white; width: 60px; height: 60px; border-radius: 50%; font-size: 28px; border: none; cursor: pointer; box-shadow: 0 4px 8px rgba(0,0,0,0.2); display: flex; justify-content: center; align-items: center; }
#chat-window { display: none; width: 350px; height: 500px; background: #f9f9f9; border: 1px solid #ccc; border-radius: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); flex-direction: column; overflow: hidden; }
#chat-window.open { display: flex; }
#chat-header { background: #0073aa; color: white; padding: 10px; font-weight: bold; text-align: center; }
#chat-messages { flex-grow: 1; padding: 10px; overflow-y: auto; display: flex; flex-direction: column; gap: 10px; }
.chat-message { padding: 8px 12px; border-radius: 15px; max-width: 80%; line-height: 1.4; }
.user-message { background: #dcf8c6; align-self: flex-end; border-bottom-right-radius: 3px; }
.bot-message { background: #fff; border: 1px solid #eee; align-self: flex-start; border-bottom-left-radius: 3px; }
.bot-message p { margin: 0; }
.chat-buttons { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 10px; }
.chat-buttons button { background: #fff; border: 1px solid #0073aa; color: #0073aa; padding: 5px 10px; border-radius: 15px; cursor: pointer; }
#chat-form { display: flex; padding: 10px; border-top: 1px solid #ccc; }
#chat-input { flex-grow: 1; border: 1px solid #ddd; border-radius: 5px; padding: 8px; }