.ai-thread { margin: 4px 0 18px; }
.ai-thread-title { display: flex; justify-content: space-between; gap: 10px; align-items: baseline; }
.ai-thread-title small { color: var(--muted); }
.ai-conversation-history { max-height: 230px; overflow: auto; display: grid; gap: 8px; margin-top: 9px; padding: 10px; background: #f3f6fb; border: 1px solid var(--line); border-radius: 12px; }
.ai-turn { max-width: 88%; padding: 9px 11px; border-radius: 11px; }
.ai-turn.client { justify-self: start; background: #fff; border: 1px solid var(--line); }
.ai-turn.lanyes { justify-self: end; background: #e5f6eb; border: 1px solid #b9e0c8; }
.ai-turn b, .ai-turn small { display: block; }
.ai-turn small { margin-top: 5px; color: var(--muted); }
.ai-thread-empty { padding: 15px; text-align: center; color: var(--muted); }