/* Arpentiq — popover de tache (kit Margot « popover-tache »).

   [b2428] SES REGLES SONT SCOPEES SOUS `.aqt`, ET C'EST UNE CORRECTION, PAS
   UN GOUT. Le kit prefixe tout en `aqt-` — conforme a la checklist b2342 —
   mais `arpentiq-table` utilise EXACTEMENT le meme prefixe depuis toujours,
   pour un autre sens. Six classes portaient deux significations a la fois :

       classe   | kit tache            | tableau
       ---------|----------------------|------------------------------
       .aqt-r   | une RANGEE           | une cellule alignee a DROITE
       .aqt-h   | l'EN-TETE du popover | une cellule d'EN-TETE
       .aqt-k   | la CLE d'une ligne   | la colonne cle
       .aqt-v   | la VALEUR            | la valeur
       .aqt-av  | l'avatar             | l'avatar
       .aqt-x   | la croix             | la croix

   Les deux symptomes signales par Anthony viennent de la, et du meme
   endroit : `.aqt-r+.aqt-r{border-top:1px solid var(--border)}` dessinait un
   trait entre les cellules alignees a droite de CHAQUE tableau du CRM — les
   « traits dans les cellules » cherches depuis b2380 — et
   `.aqt-h{align-items:flex-start}` collait les titres de colonnes en haut de
   leur cellule au lieu de les centrer.

   C'est pourquoi les trois diagnostics a distance sont revenus vides : on
   cherchait un selecteur NON PREFIXE, un `th` ou un `td`. Le fautif etait
   parfaitement prefixe — sur le prefixe de quelqu'un d'autre. Un prefixe ne
   protege que s'il est unique ; le scope sous la racine protege toujours.
   Le markup du kit est entierement contenu dans `.aqt-pv.aqt` et
   `.aqt-scrim.aqt` : aucune de ses regles n'a de raison de vivre au-dessus.
   Ces deux-la portent la racine, elles sont donc scopees en `.aqt.aqt-pv`
   et non en descendant.

   Rien d'autre n'a bouge : `smoke-aqt` compare le popover REELLEMENT monte,
   propriete par propriete, avant et apres.

   [b2344] Les deux paliers de z-index sur la bande du produit (le CRM empile
   jusqu'a 100095 ; a 520/540 le popover passait derriere le calendrier).
   C'est l'interet des variables : une ligne ici au lieu d'une reecriture. */
:root{ --aqt-z-scrim:100092; --aqt-z-pop:100093; }

/* ═══════════════════════════════════════════════════════════════════
   arpe-task.css — Arpentiq · popover de tâche (depuis la liste Tâches)
   Namespace .aqt-* · même coquille que le popover d'événement,
   contenu adapté : cocher, échéance, report.
   ═══════════════════════════════════════════════════════════════════ */.aqt,[data-theme="light"] .aqt{
  --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;
  --sh-sm:0 1px 2px rgba(20,22,31,.05);
  --sh-lg:0 1px 2px rgba(20,22,31,.05),0 20px 50px -12px rgba(20,22,31,.26);
  --sans:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
}[data-theme="noir"] .aqt,[data-theme="donna"] .aqt,[data-theme="ardoise"] .aqt{
  --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;
  --sh-sm:0 1px 2px rgba(0,0,0,.5);
  --sh-lg:0 1px 2px rgba(0,0,0,.5),0 22px 54px -12px rgba(0,0,0,.78);
}.aqt{font-family:var(--sans);color:var(--text)}.aqt *{box-sizing:border-box}.aqt button{font-family:inherit;cursor:pointer}

/* capte le clic extérieur sans assombrir : on garde la liste lisible */.aqt.aqt-scrim{position:fixed;inset:0;z-index:var(--aqt-z-scrim,520);background:transparent;display:none}.aqt.aqt-scrim.aqt-on{display:block}.aqt.aqt-pv{position:fixed;z-index:var(--aqt-z-pop,540);width:352px;max-width:calc(100vw - 24px);max-height:min(72vh,560px);
  display:flex;flex-direction:column;
  background:var(--surface);border:1px solid var(--border-hi);border-radius:var(--r-xl);box-shadow:var(--sh-lg);
  opacity:0;transform:translateY(-6px) scale(.985);pointer-events:none;
  transition:opacity .16s,transform .2s cubic-bezier(.2,.75,.2,1)}.aqt.aqt-pv.aqt-on{opacity:1;transform:none;pointer-events:auto}
