/* Bouton micro (dictée) */
#micro{background:none;border:1px solid var(--bord);color:var(--texte)}
#micro.ecoute{background:var(--rouge);border-color:var(--rouge);color:#fff;animation:pulsation 1.2s infinite}
@keyframes pulsation{50%{opacity:.6}}

/* Mobile : présentation façon applis ChatGPT / Claude */
@media (max-width:800px){
  .haut-mobile{border-bottom:none}
  .haut-mobile .icone{width:44px;height:44px;border-radius:50%;background:var(--carte);display:flex;align-items:center;justify-content:center;font-size:20px}
  body.accueil .suggestions{display:none}
  .saisie{border-radius:24px;padding:12px}
  .ligne{flex-wrap:wrap;gap:10px}
  .ligne textarea{order:-1;flex-basis:100%;padding:4px 6px}
  #joindre{margin-right:auto}
  .mention{display:none}
}



/* Fond marbré discret, dans la DA des icônes OS */
.principal{background:#0b0b0b url(/marbre.svg) center/cover no-repeat}

/* Mobile : saisie en bas de l'écran, « Bonjour » au centre de l'espace libre */
@media (max-width:800px){
  body.accueil .centre{justify-content:flex-start}
  body.accueil main{flex:1;display:flex;align-items:center;justify-content:center}
}

/* Liens et sources dans les réponses : petites bulles */
.msg.assistant a{display:inline-flex;align-items:center;max-width:100%;padding:0 9px;margin:0 2px;border-radius:999px;background:#1f1f1f;border:1px solid var(--bord);color:var(--texte);font-size:13px;line-height:1.7;text-decoration:none;vertical-align:baseline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msg.assistant a:hover{border-color:var(--rouge);color:#fff}