/* Elevora CRM — css/travaux.css  [V27] 09/10/2026 (document 2 de Célian, §13 « Actions longues »)
   Le bandeau de fin d'une action longue (en bas à droite, dans la pile commune #notif-toasts : il reprend .notif-toast
   de css/elevora.css) et la pastille « En cours » d'un élément dont le travail tourne. Couleurs en jetons seulement :
   texte --text / --text2 (4,5:1 et plus dans les deux thèmes), succès --green, échec --red, en cours --blue, chacun sur
   son fond pâle. L'échec ne se lit jamais à la seule couleur : son titre dit « échec » et son icône diffère. */

/* ── Le bandeau ─────────────────────────────────────────────────────────────────────────── */
.travail-toast{cursor:pointer}
.travail-toast--echec{border-color:var(--red)}
.travail-toast .tt-icone{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.travail-toast--fini .tt-icone{background:var(--green-bg);color:var(--green)}
.travail-toast--echec .tt-icone{background:var(--red-bg);color:var(--red)}
.travail-toast .tt-texte{flex:1 1 auto;min-width:0}
.travail-toast .tt-titre{margin:0;font-size:13.5px;font-weight:600;color:var(--text);line-height:1.38;overflow-wrap:anywhere}
.travail-toast .tt-sous{margin:3px 0 0;font-size:var(--fs-min,12.5px);color:var(--text2);line-height:1.45;overflow-wrap:anywhere}
/* Les boutons du bandeau : le composant commun (.btn), même hauteur côte à côte (.groupe-cmd, --cmd-h). */
.travail-toast .tt-actions{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}
.travail-toast .tt-fermer{flex-shrink:0;align-self:flex-start;justify-content:center;width:var(--cmd-h);min-width:var(--cmd-h);padding:0;border-color:transparent;color:var(--text2)}
.travail-toast .tt-fermer:hover{color:var(--text)}
/* Au doigt : 44 px pour chaque bouton du bandeau (2.5.5 / règle du CRM). */
@media (pointer:coarse),(max-width:768px){
  .travail-toast .btn{min-height:44px}
  .travail-toast .tt-fermer{width:44px;min-width:44px;height:44px}
}

/* ── « En cours » ───────────────────────────────────────────────────────────────────────── */
/* Une pastille : une ligne, fond plein (règle des badges), le point qui bat dit que ça tourne — et le mot l'écrit. */
.travail-pastille{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:2px 9px;border-radius:999px;
  background:var(--blue-bg);color:var(--blue);font-size:var(--fs-min,12.5px);font-weight:600;line-height:1.6;vertical-align:baseline}
.travail-pastille-point{width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0;animation:travailPouls 1.4s ease-in-out infinite}
@keyframes travailPouls{0%,100%{opacity:1}50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.travail-pastille-point{animation:none}}
/* La ligne d'état d'un devis ou d'un contrat qui se rédige (#dv-ia-suivi, #ct-ia-suivi) : rien à voir quand elle est vide. */
.travail-suivi:empty{display:none}
.travail-suivi{margin:8px 0 0}