/* flèche, repositionnée en JS selon le côté retenu */.aqt .aqt-ar{position:absolute;width:9px;height:9px;background:var(--surface);border-left:1px solid var(--border-hi);border-top:1px solid var(--border-hi)}.aqt.aqt-pv[data-side="bottom"] .aqt-ar{top:-5px;transform:rotate(45deg)}.aqt.aqt-pv[data-side="top"] .aqt-ar{bottom:-5px;transform:rotate(225deg)}.aqt.aqt-pv[data-side="right"] .aqt-ar{left:-5px;transform:rotate(-45deg)}.aqt.aqt-pv[data-side="left"] .aqt-ar{right:-5px;transform:rotate(135deg)}.aqt.aqt-pv[data-side="float"] .aqt-ar{display:none}

/* ── en-tête : la case à cocher EST l'action principale ── */.aqt .aqt-h{display:flex;align-items:flex-start;gap:11px;padding:14px 14px 12px}.aqt .aqt-box{width:20px;height:20px;flex-shrink:0;margin-top:1px;border:1.7px solid var(--border-hi);border-radius:6px;
  background:var(--surface);display:grid;place-items:center;color:transparent;transition:.16s}.aqt .aqt-box:hover{border-color:var(--accent)}.aqt .aqt-box svg{width:12px;height:12px}.aqt .aqt-box.aqt-done{background:var(--green);border-color:var(--green);color:#fff}.aqt .aqt-hb{flex:1;min-width:0}.aqt .aqt-t{font-size:14.5px;font-weight:700;letter-spacing:-.018em;line-height:1.3;overflow-wrap:anywhere}.aqt.aqt-pv.aqt-is-done .aqt-t{text-decoration:line-through;color:var(--muted)}.aqt .aqt-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:6px}
/* type : pastille neutre, il ne concurrence pas le titre */.aqt .aqt-ty{font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;
  color:var(--text-dim);background:var(--s2);border:1px solid var(--border);border-radius:99px;padding:2px 8px}
/* le retard est la seule information qui a droit à la couleur */.aqt .aqt-late{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:9px;font-weight:700;
  letter-spacing:.07em;text-transform:uppercase;color:var(--chaud);
  background:color-mix(in srgb,var(--chaud) 12%,transparent);
  border:1px solid color-mix(in srgb,var(--chaud) 28%,transparent);border-radius:99px;padding:2px 8px}.aqt .aqt-late i{width:5px;height:5px;border-radius:50%;background:var(--chaud)}.aqt .aqt-x{width:24px;height:24px;flex-shrink:0;border:0;border-radius:6px;background:transparent;color:var(--muted);display:grid;place-items:center;transition:.14s}.aqt .aqt-x:hover{background:var(--s2);color:var(--text)}.aqt .aqt-x svg{width:14px;height:14px}

/* ── corps : seule zone qui défile si la tâche est longue ── */.aqt .aqt-b{border-top:1px solid var(--border);padding:4px 14px 10px;flex:1;min-height:0;overflow-y:auto}.aqt .aqt-h,.aqt .aqt-snooze,.aqt .aqt-f{flex-shrink:0}.aqt .aqt-r{display:flex;align-items:center;gap:10px;padding:9px 0;font-size:13px}.aqt .aqt-r+.aqt-r{border-top:1px solid var(--border)}.aqt .aqt-r>svg{width:15px;height:15px;color:var(--muted);flex-shrink:0}.aqt .aqt-k{color:var(--text-dim);flex-shrink:0}.aqt .aqt-v{margin-left:auto;font-weight:600;letter-spacing:-.012em;text-align:right;min-width:0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aqt .aqt-v.aqt-mono{font-family:var(--mono);font-weight:700;font-variant-numeric:tabular-nums}.aqt .aqt-v.aqt-hot{color:var(--chaud)}
/* entité liée : cliquable, mène à la fiche */.aqt .aqt-link{margin-left:auto;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);
  border-radius:var(--r);background:var(--surface);padding:4px 8px 4px 5px;transition:.15s;min-width:0}.aqt .aqt-link:hover{background:var(--s2);border-color:var(--border-hi)}.aqt .aqt-av{width:22px;height:22px;flex-shrink:0;border-radius:6px;color:#fff;display:grid;place-items:center;
  font-size:9.5px;font-weight:700;letter-spacing:-.02em}.aqt .aqt-ln{font-size:12.5px;font-weight:600;letter-spacing:-.012em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aqt .aqt-link>svg{width:13px;height:13px;color:var(--muted);flex-shrink:0}

/* note */.aqt .aqt-note{font-size:12.5px;line-height:1.55;color:var(--text-dim);background:var(--s2);border:1px solid var(--border);
  border-radius:var(--r-lg);padding:9px 11px;margin-top:9px;white-space:pre-wrap;overflow-wrap:anywhere}

/* ── report : le geste propre à la tâche, pas à l'événement ── */.aqt .aqt-snooze{border-top:1px solid var(--border);padding:10px 14px}.aqt .aqt-sl{font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;
  color:var(--muted);margin-bottom:8px}.aqt .aqt-sn{display:flex;gap:6px;flex-wrap:wrap}.aqt .aqt-sb{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;letter-spacing:-.01em;color:var(--text-dim);
  background:var(--surface);border:1px solid var(--border);border-radius:99px;padding:5px 11px;transition:.14s;white-space:nowrap}.aqt .aqt-sb:hover{color:var(--text);border-color:var(--border-hi);background:var(--s2)}.aqt .aqt-sb svg{width:13px;height:13px;flex-shrink:0;color:var(--muted)}.aqt .aqt-sb:hover svg{color:var(--text-dim)}

/* ── pied ── */.aqt .aqt-f{display:flex;align-items:center;gap:8px;padding:11px 14px;border-top:1px solid var(--border);background:var(--s2)}.aqt .aqt-btn{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;letter-spacing:-.01em;
  border:1px solid var(--border);border-radius:var(--r);background:var(--surface);color:var(--text);padding:7px 12px;transition:.15s;white-space:nowrap}.aqt .aqt-btn:hover{background:var(--s3);border-color:var(--border-hi)}.aqt .aqt-btn svg{width:14px;height:14px}.aqt .aqt-btn.aqt-pri{background:var(--text);color:var(--surface);border-color:var(--text)}.aqt .aqt-btn.aqt-pri:hover{background:var(--text-dim);border-color:var(--text-dim)}.aqt .aqt-btn.aqt-gho{background:transparent;border-color:transparent;color:var(--chaud);padding:7px 9px}.aqt .aqt-btn.aqt-gho:hover{background:color-mix(in srgb,var(--chaud) 10%,transparent);color:var(--chaud)}.aqt .aqt-sp{flex:1}

/* < 640px : feuille en bas, actions pleine largeur */
@media(max-width:640px){.aqt.aqt-scrim.aqt-on{background:rgba(20,22,31,.34)}.aqt.aqt-pv{left:10px!important;right:10px;top:auto!important;bottom:10px;width:auto;max-width:none}.aqt .aqt-ar{display:none}.aqt .aqt-f .aqt-btn{flex:1;justify-content:center}
}
@media(prefers-reduced-motion:reduce){.aqt.aqt-pv,.aqt .aqt-box,.aqt .aqt-btn,.aqt .aqt-sb{transition:none!important}}

/* [b2348] POINTE RETIREE (Anthony) : « mets juste la box normale ».
   La fleche du kit se realigne sur l'ancre, mais sur une LIGNE DE LISTE
   pleine largeur elle designe un point arbitraire du rang plutot que la
   tache elle-meme — elle apporte du bruit sans porter d'information. On la
   masque au lieu de la supprimer du moteur : son placement, lui, reste
   utile (le popover s'ouvre toujours au bon endroit), et si on la veut de
   nouveau un jour c'est cette seule regle a retirer. */.aqt .aqt-ar{ display:none !important; }
