/* FORMEL — Sophia publique, interface Growth : compléments seulement (la feuille de style est celle de Growth, sans copie). */
/* Boutons d'action des réponses : mêmes pastilles dorées que les liens de Growth ; le relais WhatsApp en vert. */
#sophia .message .sp-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;white-space:normal}
#sophia .message .sp-actions a.link{margin:0;text-decoration:none}
#sophia .message .sp-actions a.link.human{background:#1f6b4b;color:#fff}
#sophia .message .sp-actions a.link.human:hover{background:#237553}
/* Dictée et accès à la conversation vocale : même dessin que les boutons de voix de Growth. */
#sophia #dictate{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3C/svg%3E")}
#sophia #dictate[aria-pressed=true]{background:rgba(228,179,53,.16);border-color:rgba(228,179,53,.55);color:var(--gold-2)}
#sophia .voice-controls .mic-page{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:999px;border:1px solid rgba(228,179,53,.55);background:rgba(228,179,53,.12);color:var(--gold-2);font-size:13px;font-weight:600;text-decoration:none}
#sophia .voice-controls .mic-page::before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='2' width='6' height='12' rx='3'/%3E%3Cpath d='M5 10a7 7 0 0 0 14 0M12 19v3'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='2' width='6' height='12' rx='3'/%3E%3Cpath d='M5 10a7 7 0 0 0 14 0M12 19v3'/%3E%3C/svg%3E") center/contain no-repeat}
/* Résistance au thème du site (Astra/Elementor) : la page garde l'apparence de Growth. */
#sophia.sophia-public h1,#sophia.sophia-public h2,#sophia.sophia-public h3{color:var(--text)!important;text-transform:none!important}
#sophia.sophia-public p{color:inherit}
#sophia.sophia-public .messages{scroll-behavior:smooth}
/* Version panneau (bulle des pages commerciales) : la même interface, en format compact. */
#sophia.sophia-compact{display:flex;flex-direction:column;height:100%;border-radius:0;box-shadow:none;font-size:14.5px}
#sophia.sophia-compact header,#sophia.sophia-compact h1,#sophia.sophia-compact .intro,#sophia.sophia-compact #voice-note,#sophia.sophia-compact .boundary{display:none}
#sophia.sophia-compact .workspace{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;width:100%}
#sophia.sophia-compact .presence{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:4px 12px;padding:12px 60px 10px 14px;border-right:0;border-bottom:1px solid var(--line);text-align:left}
#sophia.sophia-compact .orb-wrap{width:72px;height:72px;max-width:72px;margin:0;flex:0 0 auto}
#sophia.sophia-compact .core-mark{font-size:13px}
#sophia.sophia-compact #state{margin:0}
#sophia.sophia-compact .subtitle{display:none}
#sophia.sophia-compact .voice-controls{margin:0;justify-content:flex-start;flex-basis:100%}
#sophia.sophia-compact .dialogue{flex:1 1 auto;min-height:0;padding:10px 14px 12px}
#sophia.sophia-compact .conversation-heading{padding-bottom:8px}
#sophia.sophia-compact .conversation-heading h2{font-size:15px}
#sophia.sophia-compact .messages{flex:1 1 auto;height:auto;min-height:120px}
#sophia.sophia-compact .message{max-width:92%}
#sophia.sophia-compact .message.assistant{margin-left:0}
#sophia.sophia-compact .message.assistant::before{display:none}
#sophia.sophia-compact .typing{margin-left:0}
#sophia.sophia-compact .ai-note{margin-top:8px;font-size:11px}
/* Téléphone : Sophia occupe toute la largeur de l'écran (sans les marges du thème) ; le bouton « Retour en haut » ne recouvre pas la saisie. */
@media(max-width:760px){
  #sophia.sophia-public:not(.sophia-compact){width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-radius:0;box-shadow:none}
  #sophia.sophia-public:not(.sophia-compact) .conversation-heading h2{font-size:16px}
}
body:has(#sophia.sophia-public:not(.sophia-compact)) #back-to-top{display:none!important}