/* Ali Gator v169 — chat Compréhension : plus large (il prend la place libre à gauche), plus lisible,
   ouverture / fermeture animées (chat-v169.js). Thème clair. */
:root{--lxc-w:clamp(400px,31vw,620px)}
@media (min-width:1180px){
  html:root body .lxc:not(#lxc-x){width:var(--lxc-w);top:90px;right:18px;bottom:18px}
  html:root.lxc-dock body:not(#lx) section.batch-page{padding-right:calc(var(--lxc-w) + 44px)!important;padding-left:max(clamp(24px,2.6vw,48px),calc(100% - var(--lxc-w) - 44px - 1480px))!important}
}
/* la page s'écarte en douceur quand le chat s'ouvre ou se réduit */
html:root body:not(#lx) section.batch-page{transition:padding-left .6s cubic-bezier(.22,1,.36,1),padding-right .6s cubic-bezier(.22,1,.36,1)}

/* panneau */
html:root body .lxc:not(#lxc-x){border-radius:30px;background:radial-gradient(130% 55% at 0% 0%,rgba(197,242,111,.2),rgba(197,242,111,0) 58%),linear-gradient(180deg,rgba(255,255,255,.97),rgba(255,255,255,.9));box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(12,40,24,.07),0 40px 80px -36px rgba(8,30,18,.38)}
html:root body .lxc .lxc-head{padding:20px 20px 12px}
html:root body .lxc .lxc-mark{width:42px;height:42px;border-radius:14px}
html:root body .lxc .lxc-tt h2{font-size:28px}
html:root body .lxc .lxc-min{width:36px;height:36px;border-radius:12px}
html:root body .lxc .lxc-min svg{transition:transform .3s cubic-bezier(.22,1,.36,1)}
html:root body .lxc .lxc-min:hover svg{transform:translateX(2px)}
html:root body .lxc .lxc-bar{padding:0 20px 12px}
html:root body .lxc .lxc-list{padding:18px 18px 10px;gap:14px;scrollbar-width:thin;scrollbar-color:rgba(12,40,24,.18) transparent}
html:root body .lxc .lxc-list::-webkit-scrollbar{width:9px}
html:root body .lxc .lxc-list::-webkit-scrollbar-thumb{background:rgba(12,40,24,.16);border-radius:9px;border:2px solid transparent;background-clip:padding-box}

/* messages */
html:root body .lxc .lxc-msg{font-size:14.5px;line-height:1.62}
html:root body .lxc .lxc-msg.is-ai{max-width:100%;padding:15px 17px;border-radius:20px 20px 20px 8px;box-shadow:0 1px 2px rgba(8,30,18,.05),0 12px 26px -20px rgba(8,30,18,.28)}
html:root body .lxc .lxc-msg.is-user{max-width:86%;padding:12px 15px;border-radius:20px 20px 8px 20px}
html:root body .lxc .lxc-msg p{margin:0 0 10px}
html:root body .lxc .lxc-msg p:last-child{margin-bottom:0}

/* réponses de l'IA rangées en sections */
html:root body .lxc .lxc-sec{margin:0 0 14px}
html:root body .lxc .lxc-sec:last-child{margin-bottom:0}
html:root body .lxc .lxc-sec>p:last-child,html:root body .lxc .lxc-sec>:is(ul,ol):last-child{margin-bottom:0}
html:root body .lxc .lxc-lab{display:flex;align-items:center;gap:7px;margin:0 0 5px;font-family:var(--lx-mono,ui-monospace,monospace);font-size:10.5px;font-weight:600;line-height:1.2;letter-spacing:.14em;text-transform:uppercase;color:#4a6b55}
html:root body .lxc .lxc-lab::before{content:'';flex:none;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.75}
html:root body .lxc .lxc-sec.is-ok .lxc-lab{color:#3f8f2e}
html:root body .lxc .lxc-sec.is-chg .lxc-lab{color:#1d6141}
html:root body .lxc .lxc-sec.is-out .lxc-lab{color:#7d8b82}
html:root body .lxc .lxc-sec.is-q{margin:2px -5px 14px;padding:12px 14px 13px;border-radius:14px;background:linear-gradient(180deg,rgba(255,206,104,.2),rgba(255,206,104,.08));border:1px solid rgba(224,166,48,.34)}
html:root body .lxc .lxc-sec.is-q:last-child{margin-bottom:0}
html:root body .lxc .lxc-sec.is-q .lxc-lab{color:#8a5a06}

/* zone de saisie */
html:root body .lxc .lxc-form{margin:10px 16px 16px;padding:8px 8px 8px 16px;border-radius:22px}
html:root body .lxc .lxc-send{width:40px;height:40px}

/* ouverture / fermeture animées */
@keyframes lxc-out{to{opacity:0;transform:translateX(26px) scale(.985)}}
html:root body .lxc.lxc-out:not(#lxc-x){animation:lxc-out .38s cubic-bezier(.4,0,.2,1) both!important;pointer-events:none}
@keyframes lxc-fab-out{to{opacity:0;transform:translateY(10px) scale(.94)}}
html:root body .lxc-fab.lxc-fab-out{animation:lxc-fab-out .22s cubic-bezier(.4,0,.2,1) both!important;pointer-events:none}
html:root body .lxc-fab:not(.lxc-fab-out){animation-delay:.14s}
@keyframes lxc-fade-out{to{opacity:0}}
html:root body .lxc-veil.lxc-veil-out{animation:lxc-fade-out .28s ease both!important;pointer-events:none}
@media (prefers-reduced-motion:reduce){
  html:root body:not(#lx) section.batch-page{transition:none}
  html:root body .lxc.lxc-out:not(#lxc-x),html:root body .lxc-fab.lxc-fab-out,html:root body .lxc-veil.lxc-veil-out{animation:none!important}
}