/* ═══════════════════════════════════════════════════════════════════════
   [v1930] SCOPE : les règles ak-* vivent sous .ak-scope (posée sur
   #page-accueil ET sur la popup donna-popup.js) — une seule feuille pour
   les deux surfaces du même chat.
   ═══════════════════════════════════════════════════════════════════════ */
/* ═══════════════════════════════════════════════════════════════════════
   accueil-page.css — [v1919] Home « Ask donna » (mockup Margot
   « handoff-ask-home »). Valeurs relevées dans son HTML.
   Classes préfixées ak- (le mock utilise .hero/.ask/.chip/.e/.ei).
   ═══════════════════════════════════════════════════════════════════════ */
/* [v1995] block (pas flex) : sinon la colonne flex rétrécit ak-chat quand le
   bloc vivant (frère) s'ajoute → composer collé en haut. En block, ak-chat garde
   sa hauteur plein écran (composer centré par ses spacers) et le vivant coule
   dessous (révélé au scroll via .shellv2-main). */
#page-accueil{ display:block; min-height:calc(100vh - 40px); }

/* [b2625] Hero « message d'Arpe » : plus de logo, texte a GAUCHE, cale sur
   le meme gabarit horizontal que la zone de saisie (.ak-ask max-width:600).
   Le h1 et le sous-texte partagent ce rail : l'oeil lit un message, pas une
   banniere. */
.ak-scope .ak-hero{ flex:1; display:flex; flex-direction:column; align-items:center;
  justify-content:center; text-align:left; padding:48px 28px 30px; }
.ak-scope .ak-hero h1, .ak-scope .ak-hero .ak-word{
  width:100%; max-width:600px; margin-left:auto; margin-right:auto; }
.ak-scope .ak-sparkle{ width:52px; height:52px; border-radius:15px;
  background:var(--accent-dim,color-mix(in srgb,var(--accent) 11%,transparent));
  display:grid; place-items:center; margin-bottom:20px; color:var(--accent); }
.ak-scope .ak-sparkle svg{ width:24px; height:24px; }
.ak-scope .ak-hero h1{ font-size:27px; font-weight:800; letter-spacing:-.03em; margin:0; }
.ak-scope .ak-g{ color:var(--muted); font-weight:700; }
.ak-scope .ak-sub{ font-size:14px; color:var(--text-dim); margin-top:8px; }

/* Champ Ask */
.ak-scope .ak-ask{ width:100%; max-width:600px; margin:26px auto 0; background:var(--surface);
  border:1.5px solid var(--border-hi,var(--border)); border-radius:14px;
  box-shadow:var(--shadow-lg,0 8px 30px rgba(0,0,0,.07)); padding:12px 12px 9px; }
.ak-scope .ak-in{ display:flex; align-items:center; gap:10px; }
.ak-scope .ak-in input, .ak-scope .ak-in textarea{ flex:1; font:inherit; font-size:15px; border:0; outline:none; background:transparent;
  color:var(--text); text-align:left; padding:6px 4px; }
.ak-scope .ak-in input::placeholder, .ak-scope .ak-in textarea::placeholder{ color:var(--muted); }
/* [v1940] textarea home : retour à la ligne, hauteur qui suit (cap ~5 lignes) */
.ak-scope .ak-in textarea{ resize:none; overflow-y:auto; max-height:132px;
  line-height:1.45; padding-top:2px; scrollbar-width:thin; }
.ak-scope .ak-go{ width:34px; height:34px; border-radius:9px; background:var(--text); color:var(--bg);
  border:0; display:grid; place-items:center; cursor:pointer; flex-shrink:0; }
.ak-scope .ak-go svg{ width:16px; height:16px; }
.ak-scope .ak-go:hover{ background:var(--text-dim); }
.ak-scope .ak-foot{ display:flex; align-items:center; gap:8px; font-size:11px; color:var(--muted);
  margin-top:8px; padding:0 4px; }
.ak-scope .ak-k{ font-family:var(--mono,monospace); background:var(--s2); border:1px solid var(--border);
  border-radius:4px; padding:1px 6px; }

/* Chips de suggestions */
.ak-scope .ak-chip{ display:inline-flex; align-items:center; gap:8px; font:inherit; font-size:13px; font-weight:500;
  color:var(--text); background:var(--surface); border:1px solid var(--border); border-radius:99px;
  padding:8px 14px; cursor:pointer; }
.ak-scope .ak-chip:hover{ background:var(--s2); border-color:var(--border-hi,var(--border)); }
.ak-scope .ak-chip svg{ width:14px; height:14px; color:var(--accent); flex-shrink:0; }

/* [v1927] Strip essentiel supprimé (décision Anthony : home 100% conversation). */

@media(max-width:760px){
  .ak-scope .ak-hero{ padding:32px 16px 24px; }
  .ak-scope .ak-hero h1{ font-size:22px; }
  /* [v1965] Chips jamais croppées (retour Anthony) : passage à la ligne. */
  .ak-scope .ak-chip{ white-space:nowrap; }
}

/* ═══════════════════════════════════════════════════════════════════════
   [v1920] Fil de conversation DANS la page (mockup « handoff-ask-conversation »).
   Le chat ne vit plus dans la sidebar : hero puis thread, au même endroit.
   ═══════════════════════════════════════════════════════════════════════ */
.ak-scope .ak-chat{ display:flex; flex-direction:column; height:calc(100vh - 40px);
  /* [v1926] bleed = padding réel du shell (layout-tokens), pas un nombre magique */
  margin:0 calc(-1 * var(--shellv2-main-px, 24px)); }
.ak-scope .ak-thread{ flex:1; overflow-y:auto; max-width:660px; width:100%; margin:0 auto;
  padding:26px 24px 8px; display:flex; flex-direction:column; gap:22px; }

/* Bulle utilisateur */
/* [v1930] Bulle user GRISE (variante B validée, mock popup Margot) : c'est
   donna qui porte l'accent (avatar, cartes, callouts), pas l'agent. */
.ak-scope .ak-um{ align-self:flex-end; max-width:80%; background:var(--s3,var(--s2));
  color:var(--text); font-size:14px; font-weight:500; padding:10px 14px;
  border-radius:14px 14px 5px 14px;;
  /* [v1965b] Mise en page du message PRÉSERVÉE (sauts de ligne, listes) —
     retour Anthony « les détails font la différence ». */
  white-space:pre-wrap; }

