/*
 * HPM 2.0.0-alpha.22 — lot 4a : l'espace d'un projet refait (maquette 5).
 * S'appuie sur hpm-ds.css ; neutralise ce que l'ancienne feuille
 * (espace-projet.css, encore chargée pour les vues de la 1.4) impose à la racine.
 */
.hpm-ep.hpm-ep2{display:block;gap:0;max-width:100%;color:var(--hpm-ds-texte)}

/* En-tête */
.hpm-ep2-tete{margin:0 0 6px}
.hpm-ep2-ariane{font-size:calc(14px * var(--hpm-fs,1));color:var(--hpm-ds-doux);margin-bottom:8px}
.hpm-ep2-ariane a{color:var(--hpm-ds-violet);font-weight:700;text-decoration:none}
.hpm-ep2-titre{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px}
.hpm-ep2-titre h1{margin:0 6px 0 0}
.hpm-ep2-boutons{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hpm-ep2-boutons .hpm-ds-btn{text-decoration:none}
.hpm-ep2-infos{margin:8px 0 0;font-size:calc(14.5px * var(--hpm-fs,1));color:var(--hpm-ds-vert-t,#0c8560);display:flex;flex-wrap:wrap;gap:4px 28px}   /* 2.0.0-alpha.122 (Kad, 7/10, capture annotée : « Vert ») : les libellés en vert, les valeurs restent en gras foncé */
.hpm-ep2-infos>span{white-space:normal}
.hpm-ep2-infos b{color:var(--hpm-ds-texte);font-weight:700}
.hpm-ep2-menu{position:relative}
.hpm-ep2-menu>summary{list-style:none;cursor:pointer;padding:8px 13px}
.hpm-ep2-menu>summary::-webkit-details-marker{display:none}
.hpm-ep2-menu>div{position:absolute;right:0;top:calc(100% + 4px);z-index:50;background:#fff;border:1px solid var(--hpm-ds-trait);box-shadow:0 10px 30px rgba(20,20,60,.16);min-width:230px;display:flex;flex-direction:column}
.hpm-ep2-menu>div button{all:unset;box-sizing:border-box;padding:10px 14px;cursor:pointer;font-size:calc(14.5px * var(--hpm-fs,1));color:var(--hpm-ds-texte)}
.hpm-ep2-menu>div button:hover,.hpm-ep2-menu>div button:focus-visible{background:var(--hpm-ds-violet-pale);color:var(--hpm-ds-violet)}

/* Onglets : l'actif en bleu, souligné bleu (Kad, 30/09) */
.hpm-ep2-onglets{display:flex;align-items:flex-end;gap:8px;border-bottom:2px solid var(--hpm-ds-trait);margin:14px 0 0}
.hpm-ep2-onglets nav{display:flex;flex-wrap:wrap;gap:2px;flex:1;min-width:0}
.hpm-ep.hpm-ep2 .hpm-ep2-onglet{display:inline-flex;align-items:center;gap:8px;width:auto;padding:11px 16px;margin-bottom:-2px;border:0;border-bottom:3px solid transparent;border-radius:0;background:none;
  color:var(--hpm-ds-doux);font-size:calc(15.5px * var(--hpm-fs,1));font-weight:500;text-decoration:none;justify-content:flex-start}
.hpm-ep.hpm-ep2 .hpm-ep2-onglet:hover{background:none;color:var(--hpm-ds-texte)}
.hpm-ep.hpm-ep2 .hpm-ep2-onglet.est-actif{background:none;color:var(--hpm-ds-bleu);font-weight:700;border-bottom-color:var(--hpm-ds-bleu)}
.hpm-ep2-btn-discussion{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:8px;padding:11px 18px;margin-bottom:-2px;border-bottom:3px solid transparent;cursor:pointer;color:var(--hpm-ds-violet);font-weight:700;font-size:calc(15.5px * var(--hpm-fs,1))}
.hpm-ep2-btn-discussion[aria-expanded="true"]{background:var(--hpm-ds-violet-pale);border-bottom-color:var(--hpm-ds-violet)}
.hpm-ep2-btn-discussion .nb{background:var(--hpm-ds-violet);color:#fff;font-size:max(calc(12px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));padding:0 7px;line-height:20px}
.hpm-ep2-btn-discussion:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:-2px}
/* 2.0.0-alpha.144 : neuf onglets et plus (Documentation) : la rangée se resserre pour tenir sur une ligne. */
.hpm-ep.hpm-ep2 .hpm-ep2-onglets nav:has(> :nth-child(9)) .hpm-ep2-onglet{padding:11px 9px;gap:6px;font-size:calc(15px * var(--hpm-fs,1))}
.hpm-ep2-onglets:has(nav > :nth-child(9)) .hpm-ep2-btn-discussion{padding:11px 12px}
/* 2.0.0-alpha.144 : « Aide » ouvre l'article de l'onglet où l'on est (onglet Documentation). */
.hpm-ep2-aide{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:6px;padding:11px 12px;margin-bottom:-2px;border-bottom:3px solid transparent;cursor:pointer;color:var(--hpm-ds-bleu);font-weight:700;font-size:calc(14.5px * var(--hpm-fs,1))}
.hpm-ep2-aide span:not(.l){display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;border:2px solid currentColor;font-size:max(calc(12px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));line-height:1}
.hpm-ep2-onglets:has(nav > :nth-child(9)) .hpm-ep2-aide{padding:11px 8px}
.hpm-ep2-aide .l{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hpm-ep2-aide:hover{background:var(--hpm-ds-violet-pale)}
.hpm-ep2-aide:focus-visible{outline:2px solid var(--hpm-ds-bleu);outline-offset:-2px}
.hpm-ep2-sous{margin:22px 0 0}   /* alpha.27 (Kad, 1/10) : plus d'air entre les onglets et le contenu */
.hpm-ep2-sous .hpm-ds-bascule>*{display:inline-flex;align-items:center;gap:6px}

/* Corps : le contenu, et la Discussion en panneau à droite */
.hpm-ep2-corps{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start;margin-top:18px}
.hpm-ep2.discussion-fermee .hpm-ep2-corps{grid-template-columns:minmax(0,1fr) 46px}
.hpm-ep.hpm-ep2 .hpm-ep-contenu{background:none;border:0;border-radius:0;padding:0;overflow:visible}
.hpm-ep2-principal{min-width:0}

.hpm-ep2-discussion{background:#fff;border:1px solid var(--hpm-ds-trait);border-top:4px solid var(--hpm-ds-violet);position:sticky;top:20px;display:flex;flex-direction:column;max-height:calc(100vh - 40px)}
/* 2.0.0-alpha.34 (Kad, 1/10) : même hauteur que le contenu à gauche (la cellule s'étire, sa taille ne pèse pas sur la ligne),
   la partie utile (titre, messages, saisie) reste à l'écran en défilant ; repliée, une colonne étroite qui se déplie. */
@media (min-width:901px){
  .hpm-ep2-corps{align-items:stretch}
  .hpm-ep2-discussion{position:relative;top:auto;max-height:none;contain:size;min-height:420px}
  .hpm-ep2-discussion-in{position:sticky;top:20px;height:100%;max-height:calc(100vh - 40px);display:flex;flex-direction:column;min-height:0}
  .hpm-ep2.discussion-fermee .hpm-ep2-discussion-in{display:none}
}
.hpm-ep2-discussion-in{display:flex;flex-direction:column;flex:1;min-height:0}
.hpm-ep2-discussion-rail{display:none}
.hpm-ep2.discussion-fermee .hpm-ep2-discussion-rail{all:unset;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;padding:12px 0;cursor:pointer;color:var(--hpm-ds-violet);font-weight:700;font-size:calc(15px * var(--hpm-fs,1));position:sticky;top:20px}
.hpm-ep2-discussion-rail .v{writing-mode:vertical-rl;transform:rotate(180deg)}
.hpm-ep2-discussion-rail .nb{background:var(--hpm-ds-violet);color:#fff;font-size:max(calc(12px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));padding:0 6px;line-height:20px}
.hpm-ep2-discussion-rail:hover{background:var(--hpm-ds-violet-pale)}
.hpm-ep2-discussion-rail:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:-2px}
.hpm-ep2-chev{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:square}
.hpm-ep2-discussion-tete .x .tel{display:none}
.hpm-ep2-discussion-tete{display:flex;align-items:center;justify-content:center;padding:12px 16px;border-bottom:1px solid var(--hpm-ds-trait);position:relative}
.hpm-ep2-discussion-tete .x{all:unset;position:absolute;right:14px;cursor:pointer;color:var(--hpm-ds-doux);font-size:calc(17px * var(--hpm-fs,1));padding:2px 6px}
.hpm-ep2-discussion-tete .x:focus-visible{outline:2px solid var(--hpm-ds-violet)}
.hpm-ep.hpm-ep2 .hpm-ep-canal{border:0;border-radius:0;flex:1;min-height:0;display:flex;flex-direction:column}
.hpm-ep.hpm-ep2 .hpm-ep-canal-tete{display:none}
.hpm-ep.hpm-ep2 .hpm-ep-fil{flex:1;max-height:none;min-height:180px;overflow-y:auto}
.hpm-ep.hpm-ep2 .hpm-ep-bulle-msg{background:var(--hpm-ds-bulle);border-radius:6px;font-size:calc(14.5px * var(--hpm-fs,1))}
.hpm-ep.hpm-ep2 .hpm-ep-msg-tete b{font-size:calc(13.5px * var(--hpm-fs,1))}
.hpm-ep.hpm-ep2 .hpm-ep-ecrire textarea{border-radius:0;font-size:calc(14.5px * var(--hpm-fs,1));border-color:var(--hpm-ds-trait)}
.hpm-ep.hpm-ep2 .hpm-ep-ecrire textarea:focus{outline:none;border-color:var(--hpm-ds-violet);box-shadow:0 0 0 2px var(--hpm-ds-violet-pale)}
.hpm-ep.hpm-ep2 .hpm-ep-ecrire .hpm-ep-btn.est-primaire{background:var(--hpm-ds-bleu);border-color:var(--hpm-ds-bleu);color:#fff;border-radius:0;font-weight:700;align-self:flex-end;padding:8px 18px}

/* Vue d'ensemble */
.hpm-ep2-ve-tete{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;margin:0 0 12px}
.hpm-ep2-barre{display:block;height:8px;background:var(--hpm-t-e9e3f7,#e9e3f7);margin:6px 0 8px;max-width:240px}
.hpm-ep2-barre span{display:block;height:100%;background:var(--hpm-ds-degrade)}
.hpm-ep2-guide{margin-top:16px}
.hpm-ep2-guide .hpm-ep-vue-tete{display:none}
.hpm-ep2-section{display:flex;align-items:center;gap:12px;margin:24px 0 10px}
.hpm-ep2-section h2{flex:1}
.hpm-ep2-jalons{list-style:none;margin:0;padding:16px 20px 14px;background:#fff;border:1px solid var(--hpm-ds-trait);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;position:relative}
.hpm-ep2-jalons li{position:relative;padding-top:28px;min-width:0}
.hpm-ep2-jalons li::before{content:'';position:absolute;top:8px;left:12px;right:-12px;height:3px;background:var(--hpm-t-e9e3f7,#e9e3f7)}
.hpm-ep2-jalons li:last-child::before{right:0}
.hpm-ep2-jalons li.fait::before{background:var(--hpm-ds-degrade)}
.hpm-ep2-jalons .losange{position:absolute;top:1px;left:0;width:17px;height:17px;transform:rotate(45deg);background:#fff;border:3px solid var(--hpm-ds-violet);z-index:1}
.hpm-ep2-jalons li.fait .losange{border-color:var(--hpm-ds-vert);background:var(--hpm-ds-vert)}
.hpm-ep2-jalons li.retard .losange{border-color:var(--hpm-ds-rouge)}
.hpm-ep2-jalons b{display:block;font-size:calc(15.5px * var(--hpm-fs,1));line-height:1.4;overflow-wrap:anywhere}
.hpm-ep2-jalons small{display:block;font-size:calc(13.5px * var(--hpm-fs,1));color:var(--hpm-ds-doux)}
.hpm-ep2-jalons li.retard small{color:var(--hpm-ds-rouge-t)}
.hpm-ep2-vide-court{padding:18px}
.hpm-ep2-vide-court .hpm-ds-ico{width:36px;height:36px}
.hpm-ep2-blocs{margin-top:22px}
.hpm-ep2-blocs .hpm-ds-bloc{display:flex;flex-direction:column}
.hpm-ep2-blocs [data-ep2-bloc]{flex:1;display:flex;flex-direction:column}
.hpm-ep2-blocs [data-ep2-bloc]>div:first-child{flex:1;padding:0 18px}
.hpm-ep2-blocs .hpm-ds-pages{border-left:0;border-right:0;border-bottom:0;gap:4px;padding:8px 12px;font-size:calc(13px * var(--hpm-fs,1))}
.hpm-ep2-blocs .hpm-ds-pages button{min-width:30px;height:30px;line-height:28px;padding:0 6px}
.hpm-ep2-blocs .hpm-ds-pages select{font-size:calc(13px * var(--hpm-fs,1));padding:3px 4px;margin-left:4px}
.hpm-ep2-surv .ligne{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;padding:2px 0}
.hpm-ep2-surv .ligne:hover b{color:var(--hpm-ds-violet)}
.hpm-ep2-surv .rond{width:20px;height:20px;border:2px solid #b8bccb;border-radius:50%;flex:none}
.hpm-ep2-surv .txt,.hpm-ep2-act .txt{flex:1;min-width:0}
.hpm-ep2-surv b{display:block;font-size:calc(15.5px * var(--hpm-fs,1))}
.hpm-ep2-surv small,.hpm-ep2-act small{display:block;font-size:calc(13.5px * var(--hpm-fs,1));color:var(--hpm-ds-doux)}
.hpm-ep2-surv .date{font-size:calc(14.5px * var(--hpm-fs,1));white-space:nowrap}
.hpm-ep2-surv .date.rouge{color:var(--hpm-ds-rouge-t);font-weight:700}
.hpm-ep2-act li{display:flex;gap:12px;align-items:flex-start}
.hpm-ep2-act .txt>span{font-size:calc(15px * var(--hpm-fs,1))}
.hpm-ep2-vide-bloc{padding:16px 0;color:var(--hpm-ds-doux);font-size:calc(14.5px * var(--hpm-fs,1))}

/* Téléphone : la Discussion s'ouvre en plein écran */
@media (max-width:900px){
  .hpm-ep2-corps,.hpm-ep2.discussion-fermee .hpm-ep2-corps{grid-template-columns:minmax(0,1fr)}   /* alpha.42 : la règle « discussion repliée » gardait 70 px vides sur téléphone */
  .hpm-ep2-discussion{position:fixed;inset:0;z-index:100000;max-height:none;top:0}
  .hpm-ep2.discussion-fermee .hpm-ep2-discussion{display:none}
  .hpm-ep2-discussion-tete .x .hpm-ep2-chev{display:none}
  .hpm-ep2-discussion-tete .x .tel{display:inline}
  .hpm-ep2-boutons{margin-left:0;width:100%}
  .hpm-ep2-jalons{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hpm-ep2-btn-discussion{padding:11px 12px}
  .hpm-ep2-onglets{flex-wrap:wrap}
  .hpm-ep2-onglets nav{flex:1 1 100%;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  .hpm-ep.hpm-ep2 .hpm-ep2-onglet{flex:none;white-space:nowrap;padding:10px 12px}
  .hpm-ep2-btn-discussion{margin-left:auto}
}
@media (max-width:640px){.hpm-ep2-jalons{grid-template-columns:1fr}.hpm-ep2-jalons li::before{display:none}}

/* ── 2.0.0-alpha.24 — lot 4b-1 : la Liste des tâches (maquette 7) ── */
.hpm-l2-outils{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px}
.hpm-l2-cherche input{border:1px solid var(--hpm-ds-trait);padding:7px 12px;font:inherit;font-size:calc(14.5px * var(--hpm-fs,1));min-width:220px;border-radius:0;background:#fff}
.hpm-l2-cherche input:focus{outline:none;border-color:var(--hpm-ds-violet);box-shadow:0 0 0 2px var(--hpm-ds-violet-pale)}
.hpm-l2-filtre{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--hpm-ds-trait);background:#fff;padding:0 10px;height:36px;font:inherit;font-size:calc(14.5px * var(--hpm-fs,1));color:var(--hpm-ds-texte);cursor:pointer;border-radius:0}
.hpm-l2-filtre select,.hpm-l2-filtre input[type=date]{border:0;background:transparent;font:inherit;font-size:calc(14.5px * var(--hpm-fs,1));padding:0;height:34px;color:inherit;cursor:pointer;box-shadow:none;min-height:0}
.hpm-l2-filtre select:focus,.hpm-l2-filtre input:focus{outline:none}
.hpm-l2-filtre:focus-within{outline:2px solid var(--hpm-ds-violet);outline-offset:1px}
.hpm-l2-filtre .pre{color:var(--hpm-ds-doux);font-size:calc(13.5px * var(--hpm-fs,1))}
.hpm-l2-filtre.actif,.hpm-l2-filtre[aria-pressed="true"]{border-color:var(--hpm-ds-violet);color:var(--hpm-ds-violet);font-weight:700;background:var(--hpm-ds-violet-pale)}
.hpm-l2-filtre .x{all:unset;cursor:pointer;color:var(--hpm-ds-violet);font-weight:700;padding:0 2px}
.hpm-l2-droite{margin-left:auto;display:inline-flex;gap:8px;align-items:center}
.hpm-l2-selection{gap:8px}
.hpm-l2-lot select,.hpm-l2-lot input{border:1px solid var(--hpm-ds-trait);background:#fff;font:inherit;font-size:calc(14px * var(--hpm-fs,1));padding:5px 8px;border-radius:0;height:34px}
.hpm-l2-lot.date{display:inline-flex;align-items:center;gap:6px;font-size:calc(14px * var(--hpm-fs,1))}
.hpm-l2-selection .fin{all:unset;margin-left:auto;cursor:pointer;color:var(--hpm-ds-doux);font-size:calc(14px * var(--hpm-fs,1))}
.hpm-l2-tab{border-top:0}
.hpm-l2-tab th button{all:unset;cursor:pointer}
.hpm-l2-tab th[aria-sort="ascending"],.hpm-l2-tab th[aria-sort="descending"]{color:var(--hpm-ds-violet)}
.hpm-l2-tab th:not(.c) button{color:inherit}
.hpm-l2-tab td.c,.hpm-l2-tab th.c{width:40px}
.hpm-l2-tab input[type=checkbox]{width:18px;height:18px;accent-color:var(--hpm-ds-violet);margin:0}
.hpm-l2-tab tbody tr[data-id]{cursor:pointer}
.hpm-l2-tab tbody tr[data-id]:hover td{background:var(--hpm-t-fafbff,#fafbff)}
.hpm-l2-tab tr.choisi td{background:var(--hpm-t-f8f4ff,#f8f4ff)}
.hpm-l2-tab td.t .tt{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hpm-l2-tab tr[data-id] td{border-bottom:1px solid #f0f1f5}
.hpm-l2-tab .rond{all:unset;box-sizing:border-box;width:22px;height:22px;border:2px solid #b8bccb;border-radius:50%;cursor:pointer;flex:none}
.hpm-l2-tab .rond:hover{border-color:var(--hpm-ds-vert)}
.hpm-l2-tab .rond.fait{background:var(--hpm-ds-vert);border-color:var(--hpm-ds-vert)}
.hpm-l2-tab .rond:focus-visible,.hpm-l2-tab .titre:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:2px}
.hpm-l2-tab .titre{all:unset;cursor:pointer;font-weight:700;font-size:calc(15.5px * var(--hpm-fs,1))}
.hpm-l2-tab .titre:hover{color:var(--hpm-ds-violet)}
.hpm-l2-tab tr.faite .titre{text-decoration:line-through;color:var(--hpm-ds-pale);font-weight:500}
.hpm-l2-tab .losange{color:var(--hpm-ds-violet)}
.hpm-l2-tab .comp{font-size:calc(13px * var(--hpm-fs,1));color:var(--hpm-ds-doux)}
.hpm-l2-tab .prio{font-size:calc(14.5px * var(--hpm-fs,1))}
.hpm-l2-tab .prio.rouge,.hpm-l2-tab .ech.rouge{color:var(--hpm-ds-rouge-t);font-weight:700}
.hpm-l2-tab .prio.orange{color:var(--hpm-ds-orange-t);font-weight:700}
.hpm-l2-tab .ech{font-size:calc(14.5px * var(--hpm-fs,1));white-space:nowrap}
.hpm-l2-tab .doux{color:var(--hpm-ds-pale)}
.hpm-l2-tab .tps{white-space:nowrap}
.hpm-l2-groupe .tete td{padding:0;background:var(--hpm-t-faf7ff,#faf7ff);border-bottom:1px solid var(--hpm-ds-trait)}
.hpm-l2-groupe:not(.ouvert) .tete td{background:#fff}
.hpm-l2-groupe .acc{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;width:100%;padding:11px 14px;cursor:pointer;flex-wrap:wrap}
.hpm-l2-groupe .acc:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:-2px}
.hpm-l2-groupe .acc .fl{width:0;height:0;border-left:6px solid currentColor;border-top:5px solid transparent;border-bottom:5px solid transparent;transition:transform .15s}
.hpm-l2-groupe.ouvert .acc .fl{transform:rotate(90deg)}
.hpm-l2-groupe .acc b{font-size:calc(16px * var(--hpm-fs,1))}
.hpm-l2-groupe.ouvert .acc b,.hpm-l2-groupe.ouvert .acc .fl{color:var(--hpm-ds-violet)}
.hpm-l2-groupe .acc .res{font-size:calc(13.5px * var(--hpm-fs,1));color:var(--hpm-ds-doux)}
.hpm-l2-groupe .acc .barre{width:170px;height:6px;background:var(--hpm-t-e9e3f7,#e9e3f7);display:inline-block}
.hpm-l2-groupe .acc .barre span{display:block;height:100%;background:var(--hpm-ds-degrade)}
.hpm-l2-groupe:not(.ouvert) tr[data-id],.hpm-l2-groupe:not(.ouvert) tr.ajout{display:none}
.hpm-l2-groupe tr.ajout td{padding:8px 14px;border-bottom:1px solid #f0f1f5}
.hpm-l2-rapide{max-width:520px}
.hpm-l2-pages{margin-top:0}
@media (max-width:900px){.hpm-l2-droite{margin-left:0}.hpm-l2-cherche input{min-width:0;width:100%}.hpm-l2-cherche{flex:1 1 100%}
  .hpm-l2-tab td:nth-child(n+3){display:inline-block;width:auto;padding:2px 8px 8px 50px}.hpm-l2-groupe .acc .barre{width:100px}}

/* ── 2.0.0-alpha.25 — lot 4b-2 : le nouveau Kanban (maquette 8) ──────────────
   Cartes à angles droits, liseré de priorité à gauche ; colonnes de même
   largeur, bandeau de couleur en tête ; « Terminée » en lignes barrées. */
.hpm-k3-tableau{display:flex;gap:18px;align-items:flex-start;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity}
/* 2.0.0-alpha.26 (Kad, 1/10) : le titre de colonne est un BANDEAU de couleur plein, texte blanc, avec de l'air.
   Teintes de la charte, choisies pour un contraste ≥ 4,5:1 avec le blanc. */
.hpm-k3-col{--k3-c:#5b6072;flex:1 1 0;min-width:260px;background:var(--hpm-ds-fond);padding:0 0 12px;scroll-snap-align:start}
.hpm-k3-col.sens-bleu{--k3-c:var(--hpm-ds-bleu)}.hpm-k3-col.sens-violet{--k3-c:var(--hpm-ds-violet)}.hpm-k3-col.sens-vert{--k3-c:var(--hpm-ds-vert-t)}
.hpm-k3-col.sens-rouge{--k3-c:var(--hpm-ds-rouge-t)}.hpm-k3-col.sens-orange{--k3-c:#b4501d}
.hpm-k3-col.cachee{display:none}
.hpm-k3.en-deplacement .hpm-k3-col.cachee{display:block}
.hpm-k3-col .tete{display:flex;align-items:center;gap:10px;padding:13px 14px;margin:0 0 12px;background:var(--k3-c);color:#fff;min-height:48px;box-sizing:border-box}
.hpm-k3-col .tete h3{margin:0;font-size:calc(16.5px * var(--hpm-fs,1));font-weight:700;color:#fff;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hpm-k3-col .tete .nb{margin-left:auto;background:rgba(255,255,255,.22);font-size:calc(13px * var(--hpm-fs,1));font-weight:700;padding:2px 9px;color:#fff;min-width:12px;text-align:center}
.hpm-k3-col .tete .ajout{all:unset;cursor:pointer;color:#fff;font-size:calc(22px * var(--hpm-fs,1));font-weight:700;line-height:1;padding:0 2px 0 4px}
.hpm-k3-col .tete .replier{all:unset;cursor:pointer;color:#fff;font-size:calc(14px * var(--hpm-fs,1));text-decoration:underline;text-underline-offset:3px}
.hpm-k3-col .tete .ajout:focus-visible,.hpm-k3-col .tete .replier:focus-visible{outline:2px solid #fff;outline-offset:2px}
.hpm-k3-col .cartes{list-style:none;margin:0;padding:0 12px;display:flex;flex-direction:column;gap:10px;min-height:8px}
.hpm-k3-col .vide{margin:4px 12px 0;font-size:calc(14px * var(--hpm-fs,1));color:var(--hpm-ds-pale);text-align:center;padding:14px 0;border:1px dashed var(--hpm-ds-trait)}
.hpm-k3-carte{background:#fff;border:1px solid var(--hpm-ds-trait);border-left:4px solid #c3c6d2;padding:12px 14px;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;position:relative}
.hpm-k3.lecture .hpm-k3-carte{cursor:pointer}
/* 2.0.0-alpha.125 : le liseré suit le TON du niveau (le plus important en rouge, les autres au-dessus de « Normale » en orange), plus sa clé */
.hpm-k3-carte.ton-rouge{border-left-color:var(--hpm-ds-rouge)}.hpm-k3-carte.ton-orange{border-left-color:var(--hpm-ds-orange)}
.hpm-k3-carte:hover{border-top-color:#cfd2dc;border-right-color:#cfd2dc;border-bottom-color:#cfd2dc;box-shadow:0 2px 8px rgba(31,35,48,.06)}
.hpm-k3-carte:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:2px}
.hpm-k3-carte .titre{all:unset;display:block;cursor:pointer;font-weight:700;font-size:calc(15.5px * var(--hpm-fs,1));line-height:1.35;color:var(--hpm-ds-texte);word-break:break-word}
.hpm-k3-carte .titre:hover{color:var(--hpm-ds-violet)}
.hpm-k3-carte .titre:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:2px}
.hpm-k3-carte .losange{color:var(--hpm-ds-violet)}
.hpm-k3-carte .puces{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.hpm-k3-carte .puce{font-size:calc(13px * var(--hpm-fs,1));border:1px solid var(--hpm-ds-trait);padding:2px 9px;color:var(--hpm-ds-doux);background:#fff}
.hpm-k3-carte .bas{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px}
.hpm-k3-carte .meta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:calc(13.5px * var(--hpm-fs,1));color:var(--hpm-ds-doux)}
.hpm-k3-carte .meta .ech{font-weight:700;color:var(--hpm-ds-texte)}
.hpm-k3-carte .meta .rouge{color:var(--hpm-ds-rouge-t)}
.hpm-k3-carte .meta .orange{color:var(--hpm-ds-orange-t);font-weight:700}
.hpm-k3-carte .meta .apres{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hpm-k3-carte .plus{font-size:max(calc(12px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));color:var(--hpm-ds-doux);margin-left:4px}
.hpm-k3-carte.faite .titre{text-decoration:line-through;color:var(--hpm-ds-pale);font-weight:500}
.hpm-k3-carte.ligne{display:flex;align-items:center;gap:10px;padding:9px 12px;border-left-width:1px}
.hpm-k3-carte.ligne .pt{width:12px;height:12px;border-radius:50%;background:var(--hpm-ds-vert);flex:none}
.hpm-k3-carte.ligne .titre{font-size:calc(14.5px * var(--hpm-fs,1))}
.hpm-k3-carte.est-soulevee{opacity:.35}
.hpm-k3-carte.est-saisie{outline:2px solid var(--hpm-ds-violet);outline-offset:2px;box-shadow:0 10px 26px rgba(43,23,90,.22)}
.hpm-k3-carte.en-cours{opacity:.6}
.hpm-k3-fantome{position:fixed;z-index:100000;pointer-events:none;margin:0;border:2px solid var(--hpm-ds-violet);border-left-width:4px;box-shadow:0 14px 34px rgba(43,23,90,.28);transform:rotate(1.2deg);cursor:grabbing;list-style:none}
.hpm-k3-depot{border:2px dashed var(--hpm-ds-violet);background:var(--hpm-ds-violet-pale);color:var(--hpm-ds-violet);font-weight:700;text-align:center;padding:22px 12px;font-size:calc(15px * var(--hpm-fs,1))}
.hpm-k3-col.est-interdite .hpm-k3-depot{border-color:var(--hpm-ds-rouge);background:#fff5f5;color:var(--hpm-ds-rouge-t);font-weight:600;font-size:calc(14px * var(--hpm-fs,1));padding:14px 12px}
.hpm-k3-refus{border:1px solid #f3b8b8;border-left:4px solid var(--hpm-ds-rouge);background:#fff;color:var(--hpm-ds-rouge-t);padding:10px 14px;font-size:calc(14px * var(--hpm-fs,1));line-height:1.5}
.hpm-k3-plus{all:unset;box-sizing:border-box;display:block;width:calc(100% - 24px);margin:10px 12px 0;text-align:center;border:1px dashed var(--hpm-t-c9bfe4,#c9bfe4);padding:10px;cursor:pointer;color:var(--hpm-ds-violet);font-weight:700;font-size:calc(14.5px * var(--hpm-fs,1));background:#fff}
.hpm-k3-plus:hover{background:var(--hpm-ds-violet-pale)}
.hpm-k3-plus:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:2px}
.hpm-k3-nouvelle{list-style:none}
.hpm-k3-rapide{width:100%;box-sizing:border-box}
/* « Terminée » repliée en un bandeau étroit ; « déplier » la rouvre. */
.hpm-k3-col.repliee{flex:0 0 170px;min-width:170px;padding-bottom:0}
.hpm-k3-col.repliee .tete{margin:0}
.hpm-k3-col.repliee .cartes,.hpm-k3-col.repliee .hpm-k3-plus,.hpm-k3-col.repliee .vide{display:none}
@media (max-width:900px){
  .hpm-k3-tableau{gap:12px}
  .hpm-k3-col{flex:0 0 85%;min-width:0}
  .hpm-k3-col.repliee{flex:0 0 150px}
}
@media (prefers-reduced-motion:reduce){.hpm-k3-fantome{transform:none}}

/* ── 2.0.0-alpha.27 (Kad, 1/10, maquette validée) : la barre de filtres de la Liste et du Kanban
   dans un bandeau dégradé d'un seul tenant, champs blancs, avec de l'air autour. ── */
.hpm-l2-outils{background:var(--hpm-ds-degrade);padding:14px 16px;margin:20px 0 22px;gap:10px}
.hpm-l2-outils .hpm-l2-cherche input,.hpm-l2-outils .hpm-l2-filtre{border-color:#fff;background:#fff}
.hpm-l2-outils .hpm-l2-filtre.actif,.hpm-l2-outils .hpm-l2-filtre[aria-pressed="true"]{background:#fff;border-color:#fff;color:var(--hpm-ds-violet);box-shadow:inset 0 -3px 0 var(--hpm-ds-violet)}
.hpm-l2-outils .hpm-l2-filtre:focus-within,.hpm-l2-outils .hpm-l2-cherche input:focus{outline:2px solid #fff;outline-offset:2px;box-shadow:none}
.hpm-l2-outils .hpm-l2-filtre .pre{color:var(--hpm-ds-doux)}
.hpm-l2-outils .hpm-ds-btn{background:#fff;border-color:#fff;color:var(--hpm-ds-bleu)}
.hpm-k3-tableau{gap:20px}
@media (max-width:900px){.hpm-l2-outils{padding:12px}}

/* ── 2.0.0-alpha.30 — lot 4b-3 : la fenêtre Tâche (maquettes 6 et 17) ───────── */
html.hpm-t2-ouverte{overflow:hidden}
.hpm-t2-voile{position:fixed;inset:0;z-index:100001;background:rgba(25,20,50,.45);display:flex;align-items:flex-start;justify-content:center;padding:4vh 16px;overflow-y:auto}
.hpm-t2{position:relative;width:min(1100px,100%);background:#fff;box-shadow:0 20px 60px rgba(10,10,40,.35);display:flex;flex-direction:column;outline:none;color:var(--hpm-ds-texte);font-size:calc(15px * var(--hpm-fs,1));line-height:1.55}
.hpm-t2-charge{padding:28px}
.hpm-t2-tete{background:var(--hpm-ds-degrade);color:#fff;display:flex;align-items:center;gap:12px;padding:12px 20px;font-size:calc(14.5px * var(--hpm-fs,1))}
.hpm-t2-tete .ariane{opacity:.85;font-size:calc(13.5px * var(--hpm-fs,1))}
.hpm-t2-tete .d{margin-left:auto;display:flex;gap:10px;align-items:center}
.hpm-t2-tete .d button{all:unset;cursor:pointer;color:#fff;padding:3px 8px;font-size:calc(14px * var(--hpm-fs,1))}
.hpm-t2-tete .d .opt{border:1px solid rgba(255,255,255,.7);background:rgba(255,255,255,.14);font-weight:700}
.hpm-t2-tete .d .x{font-size:calc(17px * var(--hpm-fs,1));padding:0 4px}
.hpm-t2-tete .d button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.hpm-t2-menu{position:absolute;right:56px;top:48px;width:340px;background:#fff;border:1px solid var(--hpm-ds-trait);box-shadow:0 14px 34px rgba(10,10,40,.28);z-index:5;padding:4px 0 6px}
.hpm-t2-menu h4{margin:0;font-size:max(calc(12px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));text-transform:uppercase;letter-spacing:.4px;color:var(--hpm-ds-doux);padding:9px 14px 4px}
.hpm-t2-menu .it{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:10px;width:100%;padding:8px 14px;cursor:pointer;font-size:calc(14.5px * var(--hpm-fs,1));color:var(--hpm-ds-texte)}
.hpm-t2-menu .it:hover,.hpm-t2-menu .it:focus-visible{background:var(--hpm-ds-violet-pale)}
.hpm-t2-menu .it .ic{width:20px;text-align:center}
.hpm-t2-menu .it small{margin-left:auto;font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));color:var(--hpm-ds-doux);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hpm-t2-menu .it .on{margin-left:auto;font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));font-weight:700;color:var(--hpm-ds-vert-t)}
.hpm-t2-menu .it .adm{margin-left:auto;font-size:max(calc(11.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));color:var(--hpm-ds-violet);border:1px solid var(--hpm-ds-violet);padding:0 5px;font-weight:700}
.hpm-t2-menu .it.danger{color:var(--hpm-ds-rouge-t);font-weight:600}
.hpm-t2-menu .it.lecture{cursor:default;opacity:.75}
.hpm-t2-menu hr{border:0;border-top:1px solid var(--hpm-ds-trait);margin:6px 0}
.hpm-t2-menu .vide{padding:10px 14px;margin:0;font-size:calc(14px * var(--hpm-fs,1));color:var(--hpm-ds-doux)}
.hpm-t2-menu .sous-m{border-top:1px solid var(--hpm-ds-trait);margin-top:6px;padding:10px 14px;font-size:calc(14px * var(--hpm-fs,1));background:#fafbfd}
.hpm-t2-menu .sous-m label{display:flex;flex-direction:column;gap:4px;font-weight:700;color:var(--hpm-ds-bleu);font-size:calc(13.5px * var(--hpm-fs,1))}
.hpm-t2-menu .sous-m select{font-weight:400;border-radius:0}
.hpm-t2-menu .sous-m p{margin:0 0 8px}.hpm-t2-menu .sous-m .n{margin:6px 0 0;font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));color:var(--hpm-ds-doux)}
.hpm-t2-menu .sous-m .b{display:flex;gap:8px;margin-top:8px}
.hpm-t2 .hpm-ds-btn.rouge{background:var(--hpm-ds-rouge-t);border-color:var(--hpm-ds-rouge-t);color:#fff}
.hpm-t2-corps{display:grid;grid-template-columns:minmax(0,1fr) 360px}
.hpm-t2-corps .g{padding:18px 22px 20px;border-right:1px solid var(--hpm-ds-trait);min-width:0}
.hpm-t2 .titre{display:flex;align-items:center;gap:12px;margin:0 0 6px;font-size:calc(23px * var(--hpm-fs,1));line-height:1.3}
.hpm-t2 .titre input{flex:1;font:inherit;font-weight:700;border:1px solid transparent;padding:2px 6px;margin-left:-6px;background:transparent;color:inherit;border-radius:0;min-width:0}
.hpm-t2 .titre input:hover{border-color:var(--hpm-ds-trait)}
.hpm-t2 .titre input:focus{outline:none;border-color:var(--hpm-ds-violet);box-shadow:0 0 0 3px rgba(130,36,227,.12)}
.hpm-t2 .rond{all:unset;box-sizing:border-box;width:24px;height:24px;border:2px solid #b8bccb;border-radius:50%;cursor:pointer;flex:none}
.hpm-t2 .rond:hover:not([disabled]){border-color:var(--hpm-ds-vert)}
.hpm-t2 .rond.ok{background:var(--hpm-ds-vert);border-color:var(--hpm-ds-vert)}
.hpm-t2 .rond[disabled]{cursor:not-allowed;opacity:.6}
.hpm-t2 .rond:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:2px}
.hpm-t2 .etats{display:flex;gap:8px;flex-wrap:wrap;margin:2px 0 10px}
.hpm-t2 .etat{all:unset;cursor:pointer;font-size:calc(13px * var(--hpm-fs,1));padding:2px 10px;border:1px solid var(--c);color:var(--c);background:#fff;font-weight:600}
.hpm-t2 span.etat{cursor:default}
.hpm-t2 .etat:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:2px}
.hpm-t2 .statuts{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 16px}
.hpm-t2 .statuts button{all:unset;cursor:pointer;font-size:calc(13.5px * var(--hpm-fs,1));padding:4px 12px;border:1px solid var(--hpm-ds-trait);color:var(--hpm-ds-doux);background:#fff}
.hpm-t2 .statuts button:hover:not([disabled]){border-color:var(--c);color:var(--c)}
.hpm-t2 .statuts button.on{background:var(--c);border-color:var(--c);color:#fff;font-weight:700}
.hpm-t2 .statuts button[disabled]{cursor:not-allowed;opacity:.5}
.hpm-t2 .statuts button:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:2px}
.hpm-t2 .props{display:grid;grid-template-columns:140px minmax(0,1fr);row-gap:2px;margin:0 0 10px;font-size:calc(14.5px * var(--hpm-fs,1))}
.hpm-t2 .props dt{color:var(--hpm-ds-doux);padding:7px 0}
.hpm-t2 .props dd{margin:0;padding:4px 0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:36px}
.hpm-t2 .props select,.hpm-t2 .props input{font:inherit;font-size:calc(14px * var(--hpm-fs,1));border:1px solid var(--hpm-ds-trait);padding:4px 8px;background:#fff;border-radius:0;min-height:0;height:32px}
.hpm-t2 .props input[type=number]{width:80px}
.hpm-t2 .props select.prio.rouge{color:var(--hpm-ds-rouge-t);font-weight:700}.hpm-t2 .props select.prio.orange{color:var(--hpm-ds-orange-t);font-weight:700}
.hpm-t2 .props .note{font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));color:var(--hpm-ds-pale);width:100%}
.hpm-t2 .pers{display:inline-flex;align-items:center;gap:6px}
.hpm-t2 .moins{all:unset;cursor:pointer;color:var(--hpm-ds-pale);font-size:calc(15px * var(--hpm-fs,1));padding:0 3px}
.hpm-t2 .moins:hover{color:var(--hpm-ds-rouge-t)}
.hpm-t2 .dep{font-size:calc(13.5px * var(--hpm-fs,1));border:1px solid var(--hpm-ds-trait);padding:2px 9px;color:var(--hpm-ds-doux);display:inline-flex;align-items:center;gap:4px}
.hpm-t2 .lien-t{all:unset;cursor:pointer;font-weight:600;color:var(--hpm-ds-texte)}
.hpm-t2 .lien-t:hover{color:var(--hpm-ds-violet)}
.hpm-t2 .lien{all:unset;cursor:pointer;color:var(--hpm-ds-bleu);font-weight:700;font-size:calc(13.5px * var(--hpm-fs,1))}
.hpm-t2 .lien.d{margin-left:auto}
.hpm-t2 .lien:focus-visible,.hpm-t2 .lien-t:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:2px}
.hpm-t2 .etiq input{width:190px}
.hpm-t2 .hpm-ds-puce{display:inline-flex;align-items:center;gap:4px;font-size:calc(13px * var(--hpm-fs,1));border:1px solid var(--hpm-ds-trait);padding:2px 9px;color:var(--hpm-ds-doux);background:#fff}
.hpm-t2 .hpm-ds-puce.prio.rouge{color:var(--hpm-ds-rouge-t);border-color:var(--hpm-ds-rouge-t)}.hpm-t2 .hpm-ds-puce.prio.orange{color:var(--hpm-ds-orange-t);border-color:var(--hpm-ds-orange-t)}
.hpm-t2 .doux{color:var(--hpm-ds-pale)}
.hpm-t2 .zone-temps,.hpm-t2 .zone-dep{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;background:#fafbfd;border:1px solid var(--hpm-ds-trait);padding:10px 12px;margin:0 0 12px}
.hpm-t2 .zone-temps[hidden],.hpm-t2 .zone-dep[hidden]{display:none}
.hpm-t2 .zone-temps label,.hpm-t2 .zone-dep label{display:flex;flex-direction:column;font-size:calc(13px * var(--hpm-fs,1));font-weight:700;color:var(--hpm-ds-bleu);gap:3px}
.hpm-t2 .zone-temps .large,.hpm-t2 .zone-dep .large{flex:1;min-width:180px}
.hpm-t2 .zone-temps input,.hpm-t2 .zone-dep select{font:inherit;font-size:calc(14px * var(--hpm-fs,1));font-weight:400;border:1px solid var(--hpm-ds-trait);padding:4px 8px;border-radius:0;height:32px}
.hpm-t2 .sec{margin-top:16px}
.hpm-t2 .sec h3{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:calc(15px * var(--hpm-fs,1));color:var(--hpm-ds-violet)}
.hpm-t2 .sec textarea{width:100%;box-sizing:border-box;font:inherit;font-size:calc(14.5px * var(--hpm-fs,1));border:1px solid var(--hpm-ds-trait);padding:10px 12px;border-radius:0;min-height:80px;resize:vertical}
.hpm-t2 .sec textarea:focus{outline:none;border-color:var(--hpm-ds-violet);box-shadow:0 0 0 3px rgba(130,36,227,.12)}
.hpm-t2 .desc{border:1px solid var(--hpm-ds-trait);padding:10px 12px;white-space:pre-wrap}
.hpm-t2 .sous{list-style:none;margin:0;padding:0}
.hpm-t2 .sous li{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid #f3f4f7;font-size:calc(14.5px * var(--hpm-fs,1))}
.hpm-t2 .sous .rond{width:18px;height:18px}
.hpm-t2 .sous li.fait .t{text-decoration:line-through;color:var(--hpm-ds-pale);font-weight:400}
.hpm-t2 .sous .t{font-weight:500}
.hpm-t2 .sous small{margin-left:auto;color:var(--hpm-ds-pale);font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px))}
.hpm-t2 .sous .nouvelle input{flex:1;font:inherit;font-size:calc(14px * var(--hpm-fs,1));border:1px solid var(--hpm-ds-violet);padding:5px 8px;border-radius:0}
.hpm-t2 .sous .nouvelle select{font:inherit;font-size:calc(13.5px * var(--hpm-fs,1));border:1px solid var(--hpm-ds-trait);height:32px;border-radius:0}
.hpm-t2 .docs{display:flex;gap:10px;flex-wrap:wrap}
.hpm-t2 .doc{border:1px solid var(--hpm-ds-trait);padding:7px 12px;font-size:calc(13.5px * var(--hpm-fs,1));display:inline-flex;gap:8px;align-items:center;color:var(--hpm-ds-texte);text-decoration:none}
.hpm-t2 .doc:hover{border-color:var(--hpm-ds-violet)}
.hpm-t2 .doc i{font-style:normal;background:#fdecec;color:var(--hpm-ds-rouge-t);font-size:max(calc(11px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));font-weight:700;padding:0 5px}
.hpm-t2 .joindre{cursor:pointer}
.hpm-t2-corps .dr{display:flex;flex-direction:column;min-height:520px;min-width:0}
.hpm-t2 .dr-tete{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--hpm-ds-trait)}
.hpm-t2 .dr-tete h3{margin:0;font-size:calc(15.5px * var(--hpm-fs,1));color:var(--hpm-ds-violet)}
.hpm-t2 .dr-tete span{margin-left:auto;font-size:calc(13px * var(--hpm-fs,1));color:var(--hpm-ds-doux)}
.hpm-t2 .fil{flex:1;overflow-y:auto;max-height:52vh;padding:10px 14px}
.hpm-t2 .saisie{border-top:1px solid var(--hpm-ds-trait);padding:12px 14px}
.hpm-t2 .saisie textarea{width:100%;box-sizing:border-box;font:inherit;font-size:calc(14.5px * var(--hpm-fs,1));border:1px solid var(--hpm-ds-trait);padding:8px 10px;border-radius:0;resize:vertical}
.hpm-t2 .saisie .outils{display:flex;align-items:center;justify-content:space-between;margin-top:8px}
.hpm-t2 .saisie .pj{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}
.hpm-t2 .pj-b{cursor:pointer;font-size:calc(18px * var(--hpm-fs,1))}
.hpm-t2 .histo{border-top:1px solid var(--hpm-ds-trait);padding:10px 16px;font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));color:var(--hpm-ds-pale);line-height:1.5}
.hpm-t2 .histo .lien-t{color:var(--hpm-ds-bleu);font-weight:700}
.hpm-t2 .histo-l{margin:8px 0 0;padding-left:18px;max-height:180px;overflow-y:auto;color:var(--hpm-ds-doux)}
.hpm-t2 .histo-l small{color:var(--hpm-ds-pale)}
.hpm-t2-pied{display:flex;align-items:center;gap:10px;padding:12px 20px;border-top:1px solid var(--hpm-ds-trait);background:#fafbfd;font-size:calc(13px * var(--hpm-fs,1));color:var(--hpm-ds-doux)}
.hpm-t2-pied .etat{margin-right:auto}
.hpm-t2-pied .etat.ok{color:var(--hpm-ds-vert-t)}
.hpm-t2-pied .etat.erreur{color:var(--hpm-ds-rouge-t);font-weight:700}
@media (max-width:900px){
  .hpm-t2-voile{padding:0}
  .hpm-t2{min-height:100vh}
  .hpm-t2-corps{grid-template-columns:1fr}
  .hpm-t2-corps .g{border-right:0;border-bottom:1px solid var(--hpm-ds-trait);padding:14px 16px}
  .hpm-t2 .props{grid-template-columns:1fr}.hpm-t2 .props dt{padding:6px 0 0;font-size:calc(13px * var(--hpm-fs,1))}
  .hpm-t2-menu{right:8px;left:8px;width:auto}
  .hpm-t2 .titre{font-size:calc(20px * var(--hpm-fs,1))}
  .hpm-t2-tete .ariane{display:none}
}

/* ── 2.0.0-alpha.31 — maquette 20 : « + Tâche » en popup, sous-tâches motivées ── */
.hpm-t2.creation{width:min(780px,100%)}
.hpm-t2 .c2{padding:18px 22px 6px}
.hpm-t2 .t2-titre{width:100%;box-sizing:border-box;font:inherit;font-size:calc(21px * var(--hpm-fs,1));font-weight:700;border:1px solid var(--hpm-ds-violet);box-shadow:0 0 0 3px rgba(130,36,227,.12);padding:8px 10px;margin:0 0 12px;border-radius:0}
.hpm-t2 .t2-titre:focus{outline:none}
.hpm-t2 .c2 textarea{width:100%;box-sizing:border-box;font:inherit;font-size:calc(14.5px * var(--hpm-fs,1));border:1px solid var(--hpm-ds-trait);padding:8px 10px;border-radius:0;margin:6px 0 10px;resize:vertical}
.hpm-t2 .hpm-ds-btn--lien-cadre{background:#fff;border:1px solid var(--hpm-ds-bleu);color:var(--hpm-ds-bleu)}
.hpm-t2 .sous .tx{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
.hpm-t2 .sous .mot{font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));color:var(--hpm-ds-doux)}
.hpm-t2 .sous .mot b{color:var(--hpm-ds-violet)}
.hpm-t2 .sous .aval{color:var(--hpm-ds-orange-t);font-weight:700;margin-left:4px}
.hpm-t2 .sous .dec{display:flex;gap:6px;align-items:center;margin-top:3px;flex-wrap:wrap}
.hpm-t2 .sous .dec button{all:unset;cursor:pointer;font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));border:1px solid var(--hpm-ds-trait);padding:0 8px;background:#fff}
.hpm-t2 .sous .dec button.g{border-color:var(--hpm-ds-vert-t);color:var(--hpm-ds-vert-t);font-weight:700}
.hpm-t2 .sous .dec button.r{border-color:var(--hpm-ds-rouge-t);color:var(--hpm-ds-rouge-t);font-weight:700}
.hpm-t2 .sous .dec input{font:inherit;font-size:calc(13px * var(--hpm-fs,1));border:1px solid var(--hpm-ds-trait);padding:2px 6px;min-width:260px;border-radius:0}
.hpm-t2 .sous li.nouvelle{display:block;background:var(--hpm-t-f8f4ff,#f8f4ff);border:1px solid var(--hpm-t-d9c3f5,#d9c3f5);padding:10px 12px;margin-top:8px}
.hpm-t2 .sous li.nouvelle .r{display:flex;gap:8px}
.hpm-t2 .sous li.nouvelle .r input{flex:1}
.hpm-t2 .sous li.nouvelle label{display:block;font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));font-weight:700;color:var(--hpm-ds-bleu);margin-top:8px}
.hpm-t2 .sous li.nouvelle label small{font-weight:400;color:var(--hpm-ds-doux)}
.hpm-t2 .sous li.nouvelle label input{display:block;width:100%;box-sizing:border-box;font:inherit;font-size:calc(14px * var(--hpm-fs,1));border:1px solid var(--hpm-ds-violet);padding:5px 8px;margin-top:3px;border-radius:0}
.hpm-t2 .sous li.nouvelle .ok{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));color:var(--hpm-ds-doux)}
.hpm-t2 .sous li.nouvelle .ok button{margin-left:auto}

/* ── 2.0.0-alpha.32 — lot 4 : l'onglet Budget refait (maquette 19) ───────── */
.hpm-b2{font-size:calc(15px * var(--hpm-fs,1));color:var(--hpm-ds-texte)}
.hpm-b2-outils .hpm-l2-droite{display:flex;gap:8px;align-items:center;margin-left:auto}
.hpm-b2-outils a.hpm-ds-btn{text-decoration:none}
.hpm-b2-pastille{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#ffd84d;color:#5b4300;font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));font-weight:700}
.hpm-b2-msg{margin:0 0 14px}
.hpm-b2-pan{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px;align-items:stretch}
.hpm-b2-pn{background:#fff;border:1px solid var(--hpm-ds-trait);border-top:4px solid var(--c);padding:14px 16px;display:flex;flex-direction:column;min-width:0}
.hpm-b2-pn .q{font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));color:var(--hpm-ds-doux);text-transform:uppercase;letter-spacing:.3px;font-weight:700}
.hpm-b2-pn .v{font-size:calc(26px * var(--hpm-fs,1));font-weight:700;margin:4px 0 2px;line-height:1.2}
.hpm-b2-pn .s{font-size:calc(13.5px * var(--hpm-fs,1));color:var(--hpm-ds-doux)}
.hpm-b2-pn .s b.orange,.hpm-b2 small.orange{color:var(--hpm-ds-orange-t)}
.hpm-b2-pn .j{display:block;height:7px;background:#eceef4;margin-top:10px}
.hpm-b2-pn .j i{display:block;height:100%;background:var(--c)}
.hpm-b2-pn .l{all:unset;margin-top:auto;padding-top:10px;font-size:calc(14px * var(--hpm-fs,1));color:var(--hpm-ds-bleu);font-weight:700;cursor:pointer}
.hpm-b2-pn .l--texte{cursor:default}
.hpm-b2-pn button.l:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:2px}
.hpm-b2-acc,.hpm-b2-bloc,.hpm-b2-reserve{background:#fff;border:1px solid var(--hpm-ds-trait);margin:0 0 14px}
.hpm-b2-acc h3{margin:0;display:flex;align-items:center;gap:10px;padding:0 16px 0 0;font-size:calc(16px * var(--hpm-fs,1))}
.hpm-b2-acc h3 button{all:unset;cursor:pointer;display:flex;align-items:center;gap:8px;padding:12px 16px;font-weight:700;color:var(--hpm-ds-texte)}
.hpm-b2-acc.ouvert h3{border-bottom:1px solid var(--hpm-ds-trait)}
.hpm-b2-acc.ouvert h3 button{color:var(--hpm-ds-violet)}
.hpm-b2-acc h3 button:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:-2px}
.hpm-b2-acc h3 .fl{width:12px}
.hpm-b2-acc h3 .r,.hpm-b2-h .r{margin-left:auto;font-weight:400;font-size:calc(13.5px * var(--hpm-fs,1));color:var(--hpm-ds-doux);text-align:right}
.hpm-b2-nb{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#ffd84d;color:#5b4300;font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));font-weight:700}
.hpm-b2-h{margin:0;display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:calc(16px * var(--hpm-fs,1));color:var(--hpm-ds-violet);border-bottom:1px solid var(--hpm-ds-trait)}
.hpm-b2-defile{overflow-x:auto}
.hpm-b2-table{width:100%;border-collapse:collapse;font-size:calc(14px * var(--hpm-fs,1));margin:0}
.hpm-b2-table th{background:#fafbfd;font-size:max(calc(12px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));color:var(--hpm-ds-doux);font-weight:700;text-transform:uppercase;letter-spacing:.3px;text-align:left;padding:10px 12px;border-bottom:1px solid var(--hpm-ds-trait);white-space:nowrap}
.hpm-b2-table td{padding:10px 12px;border-bottom:1px solid #f0f1f5;vertical-align:middle}
.hpm-b2-table td small{display:block;font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));color:var(--hpm-ds-doux);margin-top:2px}
.hpm-b2-table td small.refus{color:var(--hpm-ds-rouge-t)}
.hpm-b2-table .m{text-align:right;white-space:nowrap}
.hpm-b2-table td.vert{color:var(--hpm-ds-vert-t);font-weight:700}
.hpm-b2-table td.rouge{color:var(--hpm-ds-rouge-t);font-weight:700}
.hpm-b2-table tr.total td{background:#fafbfd;font-weight:700;border-bottom:0}
.hpm-b2-table td.vide{color:var(--hpm-ds-doux);text-align:center;padding:18px}
.hpm-b2-table tr.refusee td{color:var(--hpm-ds-pale)}
.hpm-b2-table .av{width:22%;min-width:120px}
.hpm-b2-av{display:flex;height:8px;background:#eceef4;width:100%}
.hpm-b2-av i{display:block;height:100%;background:var(--hpm-ds-bleu)}
.hpm-b2-av i.engage{background:repeating-linear-gradient(45deg,var(--hpm-t-8fb6f2,#8fb6f2) 0 4px,var(--hpm-t-c9dcfa,#c9dcfa) 4px 8px)}
.hpm-b2-av i.rouge{background:var(--hpm-ds-rouge)}
.hpm-b2-table a{color:var(--hpm-ds-bleu)}
.hpm-b2-table .pj{text-decoration:none;white-space:nowrap}
.hpm-b2-table .manque{color:var(--hpm-ds-orange-t);font-weight:700}
.hpm-b2-table .act{text-align:right;white-space:nowrap}
.hpm-b2-st{display:inline-block;font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));font-weight:700;padding:1px 8px;border:1px solid currentColor;white-space:nowrap}
.hpm-b2-st--plein{background:var(--hpm-ds-vert-t);border-color:var(--hpm-ds-vert-t);color:#fff}
.hpm-b2-st--bleu{color:var(--hpm-ds-bleu)}
.hpm-b2-st--orange{color:var(--hpm-ds-orange-t)}
.hpm-b2-st--gris{color:#6b7080}
.hpm-b2-b{font:inherit;font-size:calc(13px * var(--hpm-fs,1));padding:4px 10px;border:1px solid var(--hpm-ds-trait);background:#fff;color:var(--hpm-ds-texte);cursor:pointer;margin-left:6px}
.hpm-b2-b.vert{border-color:var(--hpm-ds-vert-t);color:var(--hpm-ds-vert-t);font-weight:700}
.hpm-b2-b[aria-expanded="true"]{border-color:var(--hpm-ds-rouge-t);color:var(--hpm-ds-rouge-t)}
.hpm-b2-ico{font:inherit;font-size:calc(14px * var(--hpm-fs,1));padding:3px 8px;border:1px solid var(--hpm-ds-trait);background:#fff;cursor:pointer;margin-left:6px}
.hpm-b2-b:focus-visible,.hpm-b2-ico:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:1px}
.hpm-b2-refus td{background:#fff6f6}
.hpm-b2-refus label{display:block;font-size:calc(13.5px * var(--hpm-fs,1));margin-bottom:6px}
.hpm-b2-refus .ligne{display:flex;gap:8px;flex-wrap:wrap}
.hpm-b2-refus input{flex:1;min-width:220px;border:1px solid var(--hpm-ds-trait);padding:7px 10px;font:inherit;border-radius:0}
.hpm-b2-refus input[aria-invalid="true"]{border-color:var(--hpm-ds-rouge-t)}
.hpm-b2-onglets{display:flex;gap:4px;padding:0 8px;border-bottom:1px solid var(--hpm-ds-trait);overflow-x:auto}
.hpm-b2-onglets button{all:unset;cursor:pointer;padding:10px 12px;font-size:calc(14px * var(--hpm-fs,1));color:var(--hpm-ds-doux);border-bottom:3px solid transparent;margin-bottom:-1px;white-space:nowrap;display:inline-flex;gap:6px;align-items:center}
.hpm-b2-onglets button[aria-selected="true"]{color:var(--hpm-ds-violet);font-weight:700;border-bottom-color:var(--hpm-ds-violet)}
.hpm-b2-onglets button:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:-2px}
.hpm-b2-dep .hpm-ds-pages{border:0;border-top:1px solid var(--hpm-ds-trait)}
.hpm-b2-reserve{padding:16px 18px;border-left:4px solid var(--hpm-ds-violet)}
.hpm-b2-reserve > b{color:var(--hpm-ds-violet)}
.hpm-b2-reserve p{margin:6px 0 12px}
.hpm-b2-form{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
.hpm-b2-form label,.hpm-b2-form fieldset{display:flex;flex-direction:column;gap:4px;font-size:calc(14px * var(--hpm-fs,1));font-weight:600;margin:0}
.hpm-b2-form .large,.hpm-b2-form > p{grid-column:1/-1}
.hpm-b2-form > p{margin:0}
.hpm-b2-form input[type=text],.hpm-b2-form input[type=date],.hpm-b2-form select{font:inherit;font-weight:400;border:1px solid var(--hpm-ds-trait);padding:7px 10px;border-radius:0;min-height:38px;background:#fff}
.hpm-b2-form fieldset{border:0;padding:0;flex-direction:row;flex-wrap:wrap;gap:6px 18px}
.hpm-b2-form legend{width:100%;padding:0;margin-bottom:4px}
.hpm-b2-form .choix{flex-direction:row;align-items:center;gap:6px;font-weight:400}
.hpm-b2-form [hidden]{display:none}
.hpm-b2-pj .t{font-size:calc(14px * var(--hpm-fs,1));font-weight:600;display:block;margin-bottom:4px}
.hpm-b2-pj p{margin:0 0 6px;font-size:calc(14px * var(--hpm-fs,1))}
@media (max-width:1000px){.hpm-b2-pan{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.hpm-b2-acc h3{flex-wrap:wrap}.hpm-b2-acc h3 .r{width:100%;margin:0;padding:0 16px 10px 36px;text-align:left}.hpm-b2-pan{grid-template-columns:1fr}.hpm-b2-form{grid-template-columns:1fr}.hpm-b2-outils .hpm-l2-droite{margin-left:0}}
.hpm-b2-msg[hidden]{display:none}
.hpm-b2-outils select{max-width:240px;text-overflow:ellipsis}

/* ── 2.0.0-alpha.33 — lot 4 : l'onglet Calendrier refait (maquette 18 v2) ─── */
.hpm-c2{position:relative;font-size:calc(15px * var(--hpm-fs,1));color:var(--hpm-ds-texte)}
.hpm-c2-outils{flex-wrap:wrap;row-gap:8px}
.hpm-c2-outils .hpm-l2-filtre{height:34px;font-size:calc(14px * var(--hpm-fs,1));padding:0 9px}
.hpm-c2-outils .hpm-l2-filtre.nav{padding:0 11px;font-weight:700}
.hpm-c2-outils .hpm-l2-droite{display:flex;gap:8px;align-items:center;margin-left:auto;flex-wrap:wrap}
.hpm-c2-seg{display:inline-flex;background:#fff}
.hpm-c2-seg button{all:unset;cursor:pointer;height:34px;padding:0 12px;font-size:calc(14px * var(--hpm-fs,1));color:var(--hpm-ds-texte);box-sizing:border-box;line-height:34px}
.hpm-c2-seg button[aria-pressed="true"]{color:var(--hpm-ds-violet);font-weight:700;background:var(--hpm-ds-violet-pale);box-shadow:inset 0 -3px 0 var(--hpm-ds-violet)}
.hpm-c2-seg button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.hpm-c2-periode{margin:0 6px;color:#fff;font-size:calc(19px * var(--hpm-fs,1));font-weight:700;white-space:nowrap}
.hpm-c2-case{display:inline-flex;align-items:center;gap:6px;color:#fff;font-size:calc(14px * var(--hpm-fs,1));cursor:pointer;white-space:nowrap}
.hpm-c2-case input{width:16px;height:16px;margin:0;accent-color:#fff}
.hpm-c2-case:focus-within{outline:2px solid #fff;outline-offset:2px}
.hpm-c2 .hpm-l2-message:empty{display:none}
.hpm-c2 .hpm-l2-message{margin:0 0 12px;padding:10px 14px;border-left:4px solid var(--hpm-ds-rouge);background:#fdeeee;color:var(--hpm-ds-rouge-t);font-size:calc(14px * var(--hpm-fs,1))}
.hpm-c2-grille{background:#fff;border:1px solid var(--hpm-ds-trait)}
.hpm-c2-jn{display:grid;grid-template-columns:repeat(7,1fr);background:var(--hpm-ds-violet-pale);border-bottom:1px solid var(--hpm-ds-trait)}
.hpm-c2-jn span{padding:9px 10px;font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));font-weight:700;color:var(--hpm-ds-violet);text-transform:uppercase;letter-spacing:.4px}
.hpm-c2-sem{position:relative;border-bottom:1px solid var(--hpm-ds-trait)}
.hpm-c2-sem:last-child{border-bottom:0}
.hpm-c2-cases{position:absolute;inset:0;display:grid;grid-template-columns:repeat(7,1fr)}
.hpm-c2-jour{position:relative;border-right:1px solid #eef0f4;cursor:pointer;min-width:0}
.hpm-c2-jour:last-child{border-right:0}
.hpm-c2-jour.we{background:#fbfbfd}
.hpm-c2-jour.auj{background:var(--hpm-t-faf6ff,#faf6ff)}
.hpm-c2-jour.cible{background:var(--hpm-t-f0f7ff,#f0f7ff);outline:2px dashed var(--hpm-ds-bleu);outline-offset:-3px}
.hpm-c2-jour .n{display:flex;align-items:center;gap:4px;padding:7px 10px 0;font-size:calc(14px * var(--hpm-fs,1));font-weight:700;color:var(--hpm-ds-texte)}
.hpm-c2-jour .n small{font-weight:400;color:var(--hpm-ds-doux)}
.hpm-c2-jour.hors .n{color:#b8bccb}
.hpm-c2-jour .rond{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--hpm-ds-violet);color:#fff}
.hpm-c2-jour .plus{all:unset;position:absolute;top:5px;right:6px;width:24px;height:24px;text-align:center;line-height:22px;font-size:calc(18px * var(--hpm-fs,1));font-weight:700;color:var(--hpm-ds-violet);cursor:pointer;opacity:0}
.hpm-c2-jour:hover .plus,.hpm-c2-jour .plus:focus-visible{opacity:1}
.hpm-c2-jour .plus:focus-visible{outline:2px solid var(--hpm-ds-violet)}
@media (hover:none){.hpm-c2-jour .plus{opacity:.55}}
.hpm-c2-jour:hover{background:var(--hpm-t-f7f9ff,#f7f9ff)}
.hpm-c2-jour .autres{all:unset;position:absolute;left:8px;bottom:4px;font-size:calc(13px * var(--hpm-fs,1));font-weight:700;color:var(--hpm-ds-bleu);cursor:pointer;padding:1px 2px}
.hpm-c2-jour .autres:focus-visible{outline:2px solid var(--hpm-ds-bleu)}
.hpm-c2-el{all:unset;box-sizing:border-box;position:absolute;height:22px;line-height:22px;padding:0 8px;font-size:calc(13px * var(--hpm-fs,1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;z-index:1;display:flex;align-items:center;gap:5px}
.hpm-c2-el > span{overflow:hidden;text-overflow:ellipsis}
.hpm-c2-el:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:1px;z-index:2}
.hpm-c2-el.mobile{touch-action:pan-y}
.hpm-c2-b{background:var(--c);color:#fff;font-weight:600;border-left:3px solid rgba(0,0,0,.2)}
.hpm-c2-b.suite{border-left:0;margin-left:-4px;padding-left:12px}
.hpm-c2-b .pr{flex:none;width:6px;height:6px;border-radius:50%;background:#fff}
/* 2.0.0-alpha.129 (écran 196) : les étiquettes au bout de la barre — un carré par étiquette, cerclé de blanc */
.hpm-c2-b>span:not(.pr):not(.hpm-etq-carres){overflow:hidden;text-overflow:ellipsis;min-width:0}
.hpm-c2-b .hpm-etq-carres{margin-left:auto;padding-left:6px}.hpm-c2-b .hpm-etq-carres i{width:11px;height:11px;box-shadow:0 0 0 1.5px #fff}
.hpm-c2-b.faite{opacity:.42;text-decoration:line-through}
.hpm-c2-b.retard{box-shadow:inset 0 -3px 0 var(--hpm-ds-rouge)}
.hpm-c2-jl{color:var(--hpm-ds-violet);font-weight:700;padding-left:6px}
.hpm-c2-jl i{font-style:normal;flex:none}
.hpm-c2-jl.faite{color:var(--hpm-ds-vert-t)}
.hpm-c2-ev{background:var(--gf);border-left:3px solid var(--g);color:var(--hpm-ds-texte)}
.hpm-c2-ev.suite{border-left:0}
.hpm-c2-ev i{font-style:normal}
.hpm-c2-ev b{font-weight:700}
.hpm-c2-ev .sg,.hpm-c2-l .sg{font-style:normal;background:var(--hpm-ds-orange);color:#fff;font-weight:700;font-size:max(calc(11px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));padding:0 5px;line-height:16px}
.hpm-c2-el.saisi{outline:3px solid var(--hpm-ds-violet);outline-offset:1px;z-index:3}
.hpm-c2-el.souleve{opacity:.35}
.hpm-c2-fantome{position:fixed !important;z-index:100002;pointer-events:none;box-shadow:0 10px 24px rgba(10,10,40,.3);outline:2px solid var(--hpm-ds-violet)}
.hpm-c2-grille.semaine .hpm-c2-sem{min-height:360px}
.hpm-c2-leg{display:flex;flex-wrap:wrap;gap:6px 16px;margin:12px 0 0;font-size:calc(13.5px * var(--hpm-fs,1));color:var(--hpm-ds-doux)}
.hpm-c2-leg span{display:inline-flex;align-items:center;gap:6px}
.hpm-c2-leg i{display:inline-block;width:14px;height:10px}
.hpm-c2-leg i.ev{background:var(--gf);border-left:3px solid var(--g)}
.hpm-c2-leg i.retard{background:#e3e5ec;box-shadow:inset 0 -3px 0 var(--hpm-ds-rouge)}
.hpm-c2-leg .jl{color:var(--hpm-ds-violet);font-weight:700}
.hpm-c2-note{font-size:calc(13.5px * var(--hpm-fs,1));color:var(--hpm-ds-doux);margin:8px 0 0}
.hpm-c2-pop{position:absolute;z-index:20;width:330px;max-width:calc(100% - 8px);background:#fff;border:1px solid var(--hpm-ds-trait);box-shadow:0 14px 34px rgba(10,10,40,.25);font-size:calc(14px * var(--hpm-fs,1))}
.hpm-c2-pop .tete{background:var(--hpm-ds-degrade);color:#fff;display:flex;align-items:center;padding:9px 12px;font-size:calc(15px * var(--hpm-fs,1))}
.hpm-c2-pop .tete button{all:unset;margin-left:auto;cursor:pointer;padding:0 4px;font-size:calc(16px * var(--hpm-fs,1))}
.hpm-c2-pop .tete button:focus-visible{outline:2px solid #fff}
.hpm-c2-pop .ajout{all:unset;display:block;cursor:pointer;padding:10px 12px;color:var(--hpm-ds-bleu);font-weight:700}
.hpm-c2-pop .ajout:focus-visible{outline:2px solid var(--hpm-ds-bleu);outline-offset:-2px}
.hpm-c2-l{all:unset;box-sizing:border-box;width:100%;display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid #f3f4f7;cursor:pointer;font-size:calc(14.5px * var(--hpm-fs,1))}
.hpm-c2-l:hover{background:var(--hpm-t-f7f9ff,#f7f9ff)}
.hpm-c2-l:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:-2px}
.hpm-c2-l i{flex:none;width:4px;align-self:stretch;background:var(--c)}
.hpm-c2-pop .hpm-c2-l i{width:10px;height:10px;align-self:center}
.hpm-c2-l .t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hpm-c2-l.jl .t{color:var(--hpm-ds-violet);font-weight:700}
.hpm-c2-l.faite .t{text-decoration:line-through;color:var(--hpm-ds-pale)}
.hpm-c2-l .m{margin-left:auto;font-size:calc(13px * var(--hpm-fs,1));color:var(--hpm-ds-doux);white-space:nowrap}
.hpm-c2-l .m .rouge{color:var(--hpm-ds-rouge-t)}
.hpm-c2-l .m .orange{color:var(--hpm-ds-orange-t)}
.hpm-c2-agenda{background:#fff;border:1px solid var(--hpm-ds-trait)}
.hpm-c2-ag h4{margin:0;padding:10px 14px 4px;font-size:calc(14px * var(--hpm-fs,1));color:var(--hpm-ds-violet);border-top:1px solid var(--hpm-ds-trait)}
.hpm-c2-ag:first-child h4{border-top:0}
.hpm-c2-ag h4 small{font-weight:400;color:var(--hpm-ds-doux);margin-left:6px}
.hpm-c2-agenda .hpm-ds-vide{padding:20px;margin:0;color:var(--hpm-ds-doux)}
.hpm-c2-form{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
.hpm-c2-form label,.hpm-c2-form fieldset{display:flex;flex-direction:column;gap:4px;font-size:calc(14px * var(--hpm-fs,1));font-weight:600;color:var(--hpm-ds-bleu);margin:0}
.hpm-c2-form fieldset{border:0;padding:0}
.hpm-c2-form legend{padding:0;margin-bottom:4px;color:var(--hpm-ds-bleu)}
.hpm-c2-form .large{grid-column:1/-1}
.hpm-c2-form input[type=text],.hpm-c2-form input[type=date],.hpm-c2-form input[type=time],.hpm-c2-form select,.hpm-c2-form textarea{font:inherit;font-weight:400;color:var(--hpm-ds-texte);border:1px solid var(--hpm-ds-trait);padding:7px 10px;border-radius:0;min-height:38px;background:#fff;box-sizing:border-box;width:100%}
.hpm-c2-form .heures,.hpm-c2-form .deux{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hpm-c2-form .reu{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--hpm-ds-trait);padding-top:12px}
.hpm-c2-form .cases{display:flex;gap:18px;flex-wrap:wrap}
.hpm-c2-form .choix{flex-direction:row;align-items:center;gap:6px;font-weight:400;color:var(--hpm-ds-texte)}
.hpm-c2-form .types{display:flex;flex-wrap:wrap;gap:6px}
.hpm-c2-form .type{flex-direction:row;align-items:center;gap:6px;font-weight:400;color:var(--hpm-ds-texte);border:1px solid var(--hpm-ds-trait);border-left:3px solid var(--g,var(--hpm-ds-trait));padding:5px 10px;cursor:pointer}
.hpm-c2-form .type:has(input:checked){background:var(--gf,var(--hpm-ds-violet-pale));font-weight:700}
.hpm-c2-form .choix-membres{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:6px}
.hpm-c2-form [hidden]{display:none !important}
.hpm-c2-detail{background:#fafbfd;border:1px solid var(--hpm-ds-trait);padding:10px 12px}
@media (max-width:900px){.hpm-c2-outils .hpm-l2-droite{margin-left:0}.hpm-c2-periode{order:-1;width:100%;margin:0 0 2px}}
@media (max-width:700px){.hpm-c2-el{font-size:max(calc(12px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));padding:0 5px}.hpm-c2-jour .n{padding:5px 6px 0;font-size:calc(13px * var(--hpm-fs,1))}.hpm-c2-jn span{padding:7px 4px;font-size:max(calc(11px * var(--hpm-fs,1)),var(--hpm-fs-min,0px))}.hpm-c2-form,.hpm-c2-form .heures,.hpm-c2-form .deux{grid-template-columns:1fr}}
.hpm-c2-outils .hpm-c2-filtres{display:none}
@media (max-width:700px){.hpm-c2-outils .hpm-c2-filtres{display:inline-flex}.hpm-c2-outils .hpm-l2-droite{display:none;width:100%}.hpm-c2-outils.filtres-ouverts .hpm-l2-droite{display:flex}}
@media (max-width:700px){.hpm-c2-jour .plus{display:none}.hpm-c2-jour .autres{left:3px;font-size:max(calc(11.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));white-space:nowrap}}
/* 2.0.0-alpha.34 : le bandeau du Calendrier tient sur une ligne dès que le panneau Discussion est replié */
.hpm-c2-outils{gap:8px;padding:12px 14px}
.hpm-c2-outils select{max-width:118px;text-overflow:ellipsis}
.hpm-c2-outils .hpm-l2-droite{gap:7px}
.hpm-c2-outils .hpm-ds-btn{padding:0 12px;min-height:34px;height:34px}
.hpm-c2-periode{font-size:calc(18px * var(--hpm-fs,1));margin:0 4px}
.hpm-c2-outils select{max-width:100px}
.hpm-c2-seg button{padding:0 10px}
.hpm-c2-outils .hpm-l2-droite{gap:6px}
.hpm-c2-outils select[data-f="resp"]{max-width:124px}
.hpm-c2-outils select[data-f="phase"]{max-width:84px}

/* ── 2.0.0-alpha.35 (Kad, 1/10, maquette 21 v2) : les panneaux du haut de chaque onglet en COULEUR PLEINE,
   texte blanc, icône en filigrane blanc, lien souligné — ils contrebalancent les cartes et listes blanches.
   Teintes choisies pour un texte blanc lisible (contraste ≥ 4,5:1). ── */
.hpm-ep2 .hpm-ep2-ve .hpm-ds-panneau{--plein:var(--hpm-t-8224e3,#8224E3);background:var(--plein);border:0;color:#fff}
.hpm-ep2 .hpm-ep2-ve .hpm-ds-panneau--bleu{--plein:var(--hpm-t-0068e8,#0068E8)}
.hpm-ep2 .hpm-ep2-ve .hpm-ds-panneau--vert{--plein:#0c8560}
.hpm-ep2 .hpm-ep2-ve .hpm-ds-panneau--orange{--plein:#b4501d}
.hpm-ep2 .hpm-ep2-ve .hpm-ds-panneau--rouge{--plein:#c92a2a}
.hpm-ep2 .hpm-ep2-ve .hpm-ds-panneau .n,.hpm-ep2 .hpm-ep2-ve .hpm-ds-panneau .l{color:#fff}
.hpm-ep2 .hpm-ep2-ve .hpm-ds-panneau a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.hpm-ep2 .hpm-ep2-ve .hpm-ds-panneau a:focus-visible{outline:2px solid #fff;outline-offset:2px}
.hpm-ep2 .hpm-ep2-ve .hpm-ds-panneau .filigrane{color:#fff;opacity:.22}
.hpm-ep2 .hpm-ep2-ve .hpm-ds-panneau .hpm-ep2-barre{background:rgba(255,255,255,.3)}
.hpm-ep2 .hpm-ep2-ve .hpm-ds-panneau .hpm-ep2-barre span{background:#fff}
.hpm-b2-pn{background:var(--c);border:0;color:#fff;position:relative;overflow:hidden}
.hpm-b2-pn .q,.hpm-b2-pn .v,.hpm-b2-pn .s{color:#fff}
.hpm-b2-pn .q{opacity:.92}
.hpm-b2-pn .s b.orange{color:#fff;background:rgba(255,255,255,.22);padding:0 5px}
.hpm-b2-pn .j{background:rgba(255,255,255,.3)}
.hpm-b2-pn .j i{background:#fff}
.hpm-b2-pn .l{color:#fff;text-decoration:underline;text-underline-offset:3px}
.hpm-b2-pn button.l:focus-visible{outline-color:#fff}

/* ── 2.0.0-alpha.35 — lot 4 : l'onglet Équipe refait (maquette 21 v2) ───────── */
.hpm-q2{font-size:calc(15px * var(--hpm-fs,1));color:var(--hpm-ds-texte)}
.hpm-q2-outils .hpm-l2-cherche input{min-width:240px}
.hpm-q2-outils .hpm-l2-droite{display:flex;gap:8px;align-items:center;margin-left:auto;flex-wrap:wrap}
.hpm-q2-seg{display:inline-flex;background:#fff}
.hpm-q2-seg button{all:unset;cursor:pointer;height:36px;padding:0 12px;font-size:calc(14px * var(--hpm-fs,1));box-sizing:border-box;line-height:36px}
.hpm-q2-seg button[aria-pressed="true"]{color:var(--hpm-ds-violet);font-weight:700;background:var(--hpm-ds-violet-pale);box-shadow:inset 0 -3px 0 var(--hpm-ds-violet)}
.hpm-q2-seg button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.hpm-q2-nb{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#ffd84d;color:#5b4300;font-size:max(calc(12px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));font-weight:700}
.hpm-q2 .hpm-l2-message:empty{display:none}
.hpm-q2 .hpm-l2-message{margin:0 0 12px;padding:10px 14px;border-left:4px solid var(--hpm-ds-rouge);background:#fdeeee;color:var(--hpm-ds-rouge-t);font-size:calc(14px * var(--hpm-fs,1))}
.hpm-q2-pan{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px;align-items:stretch}
.hpm-q2-pn{position:relative;overflow:hidden;background:var(--c);color:#fff;padding:14px 16px;display:flex;flex-direction:column;min-width:0;min-height:128px}
.hpm-q2-pn .q{font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));text-transform:uppercase;letter-spacing:.3px;font-weight:700;opacity:.92}
.hpm-q2-pn .v{font-size:calc(26px * var(--hpm-fs,1));font-weight:700;margin:4px 0 2px;line-height:1.2}
.hpm-q2-pn .s{font-size:calc(13.5px * var(--hpm-fs,1));position:relative;z-index:1}
.hpm-q2-pn .s b{background:rgba(255,255,255,.22);padding:0 5px}
.hpm-q2-pn .pl{position:relative;display:block;height:7px;background:rgba(255,255,255,.3);margin:8px 0 6px}
.hpm-q2-pn .pl i{position:absolute;left:0;top:0;bottom:0;background:#fff}
.hpm-q2-pn .pl s{position:absolute;top:-4px;bottom:-4px;width:3px;background:#ffd84d}
.hpm-q2-pn .l{all:unset;margin-top:auto;padding-top:10px;font-size:calc(14px * var(--hpm-fs,1));font-weight:700;color:#fff;text-decoration:underline;text-underline-offset:3px;cursor:pointer;position:relative;z-index:1;align-self:flex-start}
.hpm-q2-pn .l:focus-visible{outline:2px solid #fff;outline-offset:2px}
.hpm-q2-pn .fg{position:absolute;right:-8px;bottom:-12px;width:92px;height:92px;fill:none;stroke:#fff;stroke-width:1.4;opacity:.22}
.hpm-q2-dem{background:#fff;border:1px solid var(--hpm-ds-trait);margin:0 0 16px}
.hpm-q2-dem h3{margin:0;font-size:calc(16px * var(--hpm-fs,1));color:var(--hpm-ds-violet);padding:11px 16px;display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--hpm-ds-trait)}
.hpm-q2-dem h3 .r{margin-left:auto;font-weight:400;font-size:calc(13.5px * var(--hpm-fs,1));color:var(--hpm-ds-doux)}
.hpm-q2-dem .dl{display:flex;gap:12px;align-items:center;padding:10px 16px;border-bottom:1px solid #f0f1f5;font-size:calc(14px * var(--hpm-fs,1));flex-wrap:wrap}
.hpm-q2-dem .dl:last-child{border-bottom:0}
.hpm-q2-dem .t{flex:1;min-width:200px}.hpm-q2-dem .t b{display:block;font-size:calc(14.5px * var(--hpm-fs,1))}.hpm-q2-dem .t small{color:var(--hpm-ds-doux)}
.hpm-q2-dem em{font-style:normal;font-size:max(calc(12px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));background:#fff3dc;color:#c95f00;padding:0 6px;font-weight:700}
.hpm-q2-dem .a{display:flex;gap:6px;flex-wrap:wrap}.hpm-q2-dem .note{font-size:calc(13px * var(--hpm-fs,1));color:var(--hpm-ds-doux)}
.hpm-q2-b{font:inherit;font-size:calc(13px * var(--hpm-fs,1));padding:5px 11px;border:1px solid var(--hpm-ds-trait);background:#fff;color:var(--hpm-ds-texte);cursor:pointer}
.hpm-q2-b.vert{border-color:var(--hpm-ds-vert-t);color:var(--hpm-ds-vert-t);font-weight:700}
.hpm-q2-b:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:1px}
.hpm-q2-av{position:relative;display:inline-block;flex:none;border-radius:50%}
.hpm-q2-av img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;background:#eceef4}
.hpm-q2-av i{position:absolute;right:0;bottom:0;width:11px;height:11px;border-radius:50%;background:#0C8560;border:2px solid #fff}
.hpm-q2-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.hpm-q2-c{position:relative;background:#fff;border:1px solid var(--hpm-ds-trait);border-top:4px solid var(--rc);padding:14px 14px 10px;display:flex;flex-direction:column;min-width:0}
.hpm-q2-c .h{display:flex;gap:11px;align-items:flex-start;padding-right:22px}
.hpm-q2-c .n{min-width:0}.hpm-q2-c .n b{display:block;font-size:calc(15.5px * var(--hpm-fs,1));overflow:hidden;text-overflow:ellipsis}.hpm-q2-c .n small{display:block;color:var(--hpm-ds-doux);font-size:calc(13px * var(--hpm-fs,1))}
.hpm-q2 .rl{display:inline-block;font-size:max(calc(12px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));font-weight:700;padding:1px 8px;margin-top:4px;color:#fff;background:var(--rc)}
.hpm-q2 .tags{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0 0}
.hpm-q2 .tag{all:unset;cursor:pointer;font-size:max(calc(12px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));border:1px solid var(--hpm-ds-trait);padding:0 7px;color:var(--hpm-ds-doux);line-height:20px}
.hpm-q2 .tag.comp{border-color:var(--hpm-t-cfe0fb,#cfe0fb);background:var(--hpm-t-f0f7ff,#f0f7ff);color:var(--hpm-ds-bleu)}
.hpm-q2 .tag.on{background:var(--hpm-ds-violet-pale);border-color:var(--hpm-ds-violet);color:var(--hpm-ds-violet);font-weight:700}
.hpm-q2 .tag.plus{cursor:help}
.hpm-q2 .tag:focus-visible{outline:2px solid var(--hpm-ds-violet)}
.hpm-q2-c .st{display:grid;grid-template-columns:repeat(3,1fr);margin:12px 0 10px;border:1px solid #f0f1f5}
.hpm-q2-c .st div{text-align:center;padding:6px 2px;font-size:max(calc(12px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));color:var(--hpm-ds-doux);border-right:1px solid #f0f1f5}
.hpm-q2-c .st div:last-child{border-right:0}.hpm-q2-c .st b{display:block;font-size:calc(17px * var(--hpm-fs,1));color:var(--hpm-ds-texte)}.hpm-q2-c .st .r b{color:var(--hpm-ds-rouge-t)}
.hpm-q2-c .pied{margin-top:auto;display:flex;align-items:center;gap:8px;font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));color:var(--hpm-ds-pale);border-top:1px solid #f3f4f7;padding-top:8px}
.hpm-q2 .contact{margin-left:auto;display:flex;gap:6px;align-items:center}
.hpm-q2-ic{font:inherit;border:1px solid var(--hpm-ds-trait);background:#fff;padding:1px 8px;color:var(--hpm-ds-bleu);font-size:calc(13px * var(--hpm-fs,1));text-decoration:none;cursor:pointer;line-height:22px}
.hpm-q2-ic:focus-visible{outline:2px solid var(--hpm-ds-violet)}
.hpm-q2 .prive{color:var(--hpm-ds-pale);font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px))}
.hpm-q2 .menu{all:unset;position:absolute;top:8px;right:10px;font-weight:700;color:var(--hpm-ds-doux);letter-spacing:1px;cursor:pointer;padding:0 4px}
.hpm-q2 .menu:focus-visible{outline:2px solid var(--hpm-ds-violet)}
.hpm-q2-menu{position:absolute;top:30px;right:8px;width:230px;background:#fff;border:1px solid var(--hpm-ds-trait);box-shadow:0 12px 30px rgba(10,10,40,.22);z-index:5;font-size:calc(14px * var(--hpm-fs,1))}
.hpm-q2-menu .tt{background:var(--hpm-ds-violet-pale);color:var(--hpm-ds-violet);font-weight:700;padding:7px 12px;font-size:calc(13px * var(--hpm-fs,1))}
.hpm-q2-menu button{all:unset;box-sizing:border-box;display:block;width:100%;padding:8px 12px;border-bottom:1px solid #f3f4f7;cursor:pointer}
.hpm-q2-menu button:hover,.hpm-q2-menu button:focus-visible{background:var(--hpm-t-f7f9ff,#f7f9ff)}
.hpm-q2-menu button[disabled]{font-weight:700;cursor:default;color:var(--hpm-ds-texte)}
.hpm-q2-menu button.rouge{color:var(--hpm-ds-rouge-t);border-bottom:0}
.hpm-q2-libre{border:2px dashed #cfd3de;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--hpm-ds-doux);background:#fafbfd;padding:16px;min-height:180px;font-size:calc(14px * var(--hpm-fs,1))}
.hpm-q2-libre b{font-size:calc(24px * var(--hpm-fs,1));color:var(--hpm-ds-violet);display:block}.hpm-q2-libre small{display:block;margin-top:4px}
.hpm-q2-pied{display:flex;align-items:center;gap:12px;margin-top:14px;padding:10px 14px;background:#fff;border:1px solid var(--hpm-ds-trait);font-size:calc(13.5px * var(--hpm-fs,1));color:var(--hpm-ds-doux)}
.hpm-q2-pied .hpm-ds-btn{margin-left:auto}
.hpm-q2-vide{padding:22px;background:#fff;border:1px solid var(--hpm-ds-trait);color:var(--hpm-ds-doux);margin:0}
.hpm-q2-defile{overflow-x:auto;background:#fff;border:1px solid var(--hpm-ds-trait)}
.hpm-q2-table{width:100%;border-collapse:collapse;font-size:calc(14px * var(--hpm-fs,1))}
.hpm-q2-table th{background:var(--hpm-ds-violet-pale);color:var(--hpm-ds-violet);font-size:max(calc(12px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));font-weight:700;text-transform:uppercase;letter-spacing:.3px;text-align:left;padding:10px 12px;white-space:nowrap}
.hpm-q2-table td{padding:9px 12px;border-bottom:1px solid #f0f1f5;vertical-align:middle;position:relative}
.hpm-q2-table .m{text-align:right}.hpm-q2-table td.r{color:var(--hpm-ds-rouge-t);font-weight:700}
.hpm-q2-table .qui{display:flex;gap:10px;align-items:center}.hpm-q2-table .qui small{display:block;color:var(--hpm-ds-doux);font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px))}
.hpm-q2-table .act{white-space:nowrap}.hpm-q2-table .act .contact{display:inline-flex}.hpm-q2-table .menu{position:static;margin-left:8px}
.hpm-q2-table .hpm-q2-menu{right:12px;top:36px}
.hpm-q2-aj .ch,.hpm-q2-ann .ch,.hpm-q2-mc .ch,.hpm-q2-motif{display:flex;flex-direction:column;gap:4px;font-size:calc(14px * var(--hpm-fs,1));font-weight:600;color:var(--hpm-ds-bleu);margin:0 0 10px}
.hpm-q2-aj input,.hpm-q2-ann input,.hpm-q2-ann select,.hpm-q2-mc input[type=text],.hpm-q2-mc input[type=tel],.hpm-q2-motif textarea{font:inherit;font-weight:400;color:var(--hpm-ds-texte);border:1px solid var(--hpm-ds-trait);padding:7px 10px;border-radius:0;min-height:38px;background:#fff;box-sizing:border-box;width:100%}
.hpm-q2-aj .res{display:flex;flex-direction:column;margin:0 0 10px;max-height:260px;overflow:auto}
.hpm-q2-aj .res button{all:unset;box-sizing:border-box;display:flex;gap:10px;align-items:center;padding:7px 8px;border-bottom:1px solid #f3f4f7;cursor:pointer}
.hpm-q2-aj .res button[aria-selected="true"]{background:var(--hpm-ds-violet-pale);box-shadow:inset 3px 0 0 var(--hpm-ds-violet)}
.hpm-q2-aj .res button[disabled]{opacity:.55;cursor:default}
.hpm-q2-aj .res button:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:-2px}
.hpm-q2-aj .res small{display:block;color:var(--hpm-ds-doux);font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px))}.hpm-q2-aj .res em{margin-left:auto;font-style:normal;font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));color:var(--hpm-ds-doux)}
.hpm-q2-aj fieldset{border:0;padding:0;margin:0 0 8px}.hpm-q2-aj legend{font-size:calc(14px * var(--hpm-fs,1));font-weight:600;color:var(--hpm-ds-bleu);padding:0;margin-bottom:6px}
.hpm-q2-aj .roles{display:flex;flex-wrap:wrap;gap:6px}.hpm-q2-aj .roles label{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--hpm-ds-trait);padding:5px 10px;cursor:pointer;font-size:calc(14px * var(--hpm-fs,1))}
.hpm-q2-aj .roles label:has(input:checked){border-color:var(--hpm-ds-violet);color:var(--hpm-ds-violet);font-weight:700;background:var(--hpm-ds-violet-pale)}
.hpm-q2-aj .aide,.hpm-q2-ann .aide{font-size:calc(13px * var(--hpm-fs,1));color:var(--hpm-ds-doux);margin:6px 0 0}
.hpm-q2-ann .fl{display:grid;grid-template-columns:1fr 220px;gap:10px}.hpm-q2-ann .fl label{margin:0}
.hpm-q2-ann .actifs{margin:8px 0}.hpm-q2-ann .puce{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--hpm-ds-violet);color:var(--hpm-ds-violet);background:var(--hpm-ds-violet-pale);font-weight:700;font-size:calc(13px * var(--hpm-fs,1));padding:2px 8px}
.hpm-q2-ann .puce button{all:unset;cursor:pointer}
.hpm-q2-ann .p{display:flex;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #f3f4f7}
.hpm-q2-ann .p .t{flex:1;min-width:0}.hpm-q2-ann .p .t b{display:block}.hpm-q2-ann .p .t small{color:var(--hpm-ds-doux)}
.hpm-q2-ann .p .tags{margin:4px 0 0}.hpm-q2-ann .p .d{font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));color:var(--hpm-ds-doux);white-space:nowrap}
.hpm-q2-ann .pages{display:flex;gap:10px;align-items:center;margin-top:10px;font-size:calc(13px * var(--hpm-fs,1));color:var(--hpm-ds-doux);flex-wrap:wrap}
.hpm-q2-ann .pages button{font:inherit;border:1px solid var(--hpm-ds-trait);background:#fff;min-width:32px;height:30px;cursor:pointer}
.hpm-q2-ann .pages em{flex-basis:100%;font-style:normal}
.hpm-q2-mc .sec{font-size:calc(14.5px * var(--hpm-fs,1));font-weight:700;color:var(--hpm-ds-violet);margin:14px 0 6px}.hpm-q2-mc .sec:first-child{margin-top:0}
.hpm-q2-mc .sec small{font-weight:400;color:var(--hpm-ds-doux)}
.hpm-q2-mc .sw{display:flex;gap:10px;align-items:flex-start;padding:7px 0;border-bottom:1px solid #f3f4f7;cursor:pointer}
.hpm-q2-mc .sw input{width:18px;height:18px;margin-top:2px;accent-color:var(--hpm-ds-violet)}
.hpm-q2-mc .sw small{display:block;color:var(--hpm-ds-doux);font-size:calc(13px * var(--hpm-fs,1))}.hpm-q2-mc .sw.off{opacity:.6}
.hpm-q2-mc .ch small{font-weight:400;color:var(--hpm-ds-doux)}
.hpm-q2-mc .comp{display:flex;flex-wrap:wrap;gap:6px;border:1px solid var(--hpm-ds-trait);padding:6px}
.hpm-q2-mc .comp input{border:0;flex:1;min-width:180px;font:inherit;padding:4px}
.hpm-q2-mc .tagx{display:inline-flex;gap:4px;align-items:center;background:var(--hpm-t-f0f7ff,#f0f7ff);border:1px solid var(--hpm-t-cfe0fb,#cfe0fb);color:var(--hpm-ds-bleu);font-size:calc(13px * var(--hpm-fs,1));padding:0 6px}
.hpm-q2-mc .tagx button{all:unset;cursor:pointer;font-weight:700}
.hpm-q2-mc .him span{display:inline-block;border:1px solid var(--hpm-ds-trait);font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));padding:0 7px;margin:0 4px 4px 0;color:var(--hpm-ds-doux)}
.hpm-q2-motif small{font-weight:400;color:var(--hpm-ds-doux)}
/* ── 2.0.0-alpha.36 — l'onglet Documents refait (maquette 22) ─────────── */
.hpm-d2{font-size:calc(15px * var(--hpm-fs,1));color:var(--hpm-ds-texte)}
.hpm-d2-outils .hpm-l2-cherche input{min-width:0;width:170px}
.hpm-d2-outils .hpm-l2-droite{display:flex;gap:8px;align-items:center;margin-left:auto;flex-wrap:wrap}
.hpm-d2 .hpm-l2-message:empty{display:none}
.hpm-d2 .hpm-l2-message{margin:0 0 12px;padding:10px 14px;border-left:4px solid var(--hpm-ds-rouge);background:#fdeeee;color:var(--hpm-ds-rouge-t);font-size:calc(14px * var(--hpm-fs,1))}
.hpm-d2-depot{border:2px dashed var(--hpm-t-b9cff7,#b9cff7);background:var(--hpm-t-f7faff,#f7faff);padding:14px;text-align:center;color:var(--hpm-ds-doux);font-size:calc(14px * var(--hpm-fs,1));margin:0 0 16px;cursor:pointer}
.hpm-d2-depot b{color:var(--hpm-ds-bleu)}
.hpm-d2-depot:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:2px}
.hpm-d2-depot.survol{border-color:var(--hpm-ds-bleu);background:var(--hpm-t-e9f1ff,#e9f1ff);color:var(--hpm-ds-bleu)}
.hpm-d2-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.hpm-d2-c{position:relative;background:#fff;border:1px solid var(--hpm-ds-trait);display:flex;flex-direction:column;min-width:0}
.hpm-d2-c .ouvrir{display:flex;flex-direction:column;flex:1;color:inherit;text-decoration:none;min-width:0}
.hpm-d2-c .ouvrir:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:-2px}
.hpm-d2-c .ouvrir:hover b{color:var(--hpm-ds-bleu)}
.hpm-d2-c .vg{height:118px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:calc(22px * var(--hpm-fs,1));color:#fff;position:relative;background:var(--t);overflow:hidden}
.hpm-d2-c .vg img{width:100%;height:100%;object-fit:cover;display:block}
/* 2.0.0-alpha.230 : la page de garde d'un PDF ou d'un fichier bureautique, posée sur le fond de couleur du type (comme HDM 1.3.32) */
.hpm-d2-c .vg.garde{align-items:flex-end}
.hpm-d2-c .vg.garde img.pg{width:86px;height:112px;object-fit:cover;object-position:top;background:#fff;transform:translateY(14px) rotate(-3deg);box-shadow:0 6px 18px rgba(0,0,0,.25)}
.hpm-d2-c .vg.garde .ty{position:absolute;right:10px;bottom:10px;background:#fff;color:var(--t);font:700 calc(12px * var(--hpm-fs,1)) Arial,sans-serif;padding:2px 7px;letter-spacing:.3px}
.hpm-d2-c .vis{position:absolute;left:8px;top:8px;background:#fff;color:var(--hpm-ds-texte);font-size:max(calc(11.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));font-weight:700;font-style:normal;padding:1px 7px}
.hpm-d2-c .vis.v-public{color:#0c8560}.hpm-d2-c .vis.v-pilotes{color:var(--hpm-ds-violet)}
.hpm-d2 .menu{all:unset;padding:0 6px;font-weight:700;color:var(--hpm-ds-doux);letter-spacing:1px;cursor:pointer}
.hpm-d2-c .menu{position:absolute;right:8px;top:6px;background:#fff;z-index:2}
.hpm-d2 .menu:focus-visible{outline:2px solid var(--hpm-ds-violet)}
.hpm-d2-c .bd{padding:10px 12px;display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}
.hpm-d2-c .bd b{font-size:calc(14.5px * var(--hpm-fs,1));overflow-wrap:anywhere}
.hpm-d2 .cat{align-self:flex-start;font-size:max(calc(12px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));font-weight:700;padding:0 8px;color:#fff;background:var(--k)}
.hpm-d2-c .tk{font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));color:var(--hpm-ds-bleu);overflow-wrap:anywhere}
.hpm-d2-c .seule{font-size:max(calc(12px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));color:#c95f00}
.hpm-d2-c .mt{margin-top:auto;display:flex;gap:8px;font-size:max(calc(12px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));color:var(--hpm-ds-pale);border-top:1px solid #f3f4f7;padding-top:6px}
.hpm-d2-c .mt span:last-child{margin-left:auto;white-space:nowrap}
.hpm-d2-menu{top:30px;right:8px;width:220px}
.hpm-d2-menu a{display:block;padding:8px 12px;border-bottom:1px solid #f3f4f7;color:inherit;text-decoration:none}
.hpm-d2-menu a:hover,.hpm-d2-menu a:focus-visible{background:var(--hpm-t-f7f9ff,#f7f9ff)}
.hpm-d2-table .nom{display:flex;gap:10px;align-items:center;color:inherit;text-decoration:none}
.hpm-d2-table .nom:hover span:last-child{color:var(--hpm-ds-bleu)}
.hpm-d2-table .nom small{display:block;color:var(--hpm-ds-bleu);font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px))}.hpm-d2-table .nom small.v{display:inline;color:var(--hpm-ds-doux)}
.hpm-d2-table .mini{flex:none;width:44px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--t);color:#fff;font-size:max(calc(11px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));font-weight:700}
.hpm-d2-table .act{white-space:nowrap;text-align:right}.hpm-d2-table .menu{position:static}
.hpm-d2-table .hpm-q2-menu{right:12px;top:36px}
.hpm-d2-f{font-size:calc(14px * var(--hpm-fs,1))}
.hpm-d2-f p{margin:0 0 10px}
.hpm-d2-f .fl{margin:0 0 10px}
.hpm-d2-f .f{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;padding:7px 0;border-bottom:1px solid #f3f4f7;position:relative}
.hpm-d2-f .f .n{flex:1;min-width:0;overflow-wrap:anywhere}
.hpm-d2-f .f .e{font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));color:var(--hpm-ds-doux)}
.hpm-d2-f .f.ok .e{color:#0c8560;font-weight:700}.hpm-d2-f .f.ko .e{color:#d93025}
.hpm-d2-f .f button{all:unset;cursor:pointer;font-size:calc(18px * var(--hpm-fs,1));line-height:1;padding:0 4px;color:var(--hpm-ds-doux)}
.hpm-d2-f .f button:focus-visible{outline:2px solid var(--hpm-ds-violet)}
.hpm-d2-f .f .p{position:absolute;left:0;bottom:-1px;height:3px;width:0;background:var(--hpm-ds-bleu);transition:width .15s}
.hpm-d2-f .f.ok .p{background:#0c8560}.hpm-d2-f .f.ko .p{background:#d93025}
.hpm-d2-f .ch{border:0;padding:0;margin:0 0 12px}
.hpm-d2-f legend,.hpm-d2-f .lb{font-size:calc(14px * var(--hpm-fs,1));font-weight:600;color:var(--hpm-ds-bleu);padding:0;margin:0 0 6px}
.hpm-d2-f .lb{display:flex;flex-direction:column;gap:4px;margin:0 0 12px}.hpm-d2-f .lb small{font-weight:400;color:var(--hpm-ds-doux)}
.hpm-d2-f .lb input,.hpm-d2-f .lb select{font:inherit;font-weight:400;color:var(--hpm-ds-texte);border:1px solid var(--hpm-ds-trait);padding:7px 10px;border-radius:0;min-height:38px;background:#fff;box-sizing:border-box;width:100%}
.hpm-d2-f .choix{display:flex;flex-wrap:wrap;gap:6px}
.hpm-d2-f .choix button{font:inherit;font-size:calc(13.5px * var(--hpm-fs,1));border:1px solid var(--hpm-ds-trait);background:#fff;color:var(--hpm-ds-texte);padding:4px 10px;cursor:pointer;border-radius:0}
.hpm-d2-f .choix button[aria-pressed="true"]{border-color:var(--hpm-ds-violet);color:var(--hpm-ds-violet);font-weight:700;background:var(--hpm-ds-violet-pale)}
.hpm-d2-f .choix button[disabled]{opacity:.5;cursor:not-allowed}
.hpm-d2-f .choix button.nouvelle{border-style:dashed;color:var(--hpm-ds-bleu)}
.hpm-d2-f .choix button:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:1px}
.hpm-d2-f .aide,.hpm-d2-vers .aide{display:block;font-size:calc(13px * var(--hpm-fs,1));color:var(--hpm-ds-doux);margin:6px 0 0}
.hpm-d2-f .case{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px;cursor:pointer}
.hpm-d2-f .case input{width:18px;height:18px;margin-top:2px;accent-color:var(--hpm-ds-violet);flex:none}
.hpm-d2-f .case small{display:block;color:var(--hpm-ds-doux);font-size:calc(13px * var(--hpm-fs,1))}
.hpm-d2-vers{font-size:calc(14px * var(--hpm-fs,1))}
.hpm-d2-vers .l{display:flex;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid #f3f4f7;flex-wrap:wrap}
.hpm-d2-vers .l b{color:var(--hpm-ds-violet);min-width:30px}
.hpm-d2-vers .l span{flex:1;min-width:160px}.hpm-d2-vers .l small{display:block;color:var(--hpm-ds-doux);font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));overflow-wrap:anywhere}
.hpm-d2-vers .l em{font-style:normal;font-size:max(calc(12px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));font-weight:700;background:#e7f6ef;color:#0c8560;padding:1px 8px}
.hpm-d2-vers .l a{color:var(--hpm-ds-bleu);font-weight:600}
.hpm-d2-vers p{margin:12px 0 0}
@media (max-width:600px){.hpm-d2-outils .hpm-l2-droite{margin-left:0}.hpm-d2-outils .hpm-l2-cherche input{min-width:0}.hpm-d2-grille{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.hpm-d2-c .vg{height:90px}}
@media (max-width:1000px){.hpm-q2-pan{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.hpm-q2-pan{grid-template-columns:1fr}.hpm-q2-outils .hpm-l2-droite{margin-left:0}.hpm-q2-outils .hpm-l2-cherche input{min-width:0}.hpm-q2-ann .fl{grid-template-columns:1fr}}

/* ── 2.0.0-alpha.37 — le bandeau des filtres, maquette 23 v2 (Kad, 1/10) ─────────────────────
   Au repos : sans fond, liseré blanc, coins à 7 px, texte blanc. Survol : voile léger.
   Actif (filtre choisi, recherche saisie) : blanc plein, texte violet, × pour l'effacer.
   Action principale : blanc plein, texte bleu. Actions secondaires (Exporter, Ajouter un lien…) : sans cadre.
   Grille / Liste : icônes sans cadre, la vue en cours soulignée ; Semaine · Mois · Agenda : même règle en texte. */
.hpm-l2-outils .hpm-l2-cherche input{background:transparent;border:1.5px solid rgba(255,255,255,.7);border-radius:7px;color:#fff;height:36px;box-sizing:border-box}
.hpm-l2-outils .hpm-l2-cherche input::placeholder{color:rgba(255,255,255,.85);opacity:1}
.hpm-l2-outils .hpm-l2-cherche input:hover{background:rgba(255,255,255,.12)}
.hpm-l2-outils .hpm-l2-cherche input:focus,.hpm-l2-outils .hpm-l2-cherche input:not(:placeholder-shown){background:#fff;border-color:#fff;color:var(--hpm-ds-texte)}
.hpm-l2-outils .hpm-l2-cherche input:focus::placeholder{color:var(--hpm-ds-pale)}
.hpm-l2-outils .hpm-l2-filtre{background:transparent;border:1.5px solid rgba(255,255,255,.7);border-radius:7px;color:#fff;font-weight:600}
.hpm-l2-outils .hpm-l2-filtre:hover{background:rgba(255,255,255,.12)}
/* Kad, 1/10 (alpha.38) : seul ce qui est un champ (liste, date, recherche) garde un liseré ; un bouton (« Mes tâches », « Sans justificatif », « Aujourd’hui »…) n'en a pas. */
.hpm-l2-outils button.hpm-l2-filtre{border-color:transparent}
.hpm-l2-outils .hpm-l2-filtre select,.hpm-l2-outils .hpm-l2-filtre input[type=date]{color:inherit;font-weight:inherit}
.hpm-l2-outils .hpm-l2-filtre input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}
.hpm-l2-outils .hpm-l2-filtre.actif input[type=date]::-webkit-calendar-picker-indicator{filter:none}
.hpm-l2-outils .hpm-l2-filtre select option{color:var(--hpm-ds-texte);background:#fff;font-weight:400}
.hpm-l2-outils .hpm-l2-filtre .pre{color:rgba(255,255,255,.85);font-weight:400}
.hpm-l2-outils .hpm-l2-filtre.actif,.hpm-l2-outils .hpm-l2-filtre[aria-pressed="true"]{background:#fff;border-color:#fff;color:var(--hpm-ds-violet);font-weight:700;box-shadow:none}
.hpm-l2-outils .hpm-l2-filtre.actif .pre{color:var(--hpm-ds-doux)}
.hpm-l2-outils button.hpm-l2-filtre[aria-pressed="true"]::after{content:"×";margin-left:2px;color:var(--hpm-ds-pale);font-weight:400;font-size:calc(16px * var(--hpm-fs,1));line-height:1}
.hpm-l2-outils .hpm-l2-filtre .x{color:var(--hpm-ds-pale);font-weight:400;font-size:calc(13px * var(--hpm-fs,1));margin-left:2px}
.hpm-l2-outils .hpm-l2-filtre .x:hover{color:var(--hpm-ds-violet)}
.hpm-l2-outils .hpm-l2-x{all:unset;cursor:pointer;color:var(--hpm-ds-pale);font-size:calc(16px * var(--hpm-fs,1));line-height:1;padding:0 2px;margin-left:2px}
.hpm-l2-outils .hpm-l2-x:hover{color:var(--hpm-ds-violet)}
.hpm-l2-outils .hpm-l2-x:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:1px}
.hpm-l2-outils .hpm-l2-filtre:focus-within,.hpm-l2-outils .hpm-l2-cherche input:focus{outline:2px solid #fff;outline-offset:2px}
.hpm-l2-outils .hpm-ds-btn{border-radius:7px;border-color:#fff;background:#fff;color:var(--hpm-ds-bleu);font-weight:700}
.hpm-l2-outils .hpm-ds-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
.hpm-l2-act{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 8px;color:#fff;font-size:calc(14.5px * var(--hpm-fs,1));font-weight:600;cursor:pointer;white-space:nowrap;border-radius:7px;text-decoration:none}
.hpm-l2-act:hover{background:rgba(255,255,255,.12)}
.hpm-l2-act:focus-visible{outline:2px solid #fff;outline-offset:2px}
.hpm-l2-act[disabled]{opacity:.55;cursor:default}
.hpm-l2-outils .hpm-q2-seg,.hpm-l2-outils .hpm-c2-seg{background:transparent;gap:2px}
.hpm-l2-outils .hpm-q2-seg button,.hpm-l2-outils .hpm-c2-seg button{position:relative;color:#fff;opacity:.62;background:transparent;box-shadow:none;font-weight:600;border-radius:7px}
.hpm-l2-outils .hpm-q2-seg button{width:36px;padding:0;display:inline-flex;align-items:center;justify-content:center}
.hpm-l2-outils .hpm-q2-seg svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.hpm-l2-outils .hpm-q2-seg button:hover,.hpm-l2-outils .hpm-c2-seg button:hover{opacity:1;background:rgba(255,255,255,.12)}
.hpm-l2-outils .hpm-q2-seg button[aria-pressed="true"],.hpm-l2-outils .hpm-c2-seg button[aria-pressed="true"]{opacity:1;color:#fff;background:transparent;box-shadow:none;font-weight:700}
.hpm-l2-outils .hpm-q2-seg button[aria-pressed="true"]::after,.hpm-l2-outils .hpm-c2-seg button[aria-pressed="true"]::after{content:"";position:absolute;left:8px;right:8px;bottom:2px;height:2.5px;background:#fff;border-radius:2px}
.hpm-l2-sep{width:1px;height:24px;background:rgba(255,255,255,.4);flex:none}

/* ── 2.0.0-alpha.39 — la Discussion à trois fils et « Solliciter l'administrateur » (maquette 24) ──────────
   Kad (1/10) : les titres des fils en BLEU — toujours équilibrer bleu et violet. */
.hpm-ep2-fils{display:flex;border-bottom:1px solid var(--hpm-ds-trait);padding:0 8px;flex:none}
.hpm-ep2-fils button{all:unset;box-sizing:border-box;flex:1;text-align:center;padding:9px 4px 10px;font-size:calc(14.5px * var(--hpm-fs,1));font-weight:600;color:var(--hpm-ds-doux);cursor:pointer;position:relative;white-space:nowrap}
.hpm-ep2-fils button:hover{color:var(--hpm-ds-bleu)}
.hpm-ep2-fils button[aria-selected="true"]{color:var(--hpm-ds-bleu);font-weight:700}
.hpm-ep2-fils button[aria-selected="true"]::after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:3px;background:var(--hpm-ds-bleu);border-radius:2px}
.hpm-ep2-fils button:focus-visible{outline:2px solid var(--hpm-ds-bleu);outline-offset:-2px}
.hpm-ep2-fils .c{display:inline-block;min-width:18px;padding:0 5px;margin-left:5px;font-size:max(calc(11.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));line-height:17px;background:#ffd84d;color:#5b4300;border-radius:9px;font-weight:700}
.hpm-ep2-fils .c.g{background:#eceef4;color:var(--hpm-ds-doux)}
.hpm-ep.hpm-ep2 .hpm-ep-canal[hidden],.hpm-d2f-vue[hidden]{display:none!important}
.hpm-d2f-vue{flex:1;min-height:0;overflow-y:auto;padding:4px 0 8px}
.hpm-d2f-flt{display:flex;gap:4px;padding:8px 12px 6px;flex-wrap:wrap}
.hpm-d2f-flt button{all:unset;cursor:pointer;font-size:calc(13.5px * var(--hpm-fs,1));color:var(--hpm-ds-doux);padding:2px 6px;border-radius:6px}
.hpm-d2f-flt button[aria-pressed="true"]{color:var(--hpm-ds-bleu);font-weight:700;text-decoration:underline;text-underline-offset:4px}
.hpm-d2f-flt button:hover{color:var(--hpm-ds-bleu)}
.hpm-d2f-flt button:focus-visible{outline:2px solid var(--hpm-ds-bleu)}
.hpm-d2f-vide{padding:14px 16px;color:var(--hpm-ds-doux);font-size:calc(14px * var(--hpm-fs,1));margin:0}
.hpm-d2f-l{all:unset;box-sizing:border-box;display:flex;gap:10px;width:100%;padding:10px 16px;border-top:1px solid #f0f1f5;cursor:pointer;align-items:flex-start}
.hpm-d2f-l.doc{cursor:default}
button.hpm-d2f-l:hover{background:var(--hpm-t-f7f9ff,#f7f9ff)}
button.hpm-d2f-l:focus-visible{outline:2px solid var(--hpm-ds-bleu);outline-offset:-2px}
.hpm-d2f-l .ic{width:30px;height:30px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--hpm-ds-violet-pale);color:var(--hpm-ds-violet);font-size:calc(15px * var(--hpm-fs,1))}
.hpm-d2f-l.doc .ic{background:var(--t);color:#fff;font-size:max(calc(10px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));font-weight:700}
.hpm-d2f-l .c{flex:1;min-width:0;display:flex;flex-direction:column}
.hpm-d2f-l .c b,.hpm-d2f-l .c .t{font-size:calc(14.5px * var(--hpm-fs,1));font-weight:700;color:var(--hpm-ds-texte);overflow-wrap:anywhere}
.hpm-d2f-l .c .t{all:unset;cursor:pointer;font-size:calc(14.5px * var(--hpm-fs,1));font-weight:700;overflow-wrap:anywhere}
.hpm-d2f-l .c .t:hover{color:var(--hpm-ds-bleu);text-decoration:underline}
.hpm-d2f-l .c .t:focus-visible{outline:2px solid var(--hpm-ds-bleu)}
.hpm-d2f-l .c .t small{font-weight:400;color:var(--hpm-ds-doux)}
.hpm-d2f-l.nl .c b::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--hpm-ds-bleu);margin-right:6px;vertical-align:1px}
.hpm-d2f-l .p{font-size:calc(13px * var(--hpm-fs,1));color:var(--hpm-ds-doux);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.hpm-d2f-l.doc .p{white-space:normal}
.hpm-d2f-l .p em{font-style:normal;color:var(--hpm-ds-texte);font-weight:600}
.hpm-d2f-l .ou{all:unset;cursor:pointer;color:var(--hpm-ds-bleu)}
.hpm-d2f-l .ou:hover{text-decoration:underline}.hpm-d2f-l .ou:focus-visible{outline:2px solid var(--hpm-ds-bleu)}
.hpm-d2f-l .st{display:inline-block;font-size:max(calc(11px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));font-weight:700;color:#fff;padding:0 6px;margin-left:6px;vertical-align:1px;background:var(--hpm-ds-doux)}
.hpm-d2f-l .st.b{background:var(--hpm-ds-bleu)}.hpm-d2f-l .st.r{background:var(--hpm-ds-rouge-t)}.hpm-d2f-l .st.v{background:#0c8560}
.hpm-d2f-l .m{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:max(calc(12px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));color:var(--hpm-ds-pale);white-space:nowrap}
.hpm-d2f-l .m .n{background:#ffd84d;color:#5b4300;font-weight:700;border-radius:9px;padding:0 6px;font-size:max(calc(11.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px))}
.hpm-d2f-plus{all:unset;box-sizing:border-box;display:block;width:100%;text-align:center;font-size:calc(13.5px * var(--hpm-fs,1));color:var(--hpm-ds-bleu);padding:10px 0;border-top:1px solid #f0f1f5;cursor:pointer}
.hpm-d2f-plus:hover{text-decoration:underline}.hpm-d2f-plus:focus-visible{outline:2px solid var(--hpm-ds-bleu);outline-offset:-2px}
/* Le lien discret du bas de l'espace */
.hpm-ep2-recours{margin-top:28px;border-top:1px solid var(--hpm-ds-trait);padding:14px 0 6px;font-size:calc(13.5px * var(--hpm-fs,1));color:var(--hpm-ds-pale);display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.hpm-ep2-recours .ic{opacity:.8}
.hpm-ep2-recours b{color:#c95f00}
.hpm-ep2-recours button{all:unset;cursor:pointer;color:var(--hpm-ds-doux);text-decoration:underline;text-underline-offset:3px}
.hpm-ep2-recours button:hover{color:var(--hpm-ds-bleu)}
.hpm-ep2-recours button:focus-visible{outline:2px solid var(--hpm-ds-bleu);outline-offset:2px}
/* La fenêtre */
.hpm-so2{font-size:calc(14px * var(--hpm-fs,1))}
.hpm-so2 .rap{background:var(--hpm-ds-violet-pale);border-left:4px solid var(--hpm-ds-violet);padding:10px 14px;margin:0 0 14px}
.hpm-so2 .rap b{color:var(--hpm-ds-violet)}
.hpm-so2 .rap .lien{all:unset;cursor:pointer;display:inline-block;margin-top:4px;color:var(--hpm-ds-bleu);font-weight:700}
.hpm-so2 .rap .lien:hover{text-decoration:underline}.hpm-so2 .rap .lien:focus-visible{outline:2px solid var(--hpm-ds-bleu)}
.hpm-so2 .ch{border:0;padding:0;margin:0 0 12px}
.hpm-so2 legend,.hpm-so2 .lb{font-size:calc(14px * var(--hpm-fs,1));font-weight:600;color:var(--hpm-ds-bleu);padding:0;margin:0 0 6px;display:block}
.hpm-so2 .choix{display:flex;flex-wrap:wrap;gap:6px}
.hpm-so2 .choix button{font:inherit;font-size:calc(13.5px * var(--hpm-fs,1));border:1px solid var(--hpm-ds-trait);background:#fff;color:var(--hpm-ds-texte);padding:4px 10px;cursor:pointer;border-radius:0;text-align:left}
.hpm-so2 .choix button[aria-pressed="true"]{border-color:var(--hpm-ds-violet);color:var(--hpm-ds-violet);font-weight:700;background:var(--hpm-ds-violet-pale)}
.hpm-so2 .choix button:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:1px}
.hpm-so2 textarea{width:100%;box-sizing:border-box;font:inherit;border:1px solid var(--hpm-ds-trait);padding:8px 10px;border-radius:0;min-height:110px;resize:vertical}
.hpm-so2 textarea:focus{outline:none;border-color:var(--hpm-ds-violet);box-shadow:0 0 0 2px var(--hpm-ds-violet-pale)}
.hpm-so2 .cpt{text-align:right;font-size:max(calc(12px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));color:var(--hpm-ds-pale);margin:2px 0 10px}
.hpm-so2 .inf{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;font-size:calc(13px * var(--hpm-fs,1));color:var(--hpm-ds-doux)}
.hpm-so2 .et{margin:0 0 10px}.hpm-so2 .et b{padding:1px 8px;background:#fff3dc;color:#c95f00}.hpm-so2 .et .e-en_cours{background:var(--hpm-t-e8f1ff,#e8f1ff);color:var(--hpm-ds-bleu)}.hpm-so2 .et .e-traitee{background:#e7f6ef;color:#0c8560}
.hpm-so2 blockquote{margin:0 0 12px;padding:8px 12px;background:#f7f8fb;border-left:3px solid #c3c8d4}
.hpm-so2 .rep{background:var(--hpm-t-f0f7ff,#f0f7ff);border-left:3px solid var(--hpm-ds-bleu);padding:8px 12px}
.hpm-so2 .aide{color:var(--hpm-ds-doux);font-size:calc(13px * var(--hpm-fs,1))}
.hpm-so2 p{margin:0 0 8px}

/* ── 2.0.0-alpha.40 — le temps donné aux projets (maquette 25) ───────────────────────────────── */
.hpm-t3-page{font-size:calc(15px * var(--hpm-fs,1));color:var(--hpm-ds-texte)}
.hpm-t3-titre{color:var(--hpm-ds-violet);font-size:calc(26px * var(--hpm-fs,1));margin:0 0 4px}
.hpm-t3-st{color:var(--hpm-ds-doux);margin:0 0 6px}
.hpm-t3-outils .hpm-l2-cherche input{width:180px;min-width:0}
.hpm-t3-outils .hpm-l2-droite{display:flex;gap:8px;align-items:center;margin-left:auto;flex-wrap:wrap}
.hpm-t3-sem{border:1px solid var(--hpm-ds-trait);background:#fff;margin:0 0 12px}
.hpm-t3-sem h3{margin:0;background:var(--hpm-ds-violet-pale);color:var(--hpm-ds-bleu);font-size:calc(14px * var(--hpm-fs,1));padding:7px 14px;display:flex}
.hpm-t3-sem h3 span{margin-left:auto;color:var(--hpm-ds-texte)}
.hpm-t3-sem .l,.hpm-t3-det .l{display:grid;grid-template-columns:100px minmax(0,1fr) minmax(0,220px) 72px 64px;gap:12px;align-items:center;padding:9px 14px;border-top:1px solid #f0f1f5;font-size:calc(14px * var(--hpm-fs,1))}
.hpm-t3-sem .l:first-of-type{border-top:0}
.hpm-t3-sem .d,.hpm-t3-det .d{color:var(--hpm-ds-doux)}
.hpm-t3-sem .x b,.hpm-t3-det .x b{display:block;overflow-wrap:anywhere}.hpm-t3-sem .x b.gen{color:var(--hpm-ds-pale);font-style:italic;font-weight:600}
.hpm-t3-sem .x small,.hpm-t3-det .x small{display:block;color:var(--hpm-ds-doux);overflow-wrap:anywhere}.hpm-t3-det .x small.cor{color:#c95f00}
.hpm-t3-sem .p{color:var(--hpm-ds-bleu);font-size:calc(13.5px * var(--hpm-fs,1));overflow-wrap:anywhere}
.hpm-t3-sem .p .av{font-style:normal;font-size:max(calc(11.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));font-weight:700;background:#fff3dc;color:#c95f00;padding:0 6px}
.hpm-t3-sem .h,.hpm-t3-det .h{font-weight:700;text-align:right;white-space:nowrap}
.hpm-t3-sem .a,.hpm-t3-det .a{display:flex;gap:2px;justify-content:flex-end}
.hpm-t3-sem .a button,.hpm-t3-det .a button{all:unset;cursor:pointer;padding:2px 5px;border-radius:6px}
.hpm-t3-sem .a button:hover,.hpm-t3-det .a button:hover{background:#f0f2f7}
.hpm-t3-sem .a button:focus-visible,.hpm-t3-det .a button:focus-visible{outline:2px solid var(--hpm-ds-bleu)}
.hpm-t3-sem .lk{color:var(--hpm-ds-pale);cursor:help}
.hpm-t3-det .l{grid-template-columns:100px minmax(0,1fr) 72px 64px;padding:9px 0}
/* La fenêtre */
.hpm-t3-f{font-size:calc(14px * var(--hpm-fs,1))}
.hpm-t3-f .g2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hpm-t3-f .lb{display:flex;flex-direction:column;gap:5px;font-size:calc(14px * var(--hpm-fs,1));font-weight:600;color:var(--hpm-ds-bleu);margin:0 0 12px}
.hpm-t3-f .lb small{font-weight:400;color:var(--hpm-ds-pale)}
.hpm-t3-f .lb input,.hpm-t3-f .lb select{font:inherit;font-weight:400;color:var(--hpm-ds-texte);border:1px solid var(--hpm-ds-trait);padding:7px 10px;border-radius:0;min-height:38px;background:#fff;box-sizing:border-box;width:100%}
.hpm-t3-f .lb .fx{font-weight:400;color:var(--hpm-ds-doux);border:1px solid var(--hpm-ds-trait);background:#f7f8fb;padding:7px 10px;min-height:38px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center}
.hpm-t3-f .choix{display:flex;flex-wrap:wrap;gap:6px}
.hpm-t3-f .choix button{font:inherit;font-size:calc(13.5px * var(--hpm-fs,1));font-weight:400;border:1px solid var(--hpm-ds-trait);background:#fff;color:var(--hpm-ds-texte);padding:4px 10px;cursor:pointer;border-radius:0}
.hpm-t3-f .choix button[aria-pressed="true"]{border-color:var(--hpm-ds-violet);color:var(--hpm-ds-violet);font-weight:700;background:var(--hpm-ds-violet-pale)}
.hpm-t3-f .choix button:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:1px}
.hpm-t3-f .hm{display:flex;gap:6px;align-items:center;font-weight:400;color:var(--hpm-ds-texte)}
.hpm-t3-f .hm input{width:64px!important;text-align:center}
.hpm-t3-f .val{background:#e7f6ef;border-left:4px solid #0c8560;padding:9px 12px;margin:2px 0 0;color:var(--hpm-ds-texte)}
.hpm-t3-f .val b{color:#0c8560}.hpm-t3-f .val.neutre{background:#f7f8fb;border-left-color:#c3c8d4}
/* Le bloc de l'onglet Équipe */
.hpm-t3-bloc{margin-top:18px}
.hpm-t3-b{background:#fff;border:1px solid var(--hpm-ds-trait)}
.hpm-t3-b .tt{display:flex;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid var(--hpm-ds-trait);flex-wrap:wrap}
.hpm-t3-b .tt h3{margin:0;font-size:calc(17px * var(--hpm-fs,1));color:var(--hpm-ds-violet)}
.hpm-t3-b .tt .a{margin-left:auto;display:flex;gap:14px;align-items:center}
.hpm-t3-b .tt a,.hpm-t3-b .tt button{all:unset;cursor:pointer;color:var(--hpm-ds-bleu);font-weight:700;font-size:calc(14px * var(--hpm-fs,1))}
.hpm-t3-b .tt a:hover,.hpm-t3-b .tt button:hover{text-decoration:underline}
.hpm-t3-b .tt a:focus-visible,.hpm-t3-b .tt button:focus-visible{outline:2px solid var(--hpm-ds-bleu);outline-offset:2px}
.hpm-t3-b .tb .r{all:unset;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.6fr) 80px 80px;gap:12px;align-items:center;width:100%;padding:9px 16px;border-top:1px solid #f0f1f5;font-size:calc(14px * var(--hpm-fs,1))}
.hpm-t3-b .tb button.r{cursor:pointer}.hpm-t3-b .tb button.r:hover{background:var(--hpm-t-f7f9ff,#f7f9ff)}.hpm-t3-b .tb button.r:focus-visible{outline:2px solid var(--hpm-ds-bleu);outline-offset:-2px}
.hpm-t3-b .tb .r.hd{background:var(--hpm-ds-violet-pale);color:var(--hpm-ds-violet);font-size:max(calc(12px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));font-weight:700;text-transform:uppercase;letter-spacing:.3px;border-top:0}
.hpm-t3-b .tb .r.tot{background:#fafbfd;font-weight:700}
.hpm-t3-b .bar{height:8px;background:#eceef4;position:relative;display:block}.hpm-t3-b .bar i{position:absolute;left:0;top:0;bottom:0;background:var(--hpm-ds-bleu)}
.hpm-t3-b .n{text-align:right;color:var(--hpm-ds-doux)}.hpm-t3-b .n b{color:var(--hpm-ds-texte)}
.hpm-t3-b .v{color:#0c8560}
.hpm-t3-b .nb{margin:0;padding:9px 16px;font-size:calc(13px * var(--hpm-fs,1));color:var(--hpm-ds-doux);border-top:1px solid #f0f1f5}.hpm-t3-b .nb b{color:#c95f00}
.hpm-t3-b .vide{margin:0;padding:12px 16px;color:var(--hpm-ds-doux)}
.hpm-t3-b .deux{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:14px 16px;align-items:stretch}
.hpm-t3-b .deux .c{border:1px solid var(--hpm-ds-trait);border-top:4px solid var(--hpm-ds-bleu);padding:10px 14px;display:flex;flex-direction:column}
.hpm-t3-b .deux .c.eqp{border-top-color:var(--hpm-ds-violet)}
.hpm-t3-b .deux b{font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));text-transform:uppercase;letter-spacing:.3px;color:var(--hpm-ds-doux)}
.hpm-t3-b .deux strong{font-size:calc(24px * var(--hpm-fs,1));line-height:1.3}
.hpm-t3-b .deux span{font-size:calc(13.5px * var(--hpm-fs,1));color:var(--hpm-ds-doux)}
@media (max-width:700px){.hpm-t3-sem .l{grid-template-columns:1fr auto;grid-template-areas:"x h" "d a" "p p"}.hpm-t3-sem .x{grid-area:x}.hpm-t3-sem .h{grid-area:h}.hpm-t3-sem .d{grid-area:d}.hpm-t3-sem .a{grid-area:a}.hpm-t3-sem .p{grid-area:p}
  .hpm-t3-f .g2,.hpm-t3-b .deux{grid-template-columns:1fr}.hpm-t3-b .tb .r{grid-template-columns:1fr 70px 70px}.hpm-t3-b .tb .bar,.hpm-t3-b .tb .r>span:nth-child(2){display:none}.hpm-t3-outils .hpm-l2-droite{margin-left:0}}
/* « Mon temps » vit dans la colonne de contenu du thème, souvent étroite : la mise en page suit SA largeur. */
.hpm-t3-page{container-type:inline-size}
.hpm-t3-page .hpm-q2-pan{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-auto-rows:1fr}
.hpm-t3-page .hpm-q2-pn .v .long{display:block;font-size:calc(19px * var(--hpm-fs,1));line-height:1.25;overflow-wrap:anywhere}
.hpm-t3-outils select{max-width:220px;text-overflow:ellipsis}
@container (max-width:760px){
  .hpm-t3-sem .l{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"x h a" "d p p"}
  .hpm-t3-sem .x{grid-area:x}.hpm-t3-sem .h{grid-area:h}.hpm-t3-sem .d{grid-area:d;font-size:calc(13px * var(--hpm-fs,1))}.hpm-t3-sem .a{grid-area:a}.hpm-t3-sem .p{grid-area:p;font-size:calc(13px * var(--hpm-fs,1))}
  .hpm-t3-outils .hpm-l2-droite{margin-left:0}
}
/* Kad (1/10, alpha.41) : moins d'accent violet — le bandeau des en-têtes de tableau du temps plus léger, son texte en gris. */
.hpm-t3-b .tb .r.hd{background:var(--hpm-t-faf7fe,#faf7fe);color:var(--hpm-ds-doux)}
.hpm-t3-sem h3{background:var(--hpm-t-faf7fe,#faf7fe)}

/* ── 2.0.0-alpha.42 — maquette 27 : la présentation retrouvée (photo, parcours, description, faits),
      les objectifs et leurs critères, l'équipe et les documents à consulter. Bleu et violet équilibrés. ── */
.hpm-ep2-ve{container-type:inline-size}
.hpm-ep2-pres{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);border:1px solid var(--hpm-ds-trait);background:#fff;margin:0 0 22px}
.hpm-ep2-pres.sans-photo{grid-template-columns:minmax(0,1fr)}
.hpm-ep2-pres__photo{position:relative;min-height:260px;background:var(--hpm-ds-violet-pale);overflow:hidden}
.hpm-ep2-pres__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;max-width:none}
.hpm-ep2-pres__photo.est-vide{display:flex;align-items:center;justify-content:center;border-right:1px dashed var(--hpm-t-d8c4f3,#d8c4f3)}
.hpm-ep2-pres__changer{position:absolute;left:10px;bottom:10px;border:0;background:rgba(0,0,0,.55);color:#fff;font-size:calc(13px * var(--hpm-fs,1));padding:4px 10px;cursor:pointer;font-family:inherit}
.hpm-ep2-pres__changer:hover,.hpm-ep2-pres__changer:focus-visible{background:rgba(0,0,0,.75)}
.hpm-ep2-pres__txt{padding:16px 20px;display:flex;flex-direction:column;min-width:0}
.hpm-ep2-parcours{display:flex;align-items:center;list-style:none;margin:0 0 12px;padding:0;font-size:calc(13px * var(--hpm-fs,1));color:var(--hpm-ds-pale)}
.hpm-ep2-parcours .e{display:flex;align-items:center;gap:6px;white-space:nowrap}
.hpm-ep2-parcours .e+.e::before{content:'';width:clamp(14px,4cqi,48px);height:2px;background:#d6d9e2;margin:0 8px}
.hpm-ep2-parcours .e.fait+.e::before{background:var(--hpm-ds-vert-t)}
.hpm-ep2-parcours i{width:11px;height:11px;border-radius:50%;background:#d6d9e2;flex:none}
.hpm-ep2-parcours .fait{color:var(--hpm-ds-vert-t)}.hpm-ep2-parcours .fait i{background:var(--hpm-ds-vert-t)}
.hpm-ep2-parcours .ici{color:var(--hpm-ds-bleu);font-weight:700}.hpm-ep2-parcours .ici i{background:var(--hpm-ds-bleu);box-shadow:0 0 0 4px rgba(0,104,232,.18)}
.hpm-ep2-pres__t{margin:0 0 6px;font-size:calc(16px * var(--hpm-fs,1));font-weight:700;color:var(--hpm-ds-bleu)}
.hpm-ep2-pres__texte{font-size:calc(15px * var(--hpm-fs,1));line-height:1.6;color:var(--hpm-ds-texte)}
.hpm-ep2-pres__texte p{margin:0 0 8px}
.hpm-ep2-pres__texte img{max-width:100%;height:auto}
/* Kad (1/10) : toujours dépliée ; au-delà du seuil, un extrait généreux, puis « Lire la suite » ; la suite défile dans son cadre. */
.hpm-ep2-pres__texte.est-long{max-height:13.6em;overflow:hidden;position:relative}
.hpm-ep2-pres__texte.est-long::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3.2em;background:linear-gradient(rgba(255,255,255,0),#fff);pointer-events:none}
.hpm-ep2-pres__texte.est-long.est-ouvert{max-height:24em;overflow-y:auto;padding-right:8px;overscroll-behavior:contain}
.hpm-ep2-pres__texte.est-long.est-ouvert::after{display:none}
.hpm-ep2-lire{align-self:flex-start;border:0;background:none;padding:2px 0;color:var(--hpm-ds-bleu);font-weight:700;font-size:calc(14px * var(--hpm-fs,1));cursor:pointer;font-family:inherit}
.hpm-ep2-lire:hover{text-decoration:underline}
.hpm-ep2-faits{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px 14px;margin:auto 0 0;padding:12px 0 0;border-top:1px solid #f0f1f5}
.hpm-ep2-pres__texte+.hpm-ep2-faits,.hpm-ep2-lire+.hpm-ep2-faits{margin-top:14px}
.hpm-ep2-faits div{min-width:0}.hpm-ep2-faits dt{font-size:calc(13px * var(--hpm-fs,1));color:var(--hpm-ds-doux)}
.hpm-ep2-faits dd{margin:0;font-size:calc(14px * var(--hpm-fs,1));font-weight:700;color:var(--hpm-ds-texte);overflow-wrap:anywhere}
@container (max-width:760px){
  .hpm-ep2-pres{grid-template-columns:minmax(0,1fr)}
  .hpm-ep2-pres__photo{min-height:0;width:100%;aspect-ratio:16/9}
  .hpm-ep2-pres__photo.est-vide{border-right:0;border-bottom:1px dashed var(--hpm-t-d8c4f3,#d8c4f3);aspect-ratio:auto;min-height:90px}
  .hpm-ep2-parcours{flex-wrap:wrap;row-gap:6px}
}
/* Les objectifs */
.hpm-ep2-obj{margin-top:22px}
.hpm-ep2-obj .hpm-ds-t-bloc{color:var(--hpm-ds-bleu)}
.hpm-ep2-obj-res{font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));font-weight:700;padding:1px 9px;border-radius:10px;background:var(--hpm-ds-fond);color:var(--hpm-ds-doux);white-space:nowrap}
.hpm-ep2-obj-res.est-ok{background:#e7f6ef;color:var(--hpm-ds-vert-t)}
.hpm-ep2-obj-vide{margin:0;padding:14px 18px;color:var(--hpm-ds-doux);font-size:calc(14px * var(--hpm-fs,1))}
.hpm-ep2-obj-vide a{color:var(--hpm-ds-bleu);font-weight:700}
.hpm-ep2-ob{padding:12px 18px;border-top:1px solid #f0f1f5}
.hpm-ep2-ob:first-of-type{border-top:0}
.hpm-ep2-ob .h{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
.hpm-ep2-ob .h b{font-size:calc(15px * var(--hpm-fs,1))}.hpm-ep2-ob .h small{color:var(--hpm-ds-doux);font-size:calc(13px * var(--hpm-fs,1))}
.hpm-ep2-ob .cr{font-size:calc(13.5px * var(--hpm-fs,1));color:var(--hpm-ds-doux);margin:3px 0 8px}.hpm-ep2-ob .cr b{color:var(--hpm-ds-texte);font-weight:600}
.hpm-ep2-ind .r{display:grid;grid-template-columns:minmax(0,1.6fr) 84px 92px minmax(70px,1.1fr) minmax(0,1fr);gap:12px;align-items:center;font-size:calc(14px * var(--hpm-fs,1));padding:5px 0}
.hpm-ep2-ind .r.hd{font-size:max(calc(12px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));color:var(--hpm-ds-doux);text-transform:uppercase;letter-spacing:.3px;background:var(--hpm-t-faf7fe,#faf7fe);padding:6px 8px;margin:0 -8px}
.hpm-ep2-ind .n{text-align:right;white-space:nowrap}.hpm-ep2-ind .n.ok{color:var(--hpm-ds-vert-t);font-weight:700}
.hpm-ep2-ind .barre{display:block;height:8px;background:#eceef4;position:relative}
.hpm-ep2-ind .barre i{position:absolute;left:0;top:0;bottom:0;background:var(--hpm-ds-bleu)}
.hpm-ep2-ind .barre.ok i{background:var(--hpm-ds-vert-t)}
.hpm-ep2-ind .src{font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));color:var(--hpm-ds-pale)}
@container (max-width:640px){
  .hpm-ep2-ind .r{grid-template-columns:minmax(0,1fr) 70px 80px}
  .hpm-ep2-ind .r>:nth-child(4),.hpm-ep2-ind .r>:nth-child(5){display:none}
}
/* L'équipe et les documents : même hauteur (grid-auto-rows:1fr) */
.hpm-ep2-eqdoc{grid-auto-rows:1fr}
.hpm-ep2-eqdoc [data-ep2-docs] .hpm-ds-t-bloc{color:var(--hpm-ds-bleu)}
.hpm-ep2-gens{list-style:none;margin:0;padding:12px 18px;display:flex;flex-direction:column;gap:9px;flex:1}
.hpm-ep2-gens li{display:flex;align-items:center;gap:10px;font-size:calc(14px * var(--hpm-fs,1));min-width:0}
.hpm-ep2-gens li b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hpm-ep2-gens li small{margin-left:auto;color:var(--hpm-ds-doux);white-space:nowrap}
.hpm-ep2-gens li:first-child b{font-weight:700}
.hpm-ep2-gens .plus a{color:var(--hpm-ds-doux);text-decoration:none}.hpm-ep2-gens .plus a:hover{color:var(--hpm-ds-bleu)}
.hpm-ep2-places{border-top:1px solid #f0f1f5;padding:10px 18px;font-size:calc(13.5px * var(--hpm-fs,1));color:var(--hpm-ds-doux);display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}
.hpm-ep2-places .jauge{flex:1;min-width:80px;height:8px;background:#eceef4;position:relative}
.hpm-ep2-places .jauge i{position:absolute;left:0;top:0;bottom:0;background:var(--hpm-ds-violet)}
.hpm-ep2-places .jauge s{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--hpm-ds-vert-t)}
.hpm-ep2-places .ok{color:var(--hpm-ds-vert-t);font-weight:700}.hpm-ep2-places .ko{color:var(--hpm-ds-orange-t);font-weight:700}
.hpm-ep2-docs{list-style:none;margin:0;padding:6px 18px;flex:1}
.hpm-ep2-docs li+li{border-top:1px solid #f0f1f5}
.hpm-ep2-docs a{display:flex;gap:10px;align-items:center;padding:8px 0;font-size:calc(14px * var(--hpm-fs,1));color:var(--hpm-ds-texte);text-decoration:none;min-width:0}
.hpm-ep2-docs a:hover .t{color:var(--hpm-ds-bleu);text-decoration:underline}
.hpm-ep2-docs .t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.hpm-ep2-docs small{margin-left:auto;color:var(--hpm-ds-pale);white-space:nowrap}
.hpm-ep2-ext{flex:none;width:36px;height:26px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:max(calc(10px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));font-weight:700;background:#5b6072}
.hpm-ep2-ext.g-pdf{background:#c92a2a}.hpm-ep2-ext.g-img{background:var(--hpm-t-5b4b8a,#5b4b8a)}.hpm-ep2-ext.g-xls{background:#0c8560}.hpm-ep2-ext.g-doc{background:var(--hpm-t-1d5fbf,#1d5fbf)}.hpm-ep2-ext.g-ppt{background:#b4501d}.hpm-ep2-ext.g-lien{background:var(--hpm-ds-bleu-pale)}
.hpm-ep2-docs-vide{margin:0;padding:14px 18px;color:var(--hpm-ds-pale);font-size:calc(14px * var(--hpm-fs,1));flex:1}
.hpm-ep2-obj .hpm-ds-bloc__tete{flex-wrap:wrap;row-gap:6px}
.hpm-ep2-obj .hpm-ds-t-bloc{flex:1 1 220px}
.hpm-ep2-obj-res{white-space:normal}
/* 2.0.0-alpha.44 (Kad, 1/10) : « L'équipe » et « Documents à consulter » en bandeau de couleur pleine, texte et lien blancs. */
.hpm-ep2-eqdoc .hpm-ds-bloc__tete{background:var(--hpm-ds-violet);border-bottom:0}
.hpm-ep2-eqdoc [data-ep2-docs] .hpm-ds-bloc__tete{background:var(--hpm-ds-bleu)}
.hpm-ep2-eqdoc .hpm-ds-bloc__tete .hpm-ds-t-bloc,.hpm-ep2-eqdoc [data-ep2-docs] .hpm-ds-t-bloc{color:#fff}
.hpm-ep2-eqdoc .hpm-ds-bloc__tete a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.hpm-ep2-eqdoc .hpm-ds-bloc__tete a:hover,.hpm-ep2-eqdoc .hpm-ds-bloc__tete a:focus-visible{text-decoration-thickness:2px}
/* 2.0.0-alpha.45 (Kad, 1/10, captures) : « À surveiller » (orange) et « Dernières activités » (vert) en bandeau plein, texte et lien blancs. */
.hpm-ep2-suivi .hpm-ds-bloc__tete{background:#b4501d;border-bottom:0}
.hpm-ep2-suivi .hpm-ds-bloc:nth-child(2) .hpm-ds-bloc__tete{background:var(--hpm-ds-vert-t)}
.hpm-ep2-suivi .hpm-ds-bloc__tete a{color:#fff;text-decoration:underline;text-underline-offset:3px}
/* Le thème du site (une règle « classe + balise ») noircissait les titres et ajoutait des puces aux listes de l'espace :
   on redonne aux titres du système de design et à nos listes la priorité (racine .hpm-ep.hpm-ep2). */
.hpm-ep.hpm-ep2 :is(h1,h2,h3).hpm-ds-t-page{font-size:calc(25px * var(--hpm-fs,1));line-height:1.3;font-weight:700;color:var(--hpm-ds-violet);margin:0;text-transform:none}
.hpm-ep.hpm-ep2 :is(h2,h3).hpm-ds-t-section{font-size:calc(19px * var(--hpm-fs,1));line-height:1.35;font-weight:700;color:var(--hpm-ds-violet);margin:0;text-transform:none}
.hpm-ep.hpm-ep2 :is(h2,h3).hpm-ds-t-bloc{font-size:calc(16px * var(--hpm-fs,1));line-height:1.4;font-weight:700;color:var(--hpm-ds-violet);margin:0;text-transform:none}
.hpm-ep.hpm-ep2 .hpm-ep2-obj h2.hpm-ds-t-bloc{color:var(--hpm-ds-bleu)}
.hpm-ep.hpm-ep2 :is(.hpm-ep2-eqdoc,.hpm-ep2-suivi) .hpm-ds-bloc__tete h2.hpm-ds-t-bloc{color:#fff}
.hpm-ep.hpm-ep2 h2.hpm-ep2-pres__t{font-size:calc(16px * var(--hpm-fs,1));line-height:1.4;font-weight:700;color:var(--hpm-ds-bleu);margin:0 0 6px;text-transform:none}
.hpm-ep.hpm-ep2 :is(.hpm-ep2-docs,.hpm-ep2-gens,.hpm-ds-liste,.hpm-ep2-jalons,.hpm-ep2-parcours){list-style:none}
.hpm-ep.hpm-ep2 :is(.hpm-ep2-docs,.hpm-ep2-gens,.hpm-ds-liste,.hpm-ep2-jalons,.hpm-ep2-parcours)>li{list-style:none}
.hpm-ep.hpm-ep2 :is(.hpm-ep2-docs,.hpm-ep2-gens,.hpm-ds-liste,.hpm-ep2-jalons,.hpm-ep2-parcours)>li::marker{content:none}

/* ── 2.0.0-alpha.46 — maquette 28 v3 : la photo en bandeau (par défaut) ou à côté du texte ; « Modifier le projet ». ── */
.hpm-ep2-pres.est-bandeau{grid-template-columns:minmax(0,1fr)}
.hpm-ep2-pres.est-bandeau .hpm-ep2-pres__photo{min-height:0;width:100%;aspect-ratio:16/5}
.hpm-ep2-pres.est-bandeau .hpm-ep2-pres__photo.est-vide{aspect-ratio:auto;min-height:96px;border-right:0;border-bottom:1px dashed var(--hpm-t-d8c4f3,#d8c4f3)}
.hpm-ep2-pres__txt{position:relative}
.hpm-ep2-pres__modifier{position:absolute;right:14px;top:12px;font-size:calc(14px * var(--hpm-fs,1));padding:5px 12px;color:var(--hpm-ds-bleu);border-color:var(--hpm-ds-bleu);font-weight:700;background:#fff}
.hpm-ep2-pres__modifier:hover,.hpm-ep2-pres__modifier:focus-visible{background:var(--hpm-ds-bleu-pale)}
.hpm-ep2-pres__txt .hpm-ep2-parcours{padding-right:190px}
@container (max-width:760px){
  .hpm-ep2-pres.est-bandeau .hpm-ep2-pres__photo{aspect-ratio:16/9}
  .hpm-ep2-pres__modifier{position:static;align-self:flex-start;margin:0 0 10px}
  .hpm-ep2-pres__txt .hpm-ep2-parcours{padding-right:0}
}
/* La fenêtre à trois onglets */
.hpm-m2-onglets{display:flex;gap:2px;border-bottom:1px solid var(--hpm-ds-trait);margin:-16px -20px 16px;padding:0 20px;flex-wrap:wrap}
.hpm-m2-onglets button{all:unset;cursor:pointer;padding:11px 14px;border-bottom:3px solid transparent;color:var(--hpm-ds-doux);font-size:calc(15px * var(--hpm-fs,1))}
.hpm-m2-onglets button[aria-selected="true"]{color:var(--hpm-ds-bleu);font-weight:700;border-bottom-color:var(--hpm-ds-bleu)}
.hpm-m2-onglets button:focus-visible{outline:2px solid var(--hpm-ds-bleu);outline-offset:-2px}
.hpm-m2-g{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:20px;align-items:start}
.hpm-m2 .lbl{display:block;font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));font-weight:700;color:var(--hpm-ds-bleu);text-transform:uppercase;letter-spacing:.3px;margin:0 0 5px}
.hpm-m2 input[type=text],.hpm-m2 input[type=date],.hpm-m2 input[type=number],.hpm-m2 select,.hpm-m2 textarea{width:100%;box-sizing:border-box;border:1px solid #cfd3de;border-radius:0;padding:8px 10px;font:inherit;font-size:calc(14.5px * var(--hpm-fs,1));color:var(--hpm-ds-texte);background:#fff;margin:0;min-height:0;height:auto}
.hpm-m2 input:focus-visible,.hpm-m2 select:focus-visible,.hpm-m2 textarea:focus-visible{outline:2px solid var(--hpm-ds-bleu);outline-offset:1px;border-color:var(--hpm-ds-bleu)}
.hpm-m2-champs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 16px}
.hpm-m2-champs .l2{grid-column:1/-1}
.hpm-m2-duo{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hpm-m2-duo label{display:flex;align-items:center;gap:6px;font-size:calc(13px * var(--hpm-fs,1));color:var(--hpm-ds-doux)}
.hpm-m2-apercu{aspect-ratio:16/9;background:var(--hpm-ds-violet-pale);display:flex;align-items:center;justify-content:center;color:var(--hpm-ds-doux);font-size:calc(13.5px * var(--hpm-fs,1));overflow:hidden;margin:0 0 10px;position:relative}
.hpm-m2-apercu img{width:100%;height:100%;object-fit:cover;display:block}
.hpm-m2-apercu.occupe::after{content:'Envoi…';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.75);color:var(--hpm-ds-bleu);font-weight:700}
.hpm-m2-zone{display:block;border:2px dashed #b9c6ea;background:var(--hpm-t-f6f9ff,#f6f9ff);padding:14px 12px;text-align:center;font-size:calc(14px * var(--hpm-fs,1));color:var(--hpm-ds-texte);cursor:pointer;margin:0 0 10px}
.hpm-m2-zone b{color:var(--hpm-ds-bleu)}
.hpm-m2-zone small{display:block;color:var(--hpm-ds-doux);font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));margin-top:5px}
.hpm-m2-zone.survol,.hpm-m2-zone:focus-within{border-color:var(--hpm-ds-bleu);background:var(--hpm-ds-bleu-pale)}
.hpm-m2-zone input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.hpm-m2-media{width:100%;justify-content:center;color:var(--hpm-ds-bleu);border-color:var(--hpm-ds-bleu);font-weight:700;margin:0 0 8px}
.hpm-m2-retirer{all:unset;cursor:pointer;color:var(--hpm-ds-rouge-t);font-size:calc(13.5px * var(--hpm-fs,1));text-decoration:underline}
.hpm-m2-retirer:focus-visible{outline:2px solid var(--hpm-ds-rouge-t)}
.hpm-m2-aide{font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));color:var(--hpm-ds-doux);margin:4px 0 0}
.hpm-m2-choix{display:flex;flex-direction:column;gap:8px;margin:0 0 16px;border:0;padding:0}
.hpm-m2-choix label{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--hpm-ds-trait);padding:9px 12px;font-size:calc(14.5px * var(--hpm-fs,1));cursor:pointer}
.hpm-m2-choix label:has(input:checked){border-color:var(--hpm-ds-bleu);background:var(--hpm-ds-bleu-pale)}
.hpm-m2-choix input{margin:3px 0 0;accent-color:var(--hpm-ds-bleu)}
.hpm-m2-choix small{display:block;color:var(--hpm-ds-doux);font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px))}
.hpm-m2-choix.en-ligne{flex-direction:row;flex-wrap:wrap}.hpm-m2-choix.en-ligne label{flex:1 1 130px;padding:7px 10px;font-size:calc(13.5px * var(--hpm-fs,1))}
.hpm-m2-deux{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}
.hpm-m2-sec{border:1px solid var(--hpm-ds-trait);margin:0 0 6px}
.hpm-m2-sec .tete{display:flex;align-items:center;gap:8px;padding:8px 12px;flex-wrap:wrap}
.hpm-m2-sec .tete b{flex:1 1 160px;font-size:calc(14.5px * var(--hpm-fs,1));min-width:0}
.hpm-m2-sec .tete input[type=text]{flex:1 1 160px;width:auto}
.hpm-m2-sec .tete select{width:auto;padding:4px 8px;font-size:calc(13px * var(--hpm-fs,1))}
.hpm-m2-sec .tete button{all:unset;cursor:pointer;font-size:calc(13px * var(--hpm-fs,1));padding:4px 9px;border:1px solid var(--hpm-ds-trait);color:var(--hpm-ds-doux)}
.hpm-m2-sec .tete button[data-m2="ecrire"]{color:var(--hpm-ds-bleu);border-color:var(--hpm-ds-bleu);font-weight:700}
.hpm-m2-sec .tete button:focus-visible{outline:2px solid var(--hpm-ds-bleu)}
.hpm-m2-sec .tete button:disabled{opacity:.35;cursor:default}
.hpm-m2-sec .corps{padding:0 12px 12px}
.hpm-m2-faq{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 8px;margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid #f0f1f5}
.hpm-m2-faq textarea{grid-column:1/2}
.hpm-m2-faq button{all:unset;cursor:pointer;color:var(--hpm-ds-rouge-t);font-size:calc(13px * var(--hpm-fs,1));align-self:start;padding:6px 4px}
.hpm-m2-plus{all:unset;cursor:pointer;color:var(--hpm-ds-bleu);font-weight:700;font-size:calc(14px * var(--hpm-fs,1));padding:6px 0}
.hpm-m2-plus:focus-visible{outline:2px solid var(--hpm-ds-bleu)}
.hpm-m2 .mce-tinymce{border:1px solid #cfd3de !important;box-shadow:none !important}
.hpm-m2 .mce-btn button,.hpm-m2 .mce-btn .mce-txt{color:var(--hpm-t-1f2937,#1f2937) !important}
.hpm-m2-note{background:#fff8e6;border-left:4px solid var(--hpm-ds-orange);padding:9px 12px;font-size:calc(13.5px * var(--hpm-fs,1));margin:0 0 14px}
body.hpm-media-choix .media-modal #menu-item-upload{display:none}
@media (max-width:820px){.hpm-m2-g,.hpm-m2-deux,.hpm-m2-champs{grid-template-columns:minmax(0,1fr)}}

/* ── 2.0.0-alpha.47 — retours de Kad (1/10) ── */
/* 1. La description longue défile dans son cadre (plus de « Lire la suite »). Les ombres en haut et en bas disent qu'il reste à lire. */
.hpm-ep2-pres__texte.est-long,.hpm-ep2-pres__texte.est-long.est-ouvert{max-height:var(--ep2-texte-hauteur,13.6em);overflow-y:auto;padding-right:12px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--hpm-t-c9b3ee,#c9b3ee) var(--hpm-t-f4ecfd,#f4ecfd);
  background:linear-gradient(#fff 30%,rgba(255,255,255,0)) top/100% 28px no-repeat local,linear-gradient(rgba(255,255,255,0),#fff 70%) bottom/100% 28px no-repeat local,
             radial-gradient(farthest-side at 50% 0,rgba(60,30,120,.18),rgba(0,0,0,0)) top/100% 10px no-repeat scroll,radial-gradient(farthest-side at 50% 100%,rgba(60,30,120,.18),rgba(0,0,0,0)) bottom/100% 10px no-repeat scroll}
.hpm-ep2-pres__texte.est-long::after{display:none}
.hpm-ep2-pres__texte.est-long:focus-visible{outline:2px solid var(--hpm-ds-bleu);outline-offset:3px}
.hpm-ep2-pres__texte.est-long::-webkit-scrollbar{width:8px}
.hpm-ep2-pres__texte.est-long::-webkit-scrollbar-track{background:var(--hpm-t-f4ecfd,#f4ecfd)}
.hpm-ep2-pres__texte.est-long::-webkit-scrollbar-thumb{background:var(--hpm-t-c9b3ee,#c9b3ee)}
.hpm-ep2-pres__texte.est-long+.hpm-ep2-faits{margin-top:14px}
/* 2. Les jalons : des pois pleins. */
.hpm-ep2-jalons .losange{transform:none;border-radius:50%;background:var(--hpm-ds-violet);border-color:var(--hpm-ds-violet)}
.hpm-ep2-jalons li.fait .losange{background:var(--hpm-ds-vert);border-color:var(--hpm-ds-vert)}
.hpm-ep2-jalons li.retard .losange{background:var(--hpm-ds-rouge);border-color:var(--hpm-ds-rouge)}
/* 3. Les objectifs : le même accordéon que le Guide, collés l'un à l'autre. */
.hpm-ep2-obj.hpm-ds-acc{margin-top:22px}
.hpm-ep2-obj.hpm-ds-acc+.hpm-ep2-guide{margin-top:0;border-top:0}
.hpm-ep2-obj>.hpm-ds-acc__corps{padding:0}
.hpm-ep2-obj-tete{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px 14px;padding:10px 18px;border-bottom:1px solid #f0f1f5}
.hpm-ep2-obj-tete a{font-size:calc(14px * var(--hpm-fs,1));font-weight:700;color:var(--hpm-ds-bleu);text-decoration:none}
.hpm-ep2-obj-tete a:hover{text-decoration:underline}
.hpm-ep2-obj-tete .hpm-ep2-obj-res{margin-right:auto}
.hpm-ep2-obj .hpm-ep2-ob:first-of-type{border-top:0}
/* 4. Une couleur par titre de colonne. */
.hpm-ep2-ind .r.hd>span{font-weight:700}
.hpm-ep2-ind .r.hd .c-indicateur{color:var(--hpm-ds-violet)}
.hpm-ep2-ind .r.hd .c-cible{color:var(--hpm-ds-bleu)}
.hpm-ep2-ind .r.hd .c-realise{color:var(--hpm-ds-vert-t)}
.hpm-ep2-ind .r.hd .c-avancee{color:#b4501d}
.hpm-ep2-ind .r.hd .c-source{color:var(--hpm-ds-doux)}

/* ══ Le Gantt refait (2.0.0-alpha.52, maquette 4) ═════════════════════════════════════════════════════════
   Les tâches sous leur phase, les dépendances en flèches, le chemin critique en violet. Les mois, la colonne
   des noms et « aujourd'hui » restent en place quand on défile dans le cadre. Préfixe : hpm-g2-. */
.hpm-g2{--g2-noms:300px;--g2-critique:var(--hpm-ds-violet);--g2-fleche:#6b5b95}
.hpm-g2 [hidden]{display:none!important}
.hpm-g2-barre{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px}
.hpm-g2-barre .nav{display:inline-flex;gap:4px;margin-right:6px}
.hpm-g2-barre .d{margin-left:auto}
.hpm-g2-barre .bascule[aria-pressed="true"]{border-color:var(--hpm-ds-violet);color:var(--hpm-ds-violet);background:var(--hpm-ds-violet-pale);font-weight:700}
.hpm-g2-barre .bascule[aria-pressed="true"]::after{content:"✓";font-weight:700}
.hpm-g2-barre .bascule:disabled{opacity:.55;cursor:not-allowed}
.hpm-g2-aide{margin:-4px 0 10px;font-size:calc(13.5px * var(--hpm-fs,1));color:var(--hpm-ds-doux)}
.hpm-g2-message:not(:empty){margin:0 0 12px}
.hpm-g2-cadre{border:1px solid var(--hpm-ds-trait);background:#fff;overflow:auto;max-height:min(72vh,760px);scrollbar-width:thin;position:relative}
.hpm-g2-cadre:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:2px}
.hpm-g2-cadre .in{min-width:100%}
.hpm-g2-cadre .tete{display:flex;position:sticky;top:0;z-index:6;background:var(--hpm-t-faf7fe,#faf7fe);border-bottom:1px solid var(--hpm-ds-trait)}
.hpm-g2-cadre .coin{position:sticky;left:0;z-index:7;flex:none;box-sizing:border-box;width:var(--g2-noms);display:flex;align-items:center;padding:0 14px;background:var(--hpm-t-faf7fe,#faf7fe);border-right:1px solid var(--hpm-ds-trait);font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--hpm-ds-doux)}
.hpm-g2-cadre .mois{position:relative;flex:none;height:50px}
.hpm-g2-cadre .mois .m{position:absolute;top:0;height:100%;box-sizing:border-box;border-left:1px solid var(--hpm-ds-trait);padding:5px 10px 0;font-size:calc(14px * var(--hpm-fs,1));color:var(--hpm-ds-texte);white-space:nowrap}
.hpm-g2-cadre .mois .m:first-child{border-left:0}
.hpm-g2-cadre .mois .m b{font-weight:700;display:inline-block;position:sticky;left:calc(var(--g2-noms) + 10px)}
.hpm-g2-cadre .mois .j{position:absolute;bottom:3px;font-size:max(calc(11.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));color:var(--hpm-ds-pale);text-align:center;box-sizing:border-box}
.hpm-g2-cadre.e-semaines .mois .j{text-align:left;padding-left:4px}
.hpm-g2-cadre .mois .j.we{color:#b3b7c6}
.hpm-g2-cadre .pastille-auj{position:absolute;bottom:4px;transform:translateX(-50%);padding:1px 8px;background:var(--hpm-ds-vert);color:#fff;font-size:max(calc(11.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));font-weight:700;line-height:17px;white-space:nowrap;z-index:1}
.hpm-g2-cadre .corps{display:flex;position:relative}
.hpm-g2-cadre .noms{position:sticky;left:0;z-index:5;flex:none;width:var(--g2-noms);box-sizing:border-box;background:#fff;border-right:1px solid var(--hpm-ds-trait)}
.hpm-g2-cadre .rang{box-sizing:border-box;border-bottom:1px solid var(--hpm-ds-trait)}
.hpm-g2-cadre .rang .nom{display:flex;align-items:center;gap:9px;height:100%;padding:0 12px;box-sizing:border-box;min-width:0}
.hpm-g2-cadre .rang.phase{background:var(--hpm-ds-violet-pale)}
.hpm-g2-cadre .rang.phase .pli{all:unset;cursor:pointer;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(15px * var(--hpm-fs,1));font-weight:700;color:var(--hpm-ds-violet)}
.hpm-g2-cadre .rang.phase small{flex:none;font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));color:var(--hpm-ds-doux)}
.hpm-g2-cadre .rang.ev{background:#f3faf7}
.hpm-g2-cadre .rang.ev .t{font-size:calc(13.5px * var(--hpm-fs,1));font-weight:600;color:var(--hpm-ds-vert-t);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hpm-g2-cadre .rang.tache .pli{all:unset;cursor:pointer;flex:none;width:18px;text-align:center;color:var(--hpm-ds-doux);font-size:calc(13px * var(--hpm-fs,1))}
.hpm-g2-cadre .pli:focus-visible,.hpm-g2-cadre .rang .t:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:2px}
.hpm-g2-cadre .rang .hpm-ds-avatar{flex:none}
.hpm-g2-cadre .rang .hpm-ds-avatar.vide{background:#fff;color:var(--hpm-ds-pale);border:1px dashed var(--hpm-ds-pale);box-sizing:border-box}
.hpm-g2-cadre .rang .lo{flex:none;width:26px;text-align:center;color:var(--hpm-ds-violet);font-size:calc(17px * var(--hpm-fs,1));line-height:1}
.hpm-g2-cadre .rang button.t{all:unset;cursor:pointer;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(15px * var(--hpm-fs,1));color:var(--hpm-ds-texte)}
.hpm-g2-cadre .rang button.t:hover{color:var(--hpm-ds-bleu);text-decoration:underline}
.hpm-g2-cadre .rang.sous button.t{font-size:calc(14px * var(--hpm-fs,1));color:var(--hpm-ds-doux)}
.hpm-g2-cadre .rang .quand{flex:none;font-size:calc(13px * var(--hpm-fs,1));color:var(--hpm-ds-pale);white-space:nowrap}
.hpm-g2-cadre .rang .quand.retard{color:var(--hpm-ds-rouge-t);font-weight:700}
.hpm-g2-cadre .rang .quand.fait{color:var(--hpm-ds-vert-t)}
.hpm-g2-cadre .plan{position:relative;flex:none}
.hpm-g2-cadre .fond{position:absolute;inset:0;pointer-events:none}
.hpm-g2-cadre .fond i{position:absolute;top:0;bottom:0}
.hpm-g2-cadre .fond .vm{width:1px;background:var(--hpm-ds-trait)}
.hpm-g2-cadre .fond .vs{width:1px;background:#f0f1f5}
.hpm-g2-cadre .fond .we{background:#f7f7fa}
.hpm-g2-cadre .fond .auj{width:0;border-left:2px dashed var(--hpm-ds-vert);z-index:3;margin-left:-1px}
.hpm-g2-cadre .fond .fin{width:0;border-left:2px dotted var(--hpm-ds-orange-t);pointer-events:auto}
.hpm-g2-cadre .piste{position:absolute;left:0;right:0;box-sizing:border-box;border-bottom:1px solid var(--hpm-ds-trait)}
.hpm-g2-cadre .piste.phase{background:rgba(130,36,227,.045)}
.hpm-g2-cadre .piste.ev{background:rgba(14,148,103,.04)}
.hpm-g2-cadre .piste .b{all:unset;box-sizing:border-box;position:absolute;top:13px;height:18px;background:var(--hpm-t-d6e6fd,#d6e6fd);cursor:pointer;z-index:2;overflow:hidden}
.hpm-g2-cadre .piste .b i{display:block;height:100%;background:var(--hpm-ds-bleu)}
.hpm-g2-cadre .piste .b.critique{background:var(--hpm-t-e6d3fa,#e6d3fa)}
.hpm-g2-cadre .piste .b.critique i{background:var(--g2-critique)}
.hpm-g2-cadre .piste .b.faite,.hpm-g2-cadre .piste .b.faite i{background:var(--hpm-ds-vert)}
.hpm-g2-cadre .piste .b.retard{box-shadow:inset 0 0 0 2px var(--hpm-ds-rouge-t)}
.hpm-g2-cadre .piste .b.mobile{cursor:grab}
.hpm-g2-cadre .piste .b .poignee{position:absolute;top:0;right:0;width:7px;height:100%;cursor:ew-resize}
.hpm-g2-cadre .piste .b:hover{filter:brightness(.95)}
.hpm-g2-cadre .piste .b:focus-visible,.hpm-g2-cadre .piste .j:focus-visible,.hpm-g2-cadre .piste .s:focus-visible,.hpm-g2-cadre .piste .ev:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:2px}
.hpm-g2-cadre .piste .en-geste{opacity:.8;cursor:grabbing;z-index:4;box-shadow:0 2px 8px rgba(31,35,48,.25)}
.hpm-g2-cadre .piste .j{all:unset;box-sizing:border-box;position:absolute;top:12px;width:20px;height:20px;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center}
.hpm-g2-cadre .piste .j i{display:block;width:13px;height:13px;transform:rotate(45deg);background:#fff;border:2px solid var(--hpm-ds-violet);box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 9px var(--hpm-ds-violet)}
.hpm-g2-cadre .piste .j.faite i{border-color:var(--hpm-ds-vert);box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 9px var(--hpm-ds-vert)}
.hpm-g2-cadre .piste .j.retard i{border-color:var(--hpm-ds-rouge-t);box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 9px var(--hpm-ds-rouge-t)}
.hpm-g2-cadre .piste .j.mobile{cursor:grab}
.hpm-g2-cadre .piste .s{all:unset;box-sizing:border-box;position:absolute;top:17px;height:9px;background:#2b2f3a;cursor:pointer;z-index:2;clip-path:polygon(0 0,100% 0,100% 100%,calc(100% - 5px) 55%,5px 55%,0 100%)}
.hpm-g2-cadre .piste .ph{position:absolute;top:17px;height:6px;background:var(--hpm-t-c9a6f2,#c9a6f2)}
.hpm-g2-cadre .piste .ref{position:absolute;top:34px;height:4px;background:#9aa0b4;z-index:1}
.hpm-g2-cadre .piste.phase .ref{top:27px}
.hpm-g2-cadre .piste .ref.pt{width:8px;height:8px;top:33px;transform:rotate(45deg)}
.hpm-g2-cadre .piste .ev{all:unset;box-sizing:border-box;position:absolute;top:11px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--hpm-ds-vert);border:3px solid #fff;box-shadow:0 0 0 1px var(--hpm-ds-vert);cursor:pointer;z-index:2}
.hpm-g2-cadre .piste .ev:not([data-genre="reunion"]){background:#fff;cursor:default}
.hpm-g2-bulle{position:absolute;top:-9px;z-index:6;padding:1px 7px;background:#1f2330;color:#fff;font-size:max(calc(12px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));line-height:18px;white-space:nowrap;pointer-events:none}
.hpm-g2-cadre .fleches{position:absolute;left:0;top:0;z-index:1;pointer-events:none;overflow:visible}
.hpm-g2-cadre .fleches path{fill:none;stroke:var(--g2-fleche);stroke-width:1.5}
.hpm-g2-cadre .fleches path.crit{stroke:var(--g2-critique);stroke-width:2}
.hpm-g2-cadre .fleches path.ko{stroke:var(--hpm-ds-rouge-t);stroke-width:2;stroke-dasharray:5 3}
.hpm-g2-cadre .fleches marker path{stroke:none;fill:var(--g2-fleche)}
.hpm-g2-cadre .fleches marker.crit path{fill:var(--g2-critique)}
.hpm-g2-cadre .fleches marker.ko path{fill:var(--hpm-ds-rouge-t)}
.hpm-g2-legende{display:flex;flex-wrap:wrap;gap:6px 22px;padding:11px 14px;border:1px solid var(--hpm-ds-trait);border-top:0;background:#fff;font-size:calc(13.5px * var(--hpm-fs,1));color:var(--hpm-ds-doux)}
.hpm-g2-legende span{display:inline-flex;align-items:center;gap:7px}
.hpm-g2-legende i{display:inline-block;width:30px;height:12px;font-style:normal;text-align:center;line-height:12px}
.hpm-g2-legende .l-crit{background:linear-gradient(90deg,var(--hpm-ds-violet) 40%,var(--hpm-t-e6d3fa,#e6d3fa) 40%)}
.hpm-g2-legende .l-autre{background:linear-gradient(90deg,var(--hpm-ds-bleu) 40%,var(--hpm-t-d6e6fd,#d6e6fd) 40%)}
.hpm-g2-legende .l-faite{background:var(--hpm-ds-vert)}
.hpm-g2-legende .l-retard{background:#fff;box-shadow:inset 0 0 0 2px var(--hpm-ds-rouge-t)}
.hpm-g2-legende .l-jalon{width:auto;color:var(--hpm-ds-violet);font-size:calc(16px * var(--hpm-fs,1))}
.hpm-g2-legende .l-dep{width:auto;color:var(--g2-fleche);font-size:calc(16px * var(--hpm-fs,1));font-weight:700}
.hpm-g2-legende .l-ref{height:4px;background:#9aa0b4}
.hpm-g2-note{margin:10px 0 0;font-size:calc(14px * var(--hpm-fs,1));color:var(--hpm-ds-doux);line-height:1.6}
.hpm-g2-note.ko{color:var(--hpm-ds-rouge-t);font-weight:600}
.hpm-g2-note .lien{all:unset;cursor:pointer;color:var(--hpm-ds-bleu);text-decoration:underline}
.hpm-g2-note .lien:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:1px}
/* La fenêtre « Phases et prévu » */
.hpm-g2-phases .hpm-ds-table{width:100%;margin:10px 0 14px}
.hpm-g2-phases .hpm-ds-table th{background:var(--hpm-t-faf7fe,#faf7fe);text-align:left}
.hpm-g2-phases .hpm-ds-table td{vertical-align:middle;padding:6px 8px}
.hpm-g2-phases td.o{white-space:nowrap;width:1%}
.hpm-g2-phases td.o button+button{margin-left:4px}
.hpm-g2-phases td.n{white-space:nowrap;color:var(--hpm-ds-doux);font-size:calc(14px * var(--hpm-fs,1))}
.hpm-g2-phases td.x{width:1%}
.hpm-g2-phases td input[type=text]{width:100%;min-width:170px;box-sizing:border-box}
.hpm-g2-phases td input[type=date]{width:146px;min-width:0;box-sizing:border-box;padding-left:8px;padding-right:6px}
.hpm-g2-phases .hpm-ds-table td{padding:6px 5px}
.hpm-g2-phases .hpm-ds-table{table-layout:auto}
.hpm-g2-phases .vide{margin:12px 0;color:var(--hpm-ds-doux)}
.hpm-g2-phases .ajout{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;padding:12px 14px;background:var(--hpm-ds-fond);border:1px solid var(--hpm-ds-trait)}
.hpm-g2-phases .ajout label{display:flex;flex-direction:column;gap:4px;font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--hpm-ds-bleu)}
.hpm-g2-phases .ajout label:first-child{flex:1;min-width:200px}
.hpm-g2-phases .prevu{margin-top:18px;padding-top:14px;border-top:1px solid var(--hpm-ds-trait)}
.hpm-g2-phases .prevu p{margin:6px 0 10px;font-size:calc(14.5px * var(--hpm-fs,1));color:var(--hpm-ds-doux)}
@media (max-width:760px){
  .hpm-g2-cadre .rang .hpm-ds-avatar,.hpm-g2-cadre .rang .quand,.hpm-g2-cadre .rang.phase small{display:none}
  .hpm-g2-cadre .rang .nom{padding:0 8px;gap:6px}
  .hpm-g2-cadre .rang button.t{font-size:calc(14px * var(--hpm-fs,1))}
  .hpm-g2-cadre .coin{padding:0 8px}
  .hpm-g2-aide{display:none}
  .hpm-g2-barre .d{margin-left:0}
  .hpm-g2-phases .hpm-ds-table,.hpm-g2-phases .hpm-ds-table tbody,.hpm-g2-phases .hpm-ds-table tr,.hpm-g2-phases .hpm-ds-table td{display:block;width:auto}
  .hpm-g2-phases .hpm-ds-table thead{display:none}
  .hpm-g2-phases .hpm-ds-table tr{padding:8px 0;border-bottom:1px solid var(--hpm-ds-trait)}
}

/* ── 2.0.0-alpha.62 — les bandeaux resserrés (Kad, 2/10) ─────────────────────────────────────
   « Certains champs de liste sont trop grands et, sur des écrans entre 11 et 14 pouces, cela les fait se décaler » :
   une liste prenait la largeur de son choix le plus long (le titre d'un projet : 570 px), et repoussait la suite à la ligne.
   · Une liste prend la largeur du choix qu'elle affiche (hpm-ds.js), sans dépasser 220 px : un libellé plus long est
     coupé (…) et s'affiche en entier, en surimpression, au passage de la souris ou au clavier. La liste déroulée, elle,
     montre toujours les titres entiers.
   · « Tous les champs liste sans bordure, sauf recherche » : une liste se reconnaît à son chevron ; un filtre choisi
     reste en blanc plein. Seule la recherche garde son liseré (alpha.63 : la date perd le sien).
   · La recherche est moins longue, et cède de la place avant que le bandeau ne passe à la ligne. */
/* 2.0.0-alpha.63 — `[Kad]` 2/10, capture de l'onglet Tâches : « enlever les bordures sur TOUS les champs sauf recherche » :
   le champ de date « Échéance avant » perd la sienne aussi (l'alpha.62 la lui avait laissée). */
.hpm-l2-outils label.hpm-l2-filtre{border-color:transparent;padding:0 4px 0 9px}
.hpm-l2-outils label.hpm-l2-filtre.actif{border-color:#fff}
.hpm-l2-outils .hpm-l2-filtre select{max-width:220px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.hpm-l2-outils .hpm-l2-cherche{flex:1 1 130px;max-width:240px;min-width:130px}
/* 2.0.0-alpha.63 — « tout doit tenir sur une ligne » (Kad, 2/10) : l'écart entre les champs, la marge du bandeau et le
   champ de date sont resserrés de quelques pixels chacun — c'est ce qui manquait à l'onglet Tâches sur un écran de 13 pouces. */
.hpm-l2-outils{column-gap:8px;padding-left:14px;padding-right:14px}
.hpm-l2-outils button.hpm-l2-filtre{padding-left:8px;padding-right:8px}
.hpm-l2-outils .hpm-l2-filtre input[type=date]{width:112px}
.hpm-l2-outils .hpm-l2-cherche input{width:100%;min-width:0}
@media (max-width:900px){.hpm-l2-outils .hpm-l2-cherche{flex:1 1 100%;max-width:none}}

/* ── 2.0.0-alpha.63 — le bouclier : ce que l'outil écrit garde SA couleur sous un thème qui colore les titres ───────
   `[Kad]` 2/10, capture du Calendrier : « 30 prochains jours », c'est en noir sur fond sombre. Ce titre est un <h3>, et sa
   couleur était écrite avec le poids d'une seule classe : la règle d'un thème du genre « .contenu h3 » l'emportait.
   Reproduit sur le banc avec un thème qui colore h1–h6, les liens et les libellés (option banc_theme_kad = 2), puis tous
   les textes recolorés ont été relevés, écran par écran. Chaque règle ci-dessous redit la couleur voulue avec un poids
   que ce genre de thème ne dépasse pas ; sur un fond de couleur, où le texte deviendrait illisible, « !important ». */
.hpm-l2-outils.hpm-l2-outils :is(h1,h2,h3,h4,h5,h6),.hpm-l2-outils.hpm-l2-outils .hpm-c2-case,.hpm-l2-outils.hpm-l2-outils a.hpm-l2-act,.hpm-l2-outils.hpm-l2-outils a.hpm-l2-act:hover,.hpm-l2-outils.hpm-l2-outils a.hpm-l2-act:visited{color:#fff!important}
.hpm-c2-ag.hpm-c2-ag h4,.hpm-b2-h.hpm-b2-h{color:var(--hpm-ds-violet)}
.hpm-c2-ag.hpm-c2-ag h4 small,.hpm-b2-h.hpm-b2-h .r{color:var(--hpm-ds-doux)}
.hpm-ep2-ariane.hpm-ep2-ariane a{color:var(--hpm-ds-violet)}
a.hpm-q2-ic.hpm-q2-ic{color:var(--hpm-ds-bleu)}
.hpm-l2-lot.hpm-l2-lot{color:var(--hpm-ds-texte)}
/* Un bouton-lien posé sur un bandeau reste bleu sur blanc (le bouclier des boutons, dans hpm-ds.css, ne doit pas le noircir). */
.hpm-l2-outils a.hpm-ds-btn:is(:link,:visited,:hover){color:var(--hpm-ds-bleu)}

/* ── 2.0.0-alpha.63 — les cartes de l'Équipe (Kad, 2/10) : « centrer tous les contenus, photo centrée, titre centré,
   statut projet et compétences à centrer » ; « bas : fond coloré plein ». Le pied prend la couleur du rôle (celle du liseré
   du haut : violet pour un chef de projet, bleu pour un membre, gris pour un invité) ; ses boutons restent blancs. */
.hpm-q2-c{padding-bottom:0}
.hpm-q2-c .h{flex-direction:column;align-items:center;text-align:center;gap:8px;padding:0 18px}
.hpm-q2-c .n{max-width:100%}
.hpm-q2-c .n b{overflow-wrap:anywhere}
.hpm-q2-c .tags{justify-content:center}
.hpm-q2-c .pied{margin:auto -14px 0;padding:8px 14px;border-top:0;background:var(--rc);color:#fff;min-height:42px;box-sizing:border-box}
.hpm-q2-c .pied .prive{color:#fff}
.hpm-q2-c .pied .hpm-q2-ic{border-color:#fff}
.hpm-q2-c .pied .hpm-q2-ic:focus-visible{outline:2px solid #fff;outline-offset:2px}
.hpm-q2-c .st{margin-bottom:12px}

/* ── 2.0.0-alpha.64 — le chevron des listes d'un bandeau : blanc au repos, à la couleur du texte quand un filtre est choisi
   (violet dans un projet ; bleu dans l'espace, voir hpm-accueil2.css). Sans bordure, il n'a besoin que de 3 px à droite. */
.hpm-l2-outils .hpm-l2-filtre select:not([multiple]):not([size]){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.2 4.4l3.8 3.8 3.8-3.8' fill='none' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-position:right 3px center!important;background-size:11px 11px!important;padding-right:19px!important}
.hpm-l2-outils .hpm-l2-filtre.actif select:not([multiple]):not([size]){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.2 4.4l3.8 3.8 3.8-3.8' fill='none' stroke='%238224E3' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}
.hpm-l2-outils label.hpm-l2-filtre{padding-right:5px}
/* Le bouclier, côté mise en forme (voir hpm-ds.css) : pas de marge sous les <label> de l'outil — c'est elle qui montait de 4 px
   les listes et la recherche d'un bandeau par rapport à ses boutons ; les intitulés des listes de propriétés restent maigres. */
.hpm-l2-outils label,.hpm-l2-outils .hpm-l2-droite label,label.hpm-l2-lot,label.hpm-c2-case,.hpm-t2 label.ajout,.hpm-t2 label.pj-b,.hpm-t2 label.lien{margin-bottom:0}
.hpm-t2 .props dt,.hpm-ep2-faits dt{font-weight:400}
/* Le bouton « Envoyer » de la Discussion grandissait de 6 px sous un thème qui fait hériter l'interligne aux boutons. */
.hpm-ep2 .hpm-ep-btn,.hpm-ep .hpm-ep-btn{line-height:normal}
/* Les listes de la barre de sélection (« Changer le statut », « Attribuer ») suivent la règle des bandeaux : la largeur du
   choix affiché, 220 px au plus — « Attribuer » prenait la largeur du plus long nom de l'équipe. */
.hpm-l2-lot select{max-width:220px}

/* ── 2.0.0-alpha.66 — le bandeau replié (Kad, 2/10, Écran 68 : « option B, mais sans fond blanc, le style comme les autres
   boutons »). Quand un bandeau ne tient pas sur une ligne, hpm-ds.js marque ses filtres (data-hpm-second) et pose un
   bouton « Filtres » : les filtres sont rangés, et se déplient sur une seconde ligne au clic. Le bouton a le style des
   autres boutons du bandeau — texte blanc, voile au survol, jamais de fond blanc ; son chevron se retourne. */
.hpm-l2-outils.est-replie:not(.hpm-filtres-ouverts) [data-hpm-second]{display:none!important}
.hpm-l2-outils.est-replie.hpm-filtres-ouverts [data-hpm-second]{order:10}
.hpm-l2-outils.est-replie.hpm-filtres-ouverts::after{content:"";flex:0 0 100%;height:0;order:9}
.hpm-l2-outils button[data-hpm-filtres]{gap:6px;background:transparent;color:#fff;border-color:transparent}
.hpm-l2-outils button[data-hpm-filtres]:hover{background:rgba(255,255,255,.12)}
.hpm-l2-outils button[data-hpm-filtres]:focus:not(:focus-visible){outline:none}
.hpm-l2-outils button[data-hpm-filtres] svg{width:11px;height:11px;flex:none;transition:transform .15s}
.hpm-l2-outils button[data-hpm-filtres][aria-expanded="true"] svg{transform:rotate(180deg)}
.hpm-l2-outils button[data-hpm-filtres] .nb{font-weight:700}
.hpm-c2-outils.est-replie .hpm-l2-droite{display:contents}
.hpm-c2-outils.est-replie .hpm-ds-btn{margin-left:auto}
@media (prefers-reduced-motion:reduce){.hpm-l2-outils button[data-hpm-filtres] svg{transition:none}}


/* ── 2.0.0-alpha.75 — « Modifier le projet » reprend l'ancienne fenêtre (Kad, 3/10, Écran 88) : accès pour rejoindre,
   priorité, budget global, couleur, adresse d'une image, suppression. ── */
.hpm-m2-acces{border:1px solid var(--hpm-t-c5dbfb,#c5dbfb);background:var(--hpm-t-f4f8ff,#f4f8ff);padding:12px 14px;margin-top:-2px}
.hpm-m2-acces[hidden],.hpm-m2-adh[hidden]{display:none}
.hpm-m2-adh{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 12px;margin-top:12px}
.hpm-m2-choix .hpm-m2-adh label,.hpm-m2-options label{display:block;border:0;padding:0;background:none;cursor:default;font-size:calc(14.5px * var(--hpm-fs,1))}
.hpm-m2-choix .hpm-m2-acces input{margin:0}
.hpm-m2-adh .hpm-m2-aide{grid-column:1/-1;margin:0}
.hpm-m2-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 16px;border-top:1px solid var(--hpm-ds-trait);margin-top:4px;padding-top:16px;align-items:start}
.hpm-m2-options small.hpm-m2-aide{display:block}
.hpm-m2-couleur{display:flex;align-items:center;gap:10px}
.hpm-m2-couleur input[type=color]{width:46px;height:40px;padding:2px;border:1px solid #cfd3de;border-radius:0;background:#fff;cursor:pointer;margin:0}
.hpm-m2-couleur code{font-size:calc(13.5px * var(--hpm-fs,1));color:var(--hpm-ds-doux);background:none;padding:0}
.hpm-m2-adresse{margin:0 0 8px;font-size:calc(13.5px * var(--hpm-fs,1))}
.hpm-m2-adresse summary{cursor:pointer;color:var(--hpm-ds-bleu);text-decoration:underline;list-style:none}
.hpm-m2-adresse summary::-webkit-details-marker{display:none}
.hpm-m2-adresse summary:focus-visible{outline:2px solid var(--hpm-ds-bleu);outline-offset:2px}
.hpm-m2-adresse>div{display:flex;gap:8px;margin-top:8px}
.hpm-m2-adresse input{flex:1 1 auto;min-width:0}
.hpm-ds-fenetre__pied .hpm-m2-suppr{margin-right:4px}
@media (max-width:820px){.hpm-m2-options,.hpm-m2-adh{grid-template-columns:minmax(0,1fr)}}

/* ── 2.0.0-alpha.85 — le bandeau clair (Kad, 4/10 : « pour le bleu du bandeau calendrier, on va mettre une couleur claire :
   avec le bandeau dégradé juste au-dessus, ça alourdit visuellement »). ──
   Variante « est-clair » du bandeau de filtres : fond violet très pâle, textes foncés, le choix actif en violet.
   Posée sur l'Agenda de l'espace et sur le Calendrier d'un projet. */
/* 2.0.0-alpha.87 (Kad, 4/10, écran 109 option A : « trop de violet sur le calendrier ») : la variante claire est en bleu léger ;
   le choix actif en bleu accent ; le nom du mois reste en violet (l'équilibre bleu/violet). */
.hpm-ds .hpm-l2-outils.est-clair{background:var(--hpm-t-eaf3fe,#EAF3FE);border:1px solid var(--hpm-t-cfe0f8,#cfe0f8);color:var(--hpm-ds-texte)}
.hpm-ds .hpm-l2-outils.est-clair :is(h1,h2,h3,h4,h5,h6){color:var(--hpm-ds-violet)!important}
.hpm-ds .hpm-l2-outils.est-clair .hpm-c2-case,.hpm-ds .hpm-l2-outils.est-clair a.hpm-l2-act,.hpm-ds .hpm-l2-outils.est-clair a.hpm-l2-act:hover,.hpm-ds .hpm-l2-outils.est-clair a.hpm-l2-act:visited{color:var(--hpm-ds-texte)!important}
.hpm-ds .hpm-l2-outils.est-clair .hpm-l2-act{color:var(--hpm-ds-texte)}
.hpm-ds .hpm-l2-outils.est-clair .hpm-l2-act:hover,.hpm-ds .hpm-l2-outils.est-clair .hpm-l2-filtre:hover,.hpm-ds .hpm-l2-outils.est-clair button[data-hpm-filtres]:hover,.hpm-ds .hpm-l2-outils.est-clair .hpm-q2-seg button:hover,.hpm-ds .hpm-l2-outils.est-clair .hpm-c2-seg button:hover{background:rgba(0,104,232,.09)}
.hpm-ds .hpm-l2-outils.est-clair .hpm-l2-act:focus-visible,.hpm-ds .hpm-l2-outils.est-clair .hpm-l2-filtre:focus-within,.hpm-ds .hpm-l2-outils.est-clair .hpm-l2-cherche input:focus,.hpm-ds .hpm-l2-outils.est-clair .hpm-ds-btn:focus-visible,.hpm-ds .hpm-l2-outils.est-clair .hpm-c2-case:focus-within{outline:2px solid var(--hpm-ds-bleu);outline-offset:2px}
.hpm-ds .hpm-l2-outils.est-clair .hpm-l2-filtre{color:var(--hpm-ds-texte);border-color:transparent}
.hpm-ds .hpm-l2-outils.est-clair .hpm-l2-filtre .pre{color:var(--hpm-ds-doux)}
.hpm-ds .hpm-l2-outils.est-clair .hpm-l2-filtre.actif,.hpm-ds .hpm-l2-outils.est-clair .hpm-l2-filtre[aria-pressed="true"]{background:#fff;border-color:var(--hpm-ds-bleu);color:var(--hpm-ds-bleu)}
.hpm-ds .hpm-l2-outils.est-clair .hpm-l2-filtre.actif select{color:var(--hpm-ds-bleu)}
.hpm-ds .hpm-l2-outils.est-clair .hpm-l2-filtre select:not([multiple]):not([size]){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.2 4.4l3.8 3.8 3.8-3.8' fill='none' stroke='%231f2330' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}
.hpm-ds .hpm-l2-outils.est-clair .hpm-l2-filtre.actif select:not([multiple]):not([size]){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.2 4.4l3.8 3.8 3.8-3.8' fill='none' stroke='%230068E8' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}
.hpm-ds .hpm-l2-outils.est-clair .hpm-l2-filtre input[type=date]::-webkit-calendar-picker-indicator{filter:none}
.hpm-ds .hpm-l2-outils.est-clair .hpm-l2-cherche input{border-color:var(--hpm-t-b9d2f5,#b9d2f5);color:var(--hpm-ds-texte);background:#fff}
.hpm-ds .hpm-l2-outils.est-clair .hpm-l2-cherche input::placeholder{color:var(--hpm-ds-pale)}
.hpm-ds .hpm-l2-outils.est-clair .hpm-q2-seg button,.hpm-ds .hpm-l2-outils.est-clair .hpm-c2-seg button{color:var(--hpm-ds-texte);opacity:.7}
.hpm-ds .hpm-l2-outils.est-clair .hpm-q2-seg button[aria-pressed="true"],.hpm-ds .hpm-l2-outils.est-clair .hpm-c2-seg button[aria-pressed="true"]{color:var(--hpm-ds-bleu);opacity:1}
.hpm-ds .hpm-l2-outils.est-clair .hpm-q2-seg button[aria-pressed="true"]::after,.hpm-ds .hpm-l2-outils.est-clair .hpm-c2-seg button[aria-pressed="true"]::after{background:var(--hpm-ds-bleu)}
.hpm-ds .hpm-l2-outils.est-clair .hpm-c2-case input{accent-color:var(--hpm-ds-bleu)}
.hpm-ds .hpm-l2-outils.est-clair button[data-hpm-filtres]{color:var(--hpm-ds-texte)}
.hpm-ds .hpm-l2-outils.est-clair .hpm-ds-btn{border-color:var(--hpm-ds-trait)}
.hpm-ds .hpm-l2-outils.est-clair .hpm-c2-periode{color:var(--hpm-ds-violet)}

/* ══════════════════════════════════════════════════════════════════════════════════════════════════════════════════
   2.0.0-alpha.86 — maquette « écran 106 », validée par Kad le 4/10 : les quatre panneaux de la Vue d'ensemble
   (L'équipe, Documents à consulter, À surveiller, Dernières activités).
   Repliés à l'arrivée : une icône, le nom, le nombre, un résumé. Ouverts : la même hauteur pour les quatre, un filigrane
   en bas à droite, une pagination ; l'équipe et les documents en grille (par défaut) ou en liste.
   ══════════════════════════════════════════════════════════════════════════════════════════════════════════════════ */
.hpm-ep2-blocs{align-items:start}
.hpm-ep2-eqdoc{grid-auto-rows:auto}
.hpm-ep2-pan{--pan:var(--hpm-ds-violet);min-width:0;container-type:inline-size}
.hpm-ep2-pan[data-ep2-pan="documents"]{--pan:var(--hpm-ds-bleu)}
.hpm-ep2-pan[data-ep2-pan="a-surveiller"]{--pan:#b4501d}
.hpm-ep2-pan[data-ep2-pan="activites"]{--pan:var(--hpm-ds-vert-t)}
/* la couleur de l'en-tête : celle du panneau (plus forte que la règle générale des blocs de l'accueil, chargée après) */
.hpm-ep.hpm-ep2 .hpm-ep2-pan>.hpm-ds-bloc__tete{background:var(--pan);border-bottom:0}
.hpm-ep2-pan>.hpm-ds-bloc__tete{min-height:48px;box-sizing:border-box;padding:0;gap:4px;cursor:pointer;color:#fff}
.hpm-ep2-pan>.hpm-ds-bloc__tete .hpm-ds-t-bloc{display:flex;align-self:stretch;min-width:0;margin:0}
.hpm-ep2-pan__t{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:0 8px 0 16px;color:#fff;cursor:pointer}
.hpm-ep2-pan__t:focus-visible{outline:2px solid #fff;outline-offset:-4px}
.hpm-ep2-pan__t .hpm-ds-ico{width:20px;height:20px;flex:none}
.hpm-ep2-pan__t .ti{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hpm-ep2-pan__t .nb{flex:none;padding:0 8px;background:rgba(255,255,255,.22);font-size:calc(13px * var(--hpm-fs,1));line-height:22px;font-weight:700}
.hpm-ep2-pan__t .res{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(14px * var(--hpm-fs,1));font-weight:400;flex-shrink:9999}   /* alpha.109 (écran 155) : quand la place manque, le résumé se raccourcit avant le titre */
.hpm-ep2-pan.est-ouvert .hpm-ep2-pan__t .res{display:none}
.hpm-ep2-pan__d{display:none;align-items:center;gap:4px;flex:none;white-space:nowrap}
.hpm-ep2-pan.est-ouvert .hpm-ep2-pan__d{display:flex}
.hpm-ep2-pan__vues{display:inline-flex;gap:2px;margin-right:8px}
.hpm-ep2-pan__vues button{all:unset;box-sizing:border-box;position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:#fff;opacity:.6;cursor:pointer}
.hpm-ep2-pan__vues button:hover{opacity:.85}
.hpm-ep2-pan__vues button[aria-pressed="true"]{opacity:1}
.hpm-ep2-pan__vues button[aria-pressed="true"]::after{content:"";position:absolute;left:6px;right:6px;bottom:1px;height:2.5px;background:#fff}
.hpm-ep2-pan__vues button:focus-visible{outline:2px solid #fff;outline-offset:-2px}
.hpm-ep2-pan__vues .hpm-ds-ico{width:19px;height:19px}
.hpm-ep2-pan__chev{flex:none;width:9px;height:9px;margin:-5px 18px 0 12px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg)}
.hpm-ep2-pan.est-ouvert .hpm-ep2-pan__chev{margin-top:5px;transform:rotate(-135deg)}
.hpm-ep2-pan__corps{position:relative;display:none;overflow:hidden}
.hpm-ep2-pan.est-ouvert>.hpm-ep2-pan__corps{display:block}
.hpm-ep2-pan [data-ep2-bloc]{position:relative;z-index:1;height:342px}
.hpm-ep2-pan [data-ep2-bloc]>div:first-child{flex:1;min-height:0;overflow:auto;padding:0 18px}
.hpm-ep2-pan .hpm-ds-pages{flex:none;flex-wrap:nowrap;min-height:42px;box-sizing:border-box;padding:5px 12px;border-top:1px solid var(--hpm-ds-trait)}
.hpm-ep2-pan .hpm-ds-pages .compte{white-space:nowrap}
.hpm-ep2-pan__fg{position:absolute;right:-10px;bottom:34px;z-index:0;width:150px;height:150px;color:var(--pan);opacity:.09;stroke-width:1.2;pointer-events:none}
/* l'équipe */
.hpm-ep2-pan .hpm-ep2-gens{flex:none;padding-left:0;padding-right:0}
.hpm-ep2-gens--grille{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-top:12px;padding-bottom:12px}
.hpm-ep2-gens--grille li{flex-direction:column;gap:0;padding:10px 8px 10px;border:1px solid var(--hpm-ds-trait);background:#fff;text-align:center}
.hpm-ep2-gens--grille .hpm-ds-avatar{width:56px;height:56px;font-size:calc(20px * var(--hpm-fs,1))}
.hpm-ep2-gens--grille li b,.hpm-ep2-gens--grille li:first-child b{max-width:100%;margin-top:8px;font-size:calc(14.5px * var(--hpm-fs,1));font-weight:700}
.hpm-ep2-gens--grille li small{margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:calc(13px * var(--hpm-fs,1))}
.hpm-ep2-gens--liste{gap:0;padding-top:4px;padding-bottom:4px}
.hpm-ep2-gens--liste li{gap:12px;padding:7px 0}
.hpm-ep2-gens--liste li+li{border-top:1px solid #f0f1f5}
.hpm-ep2-gens--liste .hpm-ds-avatar{flex:none;width:42px;height:42px;font-size:calc(16px * var(--hpm-fs,1))}
.hpm-ep2-gens--liste li b,.hpm-ep2-gens--liste li:first-child b{font-size:calc(15px * var(--hpm-fs,1));font-weight:700}
.hpm-ep2-gens--liste li small{font-size:calc(13.5px * var(--hpm-fs,1))}
.hpm-ep2-pan .hpm-ds-pages .hpm-ep2-places{flex:1;min-width:0;flex-wrap:nowrap;margin:0 8px 0 10px;padding:0;border:0;font-size:calc(13px * var(--hpm-fs,1));white-space:nowrap;overflow:hidden}
.hpm-ep2-pan .hpm-ds-pages .hpm-ep2-places .jauge{max-width:120px}
/* les documents */
.hpm-ep2-pan .hpm-ep2-docs{flex:none;padding-left:0;padding-right:0}
.hpm-ep2-docs--grille{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-top:12px;padding-bottom:12px}
.hpm-ep2-docs--grille li{min-width:0;border:1px solid var(--hpm-ds-trait);background:#fff}
.hpm-ep2-docs--grille li+li{border-top:1px solid var(--hpm-ds-trait)}
.hpm-ep2-docs--grille a{flex-direction:column;align-items:stretch;gap:0;padding:0 0 8px}
.hpm-ep2-docs--grille .hpm-ep2-ext{width:auto;height:54px;font-size:calc(15px * var(--hpm-fs,1));letter-spacing:.5px;text-transform:uppercase}
.hpm-ep2-docs--grille .t{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:2.7em;margin:8px 10px 0;font-size:calc(13.5px * var(--hpm-fs,1));font-weight:700;line-height:1.35;white-space:normal}
.hpm-ep2-docs--grille small{margin:2px 10px 0;font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px))}
.hpm-ep2-docs--liste .hpm-ep2-ext{width:42px;height:32px;font-size:max(calc(10.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));text-transform:uppercase}
.hpm-ep2-docs--liste a{gap:12px;padding:10px 0;font-size:calc(15px * var(--hpm-fs,1))}
/* panneau étroit (Discussion ouverte, petit écran) : le lien de droite s'efface — l'onglet du même nom est au-dessus —, la grille passe à trois colonnes */
@container (max-width:540px){.hpm-ep2-pan__d a{display:none}.hpm-ep2-pan__vues{margin-right:0}.hpm-ep2-pan .hpm-ds-pages .hpm-ep2-places .jauge{display:none}}
@container (max-width:420px){
  .hpm-ep2-gens--grille,.hpm-ep2-docs--grille{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .hpm-ep2-pan.est-ouvert .hpm-ep2-pan__t .nb{display:none}
  .hpm-ep2-pan__t{gap:8px;padding-left:12px;font-size:calc(15px * var(--hpm-fs,1))}
  .hpm-ep2-pan__chev{margin-right:14px;margin-left:8px}
  .hpm-ep2-pan [data-ep2-bloc]>div:first-child{padding:0 12px}
  .hpm-ep2-pan .hpm-ds-pages .hpm-ep2-places{display:none}
  .hpm-ep2-pan .hpm-ep2-act .txt>span,.hpm-ep2-pan .hpm-ep2-surv b,.hpm-ep2-pan .hpm-ep2-surv small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .hpm-ep2-pan .hpm-ds-pages{padding:5px 8px;gap:3px;font-size:max(calc(12px * var(--hpm-fs,1)),var(--hpm-fs-min,0px))}
  .hpm-ep2-pan .hpm-ds-pages button{min-width:26px;padding:0 4px}
}
@container (max-width:330px){.hpm-ep2-pan.est-ouvert .hpm-ep2-pan__t>.hpm-ds-ico{display:none}}
@media (max-width:640px){
  .hpm-ep2-pan>.hpm-ds-bloc__tete{flex-wrap:wrap}
  .hpm-ep2-pan>.hpm-ds-bloc__tete .hpm-ds-t-bloc{min-height:48px}
  .hpm-ep2-pan__d{order:3;width:100%;box-sizing:border-box;justify-content:flex-end;padding:0 12px 8px 16px}
  .hpm-ep2-gens--grille,.hpm-ep2-docs--grille{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hpm-ep2-pan .hpm-ds-pages{flex-wrap:wrap}
  .hpm-ep2-pan .hpm-ds-pages .hpm-ep2-places{flex-basis:100%;order:5}
}

/* ══════════════════════════════════════════════════════════════════════════════════════════════════════════════════
   2.0.0-alpha.87 — maquette « écran 109 », option A, validée par Kad le 4/10 : le Calendrier d'un projet en bleu léger.
   La ligne des jours : un ton plus clair que le bandeau de filtres, jours centrés, en bleu accent.
   Les numéros de semaine (vue Mois) : une colonne étroite, une petite étiquette bleu pâle ; la semaine en cours en bleu plein.
   ══════════════════════════════════════════════════════════════════════════════════════════════════════════════════ */
.hpm-c2-jn{background:var(--hpm-t-f5f9ff,#F5F9FF)}
.hpm-c2-jn span{color:var(--hpm-ds-bleu);text-align:center}
.hpm-c2-jour.auj{background:var(--hpm-t-f3f8ff,#f3f8ff)}
.hpm-c2-grille.avec-sem{padding-left:44px}
.hpm-c2-grille.avec-sem .hpm-c2-jn{position:relative}
.hpm-c2-ns{position:absolute;left:-44px;top:0;bottom:-1px;width:44px;box-sizing:border-box;display:flex;align-items:flex-start;justify-content:center;padding:7px 0 0;border-right:1px solid #eceef4;border-bottom:1px solid var(--hpm-ds-trait)}
.hpm-c2-sem:last-child .hpm-c2-ns{bottom:0;border-bottom:0}
.hpm-c2-ns b{min-width:26px;box-sizing:border-box;padding:0 4px;background:var(--hpm-t-eaf3fe,#EAF3FE);color:var(--hpm-ds-bleu);font-size:max(calc(12px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));font-weight:700;line-height:21px;text-align:center}
.hpm-c2-ns.ici b{background:var(--hpm-ds-bleu);color:#fff}
.hpm-c2-jn span.hpm-c2-ns{align-items:center;padding:0;background:var(--hpm-t-f5f9ff,#F5F9FF);font-size:max(calc(11px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));letter-spacing:.2px}
@media (max-width:640px){.hpm-c2-grille.avec-sem{padding-left:0}.hpm-c2-ns{display:none}}
/* 2.0.0-alpha.93 — le Gantt d'un projet a une quatrième échelle (« 1 mois »). Pour que le bandeau ne replie pas ses filtres plus
   tôt qu'avant, les quatre boutons se resserrent ; et quand le bandeau est étroit (moins de 900 px), « Semaines » s'écrit « Sem. »
   (le nom complet reste celui du bouton pour les lecteurs d'écran). */
.hpm-l2-outils .hpm-c2-seg button[data-echelle]{padding:0 6px}
.hpm-l2-outils .hpm-c2-seg:has([data-echelle]){gap:0}
.hpm-l2-outils:has([data-echelle]){container-type:inline-size;container-name:hpm-g2-bande}
@container hpm-g2-bande (max-width:900px){
  .hpm-l2-outils .hpm-c2-seg button[data-echelle="semaines"]{font-size:0}
  .hpm-l2-outils .hpm-c2-seg button[data-echelle="semaines"]::before{content:"Sem.";font-size:calc(14px * var(--hpm-fs,1))}
}

/* 2.0.0-alpha.103 — la Discussion sur la Vue d'ensemble (maquettes 136 et 137, Kad 6/10) : son cadre va du haut de la page
   au bas des quatre panneaux « En un coup d'œil » (hauteur mesurée par hpm-ep2.js, « --hpm-ep2-h ») ; l'intérieur garde
   au plus la hauteur de l'écran et suit le défilement dans ce cadre ; dessous, la zone à contenus de l'espace.
   Sur les autres onglets : pas de zone ; seul l'intérieur est encadré, à la hauteur de l'écran, et il suit le défilement. */
.hpm-ep2-zone{display:none;min-width:0}
@media (min-width:901px){
  .hpm-ep2-corps.sur-ensemble{grid-template-rows:var(--hpm-ep2-h,auto) auto}
  .hpm-ep2-corps.sur-ensemble>.hpm-ep2-principal{grid-column:1;grid-row:1 / span 2}
  .hpm-ep2-corps.sur-ensemble>.hpm-ep2-discussion{grid-column:2;grid-row:1}
  .hpm-ep2-corps.sur-ensemble>.hpm-ep2-zone{display:block;grid-column:2;grid-row:2;align-self:start}
  .hpm-ep2.discussion-fermee .hpm-ep2-corps.sur-ensemble>.hpm-ep2-discussion{grid-row:1 / span 2}
  .hpm-ep2.discussion-fermee .hpm-ep2-corps.sur-ensemble>.hpm-ep2-zone{display:none}
  .hpm-ep2:not(.discussion-fermee) .hpm-ep2-corps:not(.sur-ensemble)>.hpm-ep2-discussion{border-color:transparent;background:none}
  .hpm-ep2:not(.discussion-fermee) .hpm-ep2-corps:not(.sur-ensemble)>.hpm-ep2-discussion>.hpm-ep2-discussion-in{margin:-4px -1px -1px;background:#fff;border:1px solid var(--hpm-ds-trait);border-top:4px solid var(--hpm-ds-violet)}
}
@media (max-width:900px){
  .hpm-ep2-corps.sur-ensemble>.hpm-ep2-zone{display:block;margin-top:8px}
}
.hpm-ep2-zone{background:#fff;border:1px solid var(--hpm-ds-trait);font-size:calc(15px * var(--hpm-fs,1));line-height:1.5;color:var(--hpm-ds-texte)}
.hpm-ep2-zone>h2{margin:0;padding:12px 16px;border-bottom:1px solid var(--hpm-ds-trait);color:var(--hpm-ds-violet)}
.hpm-ep2-volet{border-bottom:1px solid var(--hpm-ds-trait)}
.hpm-ep2-volet:last-child{border-bottom:0}
.hpm-ep2-volet>summary{display:flex;align-items:center;gap:10px;padding:11px 16px;cursor:pointer;font-weight:700;font-size:calc(15px * var(--hpm-fs,1));list-style:none}
.hpm-ep2-volet>summary::-webkit-details-marker{display:none}
.hpm-ep2-volet>summary>span{flex:1;min-width:0}
.hpm-ep2-volet>summary::after{content:"";flex:none;width:8px;height:8px;border-right:2px solid var(--hpm-ds-doux);border-bottom:2px solid var(--hpm-ds-doux);transform:rotate(-45deg);margin-right:3px}
.hpm-ep2-volet[open]>summary::after{transform:rotate(45deg);margin-top:-4px}
.hpm-ep2-volet[open]>summary{background:#faf7fe;color:var(--hpm-ds-violet)}
.hpm-ep2-volet>summary:hover{background:#faf7fe}
.hpm-ep2-volet>summary:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:-2px}
.hpm-ep2-volet>.corps{padding:12px 16px 16px;overflow-wrap:anywhere}
.hpm-ep2-volet>.corps>:first-child{margin-top:0}
.hpm-ep2-volet>.corps>:last-child{margin-bottom:0}
.hpm-ep2-volet>.corps img,.hpm-ep2-volet>.corps iframe,.hpm-ep2-volet>.corps video{max-width:100%;height:auto}
.hpm-ep2-volet>.corps a{color:var(--hpm-ds-bleu)}
.hpm-ep2-volet>.corps h1,.hpm-ep2-volet>.corps h2,.hpm-ep2-volet>.corps h3,.hpm-ep2-volet>.corps h4{font-size:calc(16px * var(--hpm-fs,1));margin:12px 0 6px}
.hpm-ep2-zone.est-vide{border-style:dashed;border-color:#b9c1d0;padding:12px 16px;font-size:calc(14px * var(--hpm-fs,1));color:var(--hpm-ds-doux)}
.hpm-ep2-zone.est-vide p{margin:0}
.hpm-ep2-zone.est-vide a{color:var(--hpm-ds-bleu)}
/* Le widget « D'autres projets à rejoindre », quand il sert dans l'espace */
.hpm-ep2-zone .hpm-vp-autres{list-style:none;margin:0;padding:0}
.hpm-ep2-zone .hpm-vp-autres li{margin:0;padding:0;border-bottom:1px solid var(--hpm-ds-trait)}
.hpm-ep2-zone .hpm-vp-autres li:last-child{border-bottom:0}
.hpm-ep2-zone .hpm-vp-autres a{display:flex;align-items:center;gap:12px;padding:9px 0;text-decoration:none}
.hpm-ep2-zone .hpm-vp-autres img,.hpm-ep2-zone .hpm-vp-autres .sans{flex:none;width:56px;height:42px;object-fit:cover;background:var(--hpm-ds-violet-pale)}
.hpm-ep2-zone .hpm-vp-autres .t{min-width:0}
.hpm-ep2-zone .hpm-vp-autres b{display:block;font-size:calc(14.5px * var(--hpm-fs,1));line-height:1.35;color:var(--hpm-ds-bleu)}
.hpm-ep2-zone .hpm-vp-autres small{display:block;font-size:calc(13px * var(--hpm-fs,1));color:var(--hpm-ds-doux)}
/* Le champ pour écrire, plus ramassé (maquette 136) : le trombone et « Envoyer » sur une même ligne, le bouton à droite. */
.hpm-ep.hpm-ep2 .hpm-ep-ecrire{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:12px 16px 12px}
.hpm-ep.hpm-ep2 .hpm-ep-ecrire>textarea,.hpm-ep.hpm-ep2 .hpm-ep-ecrire>small,.hpm-ep.hpm-ep2 .hpm-ep-ecrire>.hpm-pj-puces{grid-column:1 / -1;margin:0}
.hpm-ep.hpm-ep2 .hpm-ep-ecrire>.hpm-pj-bouton{grid-column:1;border-radius:0;align-self:center}
.hpm-ep.hpm-ep2 .hpm-ep-ecrire>.hpm-ep-btn.est-primaire{grid-column:2;justify-self:end;align-self:center}
/* Dans un panneau court (peu de texte au-dessus des quatre panneaux, ou écran bas), le fil cède de la place : le champ pour
   écrire ne déborde jamais du panneau. */
@media (min-width:901px){.hpm-ep.hpm-ep2 .hpm-ep-fil{min-height:96px}}

/* 2.0.0-alpha.104 — la Discussion, lot 2 (maquette 136) : quatre fils ; le tri du fil Projet ; la conversation d'une tâche
   dans le panneau ; l'onglet Membres. */
.hpm-ep2-fils button{font-size:calc(14px * var(--hpm-fs,1));padding-left:2px;padding-right:2px}
.hpm-d2f-tri{display:flex;align-items:center;gap:6px;flex:none;padding:8px 14px;border-bottom:1px solid var(--hpm-ds-trait);background:#faf7fe;font-size:calc(13.5px * var(--hpm-fs,1));color:var(--hpm-ds-doux)}
.hpm-d2f-tri button{all:unset;box-sizing:border-box;cursor:pointer;padding:3px 10px;border:1px solid var(--hpm-ds-trait);background:#fff;color:var(--hpm-ds-texte);font-size:calc(13px * var(--hpm-fs,1));font-weight:700}
.hpm-d2f-tri button[aria-pressed="true"]{background:var(--hpm-ds-bleu);border-color:var(--hpm-ds-bleu);color:#fff}
.hpm-d2f-tri button:hover{border-color:var(--hpm-ds-bleu)}
.hpm-d2f-tri button:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:2px}
.hpm-d2f-vue.en-conv{display:flex;flex-direction:column;overflow:hidden;padding:0}
.hpm-d2f-ret{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;flex:none;padding:8px 12px;border-bottom:1px solid var(--hpm-ds-trait);background:#faf7fe}
.hpm-d2f-ret .r{all:unset;cursor:pointer;color:var(--hpm-ds-bleu);font-weight:700;font-size:calc(13.5px * var(--hpm-fs,1));white-space:nowrap}
.hpm-d2f-ret .r:hover{text-decoration:underline}
.hpm-d2f-ret .r:focus-visible,.hpm-d2f-ecrire .trombone:focus-within{outline:2px solid var(--hpm-ds-violet);outline-offset:2px}
.hpm-d2f-ret .t{order:5;flex:0 0 100%;min-width:0;font-size:calc(14.5px * var(--hpm-fs,1));line-height:1.3;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hpm-d2f-ret .st{flex:none;font-size:max(calc(11px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));font-weight:700;color:#fff;padding:0 6px;background:var(--hpm-ds-doux)}
.hpm-d2f-ret .st.b{background:var(--hpm-ds-bleu)}.hpm-d2f-ret .st.r{background:var(--hpm-ds-rouge-t)}.hpm-d2f-ret .st.v{background:#0c8560}
.hpm-d2f-ret .hpm-ds-btn{flex:none;white-space:nowrap;margin-left:auto}
.hpm-ep.hpm-ep2 .hpm-d2f-conv{flex:1;min-height:96px;overflow-y:auto}
.hpm-d2f-ecrire{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;flex:none;padding:12px 16px;border-top:1px solid var(--hpm-ds-trait)}
.hpm-d2f-ecrire>textarea,.hpm-d2f-ecrire>small,.hpm-d2f-ecrire>.pj{grid-column:1 / -1;margin:0}
.hpm-d2f-ecrire>textarea{box-sizing:border-box;width:100%;min-height:58px;border:1px solid var(--hpm-ds-trait);border-radius:0;padding:8px 10px;font:inherit;font-size:calc(14.5px * var(--hpm-fs,1));resize:vertical}
.hpm-d2f-ecrire>textarea:focus{outline:none;border-color:var(--hpm-ds-violet);box-shadow:0 0 0 2px var(--hpm-ds-violet-pale)}
.hpm-d2f-ecrire .trombone{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:36px;border:1px solid #d9dbe3;background:#fff;font-size:calc(17px * var(--hpm-fs,1));cursor:pointer}
.hpm-d2f-ecrire .trombone:hover{border-color:var(--hpm-ds-violet)}
.hpm-d2f-ecrire>.hpm-ds-btn{justify-self:end}
.hpm-d2f-ecrire>small{font-size:max(calc(11.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));color:var(--hpm-ds-doux);text-align:center}
.hpm-d2f-ecrire>small.ko{color:var(--hpm-ds-rouge-t);font-weight:700}
.hpm-d2f-ecrire>.pj{display:flex;gap:6px;flex-wrap:wrap}.hpm-d2f-ecrire>.pj[hidden]{display:none}
.hpm-d2f-tete{padding:8px 16px;font-size:calc(13.5px * var(--hpm-fs,1));color:var(--hpm-ds-doux);background:#faf7fe;border-bottom:1px solid var(--hpm-ds-trait)}
.hpm-d2f-vue:has(>.hpm-d2f-tete){padding-top:0}
.hpm-d2f-mb{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid #f0f1f5}
.hpm-d2f-mb .av{position:relative;flex:none;width:36px;height:36px;border-radius:50%;color:#fff;font-weight:700;font-size:calc(13px * var(--hpm-fs,1));display:flex;align-items:center;justify-content:center}
.hpm-d2f-mb .av i{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;background:#0c8560;border:2px solid #fff}
.hpm-d2f-mb .c{flex:1;min-width:0;display:flex;flex-direction:column}
.hpm-d2f-mb .c b{font-size:calc(14.5px * var(--hpm-fs,1));overflow-wrap:anywhere}.hpm-d2f-mb .c b small{font-weight:400;color:var(--hpm-ds-doux);font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px))}
.hpm-d2f-mb .c>span{font-size:calc(13px * var(--hpm-fs,1));color:var(--hpm-ds-doux)}
.hpm-d2f-mb .a{flex:none;display:flex;gap:6px}

/* 2.0.0-alpha.105 — la Discussion, lot 3 (maquettes 139 et 140) : un fil par document ; « Ce qui est retenu ». */
.hpm-d2f-l.doc{flex-wrap:wrap}
.hpm-d2f-l.doc.vif{background:var(--hpm-ds-violet-pale)}
.hpm-d2f-l.doc .m{gap:6px}
.hpm-d2f-l.doc .m .hpm-ds-btn{white-space:nowrap}
.hpm-d2f-l.doc .p .nl{color:var(--hpm-ds-violet);font-weight:700}
.hpm-d2f-l.doc .rt{flex:0 0 calc(100% - 40px);margin-left:40px;box-sizing:border-box;padding:4px 8px;font-size:calc(13px * var(--hpm-fs,1));line-height:1.4;color:#0a6b4e;background:#ecfdf5;border-left:3px solid #0c8560;overflow-wrap:anywhere}
.hpm-d2f-l.doc .rt.at{color:#8a5200;background:#fff7e6;border-left-color:#b26a00}
/* Le bloc « Ce qui est retenu », en tête d'une conversation (panneau Discussion et fenêtre Tâche) */
.hpm-rt{flex:none;background:#ecfdf5;border-bottom:1px solid #b7e4d0;border-left:4px solid #0c8560;font-size:calc(14px * var(--hpm-fs,1));line-height:1.4;color:var(--hpm-ds-texte)}
.hpm-rt:empty{display:none}
.hpm-rt:not(.a-des-points){background:#faf7fe;border-bottom-color:var(--hpm-ds-trait);border-left-color:#cfd2da}
.hpm-rt-tete{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;cursor:pointer}
.hpm-rt-tete .t{font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#0a6b4e}
.hpm-rt:not(.a-des-points) .hpm-rt-tete .t{color:var(--hpm-ds-doux)}
.hpm-rt-tete .cpt{font-size:calc(13px * var(--hpm-fs,1));color:var(--hpm-ds-doux)}
.hpm-rt-tete .av{min-width:18px;padding:0 5px;font-size:max(calc(11.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));line-height:17px;font-weight:700;text-align:center;background:#ffd84d;color:#5b4300;border-radius:9px}
.hpm-rt-tete .chev{margin-left:auto;width:8px;height:8px;border-right:2px solid var(--hpm-ds-doux);border-bottom:2px solid var(--hpm-ds-doux);transform:rotate(-45deg);flex:none;margin-right:3px}
.hpm-rt-tete[aria-expanded="true"] .chev{transform:rotate(45deg);margin-top:-4px}
.hpm-rt-tete:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:-2px}
.hpm-rt-corps{padding:0 12px 10px;max-height:46vh;overflow-y:auto}
/* Dans le panneau : ouvert, le bloc prend la place qu'il lui faut entre l'en-tête et le champ, et défile au-delà ; le fil
   garde le reste, et le champ reste dans le panneau (défaut vu en vérifiant : bloc ouvert, le champ débordait). */
.hpm-d2f-vue.en-conv>.hpm-rt{display:flex;flex-direction:column;flex:0 1 auto;min-height:36px;position:relative;z-index:1;box-shadow:0 2px 5px rgba(20,20,43,.10)}
.hpm-ep.hpm-ep2 .hpm-d2f-vue.en-conv>.hpm-rt:has(.hpm-rt-tete[aria-expanded="true"])~.hpm-d2f-conv{min-height:0}
.hpm-d2f-vue.en-conv>.hpm-rt>.hpm-rt-tete{flex:none}
.hpm-d2f-vue.en-conv>.hpm-rt>.hpm-rt-corps{flex:1 1 auto;min-height:0;max-height:none}
.hpm-rt-corps[hidden]{display:none}
.hpm-rt .vide{margin:0 0 6px;font-size:calc(13.5px * var(--hpm-fs,1));color:var(--hpm-ds-doux)}
.hpm-rt .pt{display:flex;gap:8px;padding:5px 0;align-items:flex-start}
.hpm-rt .pt .co{flex:none;width:20px;height:20px;margin-top:1px;border-radius:50%;background:#0c8560;color:#fff;font-size:max(calc(12px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));font-weight:700;display:flex;align-items:center;justify-content:center}
.hpm-rt .pt.pr .co{background:#b26a00}
.hpm-rt .pt .c{flex:1;min-width:0}
.hpm-rt .pt .tx{display:block;overflow-wrap:anywhere}
.hpm-rt .pt small{display:block;font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));color:var(--hpm-ds-doux);margin-top:1px}
.hpm-rt .lien{all:unset;cursor:pointer;flex:none;font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));font-weight:700;color:var(--hpm-ds-bleu);white-space:nowrap}
.hpm-rt .lien:hover{text-decoration:underline}.hpm-rt .lien:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:2px}
.hpm-rt .sep{margin:8px 0 2px;padding-top:8px;border-top:1px solid #b7e4d0;font-size:max(calc(12px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));font-weight:700;color:#8a5200;text-transform:uppercase;letter-spacing:.4px}
.hpm-rt .avis{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}
.hpm-rt .vt{all:unset;box-sizing:border-box;cursor:pointer;padding:3px 9px;border:1px solid #cfd2da;background:#fff;font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));font-weight:700;color:var(--hpm-ds-texte)}
.hpm-rt .vt[aria-pressed="true"]{background:#0c8560;border-color:#0c8560;color:#fff}
.hpm-rt .vt.non[aria-pressed="true"]{background:#b42318;border-color:#b42318}
.hpm-rt .vt[disabled]{cursor:default;opacity:.75}
.hpm-rt .vt:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:2px}
.hpm-rt .maj{font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));font-weight:700;color:#0a6b4e}
.hpm-rt .bts{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:8px}
.hpm-rt .ajout{text-align:right;margin-top:6px}.hpm-rt .ajout[hidden],.hpm-rt .form[hidden]{display:none}
.hpm-rt .form{margin-top:8px}
.hpm-rt .form textarea{box-sizing:border-box;display:block;width:100%;min-height:54px;border:1px solid #9fd5bd;border-radius:0;background:#fff;padding:7px 9px;font:inherit;font-size:calc(14px * var(--hpm-fs,1));resize:vertical}
.hpm-rt .form textarea:focus{outline:none;border-color:var(--hpm-ds-violet);box-shadow:0 0 0 2px var(--hpm-ds-violet-pale)}
.hpm-rt .form .direct{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:calc(13px * var(--hpm-fs,1))}
.hpm-rt .form .etat{margin:4px 0 0;font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));min-height:0}.hpm-rt .form .etat.ko{color:var(--hpm-ds-rouge-t);font-weight:700}
.hpm-d2f-l.doc .p .fl{display:block}
/* Le geste « Retenir… » sous un message, et le lien vers le fil d'un document joint */
.hpm-fil-g.hpm-fil-retenir{color:#0a6b4e;font-weight:700;white-space:nowrap}
/* Avec ce geste en plus, la rangée se resserre un peu : elle tient sur une ligne dans le panneau comme dans la fenêtre Tâche. */
.hpm-fil-act:has(.hpm-fil-retenir){gap:2px 8px}.hpm-fil-act:has(.hpm-fil-retenir) .hpm-fil-fin{gap:8px}
/* Une ligne de trace (« Point retenu : … ») : d'un trait, sans bulle */
.hpm-ep-msg.hpm-fil-trace{display:flex;gap:8px;align-items:flex-start;margin:6px 0;padding:6px 10px;background:#ecfdf5;border-left:3px solid #0c8560}
.hpm-ep-msg.hpm-fil-trace.est-ret,.hpm-ep-msg.hpm-fil-trace.est-ec{background:#f4f5f7;border-left-color:#8b90a0}
.hpm-fil-trace-s{flex:none;width:18px;height:18px;margin-top:1px;border-radius:50%;background:#0c8560;color:#fff;font-size:max(calc(11px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));font-weight:700;display:flex;align-items:center;justify-content:center}
.hpm-fil-trace.est-ret .hpm-fil-trace-s,.hpm-fil-trace.est-ec .hpm-fil-trace-s{background:#6b7080}
.hpm-fil-trace .hpm-fil-c{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:0 8px}
.hpm-fil-trace .hpm-fil-c>*{flex:0 0 100%}
.hpm-fil-trace .hpm-fil-c>.hpm-fil-trace-q{flex:1 1 0}
.hpm-fil-trace .hpm-fil-c>.hpm-fil-act{flex:0 0 auto}
.hpm-fil-trace-t{margin:0;font-size:calc(13.5px * var(--hpm-fs,1));line-height:1.4;font-weight:700;color:var(--hpm-ds-texte);overflow-wrap:anywhere}
.hpm-fil-trace-q{display:block;font-size:max(calc(12px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));color:var(--hpm-ds-doux)}
.hpm-fil-trace .hpm-fil-act{margin:0}.hpm-fil-trace .hpm-fil-act:not(:has(button)){display:none}
.hpm-pj-fil{all:unset;cursor:pointer;flex:0 0 100%;font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));font-weight:700;color:var(--hpm-ds-bleu);margin-top:2px}
.hpm-pj-fil:hover{text-decoration:underline}.hpm-pj-fil:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:2px}
.hpm-pj-c:has(.hpm-pj-fil){flex-wrap:wrap}
.hpm-ep-msg.est-cible>.hpm-fil-c>.hpm-fil-b{box-shadow:0 0 0 2px var(--hpm-ds-violet)}
/* Dans la fenêtre Tâche */
.hpm-t2 .dr>.hpm-rt{border-top:1px solid #b7e4d0}
/* Dans l'onglet Documents du projet : ce qui est retenu, sous le titre (cartes et liste) */
.hpm-d2-c .bd .rt,.hpm-d2 td .nom small.rt{display:block;font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));line-height:1.35;color:#0a6b4e;overflow-wrap:anywhere}
.hpm-d2-c .bd .rt{padding:4px 7px;background:#ecfdf5;border-left:3px solid #0c8560;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hpm-d2-c .bd .rt i,.hpm-d2 td .nom small.rt i{font-style:normal;font-weight:700}
.hpm-d2-c .bd .rt em,.hpm-d2 td .nom small.rt em{font-style:normal;font-weight:700;white-space:nowrap}

/* 2.0.0-alpha.106 — la Discussion, lot 4 (maquette 138) : la messagerie privée d'Horizon Projets, dans le fil Membres. */
.hpm-d2f-mb.nl{background:var(--hpm-ds-violet-pale)}
.hpm-d2f-mb .c>.mp{font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));color:var(--hpm-ds-doux)}
.hpm-d2f-mb .c>.mp.nl{color:var(--hpm-ds-violet);font-weight:700}
.hpm-d2f-mb .a .hpm-ds-btn{white-space:nowrap}
.hpm-d2f-mb .a .hpm-ds-btn.arob{min-width:34px;padding-left:0;padding-right:0;text-align:center;justify-content:center;font-weight:700}
.hpm-d2f-secret{flex:none;margin:0;padding:6px 12px;background:#eef4ff;border-bottom:1px solid var(--hpm-ds-trait);font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));line-height:1.4;color:var(--hpm-ds-texte)}
.hpm-d2f-clos{flex:none;margin:0;padding:10px 16px;border-top:1px solid var(--hpm-ds-trait);background:#faf7fe;font-size:calc(13.5px * var(--hpm-fs,1));line-height:1.4;color:var(--hpm-ds-doux)}
.hpm-d2f-clos[hidden]{display:none}
.hpm-d2f-ecrire.sans-pj{grid-template-columns:1fr}
.hpm-d2f-ecrire.sans-pj>.hpm-ds-btn{justify-self:end}
/* alpha.108 : le filet violet (peu visible) est remplacé par une pastille jaune, celle des onglets de la Discussion. */
.hpm-q2-ic.nl{position:relative}
.hpm-q2-ic .nb{position:absolute;top:-9px;right:-9px;box-sizing:border-box;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#ffd84d;color:#5b4300;font-size:max(calc(11.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));line-height:19px;font-weight:700;text-align:center;pointer-events:none}
.hpm-d2f-mb .c>.mp .regl{all:unset;cursor:pointer;color:var(--hpm-ds-bleu);font-weight:700}
.hpm-d2f-mb .c>.mp .regl:hover{text-decoration:underline}.hpm-d2f-mb .c>.mp .regl:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:2px}

/* 2.0.0-alpha.107 (Kad, 6/10, écran 149) : « je trouve l'icône plus parlante que le bouton avec le mot Écrire, par contre
   je mettrais un léger arrondi aux deux boutons icônes du bandeau pour casser un peu avec le côté carré partout ».
   Exception admise à la règle des angles droits, pour les boutons du bandeau des cartes de l'onglet Équipe. */
.hpm-q2-c .pied .hpm-q2-ic{border-radius:7px}   /* 7 px : le rayon qu'ont déjà les boutons et filtres du bandeau de ce même onglet */

/* ── 2.0.0-alpha.109 (Kad, 6/10, maquettes 154 à 157 : « OK ») ───────────────────────────────────────── */
/* 155 — « Tout ouvrir / Tout replier », à droite au-dessus des quatre panneaux */
.hpm-ep2-tout{display:flex;justify-content:flex-end;margin:16px 0 -14px}
.hpm-ep2-tout button{all:unset;box-sizing:border-box;cursor:pointer;padding:6px 2px;color:var(--hpm-ds-bleu);font-size:calc(14px * var(--hpm-fs,1));font-weight:700}
.hpm-ep2-tout button::after{content:"";display:inline-block;width:7px;height:7px;margin:0 2px 3px 8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
.hpm-ep2-tout button.est-ouvert::after{margin-bottom:-2px;transform:rotate(-135deg)}
.hpm-ep2-tout button:hover{text-decoration:underline}
.hpm-ep2-tout button:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:2px}
/* 156 — fil « Tâches » de la Discussion : ce qui est retenu, comme sous un document */
.hpm-d2f-l .c .rt{display:block;margin-top:6px;box-sizing:border-box;padding:4px 8px;font-size:calc(13px * var(--hpm-fs,1));line-height:1.4;font-weight:400;color:#0a6b4e;background:#ecfdf5;border-left:3px solid #0c8560;overflow-wrap:anywhere;white-space:normal}
.hpm-d2f-l .c .rt.at{color:#8a5200;background:#fff7e6;border-left-color:#b26a00}
.hpm-d2f-l .c .rt strong{font-weight:700}
/* 157 — onglet Équipe, vue en liste : le même arrondi que sur les cartes (alpha.107) */
.hpm-q2-table .hpm-q2-ic{border-radius:7px}
/* C12 — fil Membres de la Discussion : chercher un membre (équipe de plus de 15 personnes) */
.hpm-d2f-mq{padding:10px 16px;border-bottom:1px solid #f0f1f5;background:#fff}
.hpm-d2f-mq input{width:100%;box-sizing:border-box;height:36px;margin:0;padding:0 10px;border:1px solid var(--hpm-ds-trait);border-radius:0;background:#fff;color:var(--hpm-ds-texte);font:inherit;font-size:calc(14px * var(--hpm-fs,1))}
.hpm-d2f-mq input:focus{outline:2px solid var(--hpm-ds-bleu);outline-offset:-1px}
.hpm-d2f-mb[hidden],.hpm-d2f-vide[hidden]{display:none}

/* ── 2.0.0-alpha.114 (Kad, 7/10) ─────────────────────────────────────────────────────────────────────── */
/* Onglet Équipe : « taille de l'image icône pas la même que celle du Chat ». Les trois boutons de contact (message privé,
   e-mail, téléphone) ont la même boîte, et leurs pictogrammes sont dessinés — plus des caractères que chaque ordinateur
   rend à sa façon. « Ma carte » (du texte) garde sa largeur. */
.hpm-q2-ic:not(.carte){display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:32px;height:26px;padding:0;line-height:1;vertical-align:middle}   /* 26 px : la hauteur de « Ma carte », pour que le pied de toutes les cartes garde la même hauteur (alpha.108) */
.hpm-q2-ic .pi{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.hpm-q2-c .pied .contact{gap:5px}   /* trois boutons : 106 px, pas plus large qu'avant (109) */
/* « Nouvelle tâche » : « mettre taille police plus petite pour le nom de la tâche » (21 px → 17 px). */
.hpm-t2 .t2-titre{font-size:calc(17px * var(--hpm-fs,1));padding:8px 10px}

/* ── 2.0.0-alpha.116 — maquette 173 (Kad, 7/10 : « super ») : la Vue d'ensemble en dit plus ─────────────── */
/* (alpha.117 : panneaux étroits — le titre du bandeau n'est plus coupé par le « + », les lignes ne font plus défiler.) */
/* Le « + » d'un bandeau (ajouter un membre, un document, une tâche). Léger arrondi, comme sur la maquette validée. */
.hpm-ep2-pan__plus{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:28px;margin-right:10px;border:1px solid rgba(255,255,255,.75);border-radius:7px;background:rgba(255,255,255,.16)}
.hpm-ep2-pan__plus svg{display:block;width:15px;height:15px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;pointer-events:none}
.hpm-ep2-pan__plus:hover{background:rgba(255,255,255,.3)}
.hpm-ep2-pan__plus:focus-visible{outline:2px solid #fff;outline-offset:2px}
/* « À surveiller » : dates, priorité, répétition sur la ligne du responsable ; la progression dessous. */
.hpm-ep2-surv .ligne{align-items:flex-start}
.hpm-ep2-surv .rond{margin-top:1px}
.hpm-ep2-surv .date,.hpm-ep2-surv .hpm-ds-pastille{margin-top:1px}
.hpm-ep2-pan .hpm-ep2-surv .txt>small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hpm-ep2-surv .rep{color:#0a6b4e;font-weight:700}
.hpm-ep2-surv .prio.haut{color:var(--hpm-ds-texte);font-weight:700}   /* 2.0.0-alpha.125 : tout niveau au-dessus de « Normale » */
.hpm-ep2-surv .prog{display:flex;align-items:center;gap:10px;margin-top:5px;min-width:0}
.hpm-ep2-surv .prog .barre{flex:0 0 150px;height:6px;background:#eceef3;display:block}
.hpm-ep2-surv .prog .barre i{display:block;height:6px;background:var(--hpm-ds-bleu)}
.hpm-ep2-surv .prog small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* « Dernières activités » : ce qui a changé, et le lien vers la tâche. */
.hpm-ep2-act .det{display:block;font-size:calc(13.5px * var(--hpm-fs,1));color:var(--hpm-ds-texte);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hpm-ep2-act .ouvrir{flex:none;align-self:center;margin-left:8px;color:var(--hpm-ds-bleu);font-weight:700;font-size:calc(13.5px * var(--hpm-fs,1));text-decoration:none;white-space:nowrap}
.hpm-ep2-act .ouvrir:hover{text-decoration:underline}
.hpm-ep2-act .ouvrir:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:2px}
/* Trois lignes de hauteur fixe : le titre d'une tâche et la phrase d'une activité tiennent sur une ligne (le texte entier
   reste dans l'info-bulle) — sinon un titre long ferait défiler le panneau. */
.hpm-ep2-pan .hpm-ep2-surv b,.hpm-ep2-pan .hpm-ep2-act .txt>span:first-child,.hpm-ep2-pan .hpm-ep2-act .txt>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Panneau étroit (écran de 1 366 px, Discussion ouverte) : le « + » ne doit pas couper le titre du bandeau. */
@container (max-width:480px){.hpm-ep2-pan.est-ouvert .hpm-ep2-pan__t .nb{display:none}.hpm-ep2-pan__plus{width:28px;height:26px;margin-right:2px}.hpm-ep2-pan__vues button{width:28px}.hpm-ep2-pan__vues{margin-right:0}}
@container (max-width:420px){.hpm-ep2-surv .prog .barre{flex-basis:70px}.hpm-ep2-pan__t{gap:6px;padding-left:10px}.hpm-ep2-pan__chev{margin-right:10px;margin-left:4px}}
@container (max-width:330px){.hpm-ep2-pan__plus{width:24px;height:24px;margin-right:0}.hpm-ep2-pan__plus svg{width:13px;height:13px}.hpm-ep2-pan__vues button{width:24px}.hpm-ep2-pan__t{gap:4px;padding-left:8px}.hpm-ep2-pan__chev{margin-left:0;margin-right:8px}}

/* ── 2.0.0-alpha.118 — maquette 171 : les coordonnées sur les cartes de l'Équipe ─────────────────────────── */
/* Sur sa propre carte : ce que l'équipe peut utiliser pour vous joindre. */
.hpm-q2-c .partage{margin:-4px 0 12px;font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));line-height:1.6;color:var(--hpm-ds-doux);text-align:center}
.hpm-q2-c .partage .ch{all:unset;box-sizing:border-box;display:inline-block;margin:0 5px;color:var(--hpm-ds-bleu);font-weight:700;white-space:nowrap}
.hpm-q2-c .partage button.ch{cursor:pointer}
.hpm-q2-c .partage button.ch:hover{text-decoration:underline}
.hpm-q2-c .partage button.ch:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:2px}
.hpm-q2-c .partage .pi{display:inline-block;width:14px;height:14px;margin-right:3px;vertical-align:-2px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
/* Le petit cadre ouvert par l'enveloppe ou le téléphone : la coordonnée en clair, « Copier », « Écrire » / « Appeler ». */
.hpm-q2-coord{position:absolute;z-index:100003;box-sizing:border-box;width:250px;max-width:calc(100vw - 16px);padding:12px 14px;background:#fff;border:1px solid var(--hpm-ds-trait,#d9dbe3);box-shadow:0 8px 24px rgba(20,20,60,.18);font-family:Arial,Helvetica,sans-serif;color:var(--hpm-ds-texte,#1d2430);text-align:left}
.hpm-q2-coord p{margin:0;padding:0}
.hpm-q2-coord .t{font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));line-height:1.4;color:var(--hpm-ds-doux,#5b6072)}
.hpm-q2-coord .v{margin:2px 0 10px;font-size:calc(18px * var(--hpm-fs,1));line-height:1.35;font-weight:700;letter-spacing:.3px;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}
.hpm-q2-coord .v.mail{font-size:calc(15.5px * var(--hpm-fs,1));letter-spacing:0}
.hpm-q2-coord .n{margin:0 0 10px;padding:4px 8px;font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));line-height:1.4;color:#8a5200;background:#fff7e6;border-left:3px solid #b26a00}
.hpm-q2-coord .a{display:flex;gap:8px;justify-content:flex-end}
.hpm-q2-coord .a a.hpm-ds-btn--principal:is(:link,:visited,:hover){color:#fff;text-decoration:none}
/* « Ma carte » : les mêmes pictogrammes dessinés que sur les cartes. */
.hpm-q2-mc .sw b .pi{display:inline-block;width:16px;height:16px;margin-right:4px;vertical-align:-3px;fill:none;stroke:var(--hpm-ds-bleu);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}


/* ══ 2.0.0-alpha.121 — étiquettes du projet et priorité visibles (maquettes 178 et 179, Kad, 7/10) ══
   Une étiquette : un carré de sa teinte, un liseré, un fond à peine teinté. Sept teintes, sans rouge ni orange (réservés à la priorité et au retard). */
.hpm-etq{display:inline-flex;align-items:center;gap:5px;box-sizing:border-box;border:1px solid var(--t,#5b6072);background:#fff;background:color-mix(in srgb,var(--t,#5b6072) 9%,#fff);color:#1d2430;font-family:Arial,Helvetica,sans-serif;font-size:max(calc(12px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));font-weight:700;line-height:1.55;padding:0 7px;white-space:nowrap;vertical-align:middle;max-width:100%;border-radius:0;margin:0;text-decoration:none}
.hpm-etq::before{content:"";width:8px;height:8px;background:var(--t,#5b6072);flex:none}
button.hpm-etq{cursor:pointer;appearance:none;-webkit-appearance:none}
button.hpm-etq:hover{background:color-mix(in srgb,var(--t,#5b6072) 18%,#fff)}
button.hpm-etq:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:2px}
.hpm-etq .x{all:unset;cursor:pointer;color:#5b6072;font-weight:400;font-size:calc(14px * var(--hpm-fs,1));line-height:1;margin-left:2px;padding:0 2px}
.hpm-etq .x:hover{color:#1d2430}.hpm-etq .x:focus-visible{outline:2px solid var(--hpm-ds-violet)}
.hpm-etq-carres{display:inline-flex;gap:3px;flex:none;margin-left:8px;vertical-align:middle}.hpm-etq-carres i{display:block;width:9px;height:9px}
/* La priorité, écrite : les couleurs d'aujourd'hui (rouge, orange, gris). « Normale » ne porte pas de marque. */
.hpm-prio{display:inline-flex;align-items:center;gap:4px;box-sizing:border-box;border:1px solid var(--t);background:#fff;color:var(--t);font-size:max(calc(12px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));font-weight:700;line-height:1.55;padding:0 7px;white-space:nowrap;vertical-align:middle}
.hpm-prio--critical{--t:var(--hpm-ds-rouge-t,#d93025)}.hpm-prio--high{--t:var(--hpm-ds-orange-t,#b85600)}.hpm-prio--low{--t:var(--hpm-ds-doux,#5b6072)}
.hpm-prio.court{border:0;padding:0;background:none;font-size:max(calc(12px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));flex:none;margin-right:6px}
.hpm-k3-carte .puces{align-items:center}
.hpm-k3-carte .puces.etq{margin-top:6px;gap:5px}
.hpm-l2-tab .etqs{display:inline-flex;flex-wrap:wrap;gap:5px;margin-left:10px;vertical-align:middle}
.hpm-t2 .etiq{gap:6px}
.hpm-t2 .etiq .ajout select{font-size:calc(13.5px * var(--hpm-fs,1))}
/* La fenêtre « Étiquettes du projet » */
.hpm-etq-f{font-size:calc(15px * var(--hpm-fs,1))}
.hpm-etq-f>p{margin:0 0 6px}
.hpm-etq-f .l{list-style:none;margin:0;padding:0}
.hpm-etq-f .l li{display:grid;grid-template-columns:minmax(0,1fr) auto 86px auto;gap:14px;align-items:center;padding:9px 0;border-bottom:1px solid #f0f1f5}
.hpm-etq-f .l .n{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
.hpm-etq-f .l .n small{color:var(--hpm-ds-pale);font-size:max(calc(12px * var(--hpm-fs,1)),var(--hpm-fs-min,0px))}
.hpm-etq-f .l .nb{color:var(--hpm-ds-doux);font-size:calc(13px * var(--hpm-fs,1));white-space:nowrap;text-align:right}
.hpm-etq-f .l .act{white-space:nowrap;color:var(--hpm-ds-doux)}
.hpm-etq-f .lien{all:unset;cursor:pointer;color:var(--hpm-ds-bleu);font-weight:700;font-size:calc(13.5px * var(--hpm-fs,1))}
.hpm-etq-f .lien:hover{text-decoration:underline}.hpm-etq-f .lien:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:2px}
.hpm-etq-f .pal{display:inline-flex;gap:5px;align-items:center}
.hpm-etq-f .pal button{all:unset;box-sizing:border-box;width:18px;height:18px;background:var(--t);cursor:pointer}
.hpm-etq-f .pal button[aria-pressed="true"]{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--t)}
.hpm-etq-f .pal button:focus-visible{outline:2px solid #1d2430;outline-offset:3px}
.hpm-etq-f .ren{grid-column:1/-1;display:flex;gap:8px;align-items:center}.hpm-etq-f .ren input{flex:1;min-width:0}
.hpm-etq-f .vide{color:var(--hpm-ds-doux);padding:12px 0;margin:0}
.hpm-etq-f .ajout{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:end;margin-top:16px;padding:12px;background:#f5f9ff;border:1px solid var(--hpm-ds-trait)}
.hpm-etq-f .ajout label span{display:block;font-size:max(calc(12px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));font-weight:700;color:var(--hpm-ds-bleu);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}
.hpm-etq-f .ajout input{width:100%;box-sizing:border-box}
.hpm-etq-f .ajout .pal{padding-bottom:10px}
@media (max-width:640px){.hpm-etq-f .l li{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}.hpm-etq-f .l .nb{text-align:left}.hpm-etq-f .ajout{grid-template-columns:1fr}.hpm-etq-f .ajout .pal{padding-bottom:0}}
.hpm-g2-cadre .hpm-prio.court{margin:0}.hpm-g2-cadre .hpm-etq-carres{margin-left:0}

/* ══ 2.0.0-alpha.122 — critères de réussite d'une tâche (maquette 181) ══ */
.hpm-t2 .sous.crit .carre{all:unset;box-sizing:border-box;width:18px;height:18px;border:2px solid #b8bccb;cursor:pointer;flex:none;background:#fff center/100% 100% no-repeat}
.hpm-t2 .sous.crit .carre:hover:not([disabled]){border-color:var(--hpm-ds-vert)}
.hpm-t2 .sous.crit .carre.ok{background-color:var(--hpm-ds-vert);border-color:var(--hpm-ds-vert);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3.2 3L13 4.5' fill='none' stroke='%23fff' stroke-width='2.4'/%3E%3C/svg%3E")}
.hpm-t2 .sous.crit .carre[disabled]{cursor:not-allowed;opacity:.6}
.hpm-t2 .sous.crit .carre:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:2px}
.hpm-t2 .sous.crit li .t{text-decoration:none;color:var(--hpm-ds-texte);font-weight:500}
.hpm-t2 .sous.crit li .tx{flex:1;min-width:0}
.hpm-t2 .sous.crit li small{white-space:nowrap;color:var(--hpm-ds-pale)}
.hpm-t2 .sous.crit li.atteint small{color:var(--hpm-ds-vert-t);font-weight:700}
.hpm-t2 .sous.crit .moins{all:unset;cursor:pointer;color:var(--hpm-ds-pale);font-size:calc(17px * var(--hpm-fs,1));line-height:1;padding:0 4px}
.hpm-t2 .sous.crit .moins:hover{color:var(--hpm-ds-rouge-t)}.hpm-t2 .sous.crit .moins:focus-visible{outline:2px solid var(--hpm-ds-violet)}
.hpm-t2 .sous.crit .nouvelle input{width:100%;box-sizing:border-box}
.hpm-t2 .note-crit{margin:8px 0 0;font-size:calc(13px * var(--hpm-fs,1));color:var(--hpm-ds-doux)}
.hpm-crit-conf{font-size:calc(15.5px * var(--hpm-fs,1))}.hpm-crit-conf p{margin:0}
.hpm-crit-conf ul{list-style:none;margin:10px 0 14px;padding:0}
.hpm-crit-conf li{position:relative;padding:6px 0 6px 28px;border-bottom:1px solid #f0f1f5}.hpm-crit-conf li:last-child{border-bottom:0}
.hpm-crit-conf li::before{content:"";position:absolute;left:0;top:9px;width:16px;height:16px;box-sizing:border-box;border:2px solid #b8bccb}
.hpm-crit-conf .hpm-ds-doux{font-size:calc(14px * var(--hpm-fs,1))}
/* Le repère sur les cartes et dans la Liste : une cible, puis « 1/3 ». */
.hpm-crit{white-space:nowrap}
.hpm-crit::before{content:"";display:inline-block;width:11px;height:11px;box-sizing:border-box;border:2px solid currentColor;border-radius:50%;margin-right:4px;position:relative;top:1px;background:radial-gradient(circle,currentColor 0 2px,transparent 2.5px)}
.hpm-crit.manque{color:var(--hpm-ds-orange-t);font-weight:700}

/* 2.0.0-alpha.123 */
.hpm-g2-note{position:relative}
.hpm-g2-note .hpm-ds-info{margin-left:8px;vertical-align:middle}
.hpm-l2-filtre[hidden],.hpm-l2-lot[hidden]{display:none!important}   /* « Étiquette » dans un projet qui n'a pas d'étiquette */

/* ══ 2.0.0-alpha.124 — jalons (écrans 182 et 187, Kad, 7 et 8/10) ══ */
.hpm-ep2-section__d{display:inline-flex;align-items:center;gap:14px;flex:none}
.hpm-ep2-vide-court .act{margin:12px 0 0}
/* La frise : atteint en vert, pas encore atteint grisé, en retard en rouge ; devant le nom, le losange de la couleur du jalon. */
.hpm-ep2-jalons li.attente .losange{border-color:#b8bccb;background:#fff}
.hpm-ep2-jalons li.attente b{color:var(--hpm-ds-doux)}
.hpm-ep2-jalons li.attente small{color:var(--hpm-ds-pale)}
.hpm-ep2-jalons li.fait small{color:var(--hpm-ds-vert-t);font-weight:700}
.hpm-ep2-jalons li.retard .losange{background:#fff}
.hpm-ep2-jalons a.j{display:block;color:inherit;text-decoration:none}
.hpm-ep2-jalons a.j:hover b{text-decoration:underline}
.hpm-ep2-jalons a.j:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:3px}
.hpm-ep2-jalons .lo,.hpm-jal-lo{display:inline-block;width:10px;height:10px;background:var(--hpm-ds-violet);transform:rotate(45deg);margin:0 10px 0 3px;position:relative;top:-1px;flex:none}
/* La palette : sept losanges, puis « Autre couleur… » (le sélecteur du navigateur). */
.hpm-jal-pal{display:inline-flex;align-items:center;gap:9px;flex-wrap:wrap;min-height:40px}
.hpm-jal-pal button{all:unset;box-sizing:border-box;width:17px;height:17px;background:var(--t);transform:rotate(45deg);cursor:pointer;margin:3px}
.hpm-jal-pal button[aria-pressed="true"]{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--t)}
.hpm-jal-pal button:focus-visible{outline:2px solid #1d2430;outline-offset:4px}
.hpm-jal-pal .autre{position:relative;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin-left:4px;border:1px dashed #8a8fa3;background:var(--t,#fff);cursor:pointer;overflow:hidden}
.hpm-jal-pal .autre::after{content:"+";font-weight:700;font-size:calc(15px * var(--hpm-fs,1));line-height:1;color:#5b6072}
.hpm-jal-pal .autre.on{border:2px solid #1d2430}.hpm-jal-pal .autre.on::after{content:""}
.hpm-jal-pal .autre input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;padding:0;border:0}
.hpm-jal-pal .autre:focus-within{outline:2px solid var(--hpm-ds-violet);outline-offset:2px}
/* La fenêtre « Nouveau jalon » */
.hpm-jal-f{display:grid;gap:16px;font-size:calc(15.5px * var(--hpm-fs,1))}
.hpm-jal-f .deux{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.hpm-jal-f .c{display:block;min-width:0}
.hpm-jal-f .c>span:first-child{display:block;font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));font-weight:700;color:var(--hpm-ds-bleu);text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px}
.hpm-jal-f .c>span small{font-weight:400;text-transform:none;letter-spacing:0;color:var(--hpm-ds-doux);font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px))}
.hpm-jal-f .c input,.hpm-jal-f .c select{width:100%;box-sizing:border-box}
.hpm-jal-f p{margin:0;font-size:calc(14px * var(--hpm-fs,1));line-height:1.5}
@media (max-width:560px){.hpm-jal-f .deux{grid-template-columns:1fr}}
/* « Nouvelle tâche » et la fiche d'un jalon */
.hpm-t2 .jal{gap:10px}
.hpm-t2 .jal .case{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:calc(14.5px * var(--hpm-fs,1))}
.hpm-t2 .jal .case input{width:17px;height:17px;accent-color:var(--hpm-ds-violet);margin:0}
.hpm-t2 .jal .lo{color:var(--hpm-ds-violet)}
.hpm-t2 .jal .coul{flex-basis:100%}
.hpm-t2 .jalc{gap:8px}
/* Gantt et Calendrier : la couleur du jalon (terminé reste vert, en retard reste rouge) */
.hpm-g2-cadre .piste .j:not(.faite):not(.retard) i{border-color:var(--jc,var(--hpm-ds-violet));box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 9px var(--jc,var(--hpm-ds-violet))}
.hpm-c2-jl:not(.faite){color:var(--jc,var(--hpm-ds-violet))}

/* 2.0.0-alpha.144 — la carte du guide méthodologique (vue d'ensemble) */
.hpm-ep2-cguide{display:flex;gap:16px;align-items:center;border:1px solid var(--hpm-ds-trait);border-left:4px solid var(--hpm-ds-bleu);background:#fff;padding:12px 16px;margin:14px 0}
.hpm-ep2-cguide img{width:62px;height:auto;border:1px solid var(--hpm-ds-trait);flex:none}
.hpm-ep2-cguide .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.hpm-ep2-cguide .k{font-size:max(calc(12px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));color:var(--hpm-ds-doux);text-transform:uppercase;letter-spacing:.3px}
.hpm-ep2-cguide b{font-size:calc(16px * var(--hpm-fs,1));color:var(--hpm-ds-violet)}
.hpm-ep2-cguide .p{font-size:calc(13.5px * var(--hpm-fs,1));color:var(--hpm-ds-texte)}
.hpm-ep.hpm-ep2 .hpm-ep2-cguide-b{border:1px solid var(--hpm-ds-violet);color:var(--hpm-ds-violet);font-weight:700;padding:8px 14px;text-decoration:none;white-space:nowrap}
.hpm-ep.hpm-ep2 .hpm-ep2-cguide-b:hover{background:var(--hpm-ds-violet);color:#fff}
@media (max-width:640px){.hpm-ep2-cguide{flex-wrap:wrap}}

/* ── 2.0.0-alpha.174 (Kad, 11/10, écran 263) : les bandeaux de tous les onglets harmonisés — les sous-vues montent dans le
   bandeau ; pastilles et boutons secondaires semi-transparents ; le choix actif et l'action principale en blanc. ── */
.hpm-ep2-sous.est-arrime{display:none}
.hpm-ds.hpm-ep2 .hpm-l2-outils:not(.est-clair) :is(.hpm-l2-vues,.hpm-c2-seg,.hpm-q2-seg){display:inline-flex;flex-wrap:nowrap;align-items:center;gap:2px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.5);border-radius:6px;padding:3px;box-shadow:none}
.hpm-ds.hpm-ep2 .hpm-l2-outils:not(.est-clair) :is(.hpm-l2-vues,.hpm-c2-seg,.hpm-q2-seg)>button{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border-radius:5px;color:#fff;font-weight:700;font-size:calc(13px * var(--hpm-fs,1));line-height:30px;white-space:nowrap;margin:0;border:0;background:transparent;box-shadow:none}
.hpm-ds.hpm-ep2 .hpm-l2-outils:not(.est-clair) :is(.hpm-l2-vues,.hpm-c2-seg,.hpm-q2-seg)>button:hover{background:rgba(255,255,255,.2)}
.hpm-ds.hpm-ep2 .hpm-l2-outils:not(.est-clair) :is(.hpm-l2-vues,.hpm-c2-seg,.hpm-q2-seg)>button[aria-pressed="true"]{background:#fff;color:var(--hpm-ds-violet);box-shadow:none}
.hpm-ds.hpm-ep2 .hpm-l2-outils:not(.est-clair) :is(.hpm-l2-vues,.hpm-c2-seg,.hpm-q2-seg)>button[aria-pressed="true"] .hpm-ds-ico{color:var(--hpm-ds-violet)}
.hpm-ds.hpm-ep2 .hpm-l2-outils:not(.est-clair) :is(.hpm-l2-vues,.hpm-c2-seg,.hpm-q2-seg)>button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.hpm-ds.hpm-ep2 .hpm-l2-outils:not(.est-clair) .hpm-q2-seg>button{padding:0 9px}
.hpm-ds.hpm-ep2 .hpm-l2-outils:not(.est-clair) .hpm-l2-vues{margin-right:6px}
.hpm-ds.hpm-ep2 .hpm-l2-outils:not(.est-clair) .hpm-l2-act{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.5);border-radius:6px;padding:0 11px;min-height:32px;display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.hpm-ds.hpm-ep2 .hpm-l2-outils:not(.est-clair) .hpm-l2-act:hover{background:rgba(255,255,255,.28)}
.hpm-ds.hpm-ep2 .hpm-l2-outils:not(.est-clair) .hpm-l2-sep{display:none}
.hpm-ds.hpm-ep2 .hpm-l2-outils .hpm-rs-titre{margin:0 0 0 4px;font-size:calc(16px * var(--hpm-fs,1));color:#fff !important;font-weight:700;background:none;-webkit-text-fill-color:#fff}
.hpm-ds.hpm-ep2 .hpm-rs .hpm-l2-outils.hpm-rs-bandeau{margin-bottom:16px}
.hpm-ds.hpm-ep2 .hpm-rs .hpm-l2-outils.hpm-rs-bandeau .hpm-ds-btn{background:#fff;color:var(--hpm-ds-violet);border:0}
.hpm-ds.hpm-ep2 .hpm-l2-outils.est-etroit .hpm-l2-vues .lb:not(.seul){display:none}
.hpm-ds.hpm-ep2 .hpm-l2-outils.est-etroit .hpm-l2-vues>button{padding:0 9px}
/* alpha.176 (Kad, 11/10) : les en-têtes des listes Équipe, Documents et « Le temps donné au projet » en bleu clair, libellés en bleu accent. */
/* alpha.177 : un bleu encore plus léger ; aussi les tableaux du Budget. */
.hpm-q2-table th,.hpm-t3-b .tb .r.hd,.hpm-b2-table th{background:#F3F8FF !important;color:var(--hpm-ds-bleu) !important}
.hpm-q2-table th button,.hpm-q2-table th a{color:inherit}
/* alpha.177 (Kad, 11/10 : « quand on change d'onglet… un fond gris clair dans l'attente : quelque chose de sympa ») — l'attente
   dessine la page qui arrive : le bandeau en dégradé pâle, les quatre tuiles dans leurs couleurs, des lignes ; un reflet
   passe dessus et trois points aux couleurs de la charte battent au centre. */
.hpm-ep2 #hpm-ep-contenu .hpm-ds-squelette[style*="height"],.hpm-ep2 .hpm-rp-attente{height:330px !important;margin:20px 0;color:transparent;font-size:0;padding:0;position:relative;overflow:hidden;display:block;background-color:transparent;
  background-image:linear-gradient(90deg,color-mix(in srgb,var(--hpm-ds-bleu) 22%,#fff),color-mix(in srgb,var(--hpm-ds-violet) 22%,#fff)),
    linear-gradient(color-mix(in srgb,var(--hpm-ds-violet) 14%,#fff),color-mix(in srgb,var(--hpm-ds-violet) 14%,#fff)),
    linear-gradient(color-mix(in srgb,var(--hpm-ds-bleu) 14%,#fff),color-mix(in srgb,var(--hpm-ds-bleu) 14%,#fff)),
    linear-gradient(#f6e3d8,#f6e3d8),linear-gradient(#d9efe6,#d9efe6),
    linear-gradient(#eef1f6,#eef1f6),linear-gradient(#f3f5f9,#f3f5f9),linear-gradient(#eef1f6,#eef1f6),linear-gradient(#f3f5f9,#f3f5f9);
  background-size:100% 62px,23.8% 110px,23.8% 110px,23.8% 110px,23.8% 110px,100% 26px,100% 26px,100% 26px,100% 26px;
  background-position:0 0,0 80px,33.6% 80px,66.4% 80px,100% 80px,0 210px,0 240px,0 270px,0 300px;background-repeat:no-repeat}
.hpm-ep2 #hpm-ep-contenu .hpm-ds-squelette[style*="height"]::before,.hpm-ep2 .hpm-rp-attente::before{content:"";position:absolute;left:50%;top:21px;width:12px;height:12px;margin-left:-30px;border-radius:50%;background:#fff;
  box-shadow:24px 0 0 #fff,48px 0 0 #fff;animation:hpm-ep2-points 1.1s ease-in-out infinite;z-index:1}
@keyframes hpm-ep2-points{0%,100%{box-shadow:24px 0 0 rgba(255,255,255,.45),48px 0 0 rgba(255,255,255,.2);background:#fff}33%{box-shadow:24px 0 0 #fff,48px 0 0 rgba(255,255,255,.45);background:rgba(255,255,255,.2)}66%{box-shadow:24px 0 0 rgba(255,255,255,.2),48px 0 0 #fff;background:rgba(255,255,255,.45)}}
@media (max-width:700px){.hpm-ep2 #hpm-ep-contenu .hpm-ds-squelette[style*="height"]{background-size:100% 62px,48.5% 90px,48.5% 90px,0 0,0 0,100% 26px,100% 26px,100% 26px,100% 26px}}
@media (prefers-reduced-motion:reduce){.hpm-ep2 #hpm-ep-contenu .hpm-ds-squelette[style*="height"]::before{animation:none}}

/* alpha.178 (Kad, 11/10 : « généralise-le à chaque onglet ») — l'attente propre à chaque vue. */
.hpm-ep2 .hpm-rp-attente::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);transform:translateX(-100%);animation:hpm-ds-reflet 1.4s infinite}
/* Calendrier : le bandeau, la ligne des jours, une grille de cinq semaines */
.hpm-ep2 #hpm-ep-contenu .hpm-c2>.hpm-ds-squelette[style*="height"]{height:470px !important;
  background-image:linear-gradient(90deg,color-mix(in srgb,var(--hpm-ds-bleu) 22%,#fff),color-mix(in srgb,var(--hpm-ds-violet) 22%,#fff)),linear-gradient(#F3F8FF,#F3F8FF),
    repeating-linear-gradient(90deg,transparent 0 calc(14.2857% - 1px),#e3e8f2 calc(14.2857% - 1px) 14.2857%),repeating-linear-gradient(180deg,#fff 0 75px,#e3e8f2 75px 76px);
  background-size:100% 62px,100% 30px,100% 380px,100% 380px;background-position:0 0,0 80px,0 110px,0 110px}
/* Liste : des lignes de tâches (une pastille, un titre, des colonnes) */
.hpm-ep2 .hpm-attente-lignes{padding:6px 0}
.hpm-ep2 .hpm-attente-lignes .hpm-ds-squelette{height:42px;margin:0;border-bottom:1px solid #eef1f6;background:#fff linear-gradient(#e6ecf6,#e6ecf6) no-repeat;background-size:0 0;
  background-image:radial-gradient(circle at 18px 21px,#dbe3f0 7px,transparent 8px),linear-gradient(#e6ecf6,#e6ecf6),linear-gradient(#eef1f6,#eef1f6),linear-gradient(#eef1f6,#eef1f6);
  background-size:100% 100%,38% 10px,12% 10px,10% 10px;background-position:0 0,40px 16px,58% 16px,82% 16px;background-repeat:no-repeat}
.hpm-ep2 .hpm-attente-lignes .hpm-ds-squelette:first-child{background:#F3F8FF;height:38px}
/* Kanban : quatre colonnes avec leur tête de couleur et des cartes */
.hpm-ep2 .hpm-attente-colonnes{flex:1 1 100%;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:6px 0}
.hpm-ep2 .hpm-attente-colonnes .hpm-ds-squelette{height:330px;margin:0;background-color:#f6f8fb;background-repeat:no-repeat;
  background-image:linear-gradient(var(--k),var(--k)),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);
  background-size:100% 46px,calc(100% - 24px) 76px,calc(100% - 24px) 76px,calc(100% - 24px) 76px;background-position:0 0,12px 60px,12px 148px,12px 236px}
.hpm-ep2 .hpm-attente-colonnes .hpm-ds-squelette:nth-child(1){--k:#cfd3da}.hpm-ep2 .hpm-attente-colonnes .hpm-ds-squelette:nth-child(2){--k:color-mix(in srgb,var(--hpm-ds-bleu) 35%,#fff)}
.hpm-ep2 .hpm-attente-colonnes .hpm-ds-squelette:nth-child(3){--k:color-mix(in srgb,var(--hpm-ds-violet) 35%,#fff)}.hpm-ep2 .hpm-attente-colonnes .hpm-ds-squelette:nth-child(4){--k:#bfe3d3}
@media (max-width:700px){.hpm-ep2 .hpm-attente-colonnes{grid-template-columns:1fr 1fr}}
/* Gantt : des barres décalées, comme des tâches dans le temps */
.hpm-ep2 .hpm-attente-gantt{padding:8px 0}
.hpm-ep2 .hpm-attente-gantt .hpm-ds-squelette{height:40px;margin:0;border-bottom:1px solid #eef1f6;background:#fff no-repeat;
  background-image:linear-gradient(#eef1f6,#eef1f6),linear-gradient(90deg,color-mix(in srgb,var(--hpm-ds-bleu) 30%,#fff),color-mix(in srgb,var(--hpm-ds-violet) 30%,#fff));
  background-size:22% 10px,var(--l,30%) 18px;background-position:12px 15px,var(--x,30%) 11px}
.hpm-ep2 .hpm-attente-gantt .hpm-ds-squelette:nth-child(2){--x:34%;--l:22%}.hpm-ep2 .hpm-attente-gantt .hpm-ds-squelette:nth-child(3){--x:44%;--l:30%}
.hpm-ep2 .hpm-attente-gantt .hpm-ds-squelette:nth-child(4){--x:52%;--l:18%}.hpm-ep2 .hpm-attente-gantt .hpm-ds-squelette:nth-child(5){--x:60%;--l:26%}.hpm-ep2 .hpm-attente-gantt .hpm-ds-squelette:nth-child(6){--x:72%;--l:20%}
/* alpha.178 (Kad, 11/10) : l'en-tête de la Liste des tâches (sous chaque phase) en bleu léger, libellés en bleu accent. */
.hpm-l2-tab thead th{background:#F3F8FF !important;color:var(--hpm-ds-bleu) !important}
.hpm-l2-tab thead th[aria-sort="ascending"],.hpm-l2-tab thead th[aria-sort="descending"]{color:var(--hpm-ds-violet) !important}
.hpm-ds.hpm-ep2 .hpm-l2-outils>.hpm-l2-ico{display:inline-flex;align-items:center;color:#fff;margin:0 2px 0 0;flex:0 0 auto}
.hpm-ds.hpm-ep2 .hpm-l2-outils>.hpm-l2-ico svg,.hpm-ds.hpm-ep2 .hpm-l2-outils>.hpm-l2-ico .hpm-ds-ico{width:24px;height:24px;color:#fff;stroke:currentColor}

/* alpha.179 (Kad, 11/10) : sur grand écran, le bouton « Discussion » de la ligne d'onglets faisait doublon avec le panneau (» et rail replié) ; il reste sur mobile. */
@media (min-width:901px){.hpm-ds.hpm-ep2 .hpm-ep2-btn-discussion{display:none}}
/* alpha.180 (Kad, 11/10) : « + Tâche » et « ⋯ » dans la ligne d'onglets, avant le « ? », en plus petit. */
.hpm-ds.hpm-ep2 .hpm-ep2-actions{display:flex;align-items:center;gap:6px;align-self:center;margin-bottom:2px}
.hpm-ds.hpm-ep2 .hpm-ep2-actions .hpm-ds-btn{padding:5px 11px;font-size:calc(13.5px * var(--hpm-fs,1));min-height:0;line-height:1.3;gap:5px}
.hpm-ds.hpm-ep2 .hpm-ep2-actions .hpm-ds-btn svg{width:14px;height:14px}
.hpm-ds.hpm-ep2 .hpm-ep2-actions .hpm-ep2-menu>summary{padding:5px 10px}
@media (max-width:1400px){
  .hpm-ds.hpm-ep2 .hpm-ep2-actions .hpm-ds-btn .l{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .hpm-ds.hpm-ep2 .hpm-ep2-actions .hpm-ds-btn--principal{padding:5px 8px}
}
@media (min-width:901px) and (max-width:1400px){
  .hpm-ep.hpm-ep2 .hpm-ep2-onglets nav:has(> :nth-child(9)) .hpm-ep2-onglet{padding:11px 7px;gap:5px;font-size:calc(14.5px * var(--hpm-fs,1))}
}
@media (max-width:900px){.hpm-ds.hpm-ep2 .hpm-ep2-btn-discussion{margin-left:auto;padding:8px 10px;font-size:calc(14.5px * var(--hpm-fs,1))}}
/* alpha.181 (Kad, 11/10) : les intitulés « Territoire · Public · Partenaires » de la Vue d’ensemble en bleu. */
.hpm-ds.hpm-ep2 .hpm-ep2-faits dt{color:var(--hpm-ds-bleu);font-weight:700}
/* alpha.193 (Kad, 11/10, maquette 294) : la disponibilité sur la carte, centrée ; des cartes un peu plus larges */
.hpm-q2-grille{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.hpm-q2-dsp{display:flex;justify-content:center;margin:0 0 10px}
.hpm-q2-dsp .dsp{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:6px 12px;border-radius:999px;font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));line-height:1.3;text-align:center;white-space:normal;cursor:default}
.hpm-q2-dsp .dsp b{font-weight:700}
.hpm-q2-dsp .dsp.ok{background:#e8f6ef;color:#0a6b4e}.hpm-q2-dsp .dsp.peu{background:#fff4e8;color:#9a4a12}.hpm-q2-dsp .dsp.non{background:#f1f3f8;color:#5b6072}
.hpm-q2-dsp button.dsp{cursor:pointer}.hpm-q2-dsp button.dsp:hover{filter:brightness(.97)}
.hpm-q2-dsp .dsp.vide{background:#fff;border:1px dashed var(--hpm-ds-violet);color:var(--hpm-ds-violet);font-weight:700}
.hpm-q2-dsp .dsp:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:2px}
.hpm-q2-mc .hpm-dispo-f{margin:6px 0 4px}
.hpm-q2-mc .hpm-dispo-f .lig label{flex-direction:row;font-weight:400}.hpm-q2-mc .hpm-dispo-f .lig input[type=number]{width:64px}.hpm-q2-mc .hpm-dispo-f .lig input[type=date]{width:auto}
/* alpha.195 (Kad, 11/10 : « badges compétences : scroll horizontal si nombreux ») — une seule ligne qui défile */
.hpm-q2-c .tags{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px;-webkit-overflow-scrolling:touch}
.hpm-q2-c .tags>*{flex:none}
.hpm-q2-c .tags>:first-child{margin-left:auto}.hpm-q2-c .tags>:last-child{margin-right:auto}
/* 2.0.0-alpha.196 : facture électronique reconnue */
.hpm-b2-fx{margin:8px 0 0;padding:8px 10px;font-size:calc(13px * var(--hpm-fs,1));background:#f4f6fa;color:#3a4152;border-left:3px solid #0068E8}
.hpm-b2-fx.est-ok{background:#eef8f3;border-left-color:#0C8560;color:#0a4f3a}
/* 2.0.0-alpha.198 : le coût complet */
.hpm-b2-cc{padding:4px 16px 14px}
.hpm-b2-cc-barre{display:flex;height:14px;background:#eef0f5;margin:4px 0 12px;overflow:hidden}
.hpm-b2-cc-barre i{display:block;height:100%}
.hpm-b2-cc-t{width:100%;border-collapse:collapse;font-size:calc(14px * var(--hpm-fs,1))}
.hpm-b2-cc-t th{text-align:left;font-weight:600;padding:8px 8px 8px 0;border-bottom:1px solid #eef0f5;vertical-align:top}
.hpm-b2-cc-t th small{display:block;font-weight:400;font-size:max(calc(12px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));color:var(--hpm-ds-doux,#5b6072);margin:2px 0 0 18px}
.hpm-b2-cc-t td{text-align:right;white-space:nowrap;padding:8px 0;border-bottom:1px solid #eef0f5;font-variant-numeric:tabular-nums;vertical-align:top}
.hpm-b2-cc-t .pt{display:inline-block;width:10px;height:10px;margin-right:8px}
.hpm-b2-cc-t tr.tot th,.hpm-b2-cc-t tr.tot td{font-weight:700;color:var(--hpm-ds-violet,#8224E3);border-bottom:2px solid #e3e6ee}
.hpm-b2-cc-t tr.tot th small{margin-left:0}
.hpm-b2-cpt{font-size:max(calc(11px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));font-weight:700;padding:1px 6px;border-radius:999px;background:#e6f6f6;color:#006b6b;margin-left:4px}
.hpm-b2-cc-n{font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));margin:8px 0 0}
.hpm-b2-cc-l{margin:12px 0 0;font-size:calc(13px * var(--hpm-fs,1))}
.hpm-b2-cc-l>b{display:block;margin-bottom:4px;color:#3a4152}
.hpm-b2-cc-l p{display:flex;align-items:center;gap:10px;margin:0;padding:6px 0;border-top:1px solid #f0f1f5}
.hpm-b2-cc-l p span{flex:1}.hpm-b2-cc-l small{display:block;color:var(--hpm-ds-doux,#5b6072);font-size:max(calc(12px * var(--hpm-fs,1)),var(--hpm-fs-min,0px))}
.hpm-b2-conf{font-size:max(calc(11.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));font-weight:400;color:#7a4a00;background:#fff6e5;padding:1px 8px;border-radius:999px;margin-left:6px}
.hpm-b2-cc-act{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 0}
.hpm-b2-regl [hidden]{display:none}
.hpm-b2-regl-g input[type=search]{width:100%;box-sizing:border-box;margin:6px 0;font:inherit;font-weight:400;border:1px solid var(--hpm-ds-trait);padding:7px 10px;min-height:38px}
.hpm-b2-regl-g .l{max-height:240px;overflow:auto;border:1px solid #e3e6ee;padding:4px 8px}
.hpm-b2-regl-g .l label{display:flex;flex-direction:row;align-items:center;gap:8px;font-weight:400;padding:4px 0;border-bottom:1px solid #f4f5f8}
.hpm-b2-regl-g .l label span{flex:1}.hpm-b2-regl-g .l input{width:90px;text-align:right}
/* 2.0.0-alpha.207 : « Retirer la page publique » (projet archivé) */
.hpm-m2-pageret{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--hpm-ds-trait);padding:9px 12px;margin:0 0 16px;font-size:calc(14.5px * var(--hpm-fs,1));cursor:pointer}
.hpm-m2-pageret[hidden]{display:none}
.hpm-m2-pageret small{display:block;color:var(--hpm-ds-gris,#5b6072);font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));margin-top:2px}
.hpm-m2-pageret:has(input:checked){border-color:#b42318;background:#fdf0ef}

/* alpha.211 (Kad, 13/10) — Ressources : les moyens de l'organisme réservés pour le projet. */
.hpm-rs-moy{background:#fff;border:1px solid #e3e6ee;padding:12px 16px;margin:12px 0 16px}
.hpm-rs-moy .t{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.hpm-rs-moy h3{margin:0;font-size:calc(15px * var(--hpm-fs,1));font-weight:700;color:#1d2433}
.hpm-rs-moy .t a,.hpm-rs-moy--vide a{color:#0068E8;font-weight:600;font-size:calc(13px * var(--hpm-fs,1));text-decoration:none}
.hpm-rs-moy .t a:hover,.hpm-rs-moy--vide a:hover{text-decoration:underline}
.hpm-rs-moy ul{list-style:none!important;margin:8px 0 0!important;padding:0!important}
.hpm-rs-moy li{list-style:none!important;display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid #f0f1f5;font-size:calc(13.5px * var(--hpm-fs,1))}
.hpm-rs-moy li::marker{content:none}
.hpm-rs-moy li:first-child{border-top:0}
.hpm-rs-moy li .ico{font-size:calc(18px * var(--hpm-fs,1));width:26px;text-align:center}
.hpm-rs-moy li .q{flex:1;min-width:0}
.hpm-rs-moy li small{display:block;color:#5b6072;font-size:max(calc(12px * var(--hpm-fs,1)),var(--hpm-fs-min,0px))}
.hpm-rs-moy li .c{font-weight:700;white-space:nowrap}
.hpm-rs-moy .etat{font-size:max(calc(12px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));font-weight:700;white-space:nowrap}
.hpm-rs-moy .etat.ok{color:#0a6b4e}.hpm-rs-moy .etat.sv{color:#9a4a12}.hpm-rs-moy .etat.in{color:#5b6072;font-weight:400}
.hpm-rs-moy details{margin-top:6px}.hpm-rs-moy summary{cursor:pointer;color:#5b6072;font-size:calc(13px * var(--hpm-fs,1))}
.hpm-rs-moy .n{margin:8px 0 0;color:#5b6072;font-size:max(calc(12px * var(--hpm-fs,1)),var(--hpm-fs-min,0px))}
.hpm-rs-moy--vide{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#f6f8fc}
.hpm-rs-moy--vide p{margin:0;font-size:calc(13.5px * var(--hpm-fs,1));color:#3c4354}
.hpm-rs-moy li .c small{display:inline;font-weight:400;color:#0c8560}
.hpm-d2-vers .l .hpm-d2-vret{background:none;border:0;padding:0;font:inherit;font-weight:600;color:#C62828;cursor:pointer}.hpm-d2-vers .l .hpm-d2-vret:hover{text-decoration:underline}   /* alpha.213 */

/* ── 2.0.0-alpha.218 (Kad, 18/10, 17 h 42 : comme HDM 1.3.35) : le bandeau de la Discussion en dégradé signature, le titre
      blanc ; la zone d'écriture sur fond bleu pastel ── */
.hpm-ep2-discussion{border-top:1px solid var(--hpm-ds-trait)}
.hpm-ep2-discussion-tete{background:linear-gradient(90deg,#0068E8,#8224E3);border-bottom:0}
.hpm-ep2-discussion-tete .hpm-ds-t-bloc,.hpm-ep2-discussion-tete .x{color:#fff!important}
.hpm-ep2-discussion-tete .x:hover{opacity:.85}
.hpm-ep2-discussion-tete .x:focus-visible{outline:2px solid #fff}
.hpm-ep.hpm-ep2 .hpm-ep-ecrire{background:#EEF4FD;border-top:0}
.hpm-ep.hpm-ep2 .hpm-ep-ecrire textarea{background:#fff}
/* 2.0.0-alpha.218 : la barre de mise en forme dans la fenêtre (Paragraphe, Police, Taille, Couleur, Surligner) */
.hpm-m2-style{display:flex;flex-wrap:wrap;align-items:center;gap:6px;background:#f9fafb;border:1px solid #cfd3de;border-bottom:0;padding:6px 8px;position:relative}
.hpm-m2-style select{height:30px;border:1px solid #cfd3de;border-radius:0;background:#fff;font:calc(14px * var(--hpm-fs,1)) Arial,sans-serif;color:#1f2937;padding:0 6px;max-width:150px}
.hpm-m2-style .gr{position:relative}
.hpm-m2-style .ou{all:unset;cursor:pointer;height:30px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;background:#fff;border:1px solid #cfd3de;font:calc(14px * var(--hpm-fs,1)) Arial,sans-serif;color:#1f2937}
.hpm-m2-style .ou:focus-visible{outline:2px solid #0068E8;outline-offset:1px}
.hpm-m2-style .ou .a{font-weight:700;text-decoration:underline;text-decoration-thickness:3px}
.hpm-m2-style .ou .a.s{background:#FFF3B0;text-decoration:none;padding:0 3px}
.hpm-m2-style .ou i{display:inline-block;width:12px;height:12px;background:#1f2937}
.hpm-m2-style .pal{position:absolute;left:0;top:34px;z-index:20;display:flex;flex-wrap:wrap;gap:6px;width:220px;background:#fff;border:1px solid #cfd3de;box-shadow:0 6px 18px rgba(0,0,0,.14);padding:8px}
.hpm-m2-style .pal[hidden]{display:none}
.hpm-m2-style .pt{all:unset;cursor:pointer;width:22px;height:22px;border:1px solid rgba(0,0,0,.15)}
.hpm-m2-style .pt:focus-visible{outline:2px solid #0068E8;outline-offset:1px}
.hpm-m2-style .autre{display:inline-flex;align-items:center;gap:6px;font:calc(13px * var(--hpm-fs,1)) Arial,sans-serif;color:#1f2937}
.hpm-m2-style .autre input{width:34px;height:24px;padding:0;border:1px solid #cfd3de;background:#fff}
.hpm-m2-style .sans{all:unset;cursor:pointer;font:700 max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px)) Arial,sans-serif;color:#c92a2a;padding:4px 6px}
.hpm-m2-style [data-m2-bloc],.hpm-m2-style [data-m2-police]{width:120px}
.hpm-m2-style [data-m2-taille]{width:88px}

/* alpha.221 (Kad, 18/10, 22 h 33) : la Discussion n'a plus le liseré violet au-dessus de son bandeau en dégradé (il ne sert plus) */
.hpm-ep2-discussion,.hpm-ep2:not(.discussion-fermee) .hpm-ep2-corps:not(.sur-ensemble)>.hpm-ep2-discussion>.hpm-ep2-discussion-in{border-top-width:0}
.hpm-ep2:not(.discussion-fermee) .hpm-ep2-corps:not(.sur-ensemble)>.hpm-ep2-discussion>.hpm-ep2-discussion-in{margin-top:0}

/* alpha.222 (Kad, 19/10, 1 h 26 : « pas d'encadrement, fond transparent, et quand cliqué faire apparaître ce fond ») :
   dans les bandeaux des onglets, « Annuaire », « Demandes » et les autres actions secondaires, ainsi que le choix
   Grille / Liste, sans cadre ni fond ; le fond paraît au survol et au clic ; le choix actif reste en blanc. */
.hpm-ds.hpm-ep2 .hpm-l2-outils:not(.est-clair) :is(.hpm-c2-seg,.hpm-q2-seg){background:transparent;border:0;border-radius:6px}
.hpm-ds.hpm-ep2 .hpm-l2-outils:not(.est-clair) .hpm-l2-act{background:transparent;border:0;border-radius:6px}
.hpm-ds.hpm-ep2 .hpm-l2-outils:not(.est-clair) .hpm-l2-act:hover,.hpm-ds.hpm-ep2 .hpm-l2-outils:not(.est-clair) .hpm-l2-act:active,.hpm-ds.hpm-ep2 .hpm-l2-outils:not(.est-clair) .hpm-l2-act[aria-expanded="true"],.hpm-ds.hpm-ep2 .hpm-l2-outils:not(.est-clair) .hpm-l2-act[aria-pressed="true"]{background:rgba(255,255,255,.22)}
/* alpha.222 (Kad, 19/10) : Équipe, les chiffres des cartes sans encadrement, sur un pastel très léger de la couleur du rôle */
.hpm-q2-c .st{border:0;gap:4px}
.hpm-q2-c .st div{border-right:0;background:color-mix(in srgb,var(--rc,#0068E8) 6%,#fff);padding:7px 2px}
/* alpha.223 (Kad, 19/10, 8 h 32 : « la zone de discussion semble plus petite que sur HDM, plus contrainte, élargir un peu ») :
   la Discussion suit la largeur de l'écran (≈ 30 %, 420 px au moins, 560 px au plus) au lieu de 380 px fixes. */
@media (min-width:1101px){
  .hpm-ep2:not(.discussion-fermee) .hpm-ep2-corps{grid-template-columns:minmax(0,1fr) clamp(420px,30%,560px)}
}
/* alpha.223 — « Cadrer la photo » (comme HDM 1.3.36). Sans cadrage enregistré, la photo garde sa hauteur d'avant. */
.hpm-ep2-pres__photo.est-cadree:not(.est-entiere){min-height:var(--ep2-photo-h,260px)}
.hpm-ep2-pres.est-bandeau .hpm-ep2-pres__photo.est-cadree:not(.est-entiere){aspect-ratio:auto;height:var(--ep2-photo-h,330px);min-height:0}
.hpm-ep2-pres__photo.est-entiere{min-height:0;aspect-ratio:auto!important;height:auto}
.hpm-ep2-pres__photo.est-entiere img{position:static;height:auto;object-fit:contain}
.hpm-ep2-pres:not(.est-bandeau) .hpm-ep2-pres__photo.est-entiere{align-self:start}
.hpm-ep2-cadre-b{position:absolute;right:10px;top:10px;border:0;border-radius:6px;background:rgba(255,255,255,.94);color:var(--hpm-ds-bleu);font:700 calc(13px * var(--hpm-fs,1))/1.2 Arial,sans-serif;padding:7px 12px;cursor:pointer;opacity:0;transition:opacity .15s}
.hpm-ep2-pres__photo:hover .hpm-ep2-cadre-b,.hpm-ep2-cadre-b:focus-visible{opacity:1}
.hpm-ep2-cadre-b:focus-visible{outline:2px solid var(--hpm-ds-bleu);outline-offset:2px}
.hpm-ep2-cadre-b[hidden],.hpm-ep2-pres__changer[hidden]{display:none}
.hpm-ep2-cadre-aide{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;background:rgba(31,35,48,.72);color:#fff;font:700 calc(14px * var(--hpm-fs,1)) Arial,sans-serif;padding:8px 14px;pointer-events:none;text-align:center}
.hpm-ep2-pres__photo.cadrer .hpm-ep2-cadre-aide{display:block}
.hpm-ep2-pres__photo.cadrer img{cursor:grab;outline:3px solid var(--hpm-ds-bleu);outline-offset:-3px;touch-action:none}
.hpm-ep2-pres__photo.cadrer img:active{cursor:grabbing}
.hpm-ep2-cadre-ctl{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;background:#fff;border-top:1px solid var(--hpm-ds-trait);padding:10px 14px;font-size:calc(13.5px * var(--hpm-fs,1))}
.hpm-ep2-cadre-ctl[hidden]{display:none}
.hpm-ep2-cadre-pr{display:inline-flex;gap:4px;background:#EEF4FD;padding:4px;border:0;border-radius:20px}
.hpm-ep2-cadre-pr button{border:0;border-radius:16px;background:transparent;cursor:pointer;padding:6px 12px;font:700 calc(13px * var(--hpm-fs,1)) Arial,sans-serif;color:var(--hpm-ds-bleu)}
.hpm-ep2-cadre-pr button[aria-pressed=true]{background:var(--hpm-ds-bleu);color:#fff}
.hpm-ep2-cadre-pr button:focus-visible{outline:2px solid #1f2330}
.hpm-ep2-cadre-libre{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:#3c4150}
.hpm-ep2-cadre-libre input{width:160px}
.hpm-ep2-cadre-libre output{font-weight:400;min-width:52px}
.hpm-ep2-cadre-bt{margin-left:auto;display:flex;gap:8px}
.hpm-ep2-cadre-bt button{border:0;border-radius:6px;cursor:pointer;font:700 calc(13.5px * var(--hpm-fs,1))/1.2 Arial,sans-serif;padding:9px 14px}
.hpm-ep2-cadre-bt .an{background:#F3F5F9;color:#3c4150}
.hpm-ep2-cadre-bt .ok{background:var(--hpm-ds-bleu);color:#fff}
.hpm-ep2-cadre-bt button:focus-visible{outline:2px solid #1f2330;outline-offset:1px}
.hpm-ep2-cadre-etat{flex-basis:100%;margin:0;font-size:calc(13px * var(--hpm-fs,1))}
.hpm-ep2-cadre-etat.ok{color:#0c8560}.hpm-ep2-cadre-etat.ko{color:var(--hpm-ds-rouge-t,#9B1C4F)}
.hpm-ep2-cadre-etat:empty{display:none}
@media (hover:none){.hpm-ep2-cadre-b{opacity:1}}

/* ── 2.0.0-alpha.233 (ÉCRAN 557-B, Kad 25/10) : fil Membres — « Mes conversations » en haut, puis les membres ;
      chaque bloc se plie, défile s'il est long. ── */
.hpm-d2f-vue:has(>.hpm-d2f-bloc){padding-top:0}
.hpm-d2f-bloc{border-bottom:1px solid var(--hpm-ds-trait)}
.hpm-d2f-bloc>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;padding:9px 16px;background:#faf7fe;font:700 calc(11.5px * var(--hpm-fs,1)) Arial,sans-serif;text-transform:uppercase;letter-spacing:.5px;color:#4B5563}
.hpm-d2f-bloc>summary::-webkit-details-marker{display:none}
.hpm-d2f-bloc>summary::after{content:"";margin-left:auto;width:7px;height:7px;border-right:2px solid #0068E8;border-bottom:2px solid #0068E8;transform:rotate(45deg);margin-top:-4px}
.hpm-d2f-bloc:not([open])>summary::after{transform:rotate(-45deg);margin-top:0}
.hpm-d2f-bloc>summary:focus-visible{outline:2px solid #8224E3;outline-offset:-2px}
.hpm-d2f-bloc>summary i{font-style:normal;background:#EAF2FF;color:#0068E8;padding:1px 6px;font-size:calc(11px * var(--hpm-fs,1));letter-spacing:0}
.hpm-d2f-bloc>summary .lg{font-weight:400;text-transform:none;letter-spacing:0;color:#0c8560}
.hpm-d2f-defile{max-height:420px;overflow-y:auto;scrollbar-width:thin}
[data-d2bloc=convs] .hpm-d2f-defile{max-height:240px}
.hpm-d2f-cv{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:10px;width:100%;padding:9px 16px;border-bottom:1px solid #f0f1f5}
.hpm-d2f-cv:hover,.hpm-d2f-cv:focus-visible{background:#EEF4FD}
.hpm-d2f-cv.nl{background:var(--hpm-ds-violet-pale);box-shadow:inset 3px 0 #8224E3}
.hpm-d2f-cv .av{flex:none;width:34px;height:34px;border-radius:50%;border:0;color:#fff;font-weight:700;font-size:calc(12.5px * var(--hpm-fs,1));display:flex;align-items:center;justify-content:center}
.hpm-d2f-cv .c{flex:1;min-width:0;display:flex;flex-direction:column}
.hpm-d2f-cv .c b{font-size:calc(14.5px * var(--hpm-fs,1))}
.hpm-d2f-cv .c span{font-size:calc(13px * var(--hpm-fs,1));color:var(--hpm-ds-doux);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hpm-d2f-cv .q{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.hpm-d2f-cv .q small{font-size:max(calc(12px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));color:var(--hpm-ds-doux);white-space:nowrap}
.hpm-d2f-cv .q .nl{background:#8224E3;color:#fff;border:0;border-radius:9px;padding:1px 7px;font-weight:700;font-size:calc(11px * var(--hpm-fs,1))}

/* 2.0.0-alpha.233 (Kad, 25/10) : sur téléphone, « Prochains jalons · + Jalon · Ouvrir le Gantt → » dépassait de 10 px :
   les liens passent à la ligne au lieu de sortir de l'écran (rien ne change sur un grand écran). */
@media (max-width:600px){
.hpm-ep2-section{flex-wrap:wrap;row-gap:6px}
.hpm-ep2-section__d{flex:0 1 auto;min-width:0;flex-wrap:wrap;row-gap:4px;gap:4px 14px}
}

/* ── 2.0.0-alpha.234 (ÉCRAN 558, Kad 25/10 : « comme HDM ») : le panneau « Agir » à côté de la présentation (sondages,
      comment participer) ; il se replie en une étroite colonne (chevron à droite, comme la Discussion). ── */
.hpm-ep2-pres-agir{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,300px);gap:16px;align-items:stretch}
.hpm-ep2-pres-agir>*{min-width:0}
.hpm-ep2.agir-fermee .hpm-ep2-pres-agir{grid-template-columns:minmax(0,1fr) 46px}
.hpm-ep2-agir{background:#fff;border:1px solid var(--hpm-ds-trait);display:flex;flex-direction:column;min-width:0}
.hpm-ep2-agir-in{display:flex;flex-direction:column;flex:1;min-height:0}
.hpm-ep2-agir-tete{display:flex;align-items:center;justify-content:center;padding:12px 16px;position:relative;background:linear-gradient(90deg,#0068E8,#8224E3)}
.hpm-ep2-agir-tete .hpm-ds-t-bloc{color:#fff!important}
.hpm-ep2-agir-tete .x{all:unset;position:absolute;right:14px;cursor:pointer;color:#fff;font-size:calc(17px * var(--hpm-fs,1));padding:2px 6px;display:flex}
.hpm-ep2-agir-tete .x:hover{opacity:.85}
.hpm-ep2-agir-tete .x:focus-visible{outline:2px solid #fff}
.hpm-ep2-agir-corps{flex:1;overflow-y:auto;scrollbar-width:thin}
.hpm-ep2-agir-rail{display:none}
.hpm-ep2.agir-fermee .hpm-ep2-agir-in{display:none}
.hpm-ep2.agir-fermee .hpm-ep2-agir-rail{all:unset;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;padding:12px 0;cursor:pointer;color:var(--hpm-ds-violet);font-weight:700;font-size:calc(15px * var(--hpm-fs,1));position:sticky;top:20px}
.hpm-ep2-agir-rail .v{writing-mode:vertical-rl;transform:rotate(180deg)}
.hpm-ep2-agir-rail:hover{background:var(--hpm-ds-violet-pale)}
.hpm-ep2-agir-rail:focus-visible{outline:2px solid var(--hpm-ds-violet);outline-offset:-2px}
.hpm-ep2-agir-bloc{padding:12px 14px;border-bottom:1px solid var(--hpm-ds-trait)}
.hpm-ep2-agir-bloc h3{margin:0 0 8px;font:700 calc(13px * var(--hpm-fs,1)) Arial,sans-serif;color:#0068E8;text-transform:uppercase;letter-spacing:.3px;display:flex;justify-content:space-between;align-items:center}
.hpm-ep2-participer h3{color:#8224E3}
.hpm-ep2-so-ed{all:unset;cursor:pointer;color:#0068E8;font-weight:700;text-transform:none;letter-spacing:0;font-size:calc(13px * var(--hpm-fs,1));display:inline-flex;gap:4px;align-items:center}
.hpm-ep2-so-ed:hover,.hpm-ep2-so-ed:focus-visible{text-decoration:underline;outline:none}
.hpm-ep2-so-meta{margin:0 0 4px;color:var(--hpm-ds-doux);font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px))}
.hpm-ep2-clos{background:#4B5563;color:#fff;padding:1px 6px;font-weight:700}
.hpm-ep2-so-q{margin:0 0 8px;font-weight:700;font-size:calc(15px * var(--hpm-fs,1))}
.hpm-ep2-so-rep fieldset{border:0;margin:0 0 8px;padding:0}
.hpm-ep2-so-opt{display:flex;gap:8px;align-items:center;border:1px solid #cfd6e4;padding:7px 9px;margin:0 0 5px;cursor:pointer;font-size:calc(14px * var(--hpm-fs,1))}
.hpm-ep2-so-opt:hover{border-color:#0068E8;background:#EEF4FD}
.hpm-ep2-so-rep .hpm-ds-btn{width:100%;justify-content:center}
.hpm-ep2-so-r{display:grid;grid-template-columns:minmax(0,1fr) 90px 44px;gap:8px;align-items:center;margin:5px 0;font-size:calc(14px * var(--hpm-fs,1))}
.hpm-ep2-so-r .b{height:14px;background:#E5E8EF;position:relative}
.hpm-ep2-so-r .b i{position:absolute;inset:0 auto 0 0;background:#0068E8}
.hpm-ep2-so-r.mien .b i{background:#0c8560}
.hpm-ep2-so-r b{text-align:right}
.hpm-ep2-so-r small{color:#0c8560;font-weight:400}
.hpm-ep2-so-note,.hpm-ep2-so-fait{margin:6px 0 0;color:var(--hpm-ds-doux);font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px))}
.hpm-ep2-so-fait{color:#0c8560;font-weight:700}
.hpm-ep2-so-etat{margin:6px 0 0;font-size:max(calc(12.5px * var(--hpm-fs,1)),var(--hpm-fs-min,0px))}
.hpm-ep2-so-etat.ok{color:#0c8560}.hpm-ep2-so-etat.ko{color:#9B1C4F}
.hpm-ep2-so-defile{max-height:430px;overflow-y:auto;scrollbar-width:thin;border-bottom:1px solid var(--hpm-ds-trait)}
.hpm-ep2-so-defile:focus-visible{outline:2px solid #8224E3;outline-offset:-2px}
.hpm-ep2-so-ajout{all:unset;box-sizing:border-box;cursor:pointer;display:block;width:100%;text-align:center;border:1px dashed #b9c2d3;padding:10px;color:#0068E8;font-weight:700;font-size:calc(13.5px * var(--hpm-fs,1))}
.hpm-ep2-so-ajout small{display:block;font-weight:400;color:var(--hpm-ds-doux);font-size:max(calc(12px * var(--hpm-fs,1)),var(--hpm-fs-min,0px));margin-top:2px}
.hpm-ep2-so-ajout:hover,.hpm-ep2-so-ajout:focus-visible{background:#EEF4FD;outline:none}
.hpm-ep2-so-form{font-size:calc(14px * var(--hpm-fs,1))}
.hpm-ep2-so-form h4{margin:0 0 8px;font-size:calc(15px * var(--hpm-fs,1))}
.hpm-ep2-so-form label,.hpm-ep2-so-form .l{display:block;font-weight:700;color:#0068E8;margin:8px 0 3px}
.hpm-ep2-so-form input[type=text],.hpm-ep2-so-form input[type=date],.hpm-ep2-so-form select{width:100%;box-sizing:border-box;height:36px;border:1px solid #cfd6e4;padding:0 8px;font:inherit}
.hpm-ep2-so-c{display:flex;gap:6px;align-items:center;margin:0 0 5px}
.hpm-ep2-so-c .x{all:unset;cursor:pointer;color:#9B1C4F;padding:0 6px}
.hpm-ep2-so-c .v{color:var(--hpm-ds-doux);padding:0 8px}
.hpm-ep2-so-lien{all:unset;cursor:pointer;color:#0068E8;font-weight:700;font-size:calc(13px * var(--hpm-fs,1))}
.hpm-ep2-so-lien.rouge{color:#9B1C4F}
.hpm-ep2-so-lien:hover,.hpm-ep2-so-lien:focus-visible{text-decoration:underline;outline:none}
.hpm-ep2-so-deux{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hpm-ep2-so-deux p{margin:0}
.hpm-ep2-so-pied{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}
.hpm-ep2-acc{border:1px solid var(--hpm-ds-trait);margin:0 0 6px}
.hpm-ep2-acc summary{cursor:pointer;padding:8px 10px;font-weight:700;list-style:none;display:flex;justify-content:space-between}
.hpm-ep2-acc summary::-webkit-details-marker{display:none}
.hpm-ep2-acc summary::after{content:"+";color:#0068E8}.hpm-ep2-acc[open] summary::after{content:"−"}
.hpm-ep2-acc[open] summary{background:#f6f8fc}
.hpm-ep2-acc>div{padding:6px 10px 8px;font-size:calc(14px * var(--hpm-fs,1));max-height:240px;overflow-y:auto}
@media (max-width:1100px){
  .hpm-ep2-pres-agir,.hpm-ep2.agir-fermee .hpm-ep2-pres-agir{grid-template-columns:minmax(0,1fr)}
  .hpm-ep2.agir-fermee .hpm-ep2-agir-in{display:flex}
  .hpm-ep2.agir-fermee .hpm-ep2-agir-corps{display:none}
  .hpm-ep2.agir-fermee .hpm-ep2-agir-rail{display:none}
  .hpm-ep2.agir-fermee .hpm-ep2-agir-tete .x svg{transform:rotate(90deg)}
  .hpm-ep2-agir-tete .x svg{transform:rotate(-90deg)}
}
/* 2.0.0-alpha.235 (Kad, 25/10, 20 h 09) : « Agir » et « Discussion » — bandeaux à la même hauteur et au même niveau,
   panneaux de même largeur (la largeur de la Discussion, posée par hpm-agir2.js). */
.hpm-ep2-agir{border-top-width:0}
.hpm-ep2-agir-tete,.hpm-ep2-discussion-tete{box-sizing:border-box;height:calc(42px * var(--hpm-fs,1));padding-top:0;padding-bottom:0}
@media (min-width:1101px){
  .hpm-ep2-pres-agir{grid-template-columns:minmax(0,1fr) var(--hpm-agir-l,minmax(260px,300px))}
}
/* alpha.235 : à côté d'« Agir », la présentation est plus étroite — elle devient son propre repère de largeur, pour que
   « Modifier le projet » passe au-dessus du parcours (au lieu de le recouvrir) quand la place manque. */
.hpm-ep2-pres-agir>.hpm-ep2-pres{container-type:inline-size}
/* 2.0.0-alpha.236 (Kad, 26/10, 10 h 45 : « beaucoup trop large, devrait être comme sur HDM ») : quand le panneau « Agir »
   est là (Vue d'ensemble), Agir et Discussion prennent chacun environ un quart de la largeur, comme dans HDM (au lieu
   de 30 % et 420 px au moins pour la Discussion) ; la présentation garde le reste. Sans Agir, rien ne change. */
@media (min-width:1101px){
  .hpm-ep2:not(.discussion-fermee):has(.hpm-ep2-pres-agir) .hpm-ep2-corps.sur-ensemble{grid-template-columns:minmax(0,1fr) clamp(290px,25.5%,500px)}
}
/* 2.0.7 (Kad, 11/11 : « panneau hauteur pas égale ») : à côté d'« Agir », la marge du bas de la présentation est portée
   par la rangée — la présentation et « Agir » s'arrêtent au même niveau (avant : « Agir » dépassait de 22 px). */
.hpm-ep2-pres-agir{margin-bottom:22px}
.hpm-ep2-pres-agir>.hpm-ep2-pres{margin-bottom:0}
/* 2.0.7 (ÉCRAN 597) : la hauteur du bandeau dans « Modifier le projet » */
.hpm-bdh-libre{display:flex;align-items:center;gap:6px;margin-top:6px}.hpm-bdh-libre[hidden]{display:none}.hpm-bdh-libre input{width:110px}