/* Ynovra back office (16/10/2026) — toutes les valeurs viennent de /admin/tokens.css (design/tokens.css). */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:400 var(--t-texte)/1.55 var(--corps);color:var(--encre);background:var(--ivoire);min-height:100vh}
body.avec-rail{display:grid;grid-template-columns:var(--rail) 1fr}
img,svg{max-width:100%;display:block}
a{color:var(--encre)}
h1{font:700 var(--t-page)/1.15 var(--titre);letter-spacing:-.02em;margin:0;text-wrap:balance}
h2{font:700 var(--t-tiroir)/1.25 var(--titre);letter-spacing:-.01em;margin:0 0 var(--e-2);text-wrap:balance}
p{margin:0 0 var(--e-3);text-wrap:pretty}
label{display:block;font-weight:700;font-size:var(--t-meta);margin:var(--e-2) 0 var(--e-1)}
.meta{color:var(--gris);font-size:var(--t-meta);font-weight:600}
.mono{font-family:var(--mono);font-size:var(--t-mono)}
.ko{background:var(--ko-fond);color:var(--ko);border-left:var(--geste) solid var(--ko);padding:var(--e-2) var(--e-3);border-radius:0 var(--r-champ) var(--r-champ) 0;margin:0 0 var(--e-3)}
.ko-texte{color:var(--ko)}
svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

/* Rail : touche le bord gauche et le haut sur toute la hauteur */
.rail{position:sticky;top:0;height:100vh;background:var(--encre);color:var(--rail-texte);display:flex;flex-direction:column;padding:var(--e-4) 0 var(--e-3)}
.rail .marque{display:flex;align-items:center;gap:var(--e-2);color:var(--blanc);text-decoration:none;font:700 1.1rem var(--titre);letter-spacing:.04em;padding:0 var(--e-4) var(--e-4)}
.rail .marque img{width:34px;height:34px;object-fit:contain;background:var(--blanc);border-radius:var(--r-pastille)}
.rail a.r,.rail .sous a,.rail .quitter button{display:flex;align-items:center;gap:var(--e-2);padding:var(--e-2) var(--e-4);color:inherit;text-decoration:none;font-weight:600;border:0;background:none;font:inherit;cursor:pointer;width:100%;text-align:left;border-left:var(--geste) solid transparent}
.rail a.r:hover,.rail .sous a:hover,.rail .quitter button:hover{color:var(--blanc)}
.rail a.r.on{color:var(--blanc);border-left-color:var(--or)}
.rail a.r .nb{margin-left:auto;font:700 var(--t-mono) var(--mono);color:var(--encre);background:var(--or);border-radius:var(--r-bouton);padding:.1rem .45rem}
.rail .moi{margin-top:auto;position:relative;font-size:var(--t-meta);color:var(--rail-texte)}
.rail .moi summary{display:flex;align-items:center;gap:var(--e-2);padding:var(--e-2) var(--e-4);cursor:pointer;list-style:none;border-left:var(--geste) solid transparent}
.rail .moi summary::-webkit-details-marker{display:none}
.rail .moi summary:hover,.rail .moi[open] summary{color:var(--blanc)}
.rail .moi.on summary{color:var(--blanc);border-left-color:var(--or)}
.rail .moi summary:focus-visible{outline:2px solid var(--or);outline-offset:-2px}
.rail .sous{position:absolute;left:var(--e-3);right:var(--e-3);bottom:calc(100% + var(--e-1));background:var(--encre-2);border-radius:var(--r-champ);padding:var(--e-1) 0;z-index:5}
.rail .sous a,.rail .sous .quitter button{padding:var(--e-2) var(--e-3);font-size:var(--t-texte)}
.rail .sous a[aria-current]{color:var(--blanc);border-left-color:var(--or)}
.rail .moi .av{flex:none;width:32px;height:32px;border-radius:var(--r-pastille);background:var(--blanc);color:var(--encre);display:grid;place-items:center;font-weight:700;font-size:var(--t-mono);object-fit:cover}
.rail .moi-txt{min-width:0}
.rail .moi b{display:block;color:var(--blanc);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rail .quitter{border-top:1px solid var(--rail-ligne);margin-top:var(--e-1);padding-top:var(--e-1)}
.rail a.r:focus-visible,.rail .moi:focus-visible,.rail button:focus-visible{outline:2px solid var(--or);outline-offset:-2px}

/* Plan de travail */
.plan{padding:var(--e-4) var(--e-5);min-width:0}
.plan-tete{display:flex;align-items:baseline;gap:var(--e-3);flex-wrap:wrap;margin-bottom:var(--e-3)}
.outils{display:flex;gap:var(--e-2);align-items:center;flex-wrap:wrap;margin-bottom:var(--e-3)}
.outils .inline{display:flex;gap:var(--e-2);align-items:center}
.feuille{background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--r-feuille);padding:var(--e-2) var(--e-3)}

