.wf{--surface: #FFFFFF;--bordure: #E3E7EB;--texte: #17212B;--texte-secondaire: #56616C;--toile: #F3F5F8;--toile-point: #C9D1DA;--lien-wf: #B8C1CA;--gris-doux: #9AA6B2;--bouton-fond: #17212B;--bouton-texte: #F6F7F9;--ombre: 23 33 43;color:var(--texte);border:1px solid var(--bordure);border-radius:24px;background:var(--surface);overflow:hidden}.wf__barre{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-bottom:1px solid var(--bordure);flex-wrap:wrap}.wf__nom{font-weight:700;font-size:15px}.wf__etat{font-size:14px;font-weight:600;color:var(--texte-secondaire);display:inline-flex;align-items:center;gap:8px}.wf__etat:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--lien-wf)}.wf__etat[data-etat=cours]:before{background:var(--orange);box-shadow:0 0 0 4px #e8743b40}.wf__etat[data-etat=fait]{color:var(--texte)}.wf__etat[data-etat=fait]:before{background:#2f8f5b}.wf__defilement{overflow-x:auto;padding:12px 20px;background-color:var(--toile);background-image:radial-gradient(circle,var(--toile-point) 1.2px,transparent 1.3px);background-size:22px 22px}.wf__toile{position:relative;margin:0 auto;padding:0}.wf__liens{position:absolute;inset:0;overflow:visible}.wf__lien{fill:none;stroke:var(--lien-wf);stroke-width:2.5;stroke-dasharray:6 6;transition:stroke .3s ease}.wf__lien.actif{stroke:var(--orange);stroke-dasharray:none}.wf__lien.parcouru{stroke:var(--orange);stroke-dasharray:none;opacity:.75}.wf__etiquette{font:700 12px/1 Quicksand,sans-serif;fill:var(--texte-secondaire);paint-order:stroke;stroke:var(--toile);stroke-width:6px}.wf__jeton{fill:var(--orange);filter:drop-shadow(0 0 6px rgb(232 116 59 / .8))}.wf__etape{position:absolute;width:160px;height:80px;display:flex;align-items:center;gap:10px;text-align:left;padding:10px;border-radius:16px;border:1.5px solid var(--bordure);background:var(--surface);color:var(--texte);font:inherit;cursor:pointer;box-shadow:0 10px 24px -16px rgb(var(--ombre) / .4);transition:border-color .25s ease,box-shadow .25s ease,opacity .25s ease}.wf__etape:hover{border-color:var(--gris-doux)}.wf__etape:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.wf__etape--routeur{width:124px;border-radius:999px;justify-content:center}.wf__icone{flex-shrink:0;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--bouton-fond);color:var(--bouton-texte)}.wf__etape--routeur .wf__icone{border-radius:50%}.wf__textes{display:flex;flex-direction:column;min-width:0}.wf__titre{font-weight:700;font-size:13px;line-height:17px}.wf__app{font-size:12px;line-height:16px;color:var(--texte-secondaire);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf__statut{position:absolute;top:-9px;right:-9px;width:22px;height:22px;border-radius:50%;background:var(--surface);border:2px solid var(--toile-point);display:grid;place-items:center}.wf__etape.en-cours{border-color:var(--orange);box-shadow:0 0 0 5px #e8743b2e,0 10px 24px -16px rgb(var(--ombre) / .4)}.wf__etape.en-cours .wf__statut{border-color:var(--orange);animation:wf-pulse .8s ease-in-out infinite}.wf__etape.fait{border-color:#e8743b99}.wf__etape.fait .wf__statut{background:var(--orange);border-color:var(--orange)}.wf__etape.fait .wf__statut:after{content:"";width:10px;height:6px;border:solid var(--encre-profonde);border-width:0 0 2.5px 2.5px;transform:translateY(-1px) rotate(-45deg)}.wf__etape.ignore{opacity:.45}.wf__etape.ignore .wf__statut:after{content:"";width:8px;height:2px;background:var(--gris-doux)}.wf__etape.choisie{border-color:var(--texte);box-shadow:0 0 0 3px var(--texte),0 10px 24px -16px rgb(var(--ombre) / .4)}@keyframes wf-pulse{50%{box-shadow:0 0 0 5px #e8743b40}}@media(prefers-reduced-motion:reduce){.wf__etape.en-cours .wf__statut{animation:none}}.wf__astuce{display:none;margin:0;padding:8px 20px;font-size:13px;color:var(--texte-secondaire);border-bottom:1px solid var(--bordure)}@media(max-width:1180px){.wf__astuce{display:block}}.wf__inspecteur{border-top:1px solid var(--bordure);padding:16px 20px;min-height:120px}.wf__inspecteur h3{font-size:15px;margin-bottom:10px}.wf__inspecteur dl{margin:0;display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 18px;font-size:14px;line-height:20px}.wf__inspecteur dt{color:var(--texte-secondaire);font-weight:600}.wf__inspecteur dd{margin:0;font-weight:600;overflow-wrap:anywhere}.wf__inspecteur-vide{color:var(--texte-secondaire);font-size:14px;margin:0}@media(max-width:640px){.wf__inspecteur dl{grid-template-columns:1fr;gap:2px}.wf__inspecteur dd{margin-bottom:8px}}.labo-entete{padding:clamp(56px,9vw,112px) 0 clamp(32px,5vw,56px)}.labo-entete h1{font-size:clamp(44px,7vw,96px);line-height:1;letter-spacing:-.045em;margin:var(--espace-3) 0 var(--espace-3)}.labo-entete .intro{max-width:640px}.fil-ariane--clair{color:var(--texte-secondaire)}.fil-ariane--clair a{color:var(--texte)}.demo__haut{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--espace-6);align-items:start;margin-bottom:var(--espace-3)}.demo__ligne{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.demo__ligne .champ{flex:1 1 240px}.resultats{margin-top:var(--espace-3);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--espace-3)}.resultats[hidden]{display:none}.resultats__bloc{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:20px;background:radial-gradient(ellipse 80% 120% at 85% 10%,var(--encre-claire) 0%,var(--encre) 55%,var(--encre-profonde) 100%);color:var(--texte-inverse)}.resultats__bloc h3{font-size:17px;color:var(--texte-inverse)}.colonne-suivi h4{font-size:13px;line-height:18px;color:var(--texte-inverse-doux);font-weight:700;margin:2px 4px 10px}.wf{margin-top:var(--espace-2)}.demo h2{font-size:clamp(26px,3vw,38px);line-height:1.15;letter-spacing:-.02em}.demo__saisie{display:flex;flex-direction:column;gap:var(--espace-2)}.demo__saisie--large{max-width:760px;margin-bottom:var(--espace-3)}.demo__texte{color:var(--texte-secondaire);font-size:18px;line-height:28px}.demo__form{display:flex;flex-direction:column;gap:16px;margin-top:var(--espace-1)}.demo__form--ligne{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:16px 24px;align-items:end;max-width:none}.demo__form--ligne .champ--texte{grid-row:span 2}.demo__form .bouton{align-self:flex-start;min-height:50px}.demo__form--ligne .bouton{justify-self:start}.demo__erreur{color:var(--orange-texte);font-weight:600;margin:0}.demo__erreur:empty{display:none}.champ{display:flex;flex-direction:column;gap:6px}.champ label{font-weight:700;font-size:15px}.champ__facultatif{font-weight:500;color:var(--texte-secondaire)}.champ input,.champ textarea{font:inherit;font-size:16px;line-height:1.5;color:var(--texte);background:var(--surface);border:1px solid var(--champ-bord);border-radius:var(--arrondi-petit);padding:12px 14px;resize:vertical}.champ input:focus,.champ textarea:focus{outline:3px solid var(--orange);outline-offset:1px;border-color:var(--texte)}.demo__resultat{display:flex;flex-direction:column;gap:var(--espace-3);padding:clamp(20px,3vw,32px);border-radius:24px;background:radial-gradient(ellipse 80% 120% at 85% 10%,var(--encre-claire) 0%,var(--encre) 55%,var(--encre-profonde) 100%);color:var(--texte-inverse)}.etapes-flux{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;counter-reset:etape}.etapes-flux li{counter-increment:etape;position:relative;padding:12px 12px 12px 40px;border-radius:12px;background:#ffffff0d;border:1px solid rgb(255 255 255 / .1);font-size:14px;line-height:19px;font-weight:600;color:var(--texte-inverse-doux);transition:background .3s ease,color .3s ease,border-color .3s ease}.etapes-flux li:before{content:counter(etape);position:absolute;left:12px;top:11px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;background:#ffffff1f;color:var(--texte-inverse)}.etapes-flux li.fait{background:#e8743b24;border-color:#e8743b80;color:var(--texte-inverse)}.etapes-flux li.fait:before{content:"✓";background:var(--orange);color:var(--encre-profonde)}.tableau-suivi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.colonne-suivi{background:#ffffff0a;border-radius:14px;padding:10px;min-height:180px}.colonne-suivi h3{font-size:13px;line-height:18px;color:var(--texte-inverse-doux);font-weight:700;margin:2px 4px 10px}.colonne-suivi__cartes{display:flex;flex-direction:column;gap:8px}.fiche{background:var(--surface);color:var(--texte);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;font-size:13px;line-height:18px}.fiche strong{font-size:14px}.fiche span{color:var(--texte-secondaire);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.fiche em,.fiche__tags em{font-style:normal;font-weight:700;font-size:12px;color:var(--texte);background:var(--fond-page);border:1px solid var(--bordure);border-radius:999px;padding:1px 8px;align-self:flex-start}.fiche__tags{display:flex;flex-wrap:wrap;gap:4px}.fiche__tags em.urgent{background:var(--alerte-fond);border-color:var(--alerte-texte);color:var(--alerte-texte)}.fiche small{color:var(--texte-secondaire);font-size:12px}.fiche--ancienne{background:var(--fiche-passee)}.fiche--nouvelle{box-shadow:0 0 0 2px var(--orange);animation:arrive .5s cubic-bezier(.2,.7,.2,1)}@keyframes arrive{0%{opacity:0;transform:translateY(-12px) scale(.97)}}@media(prefers-reduced-motion:reduce){.fiche--nouvelle{animation:none}.etapes-flux li{transition:none}}.brouillon{white-space:pre-line;color:var(--texte-inverse-doux);font-size:15px;line-height:23px;margin:0}.brouillon h3{font-size:15px;color:var(--texte-inverse);margin-bottom:8px}.brouillon p{white-space:pre-line;color:var(--texte-inverse-doux);font-size:15px;line-height:23px;margin:0}.brouillon .brouillon__meta{margin-top:10px;font-size:13px;color:var(--orange)}.apercus{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--espace-3)}.apercu{background:var(--fond-page);border:1px solid var(--bordure);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:12px}.apercu__tete{display:flex;align-items:center;gap:10px}.apercu__tete h3{font-size:17px;line-height:24px;flex:1}.apercu__pastille{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--encre);color:var(--texte-inverse);font-weight:700;font-size:14px}.apercu__compte{font-size:13px;color:var(--texte-secondaire);font-variant-numeric:tabular-nums}.apercu__texte{margin:0;white-space:pre-line;font-size:15px;line-height:23px;background:var(--surface);border-radius:12px;padding:14px;border:1px solid var(--bordure);max-height:320px;overflow:auto;overflow-wrap:anywhere}.apercu__bouton{align-self:flex-start;font-weight:700;font-size:14px;color:var(--texte);border:1px solid var(--encre);border-radius:999px;padding:4px 12px}.apercu__notes{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.apercu__notes li{font-size:13px;font-weight:600;color:var(--texte);background:var(--surface);border:1px solid var(--bordure);border-radius:999px;padding:3px 10px}.labo-note__contenu{max-width:760px;display:flex;flex-direction:column;gap:var(--espace-2)}.labo-note h2{font-size:clamp(24px,2.6vw,32px)}.labo-note p{color:var(--texte-secondaire);font-size:18px;line-height:28px}@media(max-width:960px){.demo__haut,.resultats,.demo__form--ligne{grid-template-columns:1fr}.demo__form--ligne .champ--texte{grid-row:auto}}@media(max-width:640px){.etapes-flux{grid-template-columns:1fr 1fr}.tableau-suivi{grid-template-columns:1fr}.colonne-suivi{min-height:0}.apercus{grid-template-columns:1fr}.demo__form .bouton{width:100%;justify-content:center}}