/* Réponse donna */
.ak-scope .ak-dm{ display:flex; gap:12px; }
.ak-scope .ak-body{ flex:1; min-width:0; }
.ak-scope .ak-lead{ font-size:14px; line-height:1.55; color:var(--text); }
.ak-scope .ak-lead b{ font-weight:600; }
.ak-scope .ak-err{ color:var(--chaud,#c9455e); }
.ak-scope .ak-cards:not(:empty){ margin-top:14px; display:flex; flex-direction:column; gap:8px; }

/* Feedback + relances */
.ak-scope .ak-fb{ display:flex; align-items:center; gap:5px; margin-top:12px; color:var(--muted); }
.ak-scope .ak-fb button{ background:none; border:0; cursor:pointer; font-size:13px; line-height:1;
  padding:4px 6px; border-radius:6px; opacity:.55; }
.ak-scope .ak-fb button:hover{ background:var(--s2); opacity:1; }
.ak-scope .ak-fb button.on{ opacity:1; background:var(--s2); }


/* [v1924] Le composer-barre a disparu : un seul composer (.ak-ask), voir section v1924. */

@media(max-width:760px){
  .ak-scope .ak-chat{ margin:0 calc(-1 * var(--shellv2-main-px, 16px)); }
  .ak-scope .ak-thread{ padding:18px 16px 8px; }
}

/* ═══════════════════════════════════════════════════════════════════════
   [v1921] Mise à jour du mock : en-tête de fil + effet de profondeur (Attio).
   ═══════════════════════════════════════════════════════════════════════ */

/* Bulle user : dégradé + ombre colorée + liseré clair → elle flotte */
/* [v1930] Dégradé v1921 retiré : la bulle est grise (variante B). */

/* Halo sur l'avatar donna */

/* Cartes d'action : double ombre au repos, soulèvement au survol */
.ak-scope .ak-cards > *{ box-shadow:var(--shadow,0 1px 2px rgba(20,22,31,.05)); transition:transform .14s, box-shadow .14s; }
.ak-scope .ak-cards > *:hover{ transform:translateY(-1px);
  box-shadow:0 2px 4px rgba(20,22,31,.06), 0 10px 24px rgba(20,22,31,.1); }

/* ═══════════════════════════════════════════════════════════════════════
   [v1922] Réponses visuelles (mockup « handoff-reponse-visuelle »).
   Un pavé de texte est illisible pour un agent pressé : les objets cités
   deviennent des cartes, les données manquantes des chips cliquables.
   ═══════════════════════════════════════════════════════════════════════ */

/* Markdown rendu pour de vrai */
.ak-scope .ak-lead p{ margin:0 0 9px; }
.ak-scope .ak-lead p:last-child{ margin-bottom:0; }
.ak-scope .ak-lead .ak-h{ font-size:13.5px; font-weight:700; margin:14px 0 7px; }
.ak-scope .ak-lead ul.ak-ul, .ak-scope .ak-lead ol.ak-ol{ margin:0 0 10px; padding-left:18px; }
.ak-scope .ak-lead li{ margin:3px 0; }
.ak-scope .ak-lead code{ font-family:var(--mono,monospace); font-size:12.5px; background:var(--s2);
  border:1px solid var(--border); border-radius:5px; padding:1px 5px; }

/* Carte bien */
.ak-scope .ak-pcard{ display:flex; align-items:center; gap:14px; background:var(--bg);
  border:1px solid var(--border); border-radius:var(--radius-lg,12px); padding:13px 15px;
  margin:14px 0; cursor:pointer; box-shadow:var(--shadow,0 1px 2px rgba(20,22,31,.05));
  transition:transform .14s, box-shadow .14s; }
.ak-scope .ak-pcard:hover{ transform:translateY(-1px);
  box-shadow:0 2px 4px rgba(20,22,31,.06), 0 10px 24px rgba(20,22,31,.1); }
.ak-scope .ak-pi{ width:36px; height:36px; border-radius:10px; display:grid; place-items:center;
  background:var(--accent-dim,color-mix(in srgb,var(--accent) 11%,transparent)); color:var(--accent); flex-shrink:0; }
.ak-scope .ak-pi svg{ width:16px; height:16px; }
.ak-scope .ak-pb{ flex:1; min-width:0; }
.ak-scope .ak-pn{ font-size:13.5px; font-weight:600; }
.ak-scope .ak-pm{ font-size:11.5px; color:var(--muted); margin-top:2px; font-family:var(--mono,monospace); }
.ak-scope .ak-badge{ font-size:10.5px; font-weight:600; padding:3px 8px; border-radius:99px;
  background:var(--s2); color:var(--text-dim); white-space:nowrap; }

/* Callout « il me manque des infos » — ambre = attention */
.ak-scope .ak-need{ border:1px solid color-mix(in srgb,var(--tiede,#c08a2e) 30%,transparent);
  background:color-mix(in srgb,var(--tiede,#c08a2e) 7%,transparent);
  border-radius:var(--radius-lg,12px); padding:14px; margin:14px 0; }
.ak-scope .ak-nh{ display:flex; align-items:center; gap:8px; font-size:12.5px; font-weight:700;
  color:var(--tiede,#c08a2e); margin-bottom:11px; }
.ak-scope .ak-nh svg{ width:15px; height:15px; flex-shrink:0; }
.ak-scope .ak-nrow{ display:flex; gap:9px; }
.ak-scope .ak-chipq{ flex:1; display:flex; align-items:center; gap:9px; background:var(--surface);
  border:1px solid var(--border); border-radius:var(--radius,8px); padding:10px 12px; cursor:pointer;
  font:inherit; color:var(--text); text-align:left; }
.ak-scope .ak-chipq:hover{ border-color:var(--tiede,#c08a2e); }
.ak-scope .ak-qi{ width:26px; height:26px; border-radius:7px; display:grid; place-items:center;
  background:var(--s2); color:var(--text-dim); flex-shrink:0; }
.ak-scope .ak-qi svg{ width:13px; height:13px; }
.ak-scope .ak-qb{ display:flex; flex-direction:column; min-width:0; }
.ak-scope .ak-ql{ font-size:12.5px; font-weight:600; }
/* [v2135] boîtes « infos manquantes » éditables + bouton Envoyer */
.ak-scope .ak-chipq{ align-items:flex-start; cursor:text; }
.ak-scope .ak-qb{ flex:1; }
.ak-scope .ak-qinput{ width:100%; border:0; padding:2px 0 0; margin:0; background:transparent;
  font:inherit; font-size:11px; color:var(--text); outline:none; }
.ak-scope .ak-qinput::placeholder{ color:var(--muted); }
.ak-scope .ak-chipq.filled{ border-color:#2f9e5f; background:color-mix(in srgb,#2f9e5f 7%,var(--surface)); }
.ak-scope .ak-chipq.filled .ak-qi{ background:color-mix(in srgb,#2f9e5f 16%,transparent); color:#2f9e5f; }
.ak-scope .ak-nfoot{ display:flex; justify-content:flex-end; margin-top:12px; }
.ak-scope .ak-nsend{ display:inline-flex; align-items:center; gap:7px; border:0; cursor:pointer;
  background:var(--text); color:var(--surface); font:inherit; font-size:12.5px; font-weight:600;
  padding:8px 15px; border-radius:var(--radius,8px); transition:opacity .15s; }
.ak-scope .ak-nsend svg{ width:15px; height:15px; }
.ak-scope .ak-nsend:disabled{ opacity:.38; cursor:default; }
.ak-scope .ak-nsend:not(:disabled):hover{ opacity:.88; }
.ak-scope .ak-nsend.is-sent{ background:color-mix(in srgb,#2f9e5f 14%,transparent); color:#2f9e5f; opacity:1; }

/* Callout recommandation — violet = donna */
.ak-scope .ak-reco{ display:flex; gap:11px; background:var(--accent-dim,color-mix(in srgb,var(--accent) 11%,transparent));
  border:1px solid color-mix(in srgb,var(--accent) 22%,transparent); border-radius:var(--radius-lg,12px);
  padding:14px; margin:14px 0; font-size:13px; line-height:1.5; }
.ak-scope .ak-rh{ color:var(--accent); flex-shrink:0; }
.ak-scope .ak-rh svg{ width:16px; height:16px; }

@media(max-width:760px){
  .ak-scope .ak-nrow{ flex-direction:column; }
  .ak-scope .ak-pcard{ flex-wrap:wrap; }
}

/* ═══════════════════════════════════════════════════════════════════════
   [v1923] Kit de blocs « donna IA » + chat animé (handoff Margot
   « handoff-donna-ia »). Zéro couleur en dur : tokens des 4 thèmes.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Transition hero → conversation ── */

/* ── Rise : les nouveaux messages « montent » ── */
@keyframes akrise{ from{ opacity:0; transform:translateY(26px); } to{ opacity:1; transform:none; } }
.ak-scope .ak-rise{ animation:akrise .55s cubic-bezier(.2,.7,.3,1) both; }

/* Dots de frappe en transparence pendant le chargement */
.ak-scope .ak-dm.ak-loading{ opacity:.45; transition:opacity .5s ease; }

/* Scroll fluide du fil */
.ak-scope .ak-thread{ scroll-behavior:smooth; }

/* ── Suites dynamiques sous le composer : 3 max, une ligne, centrées ── */
.ak-scope .ak-csugg{ display:flex; flex-wrap:nowrap; gap:9px; justify-content:center;
  max-width:660px; margin:11px auto 0; overflow:hidden; min-height:0; }
.ak-scope .ak-csugg:empty{ margin:0; }
/* [b2272] « inline mais pas croppe » (Anthony). Deux verrous se cumulaient :
   l'ellipse sur la chip elle-meme (flex-shrink:1 -> elle se compressait) ET la
   colonne bornee a 660px, qui coupait la 3e chip. Les chips gardent leur
   libelle ENTIER (flex-shrink:0, plus d'ellipse) et la rangee peut depasser la
   largeur du composer — le scroll horizontal reste le repli sur petit ecran. */

/* ── Liseré des cartes entité ── */
.ak-scope .ak-stripe{ width:3px; align-self:stretch; border-radius:99px;
  background:var(--accent); flex-shrink:0; }
.ak-scope .ak-chv{ color:var(--muted); flex-shrink:0; display:grid; place-items:center; }
.ak-scope .ak-chv svg{ width:15px; height:15px; }

/* ── Carte client (ecard) — même gabarit que la carte bien ── */
.ak-scope .ak-ccard{ display:flex; align-items:center; gap:13px; background:var(--bg);
  border:1px solid var(--border); border-radius:var(--radius-lg,12px); padding:12px 14px;
  margin:14px 0; box-shadow:var(--shadow,0 1px 2px rgba(20,22,31,.05));
  transition:transform .14s, box-shadow .14s, border-color .14s; }
.ak-scope .ak-ccard[data-ak-client]{ cursor:pointer; }
.ak-scope .ak-ccard[data-ak-client]:hover{ transform:translateY(-1px);
  border-color:var(--border-hi,var(--border));
  box-shadow:0 2px 4px rgba(20,22,31,.06), 0 10px 24px rgba(20,22,31,.1); }
.ak-scope .ak-cav{ width:36px; height:36px; border-radius:10px; display:grid; place-items:center;
  font-size:12.5px; font-weight:700; color:#fff; flex-shrink:0; }
.ak-scope .ak-pm2{ font-size:11.5px; color:var(--muted); margin-top:2px; }
.ak-scope .ak-ctag{ font-size:10px; font-weight:700; padding:3px 9px; border-radius:99px; white-space:nowrap; }
.ak-scope .ak-t-hot{ color:var(--chaud,#d64560); background:color-mix(in srgb,var(--chaud,#d64560) 13%,transparent); }
.ak-scope .ak-t-warm{ color:var(--tiede,#c08a2e); background:color-mix(in srgb,var(--tiede,#c08a2e) 13%,transparent); }
.ak-scope .ak-t-acc{ color:var(--accent); background:var(--accent-dim,color-mix(in srgb,var(--accent) 11%,transparent)); }

/* ── Liste d'entités (estack) ── */
.ak-scope .ak-stack{ border:1px solid var(--border); border-radius:var(--radius-lg,12px);
  overflow:hidden; margin:14px 0; background:var(--surface); }
.ak-scope .ak-sr{ display:flex; align-items:center; gap:11px; padding:10px 13px; }
.ak-scope .ak-sr + .ak-sr{ border-top:1px solid var(--border); }
/* [v1973] Affordance de clic UNIFIÉE (retour Anthony : « même moi j'avais
   pas vu que c'était cliquable ») : fond + glissement léger + le nom passe
   accent — clients, biens ET leads, listes comme cards. */
.ak-scope .ak-sr[data-ak-client], .ak-scope .ak-sr[data-ak-bien], .ak-scope .ak-sr[data-ak-lead]{
  cursor:pointer; transition:background .14s, transform .14s; }
.ak-scope .ak-sr[data-ak-client]:hover, .ak-scope .ak-sr[data-ak-bien]:hover, .ak-scope .ak-sr[data-ak-lead]:hover{
  background:var(--s2); transform:translateX(2px); }
.ak-scope .ak-sr[data-ak-client]:hover .ak-sn, .ak-scope .ak-sr[data-ak-bien]:hover .ak-sn, .ak-scope .ak-sr[data-ak-lead]:hover .ak-sn{
  color:var(--accent); }
.ak-scope .ak-sav{ width:30px; height:30px; border-radius:8px; display:grid; place-items:center;
  font-size:10.5px; font-weight:700; color:#fff; flex-shrink:0; }
.ak-scope .ak-savb{ background:var(--accent-dim,color-mix(in srgb,var(--accent) 11%,transparent)); color:var(--accent); }
.ak-scope .ak-savb svg{ width:14px; height:14px; }
.ak-scope .ak-sb{ flex:1; min-width:0; }
.ak-scope .ak-sn{ font-size:13px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ak-scope .ak-sm{ font-size:11px; color:var(--muted); margin-top:1px;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ak-scope .ak-sv{ font-family:var(--mono,monospace); font-size:11.5px; font-weight:600;
  color:var(--text-dim); flex-shrink:0; }

/* ── Callout à 3 tons — .ak-reco existant = ton violet, tons warn/ok ── */
.ak-scope .ak-reco.ak-tone-warn{ background:color-mix(in srgb,var(--tiede,#c08a2e) 8%,transparent);
  border-color:color-mix(in srgb,var(--tiede,#c08a2e) 28%,transparent); }
.ak-scope .ak-reco.ak-tone-warn .ak-rh{ color:var(--tiede,#c08a2e); }
.ak-scope .ak-reco.ak-tone-ok{ background:var(--green-dim,color-mix(in srgb,var(--green,#22a06b) 12%,transparent));
  border-color:color-mix(in srgb,var(--green,#22a06b) 26%,transparent); }
.ak-scope .ak-reco.ak-tone-ok .ak-rh{ color:var(--green,#22a06b); }

/* ── Stats (chiffres clés) ── */
.ak-scope .ak-stats{ display:grid; gap:10px; margin:14px 0; }
.ak-scope .ak-stat{ background:var(--bg); border:1px solid var(--border);
  border-radius:var(--radius-lg,12px); padding:12px 14px; min-width:0; }
.ak-scope .ak-sv2{ font-family:var(--mono,monospace); font-size:20px; font-weight:600; letter-spacing:-.01em; }
.ak-scope .ak-sk{ font-size:11px; color:var(--muted); margin-top:2px; }
.ak-scope .ak-sd{ font-size:10.5px; font-weight:600; margin-top:4px; }
.ak-scope .ak-sd.ak-up{ color:var(--green,#22a06b); }
.ak-scope .ak-sd.ak-dn{ color:var(--chaud,#d64560); }

/* ── Tableau comparatif ── */
.ak-scope .ak-ctab{ border:1px solid var(--border); border-radius:var(--radius-lg,12px);
  overflow:hidden; margin:14px 0; font-size:12.5px; background:var(--surface); }
.ak-scope .ak-ctr{ display:grid; }
.ak-scope .ak-ctr + .ak-ctr{ border-top:1px solid var(--border); }
.ak-scope .ak-cth{ background:var(--s2); font-weight:700; font-size:11px;
  text-transform:uppercase; letter-spacing:.03em; color:var(--muted); }
.ak-scope .ak-cc{ padding:9px 13px; min-width:0; overflow:hidden; text-overflow:ellipsis; }
.ak-scope .ak-cc + .ak-cc{ border-left:1px solid var(--border); }
.ak-scope .ak-cmono{ font-family:var(--mono,monospace); font-weight:600; }
.ak-scope .ak-best{ color:var(--green,#22a06b); }

/* ── Timeline ── */
.ak-scope .ak-tline{ margin:14px 0 8px; padding-left:6px; }
.ak-scope .ak-tev{ display:flex; gap:11px; padding-bottom:13px; position:relative; }
.ak-scope .ak-tev:not(:last-child)::before{ content:''; position:absolute; left:4px; top:14px;
  bottom:0; width:1.5px; background:var(--border); }
.ak-scope .ak-td{ width:9px; height:9px; border-radius:50%; background:var(--accent);
  flex-shrink:0; margin-top:3px; z-index:1; }
.ak-scope .ak-tev.ak-done .ak-td{ background:var(--green,#22a06b); }
.ak-scope .ak-tev.ak-next .ak-td{ background:var(--surface); border:2px solid var(--accent); }
.ak-scope .ak-tt{ font-size:13px; font-weight:600; }
.ak-scope .ak-tm{ font-size:11.5px; color:var(--muted); margin-top:1px; }

/* ── Relance WhatsApp / SMS ── */
.ak-scope .ak-wa{ background:var(--bg); border:1px solid var(--border);
  border-radius:var(--radius-lg,12px); margin:14px 0; overflow:hidden; }
.ak-scope .ak-wah{ display:flex; align-items:center; gap:9px; padding:9px 13px;
  border-bottom:1px solid var(--border); }
.ak-scope .ak-waic{ width:22px; height:22px; border-radius:6px; background:#25D366;
  display:grid; place-items:center; flex-shrink:0; color:#fff; }
.ak-scope .ak-waic svg{ width:14px; height:14px; }
.ak-scope .ak-wan{ font-size:12.5px; font-weight:600; }
.ak-scope .ak-wam{ font-size:11px; color:var(--muted); }
.ak-scope .ak-wabody{ padding:13px; }
.ak-scope .ak-bubble{ background:color-mix(in srgb,#25D366 12%,var(--surface));
  border:1px solid color-mix(in srgb,#25D366 24%,transparent); border-radius:12px 12px 12px 4px;
  padding:10px 13px; font-size:13px; line-height:1.5; color:var(--text); max-width:90%; outline:none; }
.ak-scope .ak-bubble[contenteditable="true"]{ border-style:dashed; }
.ak-scope .ak-waft{ display:flex; flex-wrap:wrap; gap:8px; padding:0 13px 13px; }
.ak-scope .ak-wabtn{ display:inline-flex; align-items:center; gap:7px; font:inherit;
  font-size:12.5px; font-weight:600; padding:9px 14px; border-radius:var(--radius,8px);
  cursor:pointer; border:0; background:#25D366; color:#fff; }
.ak-scope .ak-wabtn svg{ width:14px; height:14px; }
.ak-scope .ak-wabtn.ak-alt{ background:var(--surface); color:var(--text); border:1px solid var(--border); }
.ak-scope .ak-wabtn.ak-alt:hover{ background:var(--s2); }

@media(max-width:760px){
  .ak-scope .ak-csugg{ overflow-x:auto; justify-content:flex-start; scrollbar-width:none; }
  .ak-scope .ak-csugg::-webkit-scrollbar{ display:none; }
    .ak-scope .ak-waft .ak-wabtn{ flex:1; justify-content:center; }
}

/* ═══════════════════════════════════════════════════════════════════════
   [v1924] Un seul composer (proto Margot) : la carte flottante de l'accueil
   sert aussi en conversation, posée dans un dock avec fondu vers le fil.
   Chips du dock = style accueil. Feedback en SVG.
   ═══════════════════════════════════════════════════════════════════════ */
.ak-scope .ak-dockw{ flex-shrink:0; padding:10px 24px 16px;
  background:linear-gradient(to top, var(--bg) 74%, transparent); }
.ak-scope .ak-ask2{ margin:0 auto; }
.ak-scope .ak-csugg .ak-fup2{ animation:akrise .35s cubic-bezier(.2,.7,.3,1) both;
  white-space:nowrap; min-width:auto; flex-shrink:0; }   /* [b2272] plus d'ellipse */
.ak-scope .ak-fup2 span{ overflow:visible; text-overflow:clip; }
.ak-scope .ak-fbl{ font-size:11.5px; color:var(--muted); margin-right:3px; }
.ak-scope .ak-fb button svg{ width:14px; height:14px; }
.ak-scope .ak-fb button{ color:var(--muted); width:26px; height:26px;
  display:grid; place-items:center; padding:0; }
.ak-scope .ak-fb button:hover, .ak-scope .ak-fb button.on{ color:var(--text); }

@media(max-width:760px){
  .ak-scope .ak-dockw{ padding:8px 16px 12px; }
}

/* ═══════════════════════════════════════════════════════════════════════
   [v1925] Sans header : « Recommencer » flottant en bas à droite (mock
   Margot), avatar donna officiel, masquage de la barre d'onglets ici.
   Les styles du header (.ak-chd/.ak-ct/.ak-newc) restent : coût nul, et le
   retour arrière est probable tant que Margot itère sur cette page.
   ═══════════════════════════════════════════════════════════════════════ */
/* [b2264] Recommencer etait rogne par le bas du conteneur et l'historique
   colle a l'angle. On les ecarte des bords ; le composer gagne la marge
   correspondante plus bas pour qu'ils ne se chevauchent pas. */
/* [b2266] etait en position:absolute dans un conteneur plus large que la zone
   visible -> le bouton partait hors ecran et se retrouvait rogne. Ancre au
   VIEWPORT : il est toujours visible, quelle que soit la largeur du conteneur. */
.ak-scope .ak-restart{ position:fixed; right:26px; bottom:26px; z-index:30;
  display:inline-flex; align-items:center; gap:8px; font:inherit; font-size:13px;
  font-weight:600; color:var(--text); background:var(--bg); border:1px solid var(--border);
  border-radius:999px; padding:9px 16px; cursor:pointer;
  box-shadow:0 2px 6px rgba(20,22,31,.08), 0 10px 28px rgba(20,22,31,.12); }
.ak-scope .ak-restart svg{ width:14px; height:14px; color:var(--muted); }
.ak-scope .ak-restart:hover{ border-color:var(--border-hi,var(--border)); transform:translateY(-1px); }
.ak-scope .ak-chat{ position:relative; }

/* Le SVG donna (viewBox 40) respire un peu plus que l'ancienne étoile */

/* La barre d'onglets flottante n'a pas sa place sur l'espace de conversation */
body.ak-on-accueil #donna-open-tabs{ display:none !important; }

@media(max-width:760px){
  /* Sur mobile le coin bas-droit est déjà dense : icône seule */
  .ak-scope .ak-restart{ right:14px; bottom:76px; padding:10px; }
  .ak-scope .ak-restart span{ display:none; }
}

/* ═══════════════════════════════════════════════════════════════════════
   [v1926] Centrage réel + titre/historique + Recommencer discret + air
   entre composer et suggestions (retours captures Anthony).
   ═══════════════════════════════════════════════════════════════════════ */

/* Une SEULE largeur de colonne : le composer (600px à l'accueil) passe à
   660px en conversation pour s'aligner sur le fil et les suggestions —
   c'était le « pas centré » : trois largeurs différentes empilées. */
.ak-scope .ak-ask2{ max-width:660px; }

/* La scrollbar du fil ne doit pas décaler le contenu par rapport au composer */
.ak-scope .ak-thread{ scrollbar-gutter:stable both-edges; }

/* ── Titre discret + historique (style Claude) ── */
/* [b2274] Le pill « Conversations » collait le bord gauche : meme cause que le
   menu (b2272) — .ak-chat deborde de -var(--shellv2-main-px), donc left:24px
   le posait pile sur le bord de la colonne. On le rentre de 10px, exactement
   comme le menu qu'il ouvre : les deux sont desormais alignes. */
.ak-scope .ak-title{ position:absolute; top:16px;
  left:calc(var(--shellv2-main-px, 24px) + 10px); z-index:31;
  display:inline-flex; align-items:center; gap:5px; max-width:200px;  /* [v1981] croppé — 300px débordait sur le chat (capture) */
  font-size:12px; font-weight:600; color:var(--muted); cursor:pointer;
  padding:6px 10px; border-radius:9px; user-select:none; }
.ak-scope .ak-title:hover{ background:var(--s2); color:var(--text); }
.ak-scope .ak-ttxt{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ak-scope .ak-title svg{ width:11px; height:11px; transform:rotate(90deg); flex-shrink:0; opacity:.7; }
/* [b2272] L'HISTORIQUE COLLAIT LE BORD GAUCHE. .ak-chat deborde de
   -var(--shellv2-main-px) : un `left:18px` mesure depuis ce bord DEBORDE, donc
   le menu tombait 6px A GAUCHE de la colonne de contenu, contre la sidebar.
   On le repositionne DANS la colonne (+10px), comme le pill qui l'ouvre. */
.ak-scope .ak-hmenu{ position:absolute; top:44px;
  left:calc(var(--shellv2-main-px, 24px) + 10px); z-index:32; width:300px;
  max-height:52vh; overflow-y:auto; background:var(--bg); border:1px solid var(--border);
  border-radius:var(--radius-lg,12px); padding:5px;
  box-shadow:0 4px 10px rgba(20,22,31,.08), 0 18px 44px rgba(20,22,31,.16);
  animation:akrise .22s cubic-bezier(.2,.7,.3,1) both; }
.ak-scope .ak-hitem{ display:flex; align-items:center; gap:8px; padding:8px 10px;
  border-radius:8px; cursor:pointer; }
.ak-scope .ak-hitem:hover{ background:var(--s2); }
.ak-scope .ak-hb{ flex:1; min-width:0; }
.ak-scope .ak-ht{ font-size:12.5px; font-weight:600; color:var(--text);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ak-scope .ak-hd{ font-size:10.5px; color:var(--muted); margin-top:1px; }
.ak-scope .ak-hx{ width:20px; height:20px; border:0; background:transparent; color:var(--muted);
  font-size:15px; line-height:1; border-radius:5px; cursor:pointer; opacity:0; flex-shrink:0;
  display:grid; place-items:center; padding:0; }
.ak-scope .ak-hitem:hover .ak-hx{ opacity:.7; }
.ak-scope .ak-hx:hover{ opacity:1 !important; background:var(--s3,var(--s2)); color:var(--text); }
.ak-scope .ak-hempty{ padding:14px 12px; font-size:12px; color:var(--muted); text-align:center; }

/* ── Recommencer : plus petit, plus bas (mock Margot) ── */
/* [b2272] Anthony : trop colle au bord droit et trop bas — il touchait
   presque l'angle. On le decolle des deux cotes (28/26) : il flotte au lieu
   d'etre encastre. */
.ak-scope .ak-restart{ right:28px; bottom:26px; padding:7px 13px; font-size:12px; gap:6px;
  box-shadow:0 1px 3px rgba(20,22,31,.07), 0 6px 18px rgba(20,22,31,.09); }
.ak-scope .ak-restart svg{ width:12px; height:12px; }

/* ── Suggestions : plus petites, plus d'air avec la zone de texte ── */
.ak-scope .ak-csugg{ margin-top:18px; gap:8px; }
.ak-scope .ak-csugg .ak-chip{ font-size:12px; padding:7px 12px; }
.ak-scope .ak-csugg .ak-chip svg{ width:12px; height:12px; }

@media(max-width:760px){
  .ak-scope .ak-title{ top:8px; left:10px; max-width:220px; }
  .ak-scope .ak-hmenu{ left:10px; right:10px; width:auto; }
  .ak-scope .ak-restart{ right:12px; bottom:70px; }
}

/* ═══════════════════════════════════════════════════════════════════════
   [v1928] SQUELETTE PERSISTANT : un seul DOM, deux modes qui MORPHENT.
   Le composer ne se démonte jamais — l'envoi ne « change plus de page ».
   ═══════════════════════════════════════════════════════════════════════ */
/* Espaceurs : compressés en conversation, déployés au hero (flex animable) */
.ak-scope .ak-sp1, .ak-scope .ak-sp2{ flex:0 0 0px; min-height:0;
  transition:flex-grow .5s cubic-bezier(.4,0,.2,1); }
.ak-scope .ak-mode-hero .ak-sp1{ flex-grow:1; }
.ak-scope .ak-mode-hero .ak-sp2{ flex-grow:1.25; }

/* Hero repliable : hauteur + opacité + translation, sans démontage */
.ak-scope .ak-hero{ flex:0 0 auto; overflow:hidden; max-height:340px;
  padding:0 28px 6px;
  transition:opacity .32s ease, transform .42s cubic-bezier(.4,0,.2,1),
    max-height .48s cubic-bezier(.4,0,.2,1), padding .48s cubic-bezier(.4,0,.2,1); }
.ak-scope .ak-mode-conv .ak-hero{ opacity:0; transform:translateY(-28px);
  max-height:0; padding-top:0; padding-bottom:0; pointer-events:none; }

/* Fil : absent au hero, plein cadre en conversation */
.ak-scope .ak-mode-hero .ak-thread{ flex:0 0 0px; overflow:hidden;
  padding-top:0; padding-bottom:0; }
.ak-scope .ak-mode-conv .ak-thread{ flex:1 1 auto; }
.ak-scope .ak-thread{ transition:flex-grow .5s cubic-bezier(.4,0,.2,1); }

/* Titre + Recommencer : présents seulement en conversation (fondu) */
.ak-scope .ak-title, .ak-scope .ak-restart{ transition:opacity .3s ease .15s; }
/* [v1965] Le sélecteur de conversations reste ACCESSIBLE au hero (retour
   Anthony) — seul Recommencer n'a pas de sens sans conversation. */
.ak-scope .ak-mode-hero .ak-restart{ opacity:0; pointer-events:none; }

/* Composer : 600px au hero, 660px en conversation — le morph fait le lien */
.ak-scope .ak-ask2{ transition:max-width .48s cubic-bezier(.4,0,.2,1); }
.ak-scope .ak-mode-hero .ak-ask2{ max-width:600px; }

/* Les chips d'accueil peuvent replier sur 2 lignes au hero (comme avant) */
/* [v1999] Chips (propositions de prompt) sur UNE seule ligne au hero (retour
   Anthony), cropées à l'ellipse si trop longues — comme les bulles Reprendre. */
.ak-scope .ak-mode-hero .ak-csugg{ flex-wrap:nowrap; overflow:hidden; }
.ak-scope .ak-chip{ min-width:0; }
.ak-scope .ak-chip-t{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; }

/* Dropdown historique : classe cachée (toggle sans re-render) */
.ak-scope .ak-hmenu.ak-hidden{ display:none; }

@media(max-width:760px){
  .ak-scope .ak-hero{ max-height:300px; }
}

/* ═══════════════════════════════════════════════════════════════════════
   [v1991] ACCUEIL VIVANT (handoff Margot donna__21). Mot de donna + bulles
   Reprendre + cartes proactives. Masqué en conversation.
   ═══════════════════════════════════════════════════════════════════════ */
/* Mot de donna : briefing chaleureux sous le titre, chiffres en gras. */
.ak-scope .ak-word{ max-width:560px; text-align:center; font-size:14.5px; line-height:1.6;
  color:var(--text-dim); margin-top:10px; }
.ak-scope .ak-word b{ color:var(--text); font-weight:600; }

/* Bloc vivant : frère de ak-chat, coule SOUS le premier écran (chat centré),
   révélé au scroll. Masqué en conversation via JS (_syncMode). */
.ak-scope .ak-vivant{ position:relative; width:100%; max-width:620px; margin:0 auto; padding:12px 24px 0; }
.ak-scope .ak-vivant:empty{ display:none; }
/* [v2008] Fini l'espace mort composer↔infos (retour Anthony « ça sert à rien »).
   Avant : ak-chat plein écran (composer centré) + vivant remonté de -190px → un
   trou entre les deux. Maintenant : ak-chat en hauteur AUTO avec un offset haut
   fixe, le vivant coule JUSTE sous les chips. */
/* [v2016] Composer CENTRÉ verticalement (retour Anthony « CENTRE MOI CETTE ZONE »).
   Le vivant (Reprendre) est désormais DANS ak-chat → le bloc hero+composer+chips+
   Reprendre se centre via les spacers sp1/sp2 (base flex-grow). On retire les
   overrides height:auto / sp fixes du b2008-b2014 qui bloquaient le centrage. */
.ak-scope .ak-vivant{ margin-top:2px; }
/* [v1999] Voile retiré : sur le fond grisé il faisait une boîte blanche (il se
   posait sur du vide, pas sur du contenu comme le dock S3). Le contenu qui
   dépasse est propre sans lui. */

/* [v2001] Piste A : le canvas global est maintenant --bg (#f7f8fa) partout, donc
   plus besoin du color-mix spécifique — on aligne l'accueil sur le même token
   (paint défensif du conteneur de scroll pour garantir zéro bordure blanche). */
body.ak-on-accueil .shellv2-main{ background:var(--bg); }
/* [b2274] BANDE BLANCHE EN BAS — COUPABLE NOMME PAR L'INSPECTEUR D'ANTHONY.
   sidebar-margot.css l.190 (b2169, « contenu en fond BLANC, navbar en gris ») :
       body.shell-v2-on #shellv2-main,
       body.shell-v2-on .shellv2-main{ background: var(--surface) !important; }
   Un `!important` ne se bat pas a la specificite : ma regle b2272 (0,2,1) etait
   ecrasee quelle que soit sa forme. Le fond gris de l'accueil ne tenait donc
   que sur #page-accueil, haut de calc(100vh - 40px) -> les 40px restants
   laissaient voir le blanc de .shellv2-main. On repasse par-dessus avec un
   !important ET une specificite superieure (2 classes sur body + la sienne),
   uniquement sous l'accueil : le reste du CRM garde son contenu blanc. */
html:has(> body.ak-on-accueil), body.ak-on-accueil,
body.ak-on-accueil .shellv2-root,
body.ak-on-accueil #page-accueil{ background:var(--bg); }
body.ak-on-accueil.shell-v2-on #shellv2-main,
body.ak-on-accueil.shell-v2-on .shellv2-main{ background:var(--bg) !important; }

/* [v2000] « Conversations » (haut-gauche) : position:fixed le collait au bord
   VIEWPORT → il passait sur le logo donna de la sidebar. position:sticky le
   place dans la ZONE DE CONTENU (après la sidebar) et le garde visible au scroll.
   Marge négative pour ne pas décaler le centrage du composer. */
.ak-scope .ak-chat.ak-mode-hero .ak-title{ position:sticky; top:12px; align-self:flex-start;
  /* [b2274] meme retrait qu'en conversation (le bleed de .ak-chat s'applique
     aussi ici : 18px depuis le bord deborde = 6px A GAUCHE de la colonne). */
  margin:12px 0 -34px calc(var(--shellv2-main-px, 24px) + 10px); }
/* [v1998] On NE touche PLUS à la hauteur de ak-chat : le composer garde le
   centrage b1995 (validé). C'est UNIQUEMENT le bloc du dessous qui remonte
   (margin-top négative ci-dessous), pas le chat. */
/* [v1994] Le dégradé du dock (fondu du fil sous le composer) n'a de sens qu'en
   conversation. En hero il posait un voile blanc sur ce qui suit → on le coupe. */
.ak-scope .ak-mode-hero .ak-dockw{ background:none; }

/* Reprendre : label + bulles compactes (reprise 1 clic) — UNE seule ligne,
   cropées à l'ellipse si trop longues (retour Anthony). */
.ak-scope .ak-resume{ display:flex; align-items:center; gap:8px; flex-wrap:nowrap; overflow:hidden; margin-top:16px; }
.ak-scope .ak-rl{ font-size:11px; font-weight:700; text-transform:uppercase;
  letter-spacing:.05em; color:var(--muted); flex-shrink:0; }
.ak-scope .ak-rb{ display:inline-flex; align-items:center; gap:7px; font:inherit;
  font-size:12.5px; font-weight:500; color:var(--text-dim); background:var(--surface);
  border:1px solid var(--border); border-radius:99px; padding:7px 12px; cursor:pointer;
  flex:0 1 auto; min-width:0; transition:background .14s, border-color .14s, color .14s; }
.ak-scope .ak-rb:hover{ background:var(--s2); border-color:var(--border-hi,var(--border)); color:var(--text); }
.ak-scope .ak-rb svg{ width:13px; height:13px; color:var(--muted); flex-shrink:0; }
.ak-scope .ak-rb-t{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; }

/* Donna te suggère : entête + cartes proactives. */
.ak-scope .ak-pc{ display:flex; align-items:center; gap:13px; width:100%; text-align:left;
  background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg);
  padding:13px 15px; cursor:pointer; box-shadow:var(--shadow); font:inherit;
  transition:transform .15s, box-shadow .15s, border-color .15s; }
.ak-scope .ak-pc:hover{ transform:translateY(-1px); border-color:var(--border-hi,var(--border));
  box-shadow:0 8px 20px rgba(20,22,31,.08); }
.ak-scope .ak-pic{ width:38px; height:38px; border-radius:10px; display:grid; place-items:center; flex-shrink:0; }
.ak-scope .ak-pic svg{ width:18px; height:18px; }
.ak-scope .ak-pic-hot{ background:color-mix(in srgb,var(--chaud) 13%,transparent); color:var(--chaud); }
.ak-scope .ak-pic-warn{ background:color-mix(in srgb,var(--tiede) 13%,transparent); color:var(--tiede); }
.ak-scope .ak-pic-acc{ background:var(--accent-dim,rgba(107,92,245,.1)); color:var(--accent); }
.ak-scope .ak-pcb{ flex:1; min-width:0; }
.ak-scope .ak-pct{ display:block; font-size:14px; font-weight:600; letter-spacing:-.01em; color:var(--text);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ak-scope .ak-pcm{ display:block; font-size:12px; color:var(--muted); margin-top:2px;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ak-scope .ak-pcd{ font-size:11px; font-weight:600; font-family:var(--mono,'JetBrains Mono',monospace);
  padding:3px 9px; border-radius:99px; white-space:nowrap; flex-shrink:0; }
.ak-scope .ak-pcd-hot{ color:var(--chaud); background:color-mix(in srgb,var(--chaud) 12%,transparent); }
.ak-scope .ak-pcd-warn{ color:var(--tiede); background:color-mix(in srgb,var(--tiede) 12%,transparent); }
.ak-scope .ak-pcd-acc{ color:var(--accent); background:var(--accent-dim,rgba(107,92,245,.1)); }
.ak-scope .ak-pchev{ color:var(--muted); flex-shrink:0; display:grid; place-items:center; }
.ak-scope .ak-pchev svg{ width:16px; height:16px; }

@media(max-width:620px){ .ak-scope .ak-vivant{ max-width:100%; } }

/* ═══════════════════════════════════════════════════════════════════════
   [v1993] CARTE ESTIMATION DVF (bloc donna:estimation, design Margot donna__22).
   ═══════════════════════════════════════════════════════════════════════ */
.ak-scope .est{ background:var(--surface); border:1px solid var(--border); border-radius:12px; overflow:hidden; box-shadow:var(--shadow); margin:4px 0 2px; }
.ak-scope .est-hd{ display:flex; align-items:flex-start; gap:12px; padding:15px 17px 14px; border-bottom:1px solid var(--border); }
.ak-scope .est-thumb{ width:44px; height:44px; border-radius:10px; background:var(--s2); color:var(--muted); display:grid; place-items:center; flex-shrink:0; }
.ak-scope .est-thumb svg{ width:22px; height:22px; }
.ak-scope .est-hb{ flex:1; min-width:0; }
.ak-scope .est-eyebrow{ font-size:10px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:var(--accent); display:flex; align-items:center; gap:5px; }
.ak-scope .est-eyebrow svg{ width:12px; height:12px; }
.ak-scope .est-adr{ font-size:15.5px; font-weight:800; color:var(--text); letter-spacing:-.01em; margin:4px 0 2px; }
.ak-scope .est-sub{ font-size:12px; color:var(--muted); display:flex; gap:8px; flex-wrap:wrap; }
.ak-scope .est-d{ color:var(--border-hi,var(--border)); }
.ak-scope .est-hero{ padding:19px 17px 8px; text-align:center; }
.ak-scope .est-big{ font-family:var(--mono,monospace); font-size:33px; font-weight:700; color:var(--text); letter-spacing:-1px; line-height:1; }
.ak-scope .est-m2h{ font-size:12px; color:var(--muted); margin-top:6px; }
.ak-scope .est-m2h b{ color:var(--text-dim); font-weight:700; font-family:var(--mono,monospace); }
.ak-scope .est-range{ padding:16px 17px 18px; }
.ak-scope .est-track{ position:relative; height:6px; border-radius:99px; background:var(--s3,var(--s2)); margin-bottom:9px; }
.ak-scope .est-fill{ position:absolute; inset:0; border-radius:99px; background:color-mix(in srgb,var(--accent) 26%,transparent); }
.ak-scope .est-pt{ position:absolute; top:50%; width:15px; height:15px; border-radius:50%; background:var(--surface); border:3px solid var(--accent); transform:translate(-50%,-50%); box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 45%,transparent); }
.ak-scope .est-ends{ display:flex; justify-content:space-between; font-family:var(--mono,monospace); font-size:11px; }
.ak-scope .est-ends .e{ color:var(--muted); }
.ak-scope .est-ends .e b{ color:var(--text-dim); font-weight:600; display:block; font-size:12.5px; }
.ak-scope .est-ends .e.r{ text-align:right; }
.ak-scope .est-adj{ padding:13px 17px; border-top:1px solid var(--border); display:flex; flex-wrap:wrap; gap:7px; align-items:center; }
.ak-scope .est-adj-lab{ font-size:10px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:var(--muted); margin-right:2px; }
.ak-scope .est-chip{ display:inline-flex; align-items:center; gap:5px; font-size:11.5px; font-weight:600; border-radius:99px; padding:4px 10px; font-family:var(--mono,monospace); }
.ak-scope .est-chip svg{ width:11px; height:11px; }
.ak-scope .est-chip.up{ background:var(--green-dim,rgba(34,160,107,.12)); color:var(--green,#22a06b); }
.ak-scope .est-chip.down{ background:color-mix(in srgb,var(--chaud) 12%,transparent); color:var(--chaud); }
.ak-scope .est-cmp{ padding:13px 17px 5px; border-top:1px solid var(--border); }
.ak-scope .est-cmp-lab{ font-size:10px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:var(--muted); margin-bottom:5px; display:flex; align-items:center; justify-content:space-between; }
.ak-scope .est-all{ color:var(--accent); cursor:pointer; text-transform:none; letter-spacing:0; font-size:11px; font-weight:600; }
.ak-scope .est-all:hover{ text-decoration:underline; }
.ak-scope .est-cmp-row{ display:flex; align-items:center; gap:12px; padding:9px 0; border-bottom:1px solid var(--border); }
.ak-scope .est-cmp-row:last-child{ border-bottom:0; }
.ak-scope .est-dot{ width:7px; height:7px; border-radius:50%; background:var(--accent); opacity:.5; flex-shrink:0; }
.ak-scope .est-cmp-l{ flex:1; min-width:0; }
.ak-scope .est-cmp-l .a{ font-size:12.5px; font-weight:600; color:var(--text); }
.ak-scope .est-cmp-l .m{ font-size:11px; color:var(--muted); margin-top:1px; }
.ak-scope .est-cmp-r{ text-align:right; white-space:nowrap; }
.ak-scope .est-cmp-r .p{ font-family:var(--mono,monospace); font-size:13px; font-weight:700; color:var(--text); }
.ak-scope .est-cmp-r .pm{ font-family:var(--mono,monospace); font-size:10.5px; color:var(--muted); }
.ak-scope .est-acts{ display:flex; gap:8px; padding:13px 17px; border-top:1px solid var(--border); flex-wrap:wrap; }
.ak-scope .est-abtn{ display:inline-flex; align-items:center; gap:7px; font:inherit; font-size:12.5px; font-weight:600; padding:9px 14px; border-radius:8px; cursor:pointer; border:1px solid var(--border); background:var(--surface); color:var(--text); }
.ak-scope .est-abtn:hover{ background:var(--s2); }
.ak-scope .est-abtn svg{ width:14px; height:14px; }
.ak-scope .est-abtn.pri{ background:var(--text); color:var(--surface); border-color:transparent; }
.ak-scope .est-abtn.pri:hover{ opacity:.92; }
.ak-scope .est-empty{ padding:20px 17px; font-size:13px; color:var(--text-dim); text-align:center; }
.ak-scope .est-ft{ padding:11px 17px; background:var(--s2); display:flex; align-items:center; justify-content:space-between; gap:10px; }
.ak-scope .est-conf{ display:inline-flex; align-items:center; gap:8px; font-size:11px; font-weight:600; color:var(--text-dim); }
.ak-scope .est-bars{ display:inline-flex; gap:2px; align-items:flex-end; height:12px; }
.ak-scope .est-bars i{ width:3px; border-radius:1px; background:var(--green,#22a06b); }
.ak-scope .est-bars i:nth-child(1){ height:5px; }
.ak-scope .est-bars i:nth-child(2){ height:8px; }
.ak-scope .est-bars i:nth-child(3){ height:12px; }
.ak-scope .est-bars i.off{ background:var(--border-hi,var(--border)); }
.ak-scope .est .src{ font-size:10.5px; color:var(--muted); font-family:var(--mono,monospace); }
.ak-scope .est-disc{ font-size:11.5px; color:var(--muted); line-height:1.5; margin:12px 2px 0; }

/* ═══════════════════════════════════════════════════════════════════════
   [v1933] Retours Anthony (capture dock fiche).
   ═══════════════════════════════════════════════════════════════════════ */
/* Frappe : plus de points qui sautillent — un état lisible façon Claude. */
@keyframes akthink{ 0%,100%{ opacity:.45; } 50%{ opacity:1; } }

/* Suggestions TOUJOURS sur une seule ligne (toutes surfaces, tous modes) :
   la règle hero « flex-wrap:wrap » du b1928 est annulée.
   [b2272] La rangee n'est plus bornee a la largeur du composer (660px) : c'est
   ce plafond qui coupait la derniere chip. Elle s'etale jusqu'a la largeur
   disponible, toujours centree ; au-dela, scroll horizontal sans barre. */
.ak-scope .ak-csugg{ flex-wrap:nowrap !important; overflow-x:auto;
  max-width:min(1180px, 100%); scrollbar-width:none; }
.ak-scope .ak-csugg::-webkit-scrollbar{ display:none; }

/* [v1934] Dropdown historique : sections + pill de contexte client */
.ak-scope .ak-hsec{ font-size:10px; font-weight:700; letter-spacing:.07em;
  text-transform:uppercase; color:var(--muted); padding:8px 12px 4px; }
.ak-scope .ak-hctx{ display:inline-flex; align-items:center; gap:5px; font-size:10.5px;
  font-weight:600; color:var(--text-dim); background:var(--s2); border:1px solid var(--border);
  border-radius:99px; padding:1px 7px; margin-right:7px; vertical-align:1px; }
.ak-scope .ak-hcd{ width:5px; height:5px; border-radius:50%; background:var(--accent); }

/* [v1936] Une chip ne replie JAMAIS son texte (le plafond de 3 fait la place) */
.ak-scope .ak-csugg .ak-chip{ white-space:nowrap; flex-shrink:0; }

/* [v1944] Entrée vivante : le hero, le composer et les suggestions montent
   en fondu à l'affichage de la page (display none→block relance l'animation
   → rejoue à chaque visite de l'accueil, pas seulement au boot). */
@keyframes akenter{ from{ opacity:0; transform:translateY(16px); } to{ opacity:1; transform:none; } }
.ak-scope .ak-mode-hero .ak-hero{ animation:akenter .55s cubic-bezier(.2,.7,.3,1) both; }
.ak-scope .ak-mode-hero .ak-dockw{ animation:akenter .55s cubic-bezier(.2,.7,.3,1) .09s both; }
.ak-scope .ak-mode-hero .ak-csugg{ animation:akenter .55s cubic-bezier(.2,.7,.3,1) .18s both; }
@media (prefers-reduced-motion: reduce){
  .ak-scope .ak-mode-hero .ak-hero, .ak-scope .ak-mode-hero .ak-dockw,
  .ak-scope .ak-mode-hero .ak-csugg{ animation:none; }
}

/* [v1953] Récap du jour retiré (décision Anthony) — la home redevient le
   chat plein écran, rien dessous. L'animation d'entrée (b1944) est conservée. */

/* [v1959] Documents : trombone, chip d'attente, chip dans la bulle. */
.ak-scope .ak-clip{ display:inline-flex; align-items:center; justify-content:center;
  width:30px; height:30px; border:none; background:transparent; color:var(--muted);
  border-radius:8px; cursor:pointer; flex-shrink:0; }
.ak-scope .ak-clip:hover{ background:var(--s2); color:var(--text); }
.ak-scope .ak-attach-chip{ display:inline-flex; align-items:center; gap:7px;
  margin:0 0 8px; padding:5px 10px; background:var(--s2); border:1px solid var(--border);
  border-radius:99px; font-size:12px; color:var(--text); max-width:100%; }
.ak-scope .ak-attach-name{ font-weight:600; white-space:nowrap; overflow:hidden;
  text-overflow:ellipsis; max-width:220px; }
.ak-scope .ak-attach-size{ color:var(--muted); font-size:11px; }
.ak-scope .ak-attach-x{ border:none; background:transparent; color:var(--muted);
  font-size:15px; line-height:1; cursor:pointer; padding:0 2px; border-radius:4px; }
.ak-scope .ak-attach-x:hover{ color:var(--text); background:var(--s3, var(--border)); }
.ak-scope .ak-um-att{ font-size:12px; font-weight:600; opacity:.75; margin-bottom:4px; }

/* [v1962] Kit blocs étendu (Margot handoff 18+19) — nouvelles pages + prospection. */
.ak-scope .tsk{ display:flex; align-items:center; gap:11px; background:var(--bg); border:1px solid var(--border); border-radius:12px; padding:11px 13px; margin:8px 0 }
.ak-scope .tsk .box{ width:19px;height:19px;border-radius:6px;border:2px solid var(--border-hi);flex-shrink:0;cursor:pointer }
.ak-scope .tsk .stripe{ width:3px;align-self:stretch;border-radius:99px;margin:-2px 0;flex-shrink:0 }
.ak-scope .tsk .tb{ flex:1;min-width:0 } .ak-scope .tsk .tt{ font-size:13.5px;font-weight:600 } .ak-scope .tsk .tm{ font-size:11.5px;color:var(--muted);margin-top:1px }
.ak-scope .tsk .due{ font-size:11px;font-weight:600;font-family:var(--mono);padding:3px 8px;border-radius:99px }
.ak-scope .due.now{ color:var(--chaud);background:color-mix(in srgb,var(--chaud) 12%,transparent) }
.ak-scope .due.soon{ color:var(--tiede);background:color-mix(in srgb,var(--tiede) 12%,transparent) }
.ak-scope .slot{ display:flex; align-items:center; gap:12px; background:var(--bg); border:1px solid var(--border); border-radius:12px; padding:11px 14px; margin:8px 0 }
.ak-scope .slot .tm2{ font-family:var(--mono);font-size:13px;font-weight:600;color:var(--text);width:82px;flex-shrink:0 }
.ak-scope .slot .tm2 span{ display:block;font-size:10.5px;font-weight:500;color:var(--muted) }
.ak-scope .slot .dot{ width:9px;height:9px;border-radius:50%;flex-shrink:0 } .ak-scope .slot .sb2{ flex:1;min-width:0 }
.ak-scope .slot .sn{ font-size:13.5px;font-weight:600 } .ak-scope .slot .sm{ font-size:11.5px;color:var(--muted);margin-top:1px }
.ak-scope .slot .free{ font-size:11px;font-weight:600;color:var(--green);background:var(--green-dim);border-radius:99px;padding:3px 9px;cursor:pointer;border:none }
.ak-scope .aklead{ background:var(--bg); border:1px solid var(--border); border-radius:12px; padding:13px 15px; margin:8px 0; cursor:pointer;
  transition:border-color .14s, background .14s, transform .14s; }
/* [v1973] La card lead réagit au survol : bord + fond + glissement. */
.ak-scope .aklead:hover{ border-color:var(--border-hi, var(--accent)); background:var(--s2); transform:translateX(2px); }
.ak-scope .aklead:hover .la{ color:var(--accent); }
.ak-scope .aklead .lh{ display:flex; align-items:center; gap:11px }
.ak-scope .aklead .lic{ width:34px;height:34px;border-radius:9px;background:var(--s3);color:var(--text-dim);display:grid;place-items:center;flex-shrink:0 }
.ak-scope .aklead .lic svg{ width:17px;height:17px } .ak-scope .aklead .ln{ flex:1;min-width:0 }
.ak-scope .aklead .la{ font-size:13.5px;font-weight:700 } .ak-scope .aklead .lm{ font-size:11.5px;color:var(--muted);margin-top:1px }
.ak-scope .aklead .lscore{ text-align:center;flex-shrink:0 }
.ak-scope .aklead .sv2{ font-family:var(--mono);font-size:16px;font-weight:600;color:var(--accent) }
.ak-scope .aklead .sk2{ font-size:9px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.03em }
.ak-scope .aklead .lstat{ display:flex; gap:6px; margin-top:11px }
.ak-scope .pstep{ flex:1;height:4px;border-radius:99px;background:var(--s3) } .ak-scope .pstep.on{ background:var(--accent) }
.ak-scope .aklead .lsl{ display:flex; justify-content:space-between; margin-top:6px; font-size:10.5px; color:var(--muted) }
.ak-scope .aklead .lsl b{ color:var(--accent);font-weight:600 }
.ak-scope .pipe{ display:flex; align-items:center; gap:0; margin:10px 0; background:var(--bg); border:1px solid var(--border); border-radius:12px; padding:12px 14px; overflow-x:auto }
.ak-scope .pnode{ display:flex; flex-direction:column; align-items:center; gap:5px; flex-shrink:0 }
.ak-scope .pnode .pc{ width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-family:var(--mono);font-size:10px;font-weight:700 }
.ak-scope .pnode .pc svg{ width:12px;height:12px }
.ak-scope .pnode.done .pc{ background:var(--green);color:#fff } .ak-scope .pnode.cur .pc{ background:var(--accent);color:#fff }
.ak-scope .pnode.todo .pc{ background:var(--s3);color:var(--muted) }
[data-theme="noir"] .ak-scope .pnode.done .pc,[data-theme="noir"] .ak-scope .pnode.cur .pc{ color:#08080a }
.ak-scope .pnode .pl{ font-size:10px;font-weight:600;white-space:nowrap } .ak-scope .pnode.todo .pl{ color:var(--muted) }
.ak-scope .pbar{ flex:1;min-width:20px;height:2px;background:var(--s3);margin:0 4px;margin-bottom:16px } .ak-scope .pbar.done{ background:var(--green) }
.ak-scope .sig{ display:flex; gap:13px; background:var(--bg); border:1px solid var(--border); border-radius:12px; padding:14px 15px; margin:8px 0; position:relative; overflow:hidden }
.ak-scope .sig::before{ content:''; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--chaud) }
.ak-scope .sig .ic{ width:38px;height:38px;border-radius:10px;background:color-mix(in srgb,var(--chaud) 13%,transparent);color:var(--chaud);display:grid;place-items:center;flex-shrink:0 }
.ak-scope .sig .ic svg{ width:19px;height:19px } .ak-scope .sig .sgb{ flex:1;min-width:0 }
.ak-scope .sig .st{ font-size:14px;font-weight:700 } .ak-scope .sig .sd{ font-size:12px;color:var(--text-dim);margin-top:2px;line-height:1.45 }
.ak-scope .sig .sd b{ color:var(--text);font-weight:600 } .ak-scope .sig .smt{ display:flex;gap:8px;margin-top:9px;flex-wrap:wrap }
.ak-scope .tagx{ font-size:10.5px;font-weight:600;padding:3px 9px;border-radius:99px;background:var(--s2);color:var(--text-dim) }
.ak-scope .tagx.hot{ background:color-mix(in srgb,var(--chaud) 13%,transparent);color:var(--chaud) }
.ak-scope .score-x{ background:var(--bg); border:1px solid var(--border); border-radius:12px; padding:15px 16px; margin:8px 0 }
.ak-scope .score-x .top{ display:flex; align-items:center; gap:13px; margin-bottom:14px }
.ak-scope .score-x .ring{ width:52px;height:52px;flex-shrink:0 } .ak-scope .score-x .tb2{ flex:1 }
.ak-scope .score-x .tv{ font-size:15px;font-weight:700 } .ak-scope .score-x .tk{ font-size:11.5px;color:var(--muted) }
.ak-scope .score-x .mdl{ font-family:var(--mono);font-size:10px;font-weight:600;color:var(--accent);background:var(--accent-dim);border-radius:99px;padding:2px 8px }
.ak-scope .fac{ display:flex; align-items:center; gap:10px; padding:5px 0; font-size:12.5px }
.ak-scope .fac .fn{ width:130px;flex-shrink:0;color:var(--text-dim) }
.ak-scope .fac .track{ flex:1;height:5px;border-radius:99px;background:var(--s3);overflow:hidden }
/* [b3027] `display:block` — SANS LUI, AUCUNE LARGEUR NE S'APPLIQUE.
   `.fill` est un `<span>`, donc `display:inline` par defaut : `width:82%`
   et `height:100%` y sont IGNORES par la mise en page. La barre n'etait
   donc jamais dessinee, quelle que soit la valeur — et mon correctif de
   b3026, qui calculait la bonne largeur, n'y pouvait rien : je reparais
   la donnee alors que le defaut etait dans le rendu.
   `.track` s'en sortait parce qu'il est enfant direct d'un conteneur flex
   (`.fac`), ce qui en fait un element de flex et lui rend sa taille.
   `.fill`, lui, est dans un `.track` qui n'est pas flex. */
.ak-scope .fac .fill{ display:block;height:100%;border-radius:99px;background:var(--accent) }
.ak-scope .fac .fv{ font-family:var(--mono);font-size:11px;font-weight:600;width:34px;text-align:right }
.ak-scope .seq{ background:var(--bg); border:1px solid var(--border); border-radius:12px; padding:6px 4px; margin:8px 0 }
.ak-scope .seq .step{ display:flex; align-items:center; gap:12px; padding:10px 13px } .ak-scope .seq .step+.step{ border-top:1px solid var(--border) }
.ak-scope .seq .no{ width:24px;height:24px;border-radius:50%;background:var(--accent-dim);color:var(--accent);font-family:var(--mono);font-size:11px;font-weight:700;display:grid;place-items:center;flex-shrink:0 }
.ak-scope .seq .step.done .no{ background:var(--green);color:#fff } [data-theme="noir"] .ak-scope .seq .step.done .no{ color:#08080a }
.ak-scope .seq .cb{ flex:1;min-width:0 } .ak-scope .seq .cn{ font-size:13px;font-weight:600 }
.ak-scope .seq .cm{ font-size:11.5px;color:var(--muted);margin-top:1px }
.ak-scope .seq .ch{ font-size:11px;font-weight:600;font-family:var(--mono);color:var(--muted) }
.ak-scope .terr{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:8px 0 }
.ak-scope .tz{ background:var(--bg); border:1px solid var(--border); border-radius:12px; padding:12px 13px }
.ak-scope .tz .zn{ font-size:12px; font-weight:700; display:flex; align-items:center; gap:6px }
.ak-scope .tz .zn .d{ width:8px;height:8px;border-radius:2px }
.ak-scope .tz .zv{ font-family:var(--mono); font-size:19px; font-weight:600; margin-top:6px }
.ak-scope .tz .zk{ font-size:10.5px; color:var(--muted) }
.ak-scope .tz .zbar{ height:4px;border-radius:99px;background:var(--s3);margin-top:8px;overflow:hidden }
.ak-scope .tz .zfill{ height:100%;border-radius:99px }
.ak-scope .opp{ display:flex; gap:13px; background:linear-gradient(135deg,var(--accent-dim),transparent); border:1px solid color-mix(in srgb,var(--accent) 22%,transparent); border-radius:12px; padding:15px 16px; margin:8px 0 }
.ak-scope .opp .oi{ color:var(--accent);flex-shrink:0 }
.ak-scope .opp .ov{ font-family:var(--mono); font-size:20px; font-weight:600; letter-spacing:-.01em }
.ak-scope .opp .okk{ font-size:12.5px; color:var(--text-dim); margin-top:2px; line-height:1.45 }
.ak-scope .opp .okk b{ color:var(--text);font-weight:600 }
@media (max-width:600px){ .ak-scope .terr{ grid-template-columns:repeat(2,1fr) } }

/* [v1963] Chips de sources web (bloc 9 kit Margot). */
.ak-scope .srcs{ display:flex; flex-wrap:wrap; gap:6px; margin:10px 0 2px }
.ak-scope .srcchip{ display:inline-flex; align-items:center; gap:6px; font-size:11px; color:var(--text-dim); background:var(--s2); border:1px solid var(--border); border-radius:99px; padding:4px 10px; cursor:pointer; text-decoration:none }
.ak-scope .srcchip:hover{ border-color:var(--border-hi) }
.ak-scope .srcchip .n{ width:14px;height:14px;border-radius:4px;background:var(--accent-dim);color:var(--accent);font-family:var(--mono);font-size:8px;font-weight:700;display:grid;place-items:center }

/* [v1965] Curseur de génération : donna « écrit encore » jusqu'au rendu final. */
.ak-scope .ak-cur{ display:inline-block; width:7px; height:7px; border-radius:50%;
  background:var(--accent); margin-left:5px; vertical-align:baseline;
  animation:akcur 1s ease-in-out infinite; }
@keyframes akcur{ 0%,100%{ opacity:.25; transform:scale(.85); } 50%{ opacity:1; transform:scale(1); } }

/* [v1969] Indicateurs de génération (mock Margot handoff-loading). */
.ak-scope .ak-shim{ font-size:14px; font-weight:600;
  background:linear-gradient(90deg, var(--muted) 20%, var(--text) 50%, var(--muted) 80%);
  background-size:200% 100%; -webkit-background-clip:text; background-clip:text;
  color:transparent; animation:akshim 1.6s linear infinite; }
@keyframes akshim{ from{ background-position:200% 0 } to{ background-position:-200% 0 } }
.ak-scope .ak-steps{ display:flex; flex-direction:column; gap:9px; }
.ak-scope .ak-stp{ display:flex; align-items:center; gap:9px; font-size:13px; color:var(--muted); }
.ak-scope .ak-stp .ci{ width:16px; height:16px; flex-shrink:0; display:grid; place-items:center; }
.ak-scope .ak-stp .ci svg{ width:14px; height:14px; }
.ak-scope .ak-stp.done{ color:var(--text-dim); } .ak-scope .ak-stp.done .ci{ color:var(--green); }
.ak-scope .ak-stp.act{ color:var(--text); font-weight:600; }
.ak-scope .ak-spin{ width:13px; height:13px; border:2px solid var(--accent-dim);
  border-top-color:var(--accent); border-radius:50%; animation:akrot .7s linear infinite; }
@keyframes akrot{ to{ transform:rotate(360deg) } }

/* [b2581] LE LOGO ET « ARPE » PARTENT (Anthony, 2e demande — b2579 les
   retirait, b2580 les remettait a sa demande, il retranche). Repete a chaque
   bulle, ca dit ce que l'ecran dit deja : il n'y a qu'un interlocuteur
   (b2449). MASQUE, PAS RETIRE du markup du kit : une regle s'annule. */
.ak-scope .aqh-ai > .aqh-aorb,
.ak-scope .aqh-ai .aqh-anm{ display:none; }

/* [v1980] Sélecteur de profil d'agent (footer composer). */
.ak-scope .ak-prof{ position:relative; margin-right:10px; display:inline-flex; }
.ak-scope .ak-profbtn{ display:inline-flex; align-items:center; gap:4px; font:inherit; font-size:11px;
  font-weight:600; color:var(--text-dim); background:var(--s2); border:1px solid var(--border);
  border-radius:99px; padding:3px 9px; cursor:pointer; }
.ak-scope .ak-profbtn.on{ color:var(--accent); border-color:var(--accent-dim); background:var(--accent-soft, var(--s2)); }
.ak-scope .ak-profbtn:hover{ border-color:var(--border-hi, var(--border)); }
.ak-scope .ak-profmenu{ position:absolute; bottom:28px; left:0; z-index:40; min-width:210px;
  background:var(--bg); border:1px solid var(--border); border-radius:11px;
  box-shadow:0 8px 28px rgba(15,17,21,.12); padding:5px; }
.ak-scope .ak-profit{ display:flex; align-items:center; justify-content:space-between; gap:8px;
  font-size:12.5px; color:var(--text); padding:7px 10px; border-radius:8px; cursor:pointer; }
.ak-scope .ak-profit:hover{ background:var(--s2); }
.ak-scope .ak-profit.on{ color:var(--accent); font-weight:600; }
.ak-scope .ak-profit .pm{ font-size:10.5px; color:var(--muted); font-weight:400; }
.ak-scope .ak-profit .pdel{ font:inherit; font-size:10px; color:var(--muted); background:none;
  border:none; cursor:pointer; padding:2px 4px; border-radius:5px; }
.ak-scope .ak-profit .pdel:hover{ color:var(--danger, #dc2626); background:var(--s2); }

/* [v1988] Tâche cochée : coche verte + libellé barré. */
.ak-scope .tsk .box.is-done{ background:var(--green); border-color:var(--green); color:#fff;
  display:inline-flex; align-items:center; justify-content:center; }
.ak-scope .tsk .box.is-done svg{ width:11px; height:11px; }
.ak-scope .tsk.is-done .tt{ text-decoration:line-through; color:var(--muted); }
.ak-scope .tsk.is-done .tm{ opacity:.6; }
/* [v1988] Icône « ouvrir la fiche » sur les items client. */
.ak-scope .ak-fiche{ display:inline-flex; align-items:center; justify-content:center;
  width:26px; height:26px; flex-shrink:0; margin-left:6px; border-radius:8px;
  background:transparent; border:1px solid transparent; color:var(--muted); cursor:pointer; }
.ak-scope .ak-fiche svg{ width:13px; height:13px; }
.ak-scope .ak-sr:hover .ak-fiche{ border-color:var(--border); background:var(--bg); }
.ak-scope .ak-fiche:hover{ color:var(--accent); border-color:var(--border-hi, var(--border)); }
.ak-scope .ak-sr[data-ak-pick]{ cursor:pointer; transition:background .14s, transform .14s; }
.ak-scope .ak-sr[data-ak-pick]:hover{ background:var(--s2); transform:translateX(2px); }
.ak-scope .ak-sr[data-ak-pick]:hover .ak-sn{ color:var(--accent); }

/* [b3045] LA MARQUE « MÉMOIRE » — VERSION DESKTOP.
   Même règle que sur mobile : Arpe est UN assistant, ce qu'il retient se
   dit sur les deux surfaces. Vide, l'élément ne prend aucune place —
   `:empty` plutôt qu'un display piloté en JS, pour qu'un oubli de code ne
   laisse pas une bande grise sous chaque réponse. */
.ak-memmark:empty{ display:none; }
.ak-memmark{
  display:inline-flex; align-items:center; gap:5px;
  margin-top:8px;
  font-size:12px; color:var(--muted);
}
.ak-memmark svg{ flex:none; }