/* 10-chat.css — lignes 516-614 de l'ancien style.css unique, contenu inchangé */

/* ===========================
   CHAT IA
=========================== */

.chat-container{

margin-top:var(--space-8);

background:var(--surface);

border-radius:var(--radius-lg);

box-shadow:var(--shadow);

overflow:hidden;

}

.chat-messages{

padding:var(--space-8);

max-height:550px;

overflow:auto;

}

.message{

display:flex;

gap:var(--space-4);

margin-bottom:var(--space-6);

}

.avatar{

width:50px;

height:50px;

border-radius:var(--radius-circle);

display:flex;

justify-content:center;

align-items:center;

background:var(--primary);

color:var(--encre-bouton-plein);

font-size:20px;

flex-shrink:0;

}

.bubble{

background:var(--surface-muted);

padding:var(--space-5);

border-radius:var(--radius-lg);

max-width:80%;

}

.chat-input{

display:flex;

padding:var(--space-6);

gap:var(--space-4);

border-top:1px solid #eee;

}

.chat-input textarea{

flex:1;

padding:var(--space-4);

border-radius:var(--radius-md);

resize:none;

border:1px solid #ddd;

}