/* ═══════════════════════════════════════════════════════════════════
   arpe-convert.css — Arpentiq · conversion d'un lead en prospect
   Namespace .aqc-* · tout scopé, aucune règle body/html/:root.
   Le lead reste visible : on transforme, on ne repart pas de zéro.
   ═══════════════════════════════════════════════════════════════════ */
.aqc,[data-theme="light"] .aqc{
  --bg:#f7f8fa;--surface:#ffffff;--s2:#f1f3f7;--s3:#e7ebf2;
  --border:#e4e7ee;--border-hi:#d3d8e3;
  --text:#14161f;--text-dim:#4a5169;--muted:#8a93ab;
  --accent:#6b5cf5;--accent-dim:rgba(107,92,245,.09);
  --chaud:#d64560;--tiede:#c08a2e;--froid:#3d7fc2;--green:#22a06b;
  --r:8px;--r-lg:12px;--r-xl:14px;
  --scrim:rgba(20,22,31,.34);
  --sh:0 1px 2px rgba(20,22,31,.05),0 26px 64px -14px rgba(20,22,31,.28);
  --sans:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
}
[data-theme="noir"] .aqc,[data-theme="donna"] .aqc,[data-theme="ardoise"] .aqc{
  --bg:#0f1115;--surface:#16181d;--s2:#1c1e24;--s3:#23262d;
  --border:#23262d;--border-hi:#2f333c;
  --text:#f2f3f7;--text-dim:#a8adbd;--muted:#5f6578;
  --accent:#8b7bff;--accent-dim:rgba(139,123,255,.12);
  --chaud:#ff6680;--tiede:#f0c050;--froid:#5ca8ff;--green:#4fd49a;
  --r:6px;--r-lg:10px;--r-xl:12px;
  --scrim:rgba(0,0,0,.56);
  --sh:0 1px 2px rgba(0,0,0,.5),0 28px 68px -14px rgba(0,0,0,.8);
}
.aqc{font-family:var(--sans);color:var(--text);-webkit-font-smoothing:antialiased}
.aqc *{box-sizing:border-box}
.aqc button,.aqc input,.aqc select,.aqc textarea{font-family:inherit}

.aqc-scrim{position:fixed;inset:0;z-index:var(--aqc-z-scrim,600);background:var(--scrim);
  opacity:0;pointer-events:none;transition:opacity .2s}
.aqc-scrim.aqc-on{opacity:1;pointer-events:auto}
.aqc-box{position:fixed;left:50%;top:50%;z-index:var(--aqc-z-box,610);
  width:min(560px,calc(100vw - 28px));max-height:min(86vh,760px);
  display:flex;flex-direction:column;overflow:hidden;
  background:var(--surface);border:1px solid var(--border-hi);border-radius:var(--r-xl);box-shadow:var(--sh);
  transform:translate(-50%,-50%) translateY(10px) scale(.985);opacity:0;pointer-events:none;
  transition:opacity .2s,transform .24s cubic-bezier(.2,.75,.2,1),width .3s cubic-bezier(.2,.75,.2,1)}
.aqc-box.aqc-on{transform:translate(-50%,-50%);opacity:1;pointer-events:auto}

/* ── en-tête ── */
.aqc-h{display:flex;align-items:flex-start;gap:12px;padding:16px 16px 14px;border-bottom:1px solid var(--border);flex-shrink:0}
.aqc-ic{width:34px;height:34px;flex-shrink:0;border-radius:var(--r-lg);display:grid;place-items:center;
  color:var(--accent);background:var(--accent-dim)}
.aqc-ic svg{width:18px;height:18px}
.aqc-hb{flex:1;min-width:0;display:flex;flex-direction:column}
.aqc-t{display:block;font-size:15.5px;font-weight:700;letter-spacing:-.02em}
.aqc-s{display:block;font-size:12.5px;color:var(--muted);margin-top:3px}
.aqc-x{width:28px;height:28px;flex-shrink:0;border:0;border-radius:var(--r);background:transparent;
  color:var(--muted);display:grid;place-items:center;transition:.15s}
