/* Basic styles for the chat widget */
.miswaak-chat-container { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.miswaak-chat-container.inline { max-width: 420px; border: 1px solid #e5e7eb; border-radius: 12px; overflow: hidden; box-shadow: 0 6px 24px rgba(0,0,0,.08); }
.miswaak-chat-container.floating { position: fixed; right: 16px; bottom: 16px; z-index: 99999; }
.miswaak-chat-launcher { position: absolute; right: 0; bottom: 0; transform: translateY(calc(100% + 12px)); padding: 10px 14px; border-radius: 999px; border: none; cursor: pointer; box-shadow: 0 6px 20px rgba(0,0,0,.15); }

.miswaak-chat-panel { width: 320px; height: 440px; background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; overflow: hidden; display: none; }
.miswaak-chat-panel.open { display: flex; flex-direction: column; }
.miswaak-chat-header { padding: 10px 12px; background: #004725; color: #fff; display: flex; justify-content: space-between; align-items: center; }
.miswaak-chat-header .miswaak-model { opacity: .8; font-size: 12px; }

.miswaak-chat-messages { flex: 1; padding: 12px; overflow-y: auto; background: #fafafa; }
.miswaak-msg { max-width: 85%; margin: 8px 0; padding: 8px 10px; border-radius: 10px; white-space: pre-wrap; line-height: 1.4; }
.miswaak-msg.user { margin-left: auto; background: #DCF2E6; }
.miswaak-msg.assistant { margin-right: auto; background: #fff; border: 1px solid #e5e7eb; }
.miswaak-msg.assistant.typing { opacity: .7; }

.miswaak-chat-form { display: flex; gap: 8px; padding: 10px; border-top: 1px solid #e5e7eb; background: #fff; }
.miswaak-chat-input { flex: 1; resize: none; padding: 8px 10px; border: 1px solid #d1d5db; border-radius: 8px; }
.miswaak-chat-send { padding: 8px 12px; border-radius: 8px; border: 1px solid #004725; background: #004725; color: #fff; cursor: pointer; }

/* Larger inline layout */
.miswaak-ai-chat-root[data-mode="inline"] .miswaak-chat-panel { width: 100%; height: 520px; }