/* Champs et boutons */
.tf{width:100%;font:inherit;color:var(--encre);background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--r-champ);padding:.55rem .8rem;border-left-width:var(--geste);border-left-color:var(--ligne)}
.tf:focus{outline:none;border-color:var(--encre-2);border-left-color:var(--or)}
.outils .tf,.mltools .tf{width:auto;flex:1;min-width:min(200px,100%)}
select.tf{cursor:pointer}
textarea.tf{resize:vertical;min-height:120px}
.b1,.b2{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1.1rem;border-radius:var(--r-bouton);font:700 var(--t-texte) var(--corps);text-decoration:none;border:2px solid transparent;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}
.b1{background:var(--or);color:var(--encre)}
.b1:hover{background:var(--or-2)}
.b2{background:transparent;color:var(--encre);border-color:var(--ligne)}
.b2:hover{border-color:var(--encre);background:var(--survol)}
.b2.danger{color:var(--ko);border-color:var(--ko)}
.b1:focus-visible,.b2:focus-visible,.ic:focus-visible,a:focus-visible{outline:2px solid var(--or);outline-offset:2px}
.ic{width:36px;height:36px;padding:0;display:inline-grid;place-items:center;border-radius:var(--r-pastille);border:1px solid var(--ligne);background:var(--blanc);color:var(--gris);cursor:pointer}
.ic:hover{color:var(--encre);border-color:var(--encre)}
.ic.danger:hover,.b2.ic.danger{color:var(--ko);border-color:var(--ko)}
.ic svg{width:16px;height:16px}
.b1.ic,.b2.ic{width:36px;height:36px;padding:0;border-radius:var(--r-pastille)}
form{margin:0}
.act{display:flex;gap:var(--e-1);flex-wrap:wrap;align-items:center}