.aqc-x:hover{background:var(--s2);color:var(--text)}
.aqc-x svg{width:15px;height:15px}

/* ── ce qui est reporté : le lead reste sous les yeux ── */
.aqc-from{display:flex;align-items:center;gap:11px;padding:12px 16px;background:var(--s2);
  border-bottom:1px solid var(--border);flex-shrink:0}
.aqc-fi{width:30px;height:30px;flex-shrink:0;border-radius:9px;display:grid;place-items:center;
  color:var(--chaud);background:color-mix(in srgb,var(--chaud) 12%,transparent)}
.aqc-fi svg{width:16px;height:16px}
.aqc-fb{flex:1;min-width:0;display:flex;flex-direction:column}
.aqc-fa{display:block;font-size:13.5px;font-weight:600;letter-spacing:-.014em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aqc-fm{display:block;font-family:var(--mono);font-size:10.5px;color:var(--muted);margin-top:3px}
.aqc-sc{flex-shrink:0;font-family:var(--mono);font-size:14px;font-weight:700;color:var(--chaud);
  font-variant-numeric:tabular-nums}
.aqc-arrow{flex-shrink:0;color:var(--muted)}.aqc-arrow svg{width:16px;height:16px}

/* ── corps ── */
.aqc-b{flex:1;min-height:0;overflow-y:auto;padding:4px 16px 14px}
.aqc-sec{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:9px;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:16px 0 9px}
.aqc-sec::after{content:"";flex:1;height:1px;background:var(--border)}
.aqc-row{display:flex;align-items:center;gap:12px;min-height:34px}
.aqc-row+.aqc-row{margin-top:8px}
.aqc-k{flex:1;min-width:0;font-size:13px;font-weight:500;letter-spacing:-.01em;color:var(--text-dim)}
.aqc-k .aqc-opt{color:var(--muted);font-weight:400}
.aqc-in{flex:1.4;min-width:0;font-size:13px;color:var(--text);background:var(--surface);
  border:1px solid var(--border-hi);border-radius:var(--r);padding:8px 11px;outline:0;transition:.15s}
.aqc-in:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}
.aqc-in::placeholder{color:var(--muted)}
.aqc-full{width:100%;flex:none}
.aqc-ta{resize:vertical;min-height:62px;line-height:1.5}
.aqc-selw{position:relative;flex:1.4;min-width:0;display:flex}
.aqc-selw select{width:100%;appearance:none;font-size:13px;font-weight:500;color:var(--text);
  background:var(--surface);border:1px solid var(--border-hi);border-radius:var(--r);
  padding:8px 30px 8px 11px;outline:0}
.aqc-selw svg{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:13px;height:13px;
  color:var(--muted);pointer-events:none}
