/* Démos animées des agents IA */
.ad-play{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:13px;font-weight:800;color:#3332FF;background:#ECECFF;border-radius:20px;padding:5px 11px}
.ad-play:hover{background:#DCDCFF}
.adm{position:fixed;inset:0;z-index:1000;background:rgba(16,24,40,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.adm-box{width:min(420px,100%);height:min(640px,calc(100vh - 32px));background:#F4F5FA;border-radius:22px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 60px rgba(0,0,0,.35);font-family:inherit}
.adm-h{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--ac,#3332FF);color:#fff}
.adm-h b{display:block;font-size:15px}.adm-h small{display:block;font-size:12px;opacity:.85}
.adm-ic{font-size:24px;line-height:1;background:rgba(255,255,255,.18);border-radius:10px;padding:5px}
.adm-x{all:unset;cursor:pointer;margin-left:auto;font-size:16px;padding:4px 8px;border-radius:8px}.adm-x:hover{background:rgba(255,255,255,.2)}
.adm-body{flex:1;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}
.adm-f{padding:0 14px 14px}
.ad-msg,.ad-agent,.ad-doc,.ad-steps li,.ad-doc li{opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease}
.ad-msg.in,.ad-agent.in,.ad-doc.in,.ad-steps li.in,.ad-doc li.in{opacity:1;transform:none}
.ad-msg{max-width:85%;border-radius:16px;padding:9px 12px;font-size:14.5px;line-height:1.45;color:#171B33}
.ad-in{align-self:flex-start;background:#fff;border:1px solid #E6E8F0;border-top-left-radius:4px}
.ad-out{align-self:flex-end;background:#E7F0FF;border-top-right-radius:4px}
.ad-who{display:block;font-size:11px;font-weight:800;color:#8A90A8;margin-bottom:3px;text-transform:uppercase;letter-spacing:.04em}.ad-me{color:#3332FF}
.ad-agent{align-self:stretch;background:#fff;border:1px dashed #C9C8FF;border-radius:14px;padding:9px 12px}
.ad-steps{list-style:none;margin:0;padding:0}.ad-steps li{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#5B6178;padding:3px 0}
.ad-steps li.ok{color:#171B33}
.ad-sp{width:14px;height:14px;border-radius:50%;border:2px solid #C9C8FF;border-top-color:#3332FF;animation:adspin .7s linear infinite;flex:none}
.ad-steps li.ok .ad-sp{animation:none;border:0;background:#059669;position:relative}.ad-steps li.ok .ad-sp::after{content:"✓";color:#fff;font-size:10px;font-weight:900;position:absolute;inset:0;display:grid;place-items:center}
@keyframes adspin{to{transform:rotate(360deg)}}
.ad-dots{display:flex;gap:4px;padding:4px 0}.ad-dots i{width:7px;height:7px;border-radius:50%;background:#C9C8FF;animation:addot 1s infinite}.ad-dots i:nth-child(2){animation-delay:.15s}.ad-dots i:nth-child(3){animation-delay:.3s}
@keyframes addot{0%,80%,100%{opacity:.3}40%{opacity:1}}
.ad-doc{align-self:stretch;background:#fff;border:1px solid #E6E8F0;border-left:4px solid var(--ac,#3332FF);border-radius:12px;padding:10px 12px}
.ad-doc b{display:block;font-size:14px;margin-bottom:4px;color:#171B33}.ad-doc ul{margin:0;padding-left:18px;font-size:13.5px;color:#171B33;line-height:1.5}
.ad-val{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid #E6E8F0;border-radius:14px;padding:10px 12px;font-size:13px;color:#5B6178}
.ad-btn{all:unset;cursor:default;background:#3332FF;color:#fff;font-weight:800;font-size:13.5px;border-radius:10px;padding:8px 12px;transition:background .3s}
.ad-btn.pulse{animation:adpulse 1s ease-in-out infinite}.ad-btn.done{background:#059669}
@keyframes adpulse{0%,100%{box-shadow:0 0 0 0 rgba(51,50,255,.45)}50%{box-shadow:0 0 0 8px rgba(51,50,255,0)}}
.ad-av{font-size:12.5px;color:#8A90A8;margin:10px 2px 0}.ad-again{text-align:center;margin-top:8px}
.ad-re{all:unset;cursor:pointer;font-size:13px;font-weight:800;color:#3332FF}
@media (prefers-reduced-motion: reduce){.ad-msg,.ad-agent,.ad-doc,.ad-steps li,.ad-doc li{transition:none}}
@media print{.ad-play{display:none}}