/* ASSISTANT.CSS */
.assistant-msg { display:flex; margin-bottom:4px; }
.assistant-msg-user     { justify-content:flex-end; }
.assistant-msg-assistant{ justify-content:flex-start; }

.assistant-msg-bubble {
  display:flex; gap:8px; align-items:flex-start;
  max-width:85%;
}
.assistant-msg-user .assistant-msg-bubble { flex-direction:row-reverse; }

.assistant-msg-icon {
  font-size:18px; flex-shrink:0; margin-top:2px;
}

.assistant-msg-text {
  padding:10px 14px; border-radius:12px;
  font-size:13px; line-height:1.55;
}
.assistant-msg-user .assistant-msg-text {
  background:var(--accent); color:#fff; border-bottom-right-radius:4px;
}
.assistant-msg-assistant .assistant-msg-text {
  background:var(--wood-pale); color:var(--text); border-bottom-left-radius:4px;
  border:1px solid var(--border);
}

/* Typing */
.typing-dots { display:flex; gap:4px; align-items:center; padding:12px 14px; }
.typing-dots span {
  width:7px; height:7px; border-radius:50%; background:var(--text-muted);
  animation:typing 1.2s infinite;
}
.typing-dots span:nth-child(2) { animation-delay:0.2s; }
.typing-dots span:nth-child(3) { animation-delay:0.4s; }
@keyframes typing { 0%,60%,100%{opacity:0.3;transform:scale(1)} 30%{opacity:1;transform:scale(1.3)} }

/* Suggestions */
.assistant-suggestion-btn {
  text-align:left; padding:8px 12px; border:1px solid var(--border);
  border-radius:8px; background:var(--white); cursor:pointer;
  font-size:12px; color:var(--text); transition:all 0.12s;
  width:100%;
}
.assistant-suggestion-btn:hover { background:var(--wood-pale); border-color:var(--accent); color:var(--accent); }

.assistant-welcome { padding:20px; }