/* SuperagentIA – démo en direct (formulaire + chat + côté agence) */
.dl-start{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;background:#fff;border:1px solid #dbe9e5;border-radius:22px;box-shadow:0 18px 55px #173b3a0d;padding:44px}
.dl-start-copy h2{font-family:var(--font);font-size:clamp(30px,3.4vw,42px);letter-spacing:-.045em;line-height:1.08;color:#0f3341;margin:18px 0 16px}
.dl-start-copy p{color:#4d6a72;font-size:16px;line-height:1.8;margin:0 0 22px}
.dl-points{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.dl-points li{position:relative;padding-left:30px;color:#2f4f59;font-size:15px;line-height:1.6}
.dl-points li::before{content:"✓";position:absolute;left:0;top:1px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e1faf3;color:#0d8b7c;font-size:11px;font-weight:800}
.dl-form{display:grid;gap:16px;background:#f4f8f7;border:1px solid #e1eae7;border-radius:18px;padding:28px}
.dl-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dl-form label{display:grid;gap:7px;font:700 13px var(--font);color:#183746}
.dl-form input[type=text],.dl-form input[type=email],.dl-form input:not([type]){width:100%;min-height:50px;padding:12px 14px;border:1px solid #cddcd8;border-radius:11px;background:#fff;font:15px var(--body);color:#183746}
.dl-form input:focus{outline:2px solid #27c5b5;outline-offset:1px;border-color:#27c5b5}
.dl-form input[aria-invalid=true]{border-color:#d0574a;background:#fff8f6}
.dl-consent{grid-template-columns:auto 1fr!important;align-items:start;font:400 13px/1.6 var(--body)!important;color:#4d6a72!important}
.dl-consent input{width:18px;height:18px;margin:2px 0 0;accent-color:#087e77}
.dl-consent a{color:#087e77;text-decoration:underline;text-underline-offset:3px}
.dl-hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.dl-error{margin:0;padding:12px 14px;border-radius:10px;background:#fff1ee;color:#9b3326;font-size:14px}
.dl-submit{width:100%}
.dl-submit[aria-busy=true]{opacity:.7;cursor:progress}
.dl-fine{margin:0;color:#6f878b;font-size:12px;line-height:1.6}

.dl-app{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:22px;align-items:stretch}
.dl-chat,.dl-agency{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #dbe9e5;border-radius:20px;box-shadow:0 18px 55px #173b3a12;overflow:hidden;height:680px}
.dl-panel-head{display:flex;align-items:center;gap:12px;padding:16px 18px;color:#fff}
.dl-panel-head strong{display:block;font:800 15px var(--font);letter-spacing:-.02em}
.dl-panel-head small{display:block;font-size:12px;opacity:.8}
.dl-chat-head{background:#126558}
.dl-agency-head{background:#173847;justify-content:space-between}
.dl-avatar{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:#23bda8;font:800 14px var(--font)}
.dl-live{margin-left:auto;display:flex;align-items:center;gap:7px;font:700 11px var(--font);color:#c8f5e9;white-space:nowrap}
.dl-restart{margin-left:10px;border:1px solid #ffffff55;background:transparent;color:#fff;border-radius:8px;padding:6px 10px;font:700 11px var(--font)}
.dl-restart:hover{background:#ffffff1a}
.dl-messages{flex:1;overflow-y:auto;padding:20px 18px;background:#e7f2ed;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}
.dl-msg{max-width:82%;padding:11px 14px 7px;border-radius:14px;font-size:14.5px;line-height:1.6;box-shadow:0 1px 3px #0000000f;animation:dl-in .25s ease-out}
.dl-msg p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.dl-msg-time{display:block;text-align:right;font-size:10.5px;color:#6f8a84;margin-top:3px}
.dl-msg-client{align-self:flex-end;background:#d7f6d7;color:#1f3d36;border-bottom-right-radius:3px}
.dl-msg-agent{align-self:flex-start;background:#fff;color:#1f3b44;border-bottom-left-radius:3px}
.dl-msg-pending{opacity:.75}
.dl-msg-pending.is-failed{opacity:1;background:#ffe9e5}
.dl-msg-system{align-self:center;max-width:94%;background:#f8fbf9;border:1px dashed #b9d6cc;color:#3d5b62;font-size:13px;text-align:center;box-shadow:none;padding:11px 14px}
.dl-msg-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:12px}
.dl-msg-actions .button{min-height:44px;padding:9px 16px;font-size:13px;border-radius:10px;box-shadow:none}
.dl-typing{display:flex;gap:5px;padding:14px 16px}
.dl-typing span{width:7px;height:7px;border-radius:50%;background:#8fb1a8;animation:dl-dot 1.2s infinite ease-in-out}
.dl-typing span:nth-child(2){animation-delay:.15s}
.dl-typing span:nth-child(3){animation-delay:.3s}
.dl-suggest{display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px 0;background:#fff;border-top:1px solid #e3ece9}
.dl-suggest button{border:1px solid #bfe2d8;background:#effaf6;color:#0f5f55;border-radius:30px;padding:7px 13px;font:700 12px var(--font)}
.dl-suggest button:hover{background:#dff5ee}
.dl-compose{display:flex;gap:10px;align-items:flex-end;padding:12px 14px 14px;background:#fff}
.dl-compose textarea{flex:1;resize:none;min-height:46px;max-height:140px;padding:12px 14px;border:1px solid #cddcd8;border-radius:12px;font:15px/1.45 var(--body);color:#183746;background:#fff}
.dl-compose textarea:focus{outline:2px solid #27c5b5;outline-offset:1px;border-color:#27c5b5}
.dl-send{flex:none;width:48px;height:46px;border:0;border-radius:12px;background:linear-gradient(120deg,#5ce7d4,#1fc6b5);color:#06252d;font-size:18px}
.dl-send:disabled,.dl-compose textarea:disabled{opacity:.5}

.dl-status{flex:none;padding:6px 11px;border-radius:30px;background:#27c5b51f;color:#8ff0e1;font:800 11px var(--font);white-space:nowrap}
.dl-status.is-handed{background:#ffd27a26;color:#ffd98f}
.dl-agency-body{flex:1;overflow-y:auto;padding:16px;background:#f4f8f7;display:grid;gap:12px;align-content:start}
.dl-card{background:#fff;border:1px solid #e1eae7;border-radius:14px;padding:14px 16px}
.dl-card h3{margin:0 0 10px;font:800 11px var(--font);letter-spacing:.12em;text-transform:uppercase;color:#168c7f}
.dl-card p{margin:0;color:#24444d;font-size:14px;line-height:1.6}
.dl-fiche{margin:0;display:grid;gap:6px}
.dl-fiche-row{display:grid;grid-template-columns:112px 1fr;gap:10px;align-items:baseline;padding:5px 8px;border-radius:8px}
.dl-fiche-row dt{font-size:12px;color:#6f878b}
.dl-fiche-row dd{margin:0;font-size:13.5px;color:#9fb2b4;font-style:italic}
.dl-fiche-row.is-filled dd{color:#183746;font-style:normal;font-weight:600}
.dl-fiche-row.is-new{animation:dl-flash 1.6s ease-out}
.dl-handling{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dl-handling span{display:block;font-size:12px;color:#6f878b}
.dl-handling strong{display:block;font-size:14px;color:#183746}
.dl-events{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-height:220px;overflow-y:auto}
.dl-event{display:grid;grid-template-columns:42px 1fr;gap:8px;font-size:12.5px;line-height:1.5;color:#3d5b62}
.dl-event-time{color:#8aa0a3;font-variant-numeric:tabular-nums}
.dl-event-note .dl-event-text,.dl-event-visite .dl-event-text{color:#0d7d70;font-weight:700}
.dl-explain-note{margin:14px 0 0;font-size:12px;color:#6f878b}
.dl-mobile-summary{display:none;width:100%;border:0;border-bottom:1px solid #d3e6df;background:#f1f8f5;color:#0f5f55;font:700 12px var(--font);padding:9px 14px;text-align:left}
.dl-agency-back{display:none;border:1px solid #ffffff55;background:transparent;color:#fff;border-radius:8px;padding:6px 10px;font:700 11px var(--font)}

@keyframes dl-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes dl-dot{0%,80%,100%{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}
@keyframes dl-flash{0%{background:#d6f7ee}100%{background:transparent}}
@media (prefers-reduced-motion:reduce){.dl-msg,.dl-fiche-row.is-new,.dl-typing span{animation:none}.dl-messages{scroll-behavior:auto}}

@media(max-width:980px){
  .dl-start{grid-template-columns:1fr;gap:28px;padding:30px}
  .dl-app{grid-template-columns:1fr}
  .dl-chat{height:min(640px,78vh)}
  .dl-agency{height:auto}
  .dl-agency-body{overflow:visible}
  .dl-mobile-summary{display:block}
  .dl-agency{scroll-margin-top:16px}
}
@media(max-width:600px){
  .dl-start{padding:20px;border-radius:16px}
  .dl-form{padding:18px}
  .dl-row{grid-template-columns:1fr}
  .dl-msg{max-width:90%;font-size:14px}
  .dl-live{display:none}
  .dl-fiche-row{grid-template-columns:98px 1fr}
}