/* Conseillère IA Marjolie Pause — widget de chat premium */
#mp-ia-toggle{position:fixed;right:20px;bottom:24px;z-index:9999;width:70px;height:70px;border-radius:50%;border:1px solid var(--sage-dark,#486555);background:var(--sage-dark,#486555);color:#fff;box-shadow:0 14px 34px rgba(47,63,54,.28);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:transform .2s,box-shadow .2s}
#mp-ia-toggle:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(47,63,54,.34)}
#mp-ia-toggle svg{width:31px;height:31px}
#mp-ia-toggle .mp-ia-toggle__close{display:none}
#mp-ia-toggle[aria-expanded="true"] .mp-ia-toggle__chat{display:none}
#mp-ia-toggle[aria-expanded="true"] .mp-ia-toggle__close{display:block}
#mp-ia-toggle .mp-ia-dot{position:absolute;top:7px;right:7px;width:12px;height:12px;border-radius:50%;background:var(--gold,#c5a46b);border:2px solid var(--paper,#fffdf8)}

#mp-ia-panel{position:fixed;right:20px;bottom:108px;z-index:9998;width:min(392px,calc(100vw - 32px));height:min(600px,72vh);background:var(--paper,#fffdf8);border:1px solid var(--line,rgba(38,51,45,.13));border-radius:24px;box-shadow:0 30px 80px rgba(38,51,45,.28);display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(16px) scale(.98);pointer-events:none;transition:opacity .22s ease,transform .22s ease}
#mp-ia-panel.mp-ia-panel--open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}

.mp-ia-header{display:flex;align-items:center;gap:12px;padding:16px 18px;background:var(--sage-dark,#486555);color:#fff;flex:none}
.mp-ia-header img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.5)}
.mp-ia-header .mp-ia-header__text{flex:1;min-width:0}
.mp-ia-header strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:1.02rem;font-weight:500}
.mp-ia-header small{display:block;opacity:.85;font-size:.75rem}
.mp-ia-header__status{width:8px;height:8px;border-radius:50%;background:#8fe0a0;flex:none;box-shadow:0 0 0 3px rgba(143,224,160,.28)}

.mp-ia-messages{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:12px;background:var(--cream,#f6f1e8)}
.mp-ia-msg{max-width:86%;padding:11px 14px;border-radius:16px;font-size:.92rem;line-height:1.55;word-wrap:break-word}
.mp-ia-msg p{margin:.35em 0;max-width:none}
.mp-ia-msg p:first-child{margin-top:0}
.mp-ia-msg p:last-child{margin-bottom:0}
.mp-ia-msg a{color:inherit;text-decoration:underline;font-weight:700}
.mp-ia-msg--assistant{align-self:flex-start;background:var(--paper,#fffdf8);border:1px solid var(--line,rgba(38,51,45,.13));color:var(--ink,#26332d);border-bottom-left-radius:4px}
.mp-ia-msg--user{align-self:flex-end;background:var(--sage-dark,#486555);color:#fff;border-bottom-right-radius:4px}
.mp-ia-msg--assistant.mp-ia-msg--sensible{border-color:var(--gold,#c5a46b)}
.mp-ia-msg__note{display:block;margin-top:8px;padding-top:8px;border-top:1px dashed var(--line,rgba(38,51,45,.13));font-size:.76rem;opacity:.8}
.mp-ia-msg--error{background:#fbeceb;border:1px solid #e3b3ae;color:#7a3630}

.mp-ia-typing{align-self:flex-start;display:flex;gap:4px;padding:12px 14px;background:var(--paper,#fffdf8);border:1px solid var(--line,rgba(38,51,45,.13));border-radius:16px;border-bottom-left-radius:4px}
.mp-ia-typing span{width:6px;height:6px;border-radius:50%;background:var(--sage,#7d9685);animation:mp-ia-bounce 1.1s infinite ease-in-out}
.mp-ia-typing span:nth-child(2){animation-delay:.15s}
.mp-ia-typing span:nth-child(3){animation-delay:.3s}
@keyframes mp-ia-bounce{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}

.mp-ia-suggestions{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px 12px;background:var(--cream,#f6f1e8);flex:none}
.mp-ia-suggestions button{border:1px solid var(--line,rgba(38,51,45,.13));background:var(--paper,#fffdf8);color:var(--ink,#26332d);border-radius:999px;padding:7px 13px;font-size:.78rem;cursor:pointer;transition:.2s}
.mp-ia-suggestions button:hover{background:var(--sage-dark,#486555);color:#fff;border-color:var(--sage-dark,#486555)}

.mp-ia-form{flex:none;display:flex;align-items:flex-end;gap:8px;padding:12px 14px;border-top:1px solid var(--line,rgba(38,51,45,.13));background:var(--paper,#fffdf8)}
.mp-ia-form textarea{flex:1;resize:none;max-height:96px;min-height:40px;border:1px solid var(--line,rgba(38,51,45,.13));border-radius:14px;padding:10px 12px;font:inherit;font-size:.9rem;color:var(--ink,#26332d);background:var(--cream,#f6f1e8)}
.mp-ia-form textarea:focus{outline:2px solid var(--sage,#7d9685);outline-offset:1px}
.mp-ia-form button{flex:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--sage-dark,#486555);background:var(--sage-dark,#486555);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.mp-ia-form button:disabled{opacity:.5;cursor:default}
.mp-ia-form button svg{width:18px;height:18px}

.mp-ia-disclaimer{flex:none;padding:8px 16px 12px;font-size:.7rem;line-height:1.4;color:var(--ink,#26332d);opacity:.65;background:var(--paper,#fffdf8)}

@media(max-width:850px){
  #mp-ia-toggle{right:14px;bottom:calc(72px + 18px);width:62px;height:62px}
  #mp-ia-panel{right:14px;left:14px;width:auto;bottom:calc(72px + 96px);height:min(70vh,560px)}
}
@media(max-width:480px){
  #mp-ia-toggle svg{width:28px;height:28px}
  #mp-ia-panel{bottom:calc(72px + 94px);height:64vh}
}
@media(prefers-reduced-motion:reduce){
  #mp-ia-panel{transition:none}
  #mp-ia-toggle{transition:none}
  .mp-ia-typing span{animation:none}
}


