/* Lead4you Chat Agent — styles widget + page. v1.0 */
:root{
  --l4yc-navy:#27484A;
  --l4yc-navy2:#1a3a3c;
  --l4yc-ink:#22383a;
  --l4yc-blue:#3E9A2D;
  --l4yc-green:#8FD694;
  --l4yc-accent:#8FD694;
  --l4yc-light:#f0f7ee;
}
.l4yc-hidden{display:none!important}
/* ---------- Bouton flottant ---------- */
.l4yc-fab{position:fixed;right:22px;bottom:22px;z-index:99998;width:60px;height:60px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,var(--l4yc-blue),var(--l4yc-green));box-shadow:0 8px 24px rgba(7,17,31,.35);display:flex;align-items:center;justify-content:center;transition:transform .15s ease}
.l4yc-fab:hover{transform:scale(1.06)}
.l4yc-fab svg{width:28px;height:28px;fill:#fff}
.l4yc-teaser{position:fixed;right:94px;bottom:34px;z-index:99998;background:#fff;color:var(--l4yc-ink);font:500 14px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;padding:10px 14px;border-radius:12px 12px 2px 12px;box-shadow:0 6px 20px rgba(7,17,31,.18);max-width:230px;cursor:pointer}
.l4yc-teaser b{color:var(--l4yc-blue)}
.l4yc-teaser-close{position:absolute;top:-8px;left:-8px;width:20px;height:20px;border-radius:50%;border:none;background:var(--l4yc-navy);color:#fff;font-size:11px;line-height:20px;cursor:pointer;padding:0}
/* ---------- Panneau widget ---------- */
.l4yc-panel{position:fixed;right:22px;bottom:96px;z-index:99999;width:380px;max-width:calc(100vw - 24px);height:560px;max-height:calc(100vh - 120px);background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(7,17,31,.35);display:flex;flex-direction:column;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
@media (max-width:520px){
  .l4yc-panel{right:0;bottom:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}
  .l4yc-fab{right:14px;bottom:14px}
  .l4yc-teaser{right:84px;bottom:24px}
}
/* ---------- Entête ---------- */
.l4yc-head{background:linear-gradient(135deg,var(--l4yc-navy) 0%,var(--l4yc-navy2) 100%);color:#fff;padding:14px 16px;display:flex;align-items:center;gap:11px;flex:0 0 auto}
.l4yc-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--l4yc-blue),var(--l4yc-green));display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.l4yc-avatar svg{width:20px;height:20px;fill:#fff}
.l4yc-head-t{flex:1 1 auto;min-width:0}
.l4yc-head-t .t1{font-weight:700;font-size:15px}
.l4yc-head-t .t2{font-size:12px;color:rgba(255,255,255,.72);display:flex;align-items:center;gap:5px}
.l4yc-dot{width:7px;height:7px;border-radius:50%;background:var(--l4yc-green);display:inline-block}
.l4yc-close,.l4yc-reset{background:rgba(255,255,255,.1);border:none;color:#fff;width:30px;height:30px;border-radius:8px;cursor:pointer;font-size:15px;line-height:1;flex:0 0 auto;display:flex;align-items:center;justify-content:center}
.l4yc-close:hover,.l4yc-reset:hover{background:rgba(255,255,255,.2)}
.l4yc-reset svg{width:16px;height:16px;fill:#fff}
/* ---------- Corps ---------- */
.l4yc-body{flex:1 1 auto;overflow-y:auto;padding:16px 14px;background:linear-gradient(135deg,#f7fbf4 0%,#e9f5e7 100%);display:flex;flex-direction:column;gap:10px}
.l4yc-msg{max-width:86%;padding:10px 13px;border-radius:14px;font-size:14px;line-height:1.5;color:var(--l4yc-ink);word-wrap:break-word;white-space:pre-line}
.l4yc-msg.bot{background:#fff;border:1px solid rgba(62,154,45,.12);border-bottom-left-radius:4px;align-self:flex-start;box-shadow:0 2px 8px rgba(7,17,31,.05)}
.l4yc-msg.user{background:linear-gradient(180deg,var(--l4yc-blue),#2d7a21);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}
.l4yc-msg a{color:var(--l4yc-blue);text-decoration:underline}
.l4yc-msg.user a{color:#cfe6ff}
.l4yc-cal{display:inline-block;margin:8px 0 2px;background:linear-gradient(180deg,var(--l4yc-blue),var(--l4yc-green));color:#fff!important;text-decoration:none!important;font-weight:700;font-size:14px;padding:11px 18px;border-radius:10px;box-shadow:0 6px 18px rgba(62,154,45,.35)}
.l4yc-cal:hover{filter:brightness(1.07)}
.l4yc-typing{align-self:flex-start;background:#fff;border:1px solid rgba(62,154,45,.12);border-radius:14px;border-bottom-left-radius:4px;padding:12px 16px;display:flex;gap:5px}
.l4yc-typing span{width:7px;height:7px;border-radius:50%;background:var(--l4yc-accent);animation:l4ycB 1.2s infinite}
.l4yc-typing span:nth-child(2){animation-delay:.15s}
.l4yc-typing span:nth-child(3){animation-delay:.3s}
@keyframes l4ycB{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}
/* ---------- Suggestions ---------- */
.l4yc-chips{display:flex;flex-wrap:wrap;gap:8px;align-self:flex-start;max-width:100%}
.l4yc-chip{background:#fff;border:1px solid rgba(62,154,45,.3);color:var(--l4yc-blue);font-size:13px;font-weight:600;padding:8px 12px;border-radius:20px;cursor:pointer;transition:all .12s ease}
.l4yc-chip:hover{background:var(--l4yc-blue);color:#fff}
/* ---------- Saisie ---------- */
.l4yc-foot{flex:0 0 auto;background:#fff;border-top:1px solid rgba(7,17,31,.07);padding:10px 12px 8px}
.l4yc-inrow{display:flex;gap:8px;align-items:flex-end}
.l4yc-input{flex:1 1 auto;border:1px solid rgba(7,17,31,.15);border-radius:12px;padding:11px 13px;font:400 14px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;resize:none;max-height:96px;outline:none;color:var(--l4yc-ink);background:#fff}
.l4yc-input:focus{border-color:var(--l4yc-blue);box-shadow:0 0 0 3px rgba(62,154,45,.15)}
.l4yc-send{flex:0 0 auto;width:42px;height:42px;border-radius:11px;border:none;cursor:pointer;background:linear-gradient(180deg,var(--l4yc-blue),var(--l4yc-green));display:flex;align-items:center;justify-content:center;transition:opacity .12s}
.l4yc-send:disabled{opacity:.45;cursor:default}
.l4yc-send svg{width:19px;height:19px;fill:#fff}
.l4yc-legal{font-size:10.5px;color:rgba(7,17,31,.5);text-align:center;margin-top:7px;line-height:1.35}
.l4yc-legal a{color:rgba(7,17,31,.6);text-decoration:underline}
/* ---------- Mode page ---------- */
.l4yc-inline{position:relative;width:100%;height:100%;min-height:480px;background:#fff;border-radius:16px;box-shadow:0 24px 70px rgba(7,17,31,.16);display:flex;flex-direction:column;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
.l4yc-inline .l4yc-body{font-size:15px}
.l4yc-inline .l4yc-msg{font-size:14.5px}