.wp-ai-chat { max-width: 420px; border: 1px solid #eee; border-radius: 12px; overflow: hidden; font-family: system-ui, sans-serif; }
.wp-ai-chat .chat-window { height: 360px; overflow-y: auto; padding: 12px; background: #fafafa; }
.wp-ai-chat .msg { padding: 10px 12px; margin: 8px 0; border-radius: 10px; line-height: 1.5; white-space: pre-wrap; }
.wp-ai-chat .msg.user { background: #e7f0ff; margin-left: 20%; }
.wp-ai-chat .msg.bot { background: #fff; margin-right: 20%; }
.wp-ai-chat .msg.typing { opacity: 0.7; font-style: italic; }
.wp-ai-chat .chat-form { display: flex; gap: 8px; padding: 10px; border-top: 1px solid #eee; background: #fff; }
.wp-ai-chat .chat-input { flex: 1; padding: 10px; border: 1px solid #ddd; border-radius: 8px; }
.wp-ai-chat .chat-send { padding: 10px 14px; border: 0; border-radius: 8px; background: #111; color: #fff; cursor: pointer; }