/* segment : pour 2-4 choix courts, jamais un select */
.aqc-seg{display:flex;gap:4px;flex:1.4;min-width:0}
.aqc-seg button{flex:1;min-width:0;border:1px solid var(--border);border-radius:var(--r);
  background:var(--surface);color:var(--text-dim);font-size:12.5px;font-weight:600;padding:7px 4px;transition:.15s;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aqc-seg button:hover{border-color:var(--border-hi);color:var(--text)}
.aqc-seg button.aqc-on{background:var(--accent-dim);border-color:color-mix(in srgb,var(--accent) 38%,transparent);color:var(--accent)}
/* action de suite : cochée par défaut, c'est le geste attendu */
.aqc-check{display:flex;align-items:flex-start;gap:11px;padding:11px 12px;border:1px solid var(--border);
  border-radius:var(--r-lg);background:var(--surface);cursor:pointer;transition:.15s}
.aqc-check:hover{border-color:var(--border-hi);background:var(--s2)}
.aqc-check.aqc-on{border-color:color-mix(in srgb,var(--accent) 34%,transparent);background:var(--accent-dim)}
.aqc-cb{width:17px;height:17px;flex-shrink:0;margin-top:1px;border:1.7px solid var(--border-hi);border-radius:5px;
  background:var(--surface);display:grid;place-items:center;color:#fff;transition:.15s}
.aqc-check.aqc-on .aqc-cb{background:var(--accent);border-color:var(--accent)}
.aqc-cb svg{width:11px;height:11px;opacity:0;transition:opacity .12s}
.aqc-check.aqc-on .aqc-cb svg{opacity:1}
.aqc-cc{flex:1;min-width:0;display:flex;flex-direction:column}
.aqc-ct{display:block;font-size:13px;font-weight:600;letter-spacing:-.012em}
.aqc-cs{display:block;font-size:11.5px;color:var(--muted);margin-top:3px;line-height:1.45}
/* note : ce que le lead devient, dit explicitement */
.aqc-note{display:flex;gap:9px;font-size:12px;line-height:1.5;color:var(--text-dim);
  background:var(--s2);border:1px solid var(--border);border-radius:var(--r-lg);padding:10px 12px;margin-top:14px}
.aqc-note svg{width:14px;height:14px;color:var(--muted);flex-shrink:0;margin-top:1px}

/* ── pied ── */
.aqc-f{display:flex;align-items:center;gap:9px;padding:12px 16px;border-top:1px solid var(--border);
  background:var(--s2);flex-shrink:0}
.aqc-b2{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:-.012em;
  border:1px solid var(--border);border-radius:var(--r);background:var(--surface);color:var(--text);
  padding:9px 14px;transition:.15s;white-space:nowrap}
.aqc-b2:hover{background:var(--s3);border-color:var(--border-hi)}
.aqc-b2.aqc-pri{background:var(--text);color:var(--surface);border-color:var(--text);margin-left:auto}
.aqc-b2.aqc-pri:hover{background:var(--text-dim);border-color:var(--text-dim)}
.aqc-b2:disabled{opacity:.45;cursor:default}
.aqc-b2 svg{width:14px;height:14px}
.aqc-spin{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.3);
  border-top-color:#fff;animation:aqc-spin .7s linear infinite;flex-shrink:0}
@keyframes aqc-spin{to{transform:rotate(360deg)}}

/* succès : la boîte se réduit à la taille du message — une confirmation
   plein écran pour trois mots est disproportionnée */
.aqc-box.aqc-ok{max-height:none;width:min(380px,calc(100vw - 28px))}
.aqc-box.aqc-ok .aqc-h,.aqc-box.aqc-ok .aqc-from,
.aqc-box.aqc-ok .aqc-b,.aqc-box.aqc-ok .aqc-f{display:none}
.aqc-done{display:none;flex-direction:column;align-items:center;gap:11px;padding:28px 24px 22px;text-align:center}
.aqc-box.aqc-ok .aqc-done{display:flex}
.aqc-ok-ic{width:42px;height:42px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;
  transform:scale(.5);opacity:0;transition:transform .4s cubic-bezier(.2,1.5,.4,1),opacity .3s}
.aqc-box.aqc-ok .aqc-ok-ic{transform:none;opacity:1}
.aqc-ok-ic svg{width:22px;height:22px}
.aqc-ok-t{font-size:15.5px;font-weight:700;letter-spacing:-.02em}
.aqc-ok-s{font-size:12.5px;color:var(--muted);line-height:1.5;max-width:30ch}
.aqc-ok-f{display:flex;gap:8px;width:100%;margin-top:5px}
.aqc-ok-f .aqc-b2{flex:1;justify-content:center;margin:0}

@media(max-width:560px){
  .aqc-row{flex-direction:column;align-items:stretch;gap:6px}
  .aqc-in,.aqc-selw,.aqc-seg{flex:none;width:100%}
}
@media(prefers-reduced-motion:reduce){
  .aqc-box,.aqc-scrim,.aqc-ok-ic,.aqc-seg button,.aqc-check{transition:none!important}
  .aqc-spin{animation:none}
}