/* Registre (demandes, mails) + tiroir */
.registre,.mx-main{position:relative;height:calc(100vh - 170px);min-height:480px;display:flex;flex-direction:column;overflow:hidden;padding:0}
.mx-main.libre{height:auto;min-height:0;display:block;overflow:visible}
.liste{overflow:auto;flex:1;min-height:0}
.sep{font:700 var(--t-mono) var(--mono);letter-spacing:.14em;color:var(--gris);padding:var(--e-3) var(--e-3) var(--e-1)}
.row{display:grid;grid-template-columns:36px minmax(160px,22%) 1fr auto;align-items:center;gap:var(--e-2);padding:var(--e-2) var(--e-3);border-top:1px solid var(--ligne);text-decoration:none;color:var(--gris);border-left:var(--geste) solid transparent;transition:background .15s}
.row:hover{background:var(--survol)}
.row.on{background:var(--sel);border-left-color:var(--or)}
.row .av{width:30px;height:30px;border-radius:var(--r-pastille);background:var(--ivoire);display:grid;place-items:center;font-weight:700;font-size:var(--t-mono);color:var(--gris)}
.row .who{font-weight:600;color:var(--encre);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.row .who small{display:block;font-weight:400;color:var(--gris);font-size:var(--t-meta);overflow:hidden;text-overflow:ellipsis}
.row .line{display:flex;gap:var(--e-2);min-width:0;align-items:center}
.row .subj{color:var(--encre);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.row .when{font:600 var(--t-mono) var(--mono);color:var(--gris);white-space:nowrap}
.row.nonlu .who,.row.nonlu .subj{font-weight:700}
.row.nonlu .av{background:var(--sel);color:var(--or)}
.row.nonlu .when{color:var(--or)}
.tag{font:700 var(--t-mono) var(--mono);border:1px solid var(--ligne);border-radius:var(--r-champ);padding:.08rem .4rem;color:var(--gris);white-space:nowrap}
.tag.ko-tag{color:var(--ko);border-color:var(--ko)}
.row .urg{color:var(--ko);font-weight:800}
.vide{text-align:center;color:var(--gris);padding:var(--e-5) var(--e-3);max-width:420px;margin:0 auto}
.vide b{display:block;font:700 var(--t-tiroir) var(--titre);color:var(--encre);margin-bottom:var(--e-1)}
.tiroir{position:absolute;top:0;right:0;bottom:0;width:min(640px,60%);display:flex;flex-direction:column;border-left:var(--geste) solid var(--or);background:var(--blanc);overflow:hidden}
.tiroir .fermer{position:absolute;top:var(--e-2);right:var(--e-3);width:36px;height:36px;display:grid;place-items:center;border-radius:var(--r-pastille);border:1px solid var(--ligne);color:var(--gris)}
.tiroir .fermer:hover{color:var(--encre);border-color:var(--encre)}
.tiroir .rh{padding:var(--e-4) 3.4rem var(--e-3) var(--e-4);border-bottom:1px solid var(--ligne)}
.tiroir .from{display:flex;align-items:center;gap:var(--e-2);margin-bottom:var(--e-2)}
.tiroir .from .av{width:38px;height:38px;border-radius:var(--r-pastille);background:var(--ivoire);display:grid;place-items:center;font-weight:700;font-size:var(--t-meta);color:var(--gris)}
.tiroir .from .m b{display:block}
.tiroir .from .m span{color:var(--gris);font:600 var(--t-mono) var(--mono)}
.tiroir .corps{padding:var(--e-4);overflow:auto;flex:1;overflow-wrap:anywhere}
.corps-html{overflow:auto}
.corps-html img{max-width:100%;height:auto}
.tiroir .pj{padding:0 var(--e-4) var(--e-4);display:flex;gap:var(--e-1);flex-wrap:wrap}
.pj a{font:600 var(--t-mono) var(--mono);border:1px solid var(--ligne);border-radius:var(--r-champ);padding:.3rem .6rem;color:var(--gris);text-decoration:none}
.pj a:hover{border-color:var(--encre);color:var(--encre)}
.fiche{display:grid;grid-template-columns:auto 1fr;gap:var(--e-1) var(--e-3);margin:0 0 var(--e-3)}
.fiche dt{color:var(--gris);font-size:var(--t-meta);font-weight:700}
.fiche dd{margin:0}

/* Mail : dossiers + zone centrale */
.mx{display:grid;grid-template-columns:200px 1fr;gap:var(--e-3);align-items:start}
.mx-fold{display:flex;flex-direction:column;gap:.1rem;padding:var(--e-2);border:1px solid var(--ligne);border-radius:var(--r-feuille);background:var(--blanc)}
.mx-fold .b1{margin:0 0 var(--e-2)}
.mx-fold a.f{display:flex;align-items:center;gap:var(--e-2);padding:var(--e-2);border-radius:var(--r-champ);color:var(--gris);font-weight:600;text-decoration:none;border-left:var(--geste) solid transparent}
.mx-fold a.f:hover{background:var(--survol);color:var(--encre)}
.mx-fold a.f.on{background:var(--sel);color:var(--encre);border-left-color:var(--or)}
.mx-fold a.f svg{width:16px;height:16px;flex:none}
.mx-fold a.f .nb{margin-left:auto;font:700 var(--t-mono) var(--mono);color:var(--or)}
.mx-fold a.bx .av{width:28px;height:28px;flex:none;border-radius:var(--r-pastille);background:var(--ivoire);display:grid;place-items:center;font-weight:700;font-size:var(--t-mono);color:var(--gris)}
.mx-fold a.bx.on .av{background:var(--sel);color:var(--or)}
.mx-fold a.bx .bx-t{display:grid;min-width:0;line-height:1.2}
.mx-fold a.bx small{font:400 var(--t-mono) var(--mono);color:var(--gris);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mx-fold .sep{padding:var(--e-2) var(--e-2) var(--e-1)}
.mx-main.libre{display:grid;gap:var(--e-3);align-content:start;border:0;background:transparent}
.mx-main{border:1px solid var(--ligne);border-radius:var(--r-feuille);background:var(--blanc)}
.mltools{display:flex;gap:var(--e-2);align-items:center;flex-wrap:wrap;padding:var(--e-2) var(--e-3);border-bottom:1px solid var(--ligne)}
.mltools select.tf{flex:0 1 auto;width:auto}
.comp{display:grid;gap:var(--e-1);max-width:820px;padding:var(--e-4)}
.comp .act{justify-content:flex-end;margin-top:var(--e-3)}
.comp .deux{display:grid;grid-template-columns:1fr 1fr;gap:var(--e-3)}
.citation{border:1px solid var(--ligne);border-radius:var(--r-champ);padding:var(--e-2) var(--e-3);color:var(--gris)}
.citation summary{cursor:pointer;font-weight:700;font-size:var(--t-meta)}
.citation .corps-html{margin-top:var(--e-2);color:var(--encre)}

/* Drive : trois espaces, sélecteur segmenté */
.espaces{display:inline-flex;border:1px solid var(--ligne);border-radius:var(--r-bouton);overflow:hidden;margin-bottom:var(--e-3);background:var(--blanc)}
.espaces a{padding:.45rem 1rem;text-decoration:none;font-weight:700;font-size:var(--t-meta);color:var(--gris);border-bottom:var(--geste) solid transparent}
.espaces a:hover{color:var(--encre);background:var(--survol)}
.espaces a.on{color:var(--encre);background:var(--sel);border-bottom-color:var(--or)}
/* Drive */
.fil{display:flex;gap:var(--e-1);align-items:center;flex-wrap:wrap;margin-bottom:var(--e-3);font-weight:600;color:var(--gris)}
.fil a{text-decoration:none;color:var(--gris)}
.fil a[aria-current]{color:var(--encre);border-bottom:var(--geste) solid var(--or)}
.dgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--e-2);padding:var(--e-2) 0}
.dcard{display:flex;align-items:center;gap:var(--e-2);border:1px solid var(--ligne);border-radius:var(--r-champ);padding:var(--e-2) var(--e-3);background:var(--ivoire)}
.dcard .dnom{display:flex;align-items:center;gap:var(--e-2);flex:1;min-width:0;text-decoration:none;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dcard .dnom svg{flex:none;color:var(--or)}
.dcard .act{opacity:0;transition:opacity .15s}
.dcard:hover .act,.dcard:focus-within .act{opacity:1}
.frow{display:grid;grid-template-columns:36px 1fr auto auto;align-items:center;gap:var(--e-3);padding:var(--e-2) 0;border-top:1px solid var(--ligne)}
.frow .fic{width:36px;height:36px;border-radius:var(--r-champ);background:var(--ivoire);display:grid;place-items:center;color:var(--gris);object-fit:cover}
.frow .fnom{font-weight:700;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.frow .fnom:hover{color:var(--encre-2)}
.frow .act{opacity:0;transition:opacity .15s}
.frow:hover .act,.frow:focus-within .act{opacity:1}
.lien-neuf{display:flex;gap:var(--e-2);align-items:center;flex-wrap:wrap;margin-bottom:var(--e-3);border-left:var(--geste) solid var(--or)}
.lien-neuf b{flex:1 1 100%}
.lien-neuf .tf{flex:1}

/* Utilisateurs */
.urow{display:grid;grid-template-columns:36px 1fr auto auto;align-items:center;gap:var(--e-3);padding:var(--e-2) 0;border-top:1px solid var(--ligne)}
.urow:first-child{border-top:0}
.urow .av{width:36px;height:36px;border-radius:var(--r-pastille);background:var(--ivoire);display:grid;place-items:center;font-weight:700;font-size:var(--t-mono);color:var(--gris)}
.urow .who{min-width:0;font-weight:700}
.urow .who small{display:block;font-weight:400;color:var(--gris);font-size:var(--t-meta)}
.urow.inactif .who{color:var(--gris);text-decoration:line-through}
.statut{font:700 var(--t-mono) var(--mono);border:1px solid var(--ligne);border-radius:var(--r-champ);padding:.15rem .5rem;color:var(--gris);white-space:nowrap}
.statut.admin{color:var(--encre);border-color:var(--or);background:var(--sel)}
/* Modales */
.modale{border:0;border-radius:var(--r-feuille);padding:var(--e-4);width:min(460px,calc(100% - 2rem));background:var(--blanc);color:var(--encre);border-left:var(--geste) solid var(--or)}
.modale::backdrop{background:var(--encre);opacity:.55}
.modale .act{justify-content:flex-end;margin-top:var(--e-3)}

/* Mon profil */
.profil{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));gap:var(--e-3);align-items:start}
.carte{padding:var(--e-4)}
.carte .act{display:flex;justify-content:flex-end;margin-top:var(--e-3)}
.carte .deux{display:grid;grid-template-columns:1fr 1fr;gap:var(--e-3)}
.ac{position:relative}
.ac-liste{position:absolute;left:0;right:0;top:100%;z-index:3;margin:var(--e-1) 0 0;padding:var(--e-1) 0;list-style:none;background:var(--blanc);border:1px solid var(--ligne);border-radius:var(--r-champ);max-height:240px;overflow:auto}
.ac-liste li{padding:var(--e-1) var(--e-3);cursor:pointer;border-left:var(--geste) solid transparent}
.ac-liste li small{display:block;color:var(--gris);font-size:var(--t-meta)}
.ac-liste li:hover,.ac-liste li[aria-selected=true]{background:var(--sel);border-left-color:var(--or)}
.photo-bloc{display:flex;align-items:center;gap:var(--e-3);margin-bottom:var(--e-2)}
.photo-rond{position:relative;width:88px;height:88px;padding:0;border:0;background:none;border-radius:var(--r-pastille);cursor:pointer}
.photo-rond .av{width:88px;height:88px;border-radius:var(--r-pastille);background:var(--ivoire);display:grid;place-items:center;font:700 var(--t-tiroir) var(--titre);color:var(--gris);object-fit:cover}
.photo-plus{position:absolute;right:-2px;bottom:-2px;width:30px;height:30px;border-radius:var(--r-pastille);background:var(--or);color:var(--encre);display:grid;place-items:center}
.photo-plus svg{width:15px;height:15px}
.photo-rond:focus-visible{outline:2px solid var(--or);outline-offset:3px}
.photo-zone{border:2px dashed var(--ligne);border-radius:var(--r-champ);padding:var(--e-4);text-align:center;color:var(--gris);display:grid;justify-items:center;gap:var(--e-2)}
.photo-zone.sur{border-color:var(--or);background:var(--sel)}
.photo-zone svg{width:28px;height:28px}
.photo-zone p{margin:0}
.mdp{position:relative}
.mdp .tf{padding-right:2.6rem}
.oeil{position:absolute;right:.4rem;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;background:none;color:var(--gris);cursor:pointer;display:grid;place-items:center;border-radius:var(--r-pastille)}
.oeil:hover,.oeil[aria-pressed=true]{color:var(--encre)}
.oeil:focus-visible{outline:2px solid var(--or)}
.jauge{display:flex;align-items:center;gap:var(--e-2);margin-top:var(--e-1);font-size:var(--t-meta);color:var(--gris);font-weight:600;min-height:1.2em}
.jauge:not([class*=n]) i{visibility:hidden}
.jauge i{flex:1;height:4px;border-radius:var(--r-bouton);background:var(--ligne);overflow:hidden;position:relative}
.jauge i::after{content:"";position:absolute;inset:0;width:var(--force,0%);background:var(--jauge-c,var(--ko));transition:width .2s}
.jauge.n1{--force:25%;--jauge-c:var(--ko)}.jauge.n2{--force:50%;--jauge-c:var(--or)}.jauge.n3{--force:75%;--jauge-c:var(--or)}.jauge.n4{--force:100%;--jauge-c:var(--ok)}
.corres{font-size:var(--t-meta);font-weight:600;margin:var(--e-1) 0 0;min-height:1.2em;color:var(--ok)}
.corres.ko-texte{color:var(--ko)}

/* Connexion */
body.sans-rail{display:grid;place-items:center;padding:var(--e-4)}
.porte{width:min(400px,100%);display:grid;gap:var(--e-3)}
.porte-marque{display:flex;align-items:center;gap:var(--e-2);color:var(--encre)}
.porte-marque img{width:72px;height:72px;object-fit:contain;background:var(--blanc);border-radius:var(--r-pastille);border:1px solid var(--ligne)}
.porte-marque b{font:700 1.5rem var(--titre);letter-spacing:.04em}
.porte-marque span{color:var(--gris);font-weight:600;margin-left:auto}
.porte-form{background:var(--blanc);border:1px solid var(--ligne);border-left:var(--geste) solid var(--or);border-radius:var(--r-feuille);padding:var(--e-4);display:grid;gap:var(--e-1)}
.porte-form .b1{margin-top:var(--e-3);width:100%}
.porte-retour{color:var(--gris);font-weight:600;text-align:center}

/* Mobile */
@media(max-width:900px){
  body.avec-rail{grid-template-columns:1fr;grid-template-rows:auto 1fr}
  .rail{position:static;height:auto;flex-direction:row;align-items:center;padding:var(--e-1) var(--e-2);overflow-x:auto}
  .rail .marque{padding:0 var(--e-2) 0 0}
  .rail .marque span{display:none}
  .rail a.r{padding:var(--e-2);border-left:0;border-bottom:var(--geste) solid transparent;width:auto}
  .rail a.r.on{border-left:0;border-bottom-color:var(--or)}
  .rail .moi{margin:0 0 0 auto}
  .rail .moi summary{padding:var(--e-1);border-left:0;border-bottom:var(--geste) solid transparent}
  .rail .moi.on summary{border-bottom-color:var(--or)}
  .rail .moi-txt{display:none}
  .rail .sous{left:auto;right:0;bottom:auto;top:calc(100% + var(--e-1));min-width:180px}
  .plan{padding:var(--e-3) 16px}
  .mx{grid-template-columns:1fr}
  .mx-fold{flex-direction:row;flex-wrap:wrap;gap:var(--e-1)}
  .mx-fold .b1{margin:0;order:9;flex:1 1 100%}
  .registre,.mx-main{height:auto;min-height:0}
  .registre.ouvert .liste,.mx-main.ouvert .mltools,.mx-main.ouvert .liste{display:none}
  .tiroir{position:static;width:auto;min-height:60vh;border-left:0;border-top:var(--geste) solid var(--or)}
  .row{grid-template-columns:30px 1fr auto;grid-template-rows:auto auto;row-gap:.1rem}
  .row .av{grid-row:1/3;width:26px;height:26px}
  .row .who{grid-column:2;grid-row:1}
  .row .who small{display:none}
  .row .when{grid-column:3;grid-row:1}
  .row .line{grid-column:2/4;grid-row:2}
  .frow{grid-template-columns:36px 1fr;row-gap:var(--e-1)}
  .frow .meta{grid-column:2}
  .frow .act{grid-column:1/3;opacity:1}
  .dcard .act{opacity:1}
  .comp .deux,.carte .deux{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Destinataires SMS : jetons + suggestions (recherche seule, jamais de liste déroulée à vide) */
.jetons{position:relative;display:flex;flex-wrap:wrap;gap:var(--e-1);align-items:center;background:var(--blanc);border:1px solid var(--ligne);border-left-width:var(--geste);border-radius:var(--r-champ);padding:var(--e-1)}
.jetons:focus-within{border-color:var(--encre-2);border-left-color:var(--or)}
.jetons .tf{flex:1;min-width:160px;border:0;padding:.35rem .5rem}
.jetons .tf:focus{outline:none}
.jeton{display:inline-flex;align-items:center;gap:.4rem;background:var(--sel);color:var(--encre);border-radius:var(--r-bouton);padding:.25rem .3rem .25rem .7rem;font-weight:600;font-size:var(--t-meta)}
.jeton small{font:400 var(--t-mono) var(--mono);color:var(--gris)}
.jeton button{border:0;background:transparent;color:var(--gris);font:inherit;line-height:1;padding:0 .3rem;cursor:pointer;border-radius:var(--r-bouton)}
.jeton button:hover,.jeton button:focus-visible{color:var(--encre);background:var(--survol);outline:none}
.sugg{position:absolute;left:-1px;right:-1px;top:100%;z-index:5;margin:0;padding:var(--e-1);list-style:none;background:var(--blanc);border:1px solid var(--ligne);border-top:0;border-radius:0 0 var(--r-champ) var(--r-champ);max-height:260px;overflow:auto}
.sugg li{display:grid;grid-template-columns:1fr auto;gap:var(--e-2);align-items:baseline;padding:var(--e-1) var(--e-2);border-radius:var(--r-champ);cursor:pointer;border-left:var(--geste) solid transparent}
.sugg li small{display:block;color:var(--gris);font-size:var(--t-meta)}
.sugg li .mono{color:var(--gris)}
.sugg li[aria-selected="true"],.sugg li:hover{background:var(--sel);border-left-color:var(--or)}
.sugg .rien{color:var(--gris);font-size:var(--t-meta);padding:var(--e-1) var(--e-2);cursor:default}
/* Composition (structure allyo) : bascule Cc/Cci, éditeur, pièces jointes */
.lb-a{display:flex;justify-content:space-between;align-items:baseline}
.lien-cc{background:none;border:0;padding:0;font:700 var(--t-meta) var(--corps);color:var(--encre-2);cursor:pointer;text-decoration:underline}
.cc-bloc{display:grid;grid-template-columns:1fr 1fr;gap:var(--e-3)}
.cc-bloc[hidden]{display:none}
.edbar{display:flex;gap:var(--e-1);align-items:center;flex-wrap:wrap;padding:var(--e-1) var(--e-2);border:1px solid var(--ligne);border-bottom:0;border-radius:var(--r-champ) var(--r-champ) 0 0;background:var(--ivoire)}
.edbar button{min-width:32px;height:30px;padding:0 .5rem;border:1px solid transparent;border-radius:var(--r-champ);background:none;font:600 var(--t-meta) var(--corps);color:var(--encre);cursor:pointer}
.edbar button:hover{border-color:var(--ligne);background:var(--blanc)}
.edbar .sep{width:1px;height:20px;background:var(--ligne)}
.editor{min-height:220px;border-radius:0 0 var(--r-champ) var(--r-champ);overflow:auto;line-height:1.55}
.editor:focus{outline:none}
.editor ul,.editor ol{padding-left:1.4rem}
.comp-options{display:flex;gap:var(--e-3);align-items:center;flex-wrap:wrap;margin-top:var(--e-2)}
.case{display:inline-flex;align-items:center;gap:var(--e-2);font-weight:600;font-size:var(--t-meta);cursor:pointer;margin:0}
.case input{width:16px;height:16px;accent-color:var(--or)}
.pj-bloc{display:flex;gap:var(--e-2);align-items:center;flex-wrap:wrap;margin-top:var(--e-2)}
.pj-liste{display:flex;gap:var(--e-1);flex-wrap:wrap;flex-basis:100%}
.pj-chip{display:inline-flex;align-items:center;gap:var(--e-1);font:600 var(--t-mono) var(--mono);border:1px solid var(--ligne);border-radius:var(--r-champ);padding:.3rem .5rem .3rem .6rem;color:var(--gris)}
.pj-chip.trop{color:var(--ko);border-color:var(--ko)}
.pj-chip button{border:0;background:none;color:inherit;font-size:1rem;line-height:1;cursor:pointer;padding:0 .1rem}
@media(max-width:900px){.cc-bloc{grid-template-columns:1fr}}
/* Espace commercial dans la fiche utilisateur */
.espace-agent{border:1px solid var(--ligne);border-left:var(--geste) solid var(--or);border-radius:var(--r-champ);padding:var(--e-2) var(--e-3) var(--e-3);margin-top:var(--e-3)}
.espace-agent[hidden]{display:none}
.espace-agent legend{font-weight:700;font-size:var(--t-meta);padding:0 var(--e-1)}
.espace-agent .deux{display:grid;grid-template-columns:1fr 1fr;gap:var(--e-3)}
.slug-lien{font:600 var(--t-mono) var(--mono);color:var(--encre-2);margin-left:var(--e-1)}
.row .agent-tag{font:700 var(--t-mono) var(--mono);color:var(--or)}
.row.traitee .subj,.row.traitee .who{color:var(--gris)}
.row .ok-tag{color:var(--ok);font-size:var(--t-mono)}
@media(max-width:900px){.espace-agent .deux{grid-template-columns:1fr}}