/* ══════════════════════════════════════════════════════
   ASK — chat conversationnel + bannière Claia Plus
══════════════════════════════════════════════════════ */
.ask-sec{display:flex;flex-direction:column;height:calc(100vh - 60px)}
.ask-msgs{flex:1;overflow-y:auto;padding:28px;display:flex;flex-direction:column;gap:26px}
.ask-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:40px}
.ask-empty-h{font-family:var(--serif);font-size:42px;font-weight:300;margin-bottom:10px}
.ask-empty-s{font-size:15px;color:var(--g5);margin-bottom:26px}
.starters{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;max-width:560px}
.starter{padding:8px 17px;background:var(--bg-card);border:1px solid var(--border-h);border-radius:var(--r-xl);font-size:14px;color:var(--g6);cursor:pointer;transition:all .2s}.starter:hover{border-color:var(--purple);color:var(--w);background:var(--purple-d)}
.msg-u{align-self:flex-end;background:var(--purple);color:#1A1A1A;padding:10px 16px;border-radius:var(--r-lg) var(--r-lg) 4px var(--r-lg);max-width:500px;font-size:15px;word-break:break-word}
.msg-c{align-self:flex-start;max-width:740px;display:flex;gap:10px}
.c-av{width:29px;height:29px;flex-shrink:0;background:var(--purple-d);border:1px solid var(--purple);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:11px;color:var(--purple-l)}
/* min-width:0 casse le piège classique flexbox : sans lui, le carrousel
   .pc-car (cartes à largeur fixe) force c-body — et donc toute la bulle
   .msg-c, texte compris — à s'élargir pour lui faire de la place, au lieu
   de rester dans .msg-c et de laisser le carrousel défiler tout seul. */
.c-body{flex:1;min-width:0}
.c-text{background:var(--bg-card);border:1px solid var(--border);border-radius:4px var(--r-lg) var(--r-lg) var(--r-lg);padding:12px 16px;font-size:15px;color:var(--g6);line-height:1.65;margin-bottom:13px}
.pc-car{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px}.pc-car::-webkit-scrollbar{height:2px}
.ask-foot{padding:12px 28px;border-top:1px solid var(--border);background:rgba(255,255,255,.94);backdrop-filter:blur(12px)}
.ask-foot-bar{max-width:800px;margin:0 auto;background:var(--bg-card);border:1px solid var(--border-h);border-radius:var(--r-xl);padding:10px 14px;display:flex;align-items:flex-end;gap:10px;transition:border-color .2s}.ask-foot-bar:focus-within{border-color:var(--purple)}
.foot-in{flex:1;background:none;border:none;outline:none;font-family:var(--sans);font-size:15px;color:var(--w);resize:none;max-height:120px;line-height:1.5}.foot-in::placeholder{color:var(--g4)}
.tdots{display:flex;gap:4px;align-items:center;padding:11px 14px}
.tdot{width:5px;height:5px;border-radius:50%;background:var(--g4);animation:td 1.2s infinite}.tdot:nth-child(2){animation-delay:.2s}.tdot:nth-child(3){animation-delay:.4s}
@keyframes td{0%,60%,100%{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}

/* Plus banner in ask */
.plus-ban{background:linear-gradient(135deg,rgba(137,165,255,.18),rgba(240,128,112,.08));border:1px solid rgba(137,165,255,.4);border-radius:var(--r-lg);padding:13px 17px;display:flex;align-items:center;justify-content:space-between;margin:12px 0;gap:12px}
.plus-txt{font-size:13px;color:var(--g6)}.plus-txt strong{color:var(--w)}