/* Démo « L'IA dans vos outils » : fenêtres Teams, Outlook et Odoo empilées en cascade, focus tournant. */
.lp-embedded{position:relative;z-index:1;--lp-embedded-h:430px;--lp-embedded-step:30px;font:400 12.5px/1.45 Inter,system-ui,sans-serif;color:#20201f;min-width:0}
.lp-embedded *{box-sizing:border-box}
:where(.lp-embedded) p,:where(.lp-embedded) dl,:where(.lp-embedded) dd{margin:0}
.lp-embedded svg{display:block;width:14px;height:14px;flex:none}

/* Pile de fenêtres : deux en-têtes visibles au-dessus de la fenêtre active */
.lp-embedded-deck{position:relative;height:calc(var(--lp-embedded-h) + 2 * var(--lp-embedded-step));min-width:0}
.lp-embedded-win{position:absolute;left:0;right:0;bottom:0;height:var(--lp-embedded-h);display:flex;flex-direction:column;background:#fff;border:1px solid #e4def2;border-radius:16px;overflow:hidden;transform-origin:50% 0;box-shadow:0 26px 60px -24px rgba(42,20,110,.30),0 8px 20px -12px rgba(42,20,110,.18);transition:transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease,filter .5s ease}
.lp-embedded-win[data-slot="2"]{z-index:3;transform:none}
.lp-embedded-win[data-slot="1"]{z-index:2;transform:translateY(calc(-1 * var(--lp-embedded-step))) scale(.95);filter:saturate(.85)}
.lp-embedded-win[data-slot="0"]{z-index:1;transform:translateY(calc(-2 * var(--lp-embedded-step))) scale(.9);filter:saturate(.7)}
.lp-embedded-win:not(.is-front){box-shadow:0 10px 26px -18px rgba(42,20,110,.35)}
.lp-embedded-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;padding:14px 16px 16px;transition:opacity .45s ease}
.lp-embedded-win:not(.is-front) .lp-embedded-body{opacity:0}
.lp-embedded-body>*{flex-shrink:0}

/* Trace lumineuse de l'assistant autour de la fenêtre active */
@property --lp-embedded-a{syntax:'<angle>';inherits:false;initial-value:0deg}
.lp-embedded-win::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;opacity:0;transition:opacity .5s ease;
  background:conic-gradient(from var(--lp-embedded-a),transparent 0 62%,rgba(96,36,245,.0) 62%,#6024f5 80%,#f4206e 90%,transparent 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  animation:lpEmbeddedBeam 3.2s linear infinite}
.lp-embedded-win.is-front::after{opacity:1}
@keyframes lpEmbeddedBeam{to{--lp-embedded-a:360deg}}

/* En-têtes aux couleurs génériques de chaque outil */
.lp-embedded-head{flex:none;display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;color:#fff;min-width:0}
.lp-embedded-teams .lp-embedded-head{background:linear-gradient(90deg,#4b53bc,#6264d6)}
.lp-embedded-outlook .lp-embedded-head{background:linear-gradient(90deg,#0f6cbd,#2b88d8)}
.lp-embedded-odoo .lp-embedded-head{background:linear-gradient(90deg,#714b67,#8a6080)}
.lp-embedded-glyph{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:rgba(255,255,255,.18);flex:none}
.lp-embedded-app{font:600 13px/1 'Inter Tight',Inter,sans-serif;flex:none}
.lp-embedded-place{flex:1;min-width:0;font-size:11.5px;color:rgba(255,255,255,.78);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-embedded-chip{flex:none;display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;background:#fff;color:#20201f;font-size:11px;font-weight:600;white-space:nowrap}
.lp-embedded-chip i{width:6px;height:6px;border-radius:50%;background:#16a34a}
.lp-embedded-odoo .lp-embedded-chip i{background:#f59e0b}

/* Éléments communs */
.lp-embedded-av{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:#e9e3fb;color:#4b16d0;font-size:10.5px;font-weight:700}
.lp-embedded-av-bot{background:linear-gradient(135deg,#7b4bff,#6024f5);color:#fff;border-radius:8px}
.lp-embedded-av-ext{background:#e3effa;color:#0f5aa0}
.lp-embedded-meta{display:flex;align-items:baseline;gap:7px;min-width:0;font-size:11.5px;color:#62616b}
.lp-embedded-meta b{color:#20201f;font-weight:600;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.lp-embedded-meta em{font-style:normal;font-size:9.5px;font-weight:700;letter-spacing:.04em;padding:1px 5px;border-radius:4px;background:#ecebfa;color:#4b53bc}
.lp-embedded-meta span{flex:none}
.lp-embedded-btn{display:inline-flex;align-items:center;padding:5px 10px;border-radius:7px;border:1px solid #dcd7e8;background:#fff;font-size:11.5px;font-weight:600;color:#3d3b46;white-space:nowrap}
.lp-embedded-btn.is-primary{background:#4b53bc;border-color:#4b53bc;color:#fff}
.lp-embedded-folder{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8a8496}

/* Teams */
.lp-embedded-msg{display:flex;gap:10px;min-width:0}
.lp-embedded-msg-main{flex:1;min-width:0;position:relative}
.lp-embedded-text{margin-top:3px;font-size:12.5px;line-height:1.5;color:#2c2a33}
.lp-embedded-mention{color:#4b53bc;font-weight:600}
.lp-embedded-reply{margin-top:2px}
.lp-embedded-typing{position:absolute;left:4px;top:26px;display:inline-flex;gap:4px;opacity:0;transition:opacity .25s ease}
.lp-embedded-typing.is-on{opacity:1}
.lp-embedded-typing i{width:6px;height:6px;border-radius:50%;background:#a6a9e6;animation:lpEmbeddedDot 1s infinite}
.lp-embedded-typing i:nth-child(2){animation-delay:.15s}.lp-embedded-typing i:nth-child(3){animation-delay:.3s}
@keyframes lpEmbeddedDot{0%,60%,100%{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-2px)}}
.lp-embedded-card{margin-top:6px;padding:12px 13px;border:1px solid #e3e1f3;border-left:3px solid #4b53bc;border-radius:10px;background:#fbfbfe}
.lp-embedded-card-title{font:600 13px/1.3 'Inter Tight',Inter,sans-serif;color:#20201f;margin-bottom:8px}
.lp-embedded-rows{display:grid;gap:5px}
.lp-embedded-row{display:flex;justify-content:space-between;gap:12px;font-size:12px;padding:4px 0;border-bottom:1px dashed #ebe7f2;min-width:0}
.lp-embedded-row dt{color:#62616b;min-width:0}
.lp-embedded-row dd{font-weight:600;color:#20201f;text-align:right;white-space:nowrap;flex:none}
.lp-embedded-row.is-key{border-bottom:0}
.lp-embedded-row.is-key dd{color:#16a34a}
.lp-embedded-source{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:11px;color:#62616b}
.lp-embedded-source svg{width:13px;height:13px;color:#6024f5}
.lp-embedded-btns{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.lp-embedded-compose{margin-top:auto;padding:8px 12px;border:1px solid #e3e1f3;border-radius:8px;font-size:12px;color:#8a8496;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Outlook */
.lp-embedded-mail{padding:10px 12px;border:1px solid #ebe7f2;border-radius:10px;background:#f8f7fb}
.lp-embedded-mail .lp-embedded-folder{margin-bottom:6px}
.lp-embedded-mail-top{display:flex;align-items:center;gap:8px;min-width:0}
.lp-embedded-mail-top .lp-embedded-av{width:24px;height:24px;font-size:9.5px}
.lp-embedded-mail-top .lp-embedded-meta{flex:1;justify-content:space-between}
.lp-embedded-subject{margin-top:6px;font-weight:600;font-size:12.5px;color:#20201f}
.lp-embedded-snippet{margin-top:2px;font-size:12px;color:#62616b;line-height:1.45}
.lp-embedded-draft{flex:1;min-height:0;display:flex;flex-direction:column;padding:10px 12px 12px;border:1px solid #cfe1f5;border-radius:10px;background:#fff;box-shadow:0 0 0 3px rgba(15,108,189,.06)}
.lp-embedded-draft-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.lp-embedded-flag{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:#fff4e0;color:#9a5b00;font-size:10.5px;font-weight:600}
.lp-embedded-to{display:flex;gap:6px;font-size:11.5px;color:#20201f;padding:3px 0;border-bottom:1px solid #f0edf6;min-width:0}
.lp-embedded-to span{color:#8a8496;flex:none}
.lp-embedded-lines{margin-top:7px;display:grid;gap:4px;font-size:12px;line-height:1.45;color:#2c2a33}
.lp-embedded-draft-foot{margin-top:auto;padding-top:9px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.lp-embedded-draft-foot .lp-embedded-btn.is-primary{background:#0f6cbd;border-color:#0f6cbd}
.lp-embedded-via{display:inline-flex;align-items:center;gap:5px;min-width:0;font-size:10.5px;color:#8a8496}
.lp-embedded-via::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:#0f6cbd;opacity:.6}

/* Odoo */
.lp-embedded-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.lp-embedded-ai{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:8px;background:#714b67;color:#fff;font-size:12px;font-weight:600;white-space:nowrap;transition:transform .2s ease,box-shadow .3s ease}
.lp-embedded-ai svg{width:13px;height:13px}
.lp-embedded-ai.is-press{transform:scale(.95);box-shadow:0 0 0 4px rgba(113,75,103,.2)}
.lp-embedded-stages{display:flex;border:1px solid #e3dde6;border-radius:8px;overflow:hidden}
.lp-embedded-stage{padding:4px 9px;font-size:11px;color:#8a8496;white-space:nowrap;transition:background .3s ease,color .3s ease}
.lp-embedded-stage+.lp-embedded-stage{border-left:1px solid #e3dde6}
.lp-embedded-stage.is-on{background:#f3ecf1;color:#714b67;font-weight:600}
.lp-embedded-doc{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.lp-embedded-doctitle{display:flex;align-items:center;gap:8px;min-width:0;font:600 15px/1.2 'Inter Tight',Inter,sans-serif;color:#20201f;white-space:nowrap}
.lp-embedded-badge{display:inline-flex;padding:2px 8px;border-radius:999px;background:#fff4e0;color:#9a5b00;font:600 10.5px/1.4 Inter,sans-serif}
.lp-embedded-pdf{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:6px;background:#fdecef;color:#b4233f;font-size:11px;font-weight:600;min-width:0;white-space:nowrap}
.lp-embedded-pdf svg{width:12px;height:12px}
.lp-embedded-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 14px}
.lp-embedded-field{min-width:0}
.lp-embedded-field dt{font-size:10.5px;color:#8a8496;margin-bottom:3px}
.lp-embedded-field dd{height:28px;display:flex;align-items:center;padding:0 8px;border-bottom:1.5px solid #e3dde6;background:#fbfafc;border-radius:5px 5px 0 0;min-width:0}
.lp-embedded-field dd>span{display:flex;align-items:center;gap:6px;min-width:0;width:100%;font-size:12px;font-weight:600;color:#20201f;white-space:nowrap}
.lp-embedded-mark{margin-left:auto;flex:none;font-style:normal;font-size:8.5px;font-weight:700;padding:1px 4px;border-radius:4px;background:linear-gradient(135deg,#7b4bff,#f4206e);color:#fff;letter-spacing:.03em}
.lp-embedded-line{border:1px solid #ebe7f2;border-radius:8px;overflow:hidden}
.lp-embedded-line p{display:grid;grid-template-columns:minmax(0,1fr) 40px 104px;gap:8px;align-items:center;padding:5px 9px}
.lp-embedded-line p>span:nth-child(n+2){text-align:right}
.lp-embedded-line-head{white-space:nowrap;background:#f8f7fb;font-size:10.5px;color:#8a8496}
.lp-embedded-line-row{font-size:12px;font-weight:600;color:#20201f}
.lp-embedded-line-row>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.lp-embedded-line-row>span:last-child{display:flex;align-items:center;justify-content:flex-end;gap:6px}
.lp-embedded-line-row .lp-embedded-mark{margin-left:0}
.lp-embedded-chatter{display:flex;gap:9px;margin-top:auto;padding-top:10px;border-top:1px solid #f0edf6;min-width:0}
.lp-embedded-chatter .lp-embedded-av{width:24px;height:24px;border-radius:7px}
.lp-embedded-chatter p{font-size:11.5px;line-height:1.45;color:#3d3b46;min-width:0}
.lp-embedded-chatter b{font-weight:600;color:#20201f;margin-right:6px}
.lp-embedded-chatter span{color:#8a8496;font-size:11px}

/* Barre de l'assistant : action en cours et trace entre les outils */
.lp-embedded-bar{position:relative;display:flex;align-items:center;gap:9px;margin-top:14px;padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.85);border:1px solid #e4def2;box-shadow:0 10px 24px -18px rgba(42,20,110,.35);min-width:0}
.lp-embedded-pulse{flex:none;width:8px;height:8px;border-radius:50%;background:#6024f5;box-shadow:0 0 0 0 rgba(96,36,245,.45);animation:lpEmbeddedPulse 1.8s infinite}
@keyframes lpEmbeddedPulse{70%{box-shadow:0 0 0 7px rgba(96,36,245,0)}100%{box-shadow:0 0 0 0 rgba(96,36,245,0)}}
.lp-embedded-who{flex:none;font:600 12.5px/1.2 'Inter Tight',Inter,sans-serif;color:#4b16d0}
.lp-embedded-says{flex:1;min-width:0;display:grid}
.lp-embedded-says>span{grid-area:1/1;font-size:12px;line-height:1.35;color:#3d3b46;opacity:0;transform:translateY(4px);transition:opacity .35s ease,transform .35s ease}
.lp-embedded-says>span.is-on{opacity:1;transform:none}
.lp-embedded-route{position:relative;flex:none;display:flex;align-items:center;justify-content:space-between;width:64px;height:12px}
.lp-embedded-route::before{content:"";position:absolute;left:4px;right:4px;top:50%;height:1.5px;margin-top:-.75px;background:#e2dbf3}
.lp-embedded-node{position:relative;width:9px;height:9px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #e2dbf3}
.lp-embedded-node.is-teams{background:#4b53bc}.lp-embedded-node.is-outlook{background:#0f6cbd}.lp-embedded-node.is-odoo{background:#714b67}
.lp-embedded-spark{position:absolute;top:50%;left:0;width:14px;height:14px;margin:-7px 0 0 -2.5px;border-radius:50%;background:radial-gradient(circle,#fff 0 18%,rgba(244,32,110,.9) 30%,rgba(96,36,245,.45) 55%,rgba(96,36,245,0) 72%);transition:left .7s cubic-bezier(.2,.8,.2,1)}
.lp-embedded-route[data-at="teams"] .lp-embedded-spark{left:0}
.lp-embedded-route[data-at="outlook"] .lp-embedded-spark{left:calc(50% - 4.5px)}
.lp-embedded-route[data-at="odoo"] .lp-embedded-spark{left:calc(100% - 9px)}

/* Apparitions pilotées par le script (place réservée : opacité seulement) */
.lp-embedded [data-e]{transition:opacity .4s ease,transform .4s ease}
.lp-embedded .lp-embedded-off{opacity:0!important;transform:translateY(5px)}
.lp-embedded-field [data-e].lp-embedded-off{transform:translateX(-4px)}

/* Fin de boucle : fondu, puis remise à zéro sans transitions */
.lp-embedded-deck,.lp-embedded-says{transition:opacity .45s ease}
.lp-embedded-out .lp-embedded-deck,.lp-embedded-out .lp-embedded-says{opacity:0}
.lp-embedded-snap *,.lp-embedded-snap *::after{transition:none!important}

@media (max-width:1040px){
  .lp-embedded{--lp-embedded-h:430px}
}
@media (max-width:760px){
  .lp-embedded{--lp-embedded-h:440px;--lp-embedded-step:28px;font-size:12px}
  .lp-embedded-body{padding:12px 12px 13px;gap:9px}
  .lp-embedded-head{padding:0 10px;gap:7px}
  .lp-embedded-place{font-size:11px}
  .lp-embedded-fields{gap:7px 10px}
  .lp-embedded-field dd{padding:0 6px}
  .lp-embedded-field dd>span{font-size:11.5px}
  .lp-embedded-stage{padding:4px 7px}
}
@media (max-width:420px){
  .lp-embedded{--lp-embedded-h:478px}
  .lp-embedded-mail .lp-embedded-folder{display:none}
  .lp-embedded-place{display:none}
  .lp-embedded-chip{margin-left:auto}
  .lp-embedded-route{display:none}
  .lp-embedded-doctitle{font-size:13px;gap:6px}
  .lp-embedded-toolbar{gap:6px;flex-wrap:nowrap}
  .lp-embedded-ai{padding:6px 9px;font-size:11.5px;gap:5px}
  .lp-embedded-stage{padding:4px 6px;font-size:10.5px}
  .lp-embedded-pdf{font-size:10.5px;padding:3px 6px}
  .lp-embedded-badge{padding:2px 6px;font-size:10px}
}
@media (prefers-reduced-motion:reduce){
  .lp-embedded *,.lp-embedded *::after{animation:none!important;transition:none!important}
}