/* ============================================
   TUTEUR CSS (IA, Chatbot)
============================================ */
.tuteur-shell { display: flex; flex-direction: column; height: 100%; }
.chat-container {
    display: flex; flex-direction: column; gap: 1rem; padding: 1.5rem;
    max-height: 600px; overflow-y: auto; background: var(--bg-surface);
    border: 1px solid var(--border-light); border-radius: var(--radius-lg);
}
.message { display: flex; gap: 1rem; max-width: 85%; }
.message.user { align-self: flex-end; flex-direction: row-reverse; }
.message.bot { align-self: flex-start; }
.message-bubble { padding: 1rem 1.25rem; border-radius: var(--radius-md); line-height: 1.5; }
.message.user .message-bubble { background: var(--primary); color: white; border-bottom-right-radius: 4px; }
.message.bot .message-bubble { background: var(--bg-elevated); color: var(--text-primary); border: 1px solid var(--border-light); border-bottom-left-radius: 4px; }