/*
 * HDM 1.1 — Le site : porteurs, réponse officielle, arguments, consultations, votes, sondages, quartiers, bilan.
 * Charte de la suite : bleu #0068E8, violet #8224E3, angles droits partout, couleurs de sens, focus visible.
 * La police est celle du thème.
 */
.hdm11{--h-bleu:#0068E8;--h-violet:#8224E3;--h-vert:#0c8560;--h-vert2:#0C8560;--h-orange:#b45309;--h-rouge:#d93025;--h-gris:#5b6072;--h-bf:#0a4fb0;--h-ligne:#e3e7ef;--h-fond:#f7f9fd;font-family:inherit;color:#1c2333;line-height:1.5;box-sizing:border-box}
.hdm11 *,.hdm11 *::before,.hdm11 *::after{box-sizing:border-box;border-radius:0!important}
.hdm11 :focus-visible{outline:3px solid #0068E8;outline-offset:2px}
.hdm11 [hidden]{display:none!important}

/* ── Panneaux et titres ── */
.hdm11-panneau{background:#fff;border:1px solid var(--h-ligne);margin:0 0 20px}
.hdm11-haut{height:6px;background:linear-gradient(90deg,#0068E8,#8224E3)}
.hdm11-dedans{padding:18px 22px}
.hdm11-entete{display:block;width:100%;max-height:280px;object-fit:cover}
.hdm11-h,.hdm11-h1{font-size:calc(24px * var(--hdm-fs,1));color:var(--h-bleu);margin:6px 0 8px;line-height:1.25}
.hdm11-titre{font-size:calc(16px * var(--hdm-fs,1));margin:16px 0 8px;color:#1c2333}
.hdm11-ttl{display:block;font-weight:700;color:var(--h-bleu);font-size:calc(15px * var(--hdm-fs,1));line-height:1.3}
.hdm11-doux,.hdm11-mut{color:var(--h-gris);font-size:calc(13px * var(--hdm-fs,1))}
.hdm11-ok{color:var(--h-vert);font-weight:700}
.hdm11-ko{color:var(--h-rouge);font-weight:700}
.hdm11-msg:empty{display:none}
.hdm11-msg{margin:8px 0 0;font-size:calc(14px * var(--hdm-fs,1))}
.hdm11-droite{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0}
.hdm11-ligne{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.hdm11-lien{color:var(--h-bleu);font-weight:700;text-decoration:none}
.hdm11-lien:hover{text-decoration:underline}

/* ── Boutons ── */
.hdm11 .hdm11-btn,.hdm11-btn{display:inline-block;padding:9px 16px;font-weight:700;font-size:calc(14px * var(--hdm-fs,1));font-family:inherit;color:#fff;background:linear-gradient(90deg,#0068E8,#8224E3);border:0;cursor:pointer;text-decoration:none;white-space:nowrap;line-height:1.3}
.hdm11 .hdm11-btn2,.hdm11-btn2{display:inline-block;padding:8px 15px;font-weight:700;font-size:calc(14px * var(--hdm-fs,1));font-family:inherit;color:#0068E8;background:#fff;border:1px solid #0068E8;cursor:pointer;text-decoration:none;white-space:nowrap;line-height:1.3}
.hdm11 .hdm11-btn3,.hdm11-btn3{display:inline-block;padding:8px 15px;font-weight:700;font-size:calc(14px * var(--hdm-fs,1));font-family:inherit;color:#d93025;background:#fff;border:1px solid #d93025;cursor:pointer}
.hdm11-btn:hover{filter:brightness(1.08);color:#fff}
.hdm11-btn2:hover{background:#eef5ff}
.hdm11-btn[disabled],.hdm11-btn2[disabled]{opacity:.55;cursor:not-allowed}
.hdm11-lienbtn{background:none;border:0;padding:0;color:var(--h-bleu);font-weight:700;font-size:calc(13px * var(--hdm-fs,1));font-family:inherit;cursor:pointer}
.hdm11-lienbtn[disabled]{color:var(--h-vert);cursor:default}

/* ── Pastilles et encadrés ── */
.hdm11-pas{display:inline-block;font-size:calc(11px * var(--hdm-fs,1));font-weight:700;padding:2px 7px;color:#fff;white-space:nowrap;vertical-align:middle;line-height:1.5}
.hdm11-enc{border-left:4px solid #0068E8;background:#eef5ff;padding:10px 12px;margin:10px 0;font-size:calc(14px * var(--hdm-fs,1))}
.hdm11-enc p{margin:6px 0 0}
.hdm11-enc-bleu{border-color:#0068E8;background:#eef5ff}
.hdm11-enc-bleufonce{border-color:#0a4fb0;background:#edf2fa}
.hdm11-enc-vert{border-color:#0c8560;background:#eaf7f1}
.hdm11-enc-orange{border-color:#b45309;background:#fff6ec}
.hdm11-enc-violet{border-color:#8224E3;background:#f4ecfd}
.hdm11-enc-gris{border-color:#5b6072;background:#f2f3f6}
.hdm11-enc-rouge{border-color:#d93025;background:#fdeeed}

/* ── Barres ── */
.hdm11-barre{height:8px;background:#e6e9ef;margin:6px 0;overflow:hidden}
.hdm11-barre i{display:block;height:8px;background:var(--h-vert2);transition:width .2s}

/* ── Tableaux ── */
.hdm11-table{width:100%;border-collapse:collapse;font-size:calc(13px * var(--hdm-fs,1));margin:6px 0 10px}
.hdm11-table th{text-align:left;background:#8224E3;color:#fff;padding:7px 9px;font-size:calc(12px * var(--hdm-fs,1));text-transform:uppercase}
.hdm11-table td{padding:8px 9px;border-bottom:1px solid #eef0f4;vertical-align:top}

/* ── Formulaires ── */
.hdm11 label.hdm11-lbl{display:block;font-weight:700;font-size:calc(14px * var(--hdm-fs,1));margin:10px 0 4px}
.hdm11 input[type=text],.hdm11 input:not([type]),.hdm11 input[type=number],.hdm11 input[type=email],.hdm11 textarea,.hdm11 select{width:100%;border:1px solid #8c8f94;padding:8px 9px;font:inherit;font-size:calc(14px * var(--hdm-fs,1));background:#fff;color:#1c2333}
.hdm11-case{display:block;margin:6px 0;font-size:calc(14px * var(--hdm-fs,1));cursor:pointer}
.hdm11-case input{margin:0 6px 0 0;vertical-align:-2px;width:auto}
.hdm11-choix{border:0;padding:0;margin:8px 0;display:flex;gap:18px;flex-wrap:wrap}
.hdm11-choix legend{font-weight:700;font-size:calc(14px * var(--hdm-fs,1));margin-bottom:4px;padding:0}
.hdm11-choix label{font-size:calc(14px * var(--hdm-fs,1));cursor:pointer}
.hdm11-choix input{width:auto;margin-right:5px}
.hdm11-deux{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hdm11-repli{border:1px solid var(--h-ligne);background:var(--h-fond);padding:12px 14px;margin:8px 0}
.hdm11-details{margin:12px 0}
.hdm11-details summary{cursor:pointer;color:var(--h-bleu);font-weight:700;font-size:calc(14px * var(--hdm-fs,1))}
.hdm-form-group .hdm11-case{font-weight:400}
.hdm11-seuil-champ input{max-width:160px}

/* ── Porteur ── */
.hdm11-porteur{margin:14px 0}

/* ── Arguments ── */
.hdm11-arg-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}
.hdm11-arg-col{display:flex;flex-direction:column;min-width:0}
.hdm11-arg-tete{margin:0 0 8px;padding:8px 12px;color:#fff;font-size:calc(14px * var(--hdm-fs,1))}
.hdm11-fond-vert{background:#0c8560}
.hdm11-fond-rouge{background:#d93025}
.hdm11-arg{border:1px solid var(--h-ligne);border-left:4px solid var(--h-gris);padding:9px 11px;margin-bottom:8px;background:#fff;font-size:calc(14px * var(--hdm-fs,1))}
.hdm11-arg p{margin:4px 0 6px}
.hdm11-bord-vert{border-left-color:#0c8560}
.hdm11-bord-rouge{border-left-color:#d93025}
.hdm11-arg-pied{display:flex;justify-content:space-between;align-items:center;gap:8px}

/* ── Consultations ── */
.hdm11-phases{display:flex;list-style:none;margin:14px 0;padding:0;counter-reset:none}
.hdm11-phases li{flex:1;padding:9px 10px;font-size:calc(12px * var(--hdm-fs,1));border:1px solid var(--h-ligne);background:#fff;color:var(--h-gris);margin:0}
.hdm11-phases li+li{border-left:0}
.hdm11-phases li b{display:block;font-size:calc(13px * var(--hdm-fs,1))}
.hdm11-phases li.fait{background:#eaf7f1;color:var(--h-vert)}
.hdm11-phases li.en-cours{background:#0068E8;color:#fff;border-color:#0068E8}
.hdm11-grille2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:10px 0}
.hdm11-grille3{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:10px 0}
.hdm11-carte-pub{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--h-ligne);border-top:4px solid #0068E8;padding:12px 14px;text-decoration:none;color:inherit}
a.hdm11-carte-pub:hover{background:var(--h-fond)}
.hdm11-carte-pub .hdm11-pas{align-self:flex-start}
.hdm11-vote{margin:14px 0}
.hdm11-vo{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;border:1px solid var(--h-ligne);background:#fff;padding:8px 10px;margin:6px 0;cursor:pointer}
.hdm11-vo img{width:84px;height:56px;object-fit:cover}
.hdm11-vo:not(:has(img)){grid-template-columns:1fr auto auto}
.hdm11-vo input{width:auto;margin:0}
.hdm11-vo.choisi,.hdm11-vo:has(input:checked){border-color:#0068E8;background:#eef5ff}
.hdm11-vo-t{min-width:0}
.hdm11-panier{background:#fff;border:1px solid var(--h-ligne);padding:8px 10px;margin:8px 0}
.hdm11-panier.trop{border-color:#d93025}
.hdm11-panier.trop .hdm11-barre i{background:#d93025}
.hdm11-res{display:grid;grid-template-columns:minmax(0,1.4fr) 2fr 48px;align-items:center;gap:10px;margin:7px 0;font-size:calc(14px * var(--hdm-fs,1))}
.hdm11-res-b{height:22px;background:#e6e9ef}
.hdm11-res-b i{display:block;height:22px}
.hdm11-so{border:0;padding:0;margin:6px 0}
.hdm11-so label{display:block;border:1px solid var(--h-ligne);padding:9px 11px;margin:6px 0;cursor:pointer;background:#fff;font-size:calc(14px * var(--hdm-fs,1))}
.hdm11-so label:has(input:checked){border-color:#0068E8;background:#eef5ff}
.hdm11-so input{width:auto;margin-right:7px}

/* ── Quartiers ── */
.hdm11-onglets{display:flex;flex-wrap:wrap;gap:0;margin:0 0 12px}
.hdm11-onglets a{padding:6px 12px;border:1px solid #c3c4c7;margin:0 -1px -1px 0;font-size:calc(13px * var(--hdm-fs,1));text-decoration:none;color:#1c2333;background:#fff}
.hdm11-onglets a.actif{background:#0068E8;color:#fff;border-color:#0068E8}
.hdm11-chiffre{border-top:4px solid #0068E8;background:var(--h-fond);padding:10px;font-size:calc(13px * var(--hdm-fs,1))}
.hdm11-chiffre b{display:block;font-size:calc(24px * var(--hdm-fs,1));color:var(--h-bleu)}
.hdm11-ligne-idee{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #eef0f4;text-decoration:none;color:inherit}
.hdm11-ligne-idee:hover .hdm11-ttl{text-decoration:underline}

/* ── Appels à porteurs ── */
.hdm11-appels .hdm11-case{display:inline-block;margin-right:16px}

/* ── Doublons ── */
.hdm11-proches ul{list-style:none;margin:8px 0;padding:0}
.hdm11-proches li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid rgba(0,0,0,.06)}

/* ── Facile à lire et à comprendre ── */
.hdm11-falc{border-left:4px solid #8224E3;background:#f4ecfd;padding:12px 14px;margin:0 0 14px;font-size:calc(17px * var(--hdm-fs,1));line-height:1.6}
.hdm11-falc ol{margin:6px 0 6px 22px;padding:0}

/* ── Bilan ── */
.hdm11-chiffres{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:10px 0 16px}
.hdm11-chiffres div{border-top:4px solid #0068E8;background:var(--h-fond);padding:10px;font-size:calc(13px * var(--hdm-fs,1))}
.hdm11-chiffres b{display:block;font-size:calc(24px * var(--hdm-fs,1));color:var(--h-bleu)}
.hdm11-re{display:grid;grid-template-columns:150px 1fr;gap:12px;border:1px solid var(--h-ligne);margin-bottom:10px;background:#fff}
.hdm11-re.sans-photo{grid-template-columns:1fr;padding-left:10px}
.hdm11-re img{width:150px;height:110px;object-fit:cover;display:block}
.hdm11-re .c{padding:8px 10px 8px 0;font-size:calc(14px * var(--hdm-fs,1));min-width:0}
.hdm11-re h3{margin:4px 0;font-size:calc(16px * var(--hdm-fs,1))}
.hdm11-re h3 a{color:var(--h-bleu);text-decoration:none}
.hdm11-re p{margin:2px 0}

/* ── Blocs de l'éditeur ── */
.hdm11-bloc{margin:0}

/* ── Petits écrans ── */
@media (max-width:640px){
	.hdm11-arg-cols,.hdm11-grille2,.hdm11-deux{grid-template-columns:1fr}
	.hdm11-chiffres{grid-template-columns:repeat(2,minmax(0,1fr))}
	.hdm11-phases{flex-direction:column}
	.hdm11-phases li+li{border-left:1px solid var(--h-ligne);border-top:0}
	.hdm11-re{grid-template-columns:1fr}
	.hdm11-re img{width:100%;height:150px}
	.hdm11-re .c{padding:0 10px 10px}
	.hdm11-res{grid-template-columns:1fr 60px;}
	.hdm11-res-b{grid-column:1/-1;grid-row:2}
	.hdm11-dedans{padding:14px}
	.hdm11-vo{grid-template-columns:1fr auto auto}
	.hdm11-vo img{display:none}
}

/* Le formulaire d'HDM ouvert dans une consultation : angles droits aussi */
.hdm11.hdm11-consultation .hdm-form-wrapper.hdm-hpm-style,.hdm11.hdm11-consultation .hdm-form-wrapper.hdm-hpm-style *{border-radius:0!important}
/* Les boutons radio restent ronds : c'est ce qui les distingue des cases à cocher */
.hdm11 input[type=radio]{border-radius:50%!important}
.hdm11.hdm11-consultation .hdm11-repli #hdm-submit-btn,.hdm11.hdm11-consultation .hdm11-repli .hdm-btn{border-radius:0!important}

/* ── 1.1.1 (Kad, 15/10) : arguments ── */
.hdm11 .hdm11-arg-tete,.hdm11 h5.hdm11-arg-tete{color:#fff!important;font-weight:700}
.hdm11-arg-liste.defile{max-height:372px;overflow-y:auto;padding-right:4px;border-bottom:1px solid var(--h-ligne)}
.hdm11-arg-col .hdm11-arg-ajout{margin-top:auto;padding-top:6px}

/* ── 1.3.3 : la page des cartes en onglets, par échelon (ÉCRAN 470) ── */
.hdm13-tableau{font-family:Arial,Helvetica,sans-serif;margin:0 0 18px}
.hdm13-fil{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:calc(14px * var(--hdm-fs,1));color:#566079;margin:0 0 10px}
.hdm13-fil a{color:#0068E8;text-decoration:none}
.hdm13-fil a:hover,.hdm13-fil a:focus{text-decoration:underline}
.hdm13-fil b{color:#1d2433}
.hdm13-fil .sep{color:#6b7280}
.hdm13-sous{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.hdm13-pastille{display:inline-block;padding:5px 12px;border:1px solid #c9d3e6;background:#fff;color:#1d2433;font-size:calc(13px * var(--hdm-fs,1));text-decoration:none;border-radius:0}
.hdm13-pastille:hover,.hdm13-pastille:focus{border-color:#0068E8;color:#0068E8}
.hdm13-pastille.secteur{border-left:3px solid #b45309}
.hdm13-onglets{display:flex;flex-wrap:wrap;gap:0;border-bottom:2px solid #e3e8f2;margin:0 0 16px}
.hdm13-onglet{appearance:none;background:none;border:0;border-bottom:3px solid transparent;margin:0 0 -2px;padding:10px 16px;font:600 calc(15px * var(--hdm-fs,1)) Arial,Helvetica,sans-serif;color:#566079;cursor:pointer;border-radius:0}
.hdm13-onglet:hover{color:#0068E8}
.hdm13-onglet:focus-visible{outline:2px solid #0068E8;outline-offset:-2px}
.hdm13-onglet.on{color:#0068E8;border-bottom-color:#0068E8}
.hdm13-onglet .n{display:inline-block;min-width:20px;padding:1px 6px;margin-left:4px;background:#eef3fc;color:#0068E8;font-size:calc(12px * var(--hdm-fs,1));text-align:center}
.hdm13-onglet.on .n{background:#0068E8;color:#fff}
@media (max-width:600px){.hdm13-onglet{padding:8px 10px;font-size:calc(14px * var(--hdm-fs,1))}}

/* ── 1.3.7 : Mon portefeuille (ÉCRAN 479) ── */
.hdm13-pf{font-family:Arial,Helvetica,sans-serif;color:#1d2433}
.hdm13-pf-vous{font-size:calc(14px * var(--hdm-fs,1));color:#566079;margin:0 0 10px}
.hdm13-pf-vous a{color:#0068E8;font-weight:700;text-decoration:none}
.hdm13-pastille.on{background:#8224E3;border-color:#8224E3;color:#fff}
.hdm13-pastille.haut{color:#566079}
.hdm13-pf-tuiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 16px}
.hdm13-pf-t{color:#fff;padding:12px 14px}
.hdm13-pf-t b{display:block;font-size:calc(26px * var(--hdm-fs,1));line-height:1.1}
.hdm13-pf-t span{font-size:calc(13px * var(--hdm-fs,1))}
.hdm13-pf-msg{min-height:1.2em;margin:0 0 8px;font-size:calc(14px * var(--hdm-fs,1))}
.hdm13-pf-msg.ok{color:#0c8560}.hdm13-pf-msg.non{color:#d93025}
.hdm13-pf-g2{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;align-items:start}
.hdm13-pf-pan{background:#fff;border:1px solid #e3e7ef;margin:0 0 16px}
.hdm13-pf-pan>h3{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0;padding:10px 14px;background:#eef5ff;color:#0068E8;font:700 calc(15px * var(--hdm-fs,1)) Arial,sans-serif;border-bottom:1px solid #cfe0fb}
.hdm13-pf-pan>h3 small{font-weight:400;font-size:calc(12px * var(--hdm-fs,1));color:#566079}
.hdm13-pf-l{display:flex;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid #eef0f4;font-size:calc(14px * var(--hdm-fs,1))}
.hdm13-pf-l .t{flex:1;min-width:0}
.hdm13-pf-l .t a{color:#1d2433;text-decoration:none}
.hdm13-pf-l small{display:block;color:#566079;font-size:calc(12.5px * var(--hdm-fs,1));margin-top:2px}
.hdm13-pf-l .bts{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.hdm13-pf-pz{flex:none;color:#fff;font:700 calc(11px * var(--hdm-fs,1)) Arial,sans-serif;padding:3px 7px}
.hdm13-pf-b{appearance:none;display:inline-block;border:1px solid #0068E8;background:#fff;color:#0068E8;font:700 calc(12.5px * var(--hdm-fs,1)) Arial,sans-serif;padding:6px 11px;cursor:pointer;text-decoration:none;border-radius:0;white-space:nowrap}
.hdm13-pf-b:hover,.hdm13-pf-b:focus-visible{background:#eef5ff}
.hdm13-pf-b.p{background:#0068E8;color:#fff}
.hdm13-pf-b:disabled{opacity:.6;cursor:wait}
.hdm13-pf-f{display:grid;gap:8px;padding:12px 14px;background:#fbfcfe;border-bottom:1px solid #eef0f4}
.hdm13-pf-f .tt{color:#8224E3}
.hdm13-pf-f label{display:grid;gap:4px;font-size:calc(12px * var(--hdm-fs,1));font-weight:700;color:#566079}
.hdm13-pf-f label.c{display:flex;align-items:center;gap:6px;font-weight:400}
.hdm13-pf-f input[type=text],.hdm13-pf-f input[type=date],.hdm13-pf-f select,.hdm13-pf-f textarea{font:400 calc(14px * var(--hdm-fs,1)) Arial,sans-serif;padding:7px 9px;border:1px solid #b9cdf0;border-radius:0;background:#fff;color:#1d2433;width:100%;box-sizing:border-box}
.hdm13-pf-f .d{display:flex;justify-content:flex-end;gap:8px;margin:0}
.hdm13-pf-f.ligne{grid-template-columns:minmax(0,1fr) auto auto;align-items:end;background:#fff}
.hdm13-pf-aide{font-size:calc(13px * var(--hdm-fs,1));color:#566079;margin:0;padding:10px 14px 0}
.hdm13-pf-vide{font-size:calc(14px * var(--hdm-fs,1));color:#566079;margin:0;padding:12px 14px}
.hdm13-pf-mb{display:flex;flex-wrap:wrap;gap:6px;padding:10px 14px 14px}
.hdm13-pf-m{display:inline-flex;align-items:center;gap:4px;border:1px solid #cfe0fb;background:#eef5ff;padding:3px 4px 3px 9px;font-size:calc(13px * var(--hdm-fs,1))}
.hdm13-pf-m i{font-style:normal;color:#b45309;font-size:calc(11px * var(--hdm-fs,1))}
.hdm13-pf-m button{appearance:none;border:0;background:none;color:#566079;font-size:calc(16px * var(--hdm-fs,1));line-height:1;cursor:pointer;padding:0 4px}
.hdm13-pf-m button:hover{color:#d93025}
@media (max-width:782px){.hdm13-pf-g2{grid-template-columns:1fr}.hdm13-pf-tuiles{grid-template-columns:1fr 1fr}.hdm13-pf-l{flex-wrap:wrap}.hdm13-pf-f.ligne{grid-template-columns:1fr}}
.hdm13-pf-f[hidden]{display:none!important}
.hdm13-pf{width:min(1300px,calc(100vw - 48px));max-width:none;position:relative;left:50%;transform:translateX(-50%)}
.hdm13-pf-f .tt{font:700 calc(15px * var(--hdm-fs,1)) Arial,sans-serif}

/* ── 1.3.8 : la cloche des notifications (ÉCRAN 480) ── */
.hdm13-cl{position:relative;display:inline-flex}
.hdm13-cl .hdm12-ico,.hdm13-cl-b{all:unset;position:relative;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;color:#0068E8;cursor:pointer}
.hdm13-cl-b:hover,.hdm13-cl-b[aria-expanded=true]{background:#eef5ff}
.hdm13-cl-b:focus-visible{outline:2px solid #8224E3;outline-offset:1px}
.hdm13-cl-n{position:absolute;top:1px;right:0;background:#d93025;color:#fff;font:700 calc(10px * var(--hdm-fs,1))/1 Arial,sans-serif;font-style:normal;padding:2px 4px;min-width:8px;text-align:center}
.hdm13-cl-p{position:absolute;right:0;top:calc(100% + 6px);z-index:50;width:min(430px,calc(100vw - 24px));max-height:70vh;overflow:auto;background:#fff;border:1px solid #c9cfdb;box-shadow:0 10px 30px rgba(0,0,0,.15);text-align:left;font-family:Arial,Helvetica,sans-serif}
.hdm13-cl-t{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid #e3e7ef}
.hdm13-cl-t b{color:#8224E3;font-size:calc(15px * var(--hdm-fs,1))}
.hdm13-cl-t button,.hdm13-cl-pi button{all:unset;cursor:pointer;color:#0068E8;font-size:calc(12.5px * var(--hdm-fs,1))}
.hdm13-cl-t button:hover,.hdm13-cl-pi button:hover{text-decoration:underline}
.hdm13-cl-l{display:flex;gap:10px;padding:10px 12px;border-bottom:1px solid #eef0f4;font-size:calc(13.5px * var(--hdm-fs,1));color:#1d2433;text-decoration:none;background:#f5f9ff}
.hdm13-cl-l:hover,.hdm13-cl-l:focus-visible{background:#eef5ff}
.hdm13-cl-l.lu{background:#fff}
.hdm13-cl-l .pt{flex:none;width:8px;height:8px;margin-top:5px;background:#0068E8}
.hdm13-cl-l.lu .pt{background:transparent}
.hdm13-cl-l b{font-weight:700}
.hdm13-cl-l small{display:block;color:#566079;font-size:calc(12px * var(--hdm-fs,1));margin-top:2px}
.hdm13-cl-vide{margin:0;padding:14px 12px;color:#566079;font-size:calc(13.5px * var(--hdm-fs,1))}
.hdm13-cl-pi{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;font-size:calc(12px * var(--hdm-fs,1));color:#566079}
.hdm13-cl-r{padding:8px 12px;border-bottom:1px solid #eef0f4;background:#fbfcfe}
.hdm13-cl-r table{width:100%;border-collapse:collapse;font-size:calc(12.5px * var(--hdm-fs,1))}
.hdm13-cl-r th,.hdm13-cl-r td{border:1px solid #e3e7ef;padding:5px 6px;text-align:center;color:#1d2433}
.hdm13-cl-r th{background:#eef5ff;color:#0068E8;font-size:calc(11.5px * var(--hdm-fs,1))}
.hdm13-cl-r td:first-child,.hdm13-cl-r th:first-child{text-align:left}
.hdm13-cl-r small{color:#566079}
.hdm13-cl-r .d{text-align:right;margin:8px 0 0}
.hdm13-cl-r button{appearance:none;border:0;background:#0068E8;color:#fff;font:700 calc(12.5px * var(--hdm-fs,1)) Arial,sans-serif;padding:6px 12px;cursor:pointer;border-radius:0}
.hdm13-pf-haut{display:flex;justify-content:flex-end;margin:0 0 4px}
.hdm13-ligne{display:flex;flex-direction:row-reverse;align-items:flex-end;gap:10px;border-bottom:2px solid #e3e8f2;margin:0 0 16px}
.hdm13-ligne .hdm13-onglets{border-bottom:0;margin:0;flex:1 1 auto;min-width:0}
.hdm13-ligne-d{padding:0 0 6px}

/* ── 1.3.9 : délai d'étude, idées sans activité, consultation depuis le portefeuille (ÉCRAN 481) ── */
.hdm13-retard{color:#d93025;font-weight:700}
.hdm13-pf-lien{appearance:none;border:0;background:none;padding:0;color:#b45309;font:700 calc(12.5px * var(--hdm-fs,1)) Arial,sans-serif;text-decoration:underline;cursor:pointer}
.hdm13-pf-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hdm13-pf-rad{border:0;margin:0;padding:0;display:grid;gap:4px}
.hdm13-pf-rad legend{font-size:calc(12px * var(--hdm-fs,1));font-weight:700;color:#566079;padding:0;margin:0 0 4px}
.hdm13-pf-rad input{margin:0}
.hdm13-archive{border:1px solid #c3c4c7;border-left:4px solid #6b7280;background:#f6f7f7;padding:10px 14px;margin:12px 0;font-size:calc(14px * var(--hdm-fs,1));color:#1d2433;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hdm13-etude p{margin:0 0 8px;font-size:calc(14px * var(--hdm-fs,1))}
.hdm13-etude-f{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:calc(13px * var(--hdm-fs,1))}
.hdm13-etude-f input[type=number]{width:80px;padding:5px 7px;border:1px solid #b9cdf0;border-radius:0}
.hdm13-etude-f .hdm13-msg{flex-basis:100%;margin:0;font-size:calc(13px * var(--hdm-fs,1))}
.hdm13-msg.ok{color:#0c8560}.hdm13-msg.non{color:#d93025}

/* 1.3.12 (ÉCRAN 470) — « Où en est-elle ? » sur les cartes ; bandeau des anciennes pages. Liseré : coins carrés. */
.hdm13-ou{margin:6px 0 8px;padding:5px 10px;background:rgba(107,114,128,.08);border-left:3px solid var(--hdm13-ou,#6B7280);border-radius:0;font-family:Arial,Helvetica,sans-serif;font-size:calc(12.5px * var(--hdm-fs,1));line-height:1.4;color:inherit;opacity:.92}
.hdm13-ou .screen-reader-text,.hdm13-renvoi .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.hdm13-renvoi{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 14px;margin:0 0 16px;padding:10px 14px;background:#F0F6FF;border-left:3px solid #0068E8;border-radius:0;font-family:Arial,Helvetica,sans-serif;font-size:calc(14px * var(--hdm-fs,1));color:#1F2937}
.hdm13-renvoi a{color:#0068E8;font-weight:700;text-decoration:none}
.hdm13-renvoi a:hover,.hdm13-renvoi a:focus{text-decoration:underline}
.hdm13-pf-f [hidden]{display:none!important}
.hdm13-pf-f label small{display:block;margin-top:4px;font-size:calc(12px * var(--hdm-fs,1));color:#6B7280;font-weight:400}
/* 1.3.13 — sur la page d'un échelon : « Vous regardez seulement … · Voir toutes les idées ». Liseré : coins carrés. */
.hdm13-seul{margin:0 0 12px;padding:8px 12px;background:#fdf6ee;border-left:3px solid #B45309;border-radius:0;font-family:Arial,Helvetica,sans-serif;font-size:calc(14px * var(--hdm-fs,1));color:#1F2937}
.hdm13-seul a{color:#0068E8;font-weight:700;text-decoration:none;margin-left:4px}
.hdm13-seul a:hover,.hdm13-seul a:focus{text-decoration:underline}

/* 1.3.14 (ÉCRAN 482, Kad 16/10, 18 h 44) — le bandeau des badges sous la photo : bleu très clair, badges arrondis
   (pas de liseré : l'arrondi est permis). Remplace la ligne « où en est-elle » (en double avec le badge). */
.hdm-cards .hdm-card .hdm-card-header.hdm1314-bande{background:#EEF5FF;border-bottom:1px solid #DCE8FB;padding:9px 16px;margin:0}
.hdm-cards.hdm-list-view .hdm-card .hdm-card-header.hdm1314-bande{padding:9px 20px}
.hdm1314-bande .hdm-card-header-left{gap:5px 6px;align-items:center}
.hdm1314-bande :is(.hdm-theme-badge,.hdm-status-badge,.hdm-category-badge,.hdm-badge,.hdm1314-type){border-radius:999px!important;padding:2px 9px!important;margin:0!important;line-height:1.6}
.hdm1314-bande .hdm-category-badge{background:#fff!important}
.hdm1314-bande .hdm1314-plus{font-family:Arial,Helvetica,sans-serif;font-size:calc(12px * var(--hdm-fs,1));color:#374151;line-height:1.4}
body.hdm-dark-mode .hdm-cards .hdm-card .hdm-card-header.hdm1314-bande{background:rgba(0,104,232,.12);border-bottom-color:rgba(0,104,232,.25)}
body.hdm-dark-mode .hdm1314-bande .hdm1314-plus{color:inherit}
/* 1.3.15 (ÉCRAN 483, Kad : « tant que ça reste sur une ligne c'est parfait ») : le bandeau tient sur une ligne ; le complément
   trop long se coupe proprement (le texte entier au survol). */
.hdm1314-bande .hdm-card-header-left{flex-wrap:nowrap!important;min-width:0;width:100%;overflow:hidden}
.hdm1314-bande .hdm-card-header-left>*{flex:none}
.hdm1314-bande .hdm-card-header-left>.hdm1314-plus{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hdm1314-bande .hdm-card-header-left>.hdm-status-badge{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ══ 1.3.16 (ÉCRAN 484 v2) — Mon portefeuille en tableau de bord, comme HPM. Coins carrés ; boutons d'action pastel,
   légèrement arrondis (pas de liseré). Arial, bleu #0068E8, violet #8224E3, orange #B45309, gris #6B7280. ══ */
/* 1.3.17 (Kad, 17/10, 1 h 25) : pleine largeur, 50 px de marge en haut, en bas et sur les côtés, comme HPM ; c'est le thème (ou la rangée) qui donne la largeur */
.hdm16{font-family:Arial,Helvetica,sans-serif;color:#1f2330;background:transparent;border:0;width:auto;max-width:none;position:relative;left:auto;transform:none;margin:50px!important;box-sizing:border-box}
.hdm16 [hidden]{display:none!important}
.hdm16-barre-c{position:relative}
.hdm16-barre-c.pliee{height:0}   /* 1.3.18 : rien au-dessus de « Bonjour » quand la barre est masquée (comme HPM) */
.hdm16-barre{display:flex;align-items:stretch;flex-wrap:wrap;gap:0 6px;background:linear-gradient(90deg,#0068E8,#8224E3);color:#fff;padding:0 12px 0 0;min-height:58px;margin:0 0 22px}
.hdm16-corps{padding:0}   /* 1.3.18 : plus de cadre global, des panneaux séparés (comme HPM) */
.hdm16-bonjour{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hdm16-bonjour h2{margin:0;font:700 calc(25px * var(--hdm-fs,1)) Arial,sans-serif;color:#8224E3;letter-spacing:0;text-transform:none}
.hdm16-bonjour .date{color:#5b6072;font-size:calc(14px * var(--hdm-fs,1))}
.hdm16-bonjour .role{background:#fff;border:1px solid #d6d9e0;color:#4b5060!important;font:400 calc(12.5px * var(--hdm-fs,1)) Arial,sans-serif;padding:3px 10px}   /* 1.3.16 : sobre, comme HPM (ÉCRAN 485 ①) */
.hdm16-perim{margin:0 0 0 auto}
.hdm16-perim label{display:flex;align-items:center;gap:8px;border:1px solid #b9cdf0;background:#fff;padding:4px 4px 4px 10px;font-size:calc(13px * var(--hdm-fs,1));color:#5b6072;margin:0}
.hdm16-perim select{border:0;background:#fff;color:#0068E8;font:700 calc(13px * var(--hdm-fs,1)) Arial,sans-serif;padding:4px 6px;border-radius:0;max-width:320px}
.hdm16-sec{display:flex;align-items:center;gap:8px;margin:26px 0 12px}
.hdm16-sec h3{margin:0;font:700 calc(19px * var(--hdm-fs,1)) Arial,sans-serif;color:#8224E3;display:flex;align-items:center;gap:8px;letter-spacing:0;text-transform:none}
.hdm16-sec .d{margin-left:auto;display:flex;gap:8px;align-items:center}
.hdm16-i{width:18px;height:18px;border:1px solid #8224E3;color:#8224E3;border-radius:0;font:700 calc(11px * var(--hdm-fs,1))/16px Arial;display:inline-flex;align-items:center;justify-content:center;cursor:help;position:relative}
.hdm16-i:hover::after,.hdm16-i:focus::after{content:attr(data-info);position:absolute;left:22px;top:-4px;width:240px;background:#1f2330;color:#fff;font:400 calc(12px * var(--hdm-fs,1))/1.4 Arial;padding:6px 9px;z-index:5}
.hdm16-pn5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.hdm16-pn{color:#fff;padding:16px 18px 40px;min-height:138px;position:relative;overflow:hidden;display:flex;flex-direction:column}
.hdm16-pn .n{font:700 calc(34px * var(--hdm-fs,1))/1 Arial,sans-serif}
.hdm16-pn .l{font-weight:700;margin-top:6px;font-size:calc(15px * var(--hdm-fs,1))}
.hdm16-pn .s{font-size:calc(12px * var(--hdm-fs,1));opacity:.95;margin-top:2px;position:relative;z-index:1}
.hdm16-pn .a{position:absolute;left:18px;bottom:12px;appearance:none;border:0;background:none;color:#fff;font:700 calc(12px * var(--hdm-fs,1)) Arial,sans-serif;text-decoration:underline;cursor:pointer;padding:0;z-index:1}
.hdm16-pn .fi{position:absolute;right:-8px;bottom:-12px;width:96px;height:96px;opacity:.16}
.hdm16-pn.or{background:#B45309}.hdm16-pn.ro{background:#c92a2a}.hdm16-pn.bl{background:#0068E8}.hdm16-pn.vi{background:#8224E3}.hdm16-pn.ve{background:#0c8560}
.hdm16-jr{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:20px;align-items:stretch}   /* 1.3.18 : côte à côte, même hauteur */
.hdm16-ong{border:1px solid #e3e5ec;background:#fff;min-width:0;display:flex;flex-direction:column}
/* 1.3.16 (ÉCRAN 485 ④) : le bandeau des onglets dans le même bleu que les panneaux de droite ; l'onglet ouvert est blanc */
.hdm16-ong .tb{display:flex;flex-wrap:wrap;background:#0068E8;border-bottom:0}
.hdm16-ong .tb button{appearance:none;border:0;background:none;padding:11px 14px;font:700 calc(13px * var(--hdm-fs,1)) Arial,sans-serif;color:#fff!important;cursor:pointer;border-radius:0}
.hdm16-ong .tb button:hover{background:rgba(255,255,255,.12)}
.hdm16-ong .tb button b{display:inline-block;background:#fff;color:#0068E8;font-size:calc(11px * var(--hdm-fs,1));padding:0 6px;margin-left:3px}
.hdm16-ong .tb button[aria-selected="true"]{color:#0068E8!important;background:#fff;box-shadow:none}
.hdm16-ong .tb button[aria-selected="true"] b{background:#0068E8;color:#fff}
.hdm16-ong .tb button:focus-visible{outline:2px solid #fff;outline-offset:-4px}
.hdm16-ong .tb button[aria-selected="true"]:focus-visible{outline-color:#0068E8}
.hdm16-ong .cpt{display:flex;flex-wrap:wrap;gap:8px;padding:12px 14px}
.hdm16-ong .cpt button{appearance:none;border:1px solid #e3e5ec;background:#fff;padding:6px 10px;font:400 calc(12px * var(--hdm-fs,1)) Arial,sans-serif;color:#1f2330;cursor:pointer;border-radius:0}
.hdm16-ong .cpt button b{font-size:calc(15px * var(--hdm-fs,1));margin-right:2px}
.hdm16-ong .cpt button.r{border-color:#c92a2a;color:#c92a2a}
.hdm16-ong .cpt button[aria-pressed="true"]{background:#B45309;border-color:#B45309;color:#fff}
.hdm16-ong .vide{padding:16px 14px;color:#5b6072;margin:0}
.hdm16-ong .hdm13-pf-pan{border:0;margin:0}
.hdm16-ong .lignes .hdm13-pf-l:first-child{border-top:1px solid #eef0f4}
/* Les boutons d'action : sobres, légèrement arrondis, pastel (Kad, 23 h 14) */
.hdm16 .hdm13-pf-l .hdm13-pf-b{border-radius:6px;font-weight:700;border:0!important;background:#EAF2FF;color:#0068E8}   /* arrondi sans liseré (charte) */
.hdm16 .hdm13-pf-l .hdm13-pf-b[data-pf="etude"]{background:#EAF2FF;color:#0068E8}
.hdm16 .hdm13-pf-l .hdm13-pf-b[data-pf="retenir"]{background:#E8F6EF;color:#0A7553}
.hdm16 .hdm13-pf-l .hdm13-pf-b[data-pf-ouvrir^="refuser-"],.hdm16 .hdm13-pf-l .hdm13-pf-b[data-pf="corbeille"]{background:#FDEEEE;color:#c92a2a}
.hdm16 .hdm13-pf-l .hdm13-pf-b[data-pf-ouvrir^="reponse-"],.hdm16 .hdm13-pf-l .hdm13-pf-b[data-pf-ouvrir^="synthese-"]{background:#F4ECFD;color:#8224E3}
.hdm16 .hdm13-pf-l .hdm13-pf-b[data-pf="archiver"]{background:#F1F2F4;color:#5b6072}
.hdm16 .hdm13-pf-l .hdm13-pf-b:hover,.hdm16 .hdm13-pf-l .hdm13-pf-b:focus{filter:brightness(.96);text-decoration:none}
.hdm16-st{display:flex;flex-direction:column;gap:16px;min-width:0}
.hdm16-sp{border:1px solid #e3e5ec;background:#fff}
.hdm16-sp h4{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0;padding:10px 14px;background:#0068E8;color:#fff;font:700 calc(15px * var(--hdm-fs,1)) Arial,sans-serif}
.hdm16-sp h4 small{font-weight:400;font-size:calc(12px * var(--hdm-fs,1));color:#e6efff;text-align:right}
.hdm16-sp .c{padding:12px 14px}
.hdm16-sp .hb{display:grid;grid-template-columns:150px minmax(0,1fr) 34px;gap:8px;align-items:center;font-size:calc(12.5px * var(--hdm-fs,1));margin:6px 0}
.hdm16-sp .hb i{display:block;height:10px}
.hdm16-sp .hb b{text-align:right}
.hdm16-sp .courbe{display:block;width:100%;height:110px}
.hdm16-sp .axe{display:flex;justify-content:space-between;font-size:calc(11px * var(--hdm-fs,1));color:#5b6072;margin:2px 0 8px}
.hdm16-sp .kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}
.hdm16-sp .kpi b{display:block;font-size:calc(22px * var(--hdm-fs,1));color:#00807F}   /* 1.3.16 : turquoise des graphiques HPM */
.hdm16-sp .kpi span{font-size:calc(11px * var(--hdm-fs,1));color:#5b6072}
.hdm16-journal{border:1px solid #e3e5ec}
@media (max-width:1100px){.hdm16-pn5{grid-template-columns:repeat(3,minmax(0,1fr))}.hdm16-jr{grid-template-columns:1fr}}
@media (max-width:700px){.hdm16{width:auto;margin:16px 0!important;border-left:0;border-right:0}.hdm16-corps{padding:18px 16px}.hdm16-pn5{grid-template-columns:1fr 1fr}.hdm16-barre{padding-right:16px;padding-top:40px}.hdm16-perim{margin-left:0;width:100%}.hdm16-perim select{max-width:100%}}
.hdm16 .hdm16-ong .vide,.hdm16 .hdm13-pf-vide{font:400 calc(14px * var(--hdm-fs,1))/1.5 Arial,sans-serif!important;color:#5b6072!important}
.hdm16-sp .hb i{min-width:0}
.hdm16-barre .hdm13-cl-b{color:#fff!important;border-color:rgba(255,255,255,.6)!important;background:transparent!important}
.hdm16-barre .hdm13-cl-p{color:#1f2330;text-align:left}
@media (max-width:700px){.hdm16 .hdm13-pf-l{flex-wrap:wrap}.hdm16 .hdm13-pf-l .t{flex:1 1 calc(100% - 110px);min-width:0}.hdm16 .hdm13-pf-l .bts{flex:1 1 100%;display:flex;flex-wrap:wrap;gap:6px}}

/* ══ 1.3.16 (ÉCRAN 485, Kad 17/10, 0 h 37) : la feuille de route du portefeuille — bleue, lignes de 62 px comme HPM ══ */
.hdm16-sec .d form{margin:0}
.hdm16-vb{display:flex;gap:8px}
.hdm16-vb button{appearance:none;border:1px solid #cfd6e4;background:#fff;color:#4b5060!important;font:700 calc(12.5px * var(--hdm-fs,1)) Arial,sans-serif;padding:7px 12px;border-radius:0;cursor:pointer}
.hdm16-vb button[aria-pressed="true"]{border-color:#0068E8;background:#EEF5FF;color:#0068E8!important}
.hdm16-vb button:focus-visible,.hdm16-mois select:focus-visible{outline:2px solid #0068E8;outline-offset:1px}
.hdm16-mois select{border:1px solid #cfd6e4;background:#fff;color:#1f2330;font:400 calc(12.5px * var(--hdm-fs,1)) Arial,sans-serif;padding:6px 10px;border-radius:0;height:auto}
.hdm16-fr{border:1px solid #dfe3ea;background:#fff;margin:0 0 6px}
.hdm16-fr .cadre{max-height:470px;overflow:auto}
.hdm16-fr .grille{min-width:860px}
.hdm16-fr .rg{display:grid;grid-template-columns:320px minmax(0,1fr);border-bottom:1px solid #eef0f4}
.hdm16-fr .rg[hidden]{display:none}
.hdm16-fr .nom{position:sticky;left:0;z-index:2;background:#fff;border-right:1px solid #dfe3ea;padding:10px 14px 10px 34px;min-width:0;line-height:1.35;font-size:calc(14px * var(--hdm-fs,1))}
.hdm16-fr,.hdm16-fr *{box-sizing:border-box}
.hdm16-fr .suj .nom{height:62px;overflow:hidden}
.hdm16-fr .piste{position:relative;display:block;min-height:62px}
.hdm16-fr .tete{position:sticky;top:0;z-index:4;border-bottom:1px solid #cfe0fb}
.hdm16-fr .tete .nom{z-index:5;background:#EEF5FF;font:700 calc(13px * var(--hdm-fs,1)) Arial,sans-serif;color:#0068E8;text-transform:uppercase;letter-spacing:.3px;padding:18px 14px;text-align:center}
.hdm16-fr .tete .piste{min-height:54px;background:#EEF5FF;overflow:hidden}
.hdm16-fr .tete .m{position:absolute;top:0;bottom:0;padding:8px 0 0 10px;font:700 calc(13px * var(--hdm-fs,1)) Arial,sans-serif;color:#0a4fb0;border-left:1px solid #cfe0fb;white-space:nowrap}
.hdm16-fr .tete .jours .m{border:0}
.hdm16-fr .tete .j{position:absolute;bottom:0;height:22px;text-align:center;font:400 calc(11px * var(--hdm-fs,1))/22px Arial,sans-serif;color:#3d4252;border-left:1px solid #dbe6f7}
.hdm16-fr .tete .j.we{background:#e3ecfb;color:#6b7280}
.hdm16-fr .tete .j.auj{background:#0c8560;color:#fff;font-weight:700}
.hdm16-fr .aujt{position:absolute;bottom:0;transform:translateX(-50%);background:#0c8560;color:#fff;font:700 calc(11.5px * var(--hdm-fs,1))/19px Arial,sans-serif;padding:0 7px;white-space:nowrap;z-index:1}
.hdm16-fr .aujt.g{transform:none}.hdm16-fr .aujt.d{transform:translateX(-100%)}
.hdm16-fr .jours .aujt{display:none}
.hdm16-fr .trait{position:absolute;top:0;bottom:0;width:0;border-left:2px dashed #0c8560;z-index:1;pointer-events:none}
.hdm16-fr .t1{display:inline-block;max-width:calc(100% - 56px);vertical-align:bottom;font:700 calc(14px * var(--hdm-fs,1))/1.35 Arial,sans-serif;color:#1f2330!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none!important}
.hdm16-fr .t1:hover,.hdm16-fr .t1:focus{color:#0068E8!important;text-decoration:underline!important}
.hdm16-fr .typ{display:inline-block;margin-left:6px;background:#F4ECFD;color:#8224E3;font:700 calc(10px * var(--hdm-fs,1))/1 Arial,sans-serif;padding:3px 6px;vertical-align:3px}
.hdm16-fr .t2{display:block;font:400 calc(12px * var(--hdm-fs,1))/1.4 Arial,sans-serif;color:#5b6072;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.hdm16-fr .t2 .pt{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;vertical-align:0}
.hdm16-fr .grp,.hdm16-fr .grp .nom{background:#F5F9FF}
.hdm16-fr .grp .nom{padding:0}
.hdm16-fr .grp .piste{min-height:46px}
.hdm16-fr .grp button{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;height:100%;padding:12px 14px;cursor:pointer;font:700 calc(15px * var(--hdm-fs,1)) Arial,sans-serif;color:#1f2330;white-space:nowrap;overflow:hidden}
.hdm16-fr .grp button::before{content:'';flex:none;width:0;height:0;border-left:6px solid #0068E8;border-top:5px solid transparent;border-bottom:5px solid transparent;transition:transform .15s}
.hdm16-fr .grp button[aria-expanded="true"]::before{transform:rotate(90deg)}
.hdm16-fr .grp button:focus-visible{outline:2px solid #0068E8;outline-offset:-2px}
.hdm16-fr .grp small{font:400 calc(12.5px * var(--hdm-fs,1)) Arial,sans-serif;color:#5b6072;overflow:hidden;text-overflow:ellipsis}
.hdm16-fr .late{color:#c92a2a;font-weight:700}
.hdm16-fr .piste .bar{position:absolute;top:27px;height:12px;background:var(--c)}
.hdm16-fr .piste .bar.prevu{background:repeating-linear-gradient(90deg,var(--c) 0 6px,transparent 6px 10px);opacity:.8}
.hdm16-fr .piste .lbl{position:absolute;top:9px;padding:0 3px 0 1px;font:700 calc(11px * var(--hdm-fs,1)) Arial,sans-serif;color:#3d4252;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hdm16-fr .piste .ms{position:absolute;top:26px;width:14px;height:14px;border-radius:50%;background:var(--c);box-shadow:0 0 0 2px #fff;transform:translateX(-50%);z-index:2}
.hdm16-fr .piste .mlb{position:absolute;top:43px;transform:translateX(-50%);font:700 calc(10.5px * var(--hdm-fs,1)) Arial,sans-serif;color:var(--c);white-space:nowrap}
.hdm16-fr .piste .gbar{position:absolute;top:18px;height:10px;background:#9CC3F5}
.hdm16-fr .grp .piste .bar{top:20px;height:9px}
.hdm16-fr .grp .piste .lbl,.hdm16-fr .grp .piste .mlb{display:none}
.hdm16-fr .grp .piste .ms{top:17px;width:12px;height:12px}
.hdm16-fr .piste .avant{position:absolute;left:3px;top:24px;font-size:calc(12px * var(--hdm-fs,1));color:#0068E8}
.hdm16-fr .piste .hors{position:absolute;left:12px;top:22px;font-size:calc(12px * var(--hdm-fs,1));color:#6B7280}
.hdm16-fr .pied{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:10px 14px;font-size:calc(12px * var(--hdm-fs,1));color:#5b6072;border-top:1px solid #eef0f4}
.hdm16-fr .pied .r{margin-left:auto;display:flex;gap:14px;flex-wrap:wrap}
.hdm16-fr .pied i{display:inline-block;width:16px;height:9px;margin-right:5px;vertical-align:middle;background:var(--c)}
.hdm16-fr .pied i.prevu{background:repeating-linear-gradient(90deg,var(--c) 0 4px,transparent 4px 7px)}
.hdm16-fr .pied i.pt{width:10px;height:10px;border-radius:50%}
.hdm16-fr .vide{padding:16px;margin:0;color:#5b6072}
@media (max-width:700px){.hdm16-fr .rg{grid-template-columns:190px minmax(0,1fr)}.hdm16-fr .nom{padding-left:14px}.hdm16-fr .grille{min-width:720px}#hdm16-fr{flex-wrap:wrap}#hdm16-fr h3{flex:1 0 100%}#hdm16-fr .d{margin-left:0;flex-wrap:wrap}}

/* ══ 1.3.17 (ÉCRAN 484 v2, bas ; Kad 17/10) : les idées et les débats du périmètre — boutons de couleurs variées,
   filtres avec icônes et bouton « Rechercher », cartes à bandeau, tableau ══ */
.hdm16-sec#hdm16-liste{flex-wrap:wrap;row-gap:10px}
.hdm16-lg{display:flex;gap:6px;flex-wrap:wrap}
.hdm16-lg button{appearance:none;border:0;background:#fff;font:700 calc(12.5px * var(--hdm-fs,1)) Arial,sans-serif;padding:7px 13px;border-radius:6px;cursor:pointer;line-height:1.2}
.hdm16-lg button b{font-size:calc(11px * var(--hdm-fs,1));margin-left:3px;opacity:.85}
.hdm16-lg.ve button{background:#E8F6EF;color:#0A7553!important;border:0}
.hdm16-lg.ve button[aria-pressed="true"]{background:#0c8560;color:#fff!important;border:0}
.hdm16-lg.bo button{background:#F8E9EF;color:#9B1C4F!important;border:0}
.hdm16-lg.bo button[aria-pressed="true"]{background:#9B1C4F;color:#fff!important;border:0}
.hdm16-lg.bl button{background:#EAF2FF;color:#0068E8!important;min-width:34px;border:0}
.hdm16-lg.bl button[aria-pressed="true"]{background:#0068E8;color:#fff!important;border:0}
.hdm16-lg button:focus-visible{outline:2px solid #1f2330;outline-offset:1px}
.hdm16-lg[hidden]{display:none!important}
.hdm16-l [hidden]{display:none!important}
.hdm16-lf{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:#EEF5FF;border:1px solid #cfe0fb;border-left:4px solid #0068E8;padding:10px 12px;margin:0 0 8px}
.hdm16-lf .ch{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #b9cdf0;padding:0 8px;color:#0068E8;min-height:36px;margin:0;font:400 calc(13px * var(--hdm-fs,1)) Arial,sans-serif}
.hdm16-lf .ch svg{flex:none}
.hdm16-lf .ch input[type=search],.hdm16-lf .ch select{border:0!important;background:transparent!important;font:400 calc(13px * var(--hdm-fs,1)) Arial,sans-serif;color:#1f2330;padding:7px 2px;min-width:0;border-radius:0;box-shadow:none!important;outline:none;height:auto;margin:0}
.hdm16-lf .ch.q{flex:1 1 240px}
.hdm16-lf .ch.q input{width:100%}
.hdm16-lf .ch:focus-within{outline:2px solid #0068E8;outline-offset:1px}
.hdm16-lf .ch.c{color:#1f2330;cursor:pointer;padding-right:12px}
.hdm16-lf .ch.c svg{color:#0068E8}
.hdm16-lf .ch.c input{margin:0 2px 0 0;accent-color:#0068E8}
.hdm16-lf .go{display:inline-flex;gap:6px;align-items:center;background:#0068E8;color:#fff!important;border:0;font:700 calc(13px * var(--hdm-fs,1)) Arial,sans-serif;padding:0 16px;min-height:36px;border-radius:0;cursor:pointer}
.hdm16-lf .go:hover{background:#0057c4}
.hdm16-lf .ef{background:#fff;border:1px solid #cfd6e4;color:#4b5060!important;font:700 calc(12.5px * var(--hdm-fs,1)) Arial,sans-serif;padding:0 12px;min-height:36px;border-radius:0;cursor:pointer}
.hdm16-lf .go:focus-visible,.hdm16-lf .ef:focus-visible{outline:2px solid #1f2330;outline-offset:1px}
.hdm16-l-n{margin:0 0 10px;font:400 calc(12.5px * var(--hdm-fs,1)) Arial,sans-serif;color:#5b6072!important}
.hdm16-lcs{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));gap:16px}
.hdm16-lc{background:#fff;border:1px solid #e3e5ec;border-top:4px solid var(--c,#0068E8);display:flex;flex-direction:column;min-width:0}
.hdm16-lc .hdm16-lc-b{display:flex;gap:6px;align-items:center;padding:8px 12px;background:#EEF5FF;border-bottom:1px solid #DCE8FB;white-space:nowrap;overflow:hidden;min-width:0}
.hdm16-lc .hdm16-lc-b>*{flex:none}
.hdm16-lc .hdm16-lc-b .hdm-theme-badge{background:#8224E3;color:#fff;font:700 calc(10.5px * var(--hdm-fs,1)) Arial,sans-serif}
.hdm16-lc .hdm16-lc-b .hdm-status-badge{font:700 calc(10.5px * var(--hdm-fs,1)) Arial,sans-serif;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.hdm16-lc .hdm16-lc-b .hdm1314-plus{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
.hdm16-l .hdm16-lt-d{background:#F4ECFD;color:#8224E3;font:700 calc(10.5px * var(--hdm-fs,1)) Arial,sans-serif;padding:2px 7px}
.hdm16-lc h4{margin:0;padding:10px 12px 4px;font:700 calc(15px * var(--hdm-fs,1))/1.35 Arial,sans-serif;letter-spacing:0;text-transform:none}
.hdm16-lc h4 a{color:#0a3d8f!important;text-decoration:none!important}
.hdm16-lc h4 a:hover,.hdm16-lc h4 a:focus{text-decoration:underline!important}
.hdm16-lc .mt{margin:0;padding:0 12px 10px;font:400 calc(12px * var(--hdm-fs,1))/1.5 Arial,sans-serif;color:#5b6072!important}
.hdm16-l .late{color:#c92a2a!important;font-weight:700}
.hdm16-lc .ac{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 12px;margin-top:auto}
/* Les boutons d'action : pastel, légèrement arrondis, sans liseré (charte) */
.hdm16-lb{display:inline-block;border:0!important;border-radius:6px;font:700 calc(12px * var(--hdm-fs,1))/1.3 Arial,sans-serif;padding:6px 11px;cursor:pointer;text-decoration:none!important;background:#F1F5FB;color:#0068E8!important}
.hdm16-lb.et{background:#EAF2FF;color:#0068E8!important}.hdm16-lb.ok{background:#E8F6EF;color:#0A7553!important}.hdm16-lb.no{background:#FDEEEE;color:#c92a2a!important}.hdm16-lb.re{background:#F4ECFD;color:#8224E3!important}
.hdm16-lb:hover,.hdm16-lb:focus{filter:brightness(.96)}
.hdm16-lb:focus-visible{outline:2px solid #0068E8;outline-offset:1px}
.hdm16-lt-c{overflow-x:auto;border:1px solid #e3e5ec;background:#fff}
.hdm16-lt{width:100%;border-collapse:collapse;font:400 calc(13px * var(--hdm-fs,1))/1.4 Arial,sans-serif;margin:0;background:#fff}
.hdm16-lt th{background:#0068E8;color:#fff;text-align:left;padding:9px 10px;font:700 calc(12.5px * var(--hdm-fs,1)) Arial,sans-serif;border:0;white-space:nowrap}
.hdm16-lt td{padding:9px 10px;border:0;border-top:1px solid #eef0f4;vertical-align:middle;color:#1f2330}
.hdm16-lt td a{color:#0a3d8f!important;font-weight:700;text-decoration:none!important}
.hdm16-lt td small{display:block;color:#5b6072;font-size:calc(12px * var(--hdm-fs,1))}
.hdm16-lt .hdm16-lt-d{margin-left:6px}
.hdm16-lt .n{text-align:right}
.hdm16-lt .pz{color:#fff;font:700 calc(10.5px * var(--hdm-fs,1)) Arial,sans-serif;padding:2px 7px;white-space:nowrap}
.hdm16-lt td.ac{white-space:nowrap}
.hdm16-lt td.ac .hdm16-lb{margin:2px 0 2px 4px}
.hdm16-l .plus{text-align:center;margin:14px 0 0}
.hdm16-l .vide{padding:16px 0;margin:0;color:#5b6072!important}
@media (max-width:1100px){.hdm16-lcs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.hdm16-lcs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.hdm16-lcs{grid-template-columns:minmax(0,1fr)}.hdm16-lg.bl{display:none!important}#hdm16-liste .d{margin-left:0;flex-wrap:wrap}.hdm16-lf .ch:not(.q){flex:1 1 45%}.hdm16-lf .go{flex:1 1 100%;justify-content:center}}

/* ══ 1.3.18 (ÉCRAN 488, Kad 17/10, 8 h 11) : présenté comme HPM — bouton « Menu », panneaux séparés et de même hauteur ══ */
.hdm16-outils{margin-left:auto;display:flex;align-items:center;gap:8px}
.hdm16-outils[hidden]{display:none!important}
.hdm16-perim+.hdm16-outils{margin-left:12px}
.hdm16-ib{box-sizing:border-box;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #cfd6e4;background:#fff;color:#0068E8!important;text-decoration:none!important;cursor:pointer;border-radius:0;padding:0}
.hdm16-ib:hover{background:#EEF5FF}
.hdm16-ib:focus-visible,.hdm16-menu:focus-visible{outline:2px solid #8224E3;outline-offset:2px}
.hdm16-ib.cl{padding:0}
.hdm16-ib.cl:empty{display:none}
.hdm16-ib.cl .hdm13-cl-b{width:36px;height:36px}
.hdm16-menu{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border:1px solid #0068E8;background:#fff;color:#0068E8!important;font:700 calc(14px * var(--hdm-fs,1)) Arial,sans-serif;cursor:pointer;border-radius:0}
.hdm16-menu:hover{background:#EEF5FF}
.hdm16-ong>.v{flex:1 1 auto}
.hdm16-st>.hdm16-sp:last-child{flex:1 1 auto}
@media (max-width:700px){.hdm16-outils{margin-left:0;width:100%;justify-content:flex-end}.hdm16-perim+.hdm16-outils{margin-left:0}}

/* ══ 1.3.19 (ÉCRAN 487 ①, Kad 17/10, 8 h 08) : l'onglet Consultations — chiffres, cartes à frise, terminées repliées ══ */
.hdm16-ong .pad{padding:16px}
.hdm16-ong .pad .hdm16-sec:first-child{margin-top:0}
.hdm16-bp{display:inline-flex;align-items:center;gap:6px;background:#0068E8;color:#fff!important;border:0;font:700 calc(13px * var(--hdm-fs,1)) Arial,sans-serif;padding:0 14px;min-height:36px;border-radius:0;cursor:pointer;text-decoration:none!important}
.hdm16-bp:hover{background:#0057c4}
.hdm16-bp:focus-visible{outline:2px solid #1f2330;outline-offset:2px}
.hdm16-k4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 16px}
.hdm16-k4 .k{border:1px solid #e3e5ec;border-top:4px solid var(--c);padding:12px 14px;background:#fff;min-width:0}
.hdm16-k4 .k b{display:block;font:700 calc(26px * var(--hdm-fs,1))/1.1 Arial,sans-serif;color:var(--c)}
.hdm16-k4 .k span{display:block;font:400 calc(12px * var(--hdm-fs,1))/1.4 Arial,sans-serif;color:#5b6072;margin-top:4px}
.hdm16-cc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hdm16-ong .hdm16-cc{grid-template-columns:repeat(2,minmax(0,1fr))}
.hdm16-cn{background:#fff;border:1px solid #e3e5ec;border-top:4px solid var(--c);display:flex;flex-direction:column;min-width:0}
.hdm16-cn .hd{display:flex;gap:6px;align-items:center;padding:8px 12px;background:#EEF5FF;border-bottom:1px solid #DCE8FB;white-space:nowrap;overflow:hidden;min-width:0}
.hdm16-cn .hd .hdm-status-badge{font:700 calc(10.5px * var(--hdm-fs,1)) Arial,sans-serif}
.hdm16-cn .hd .hdm1314-plus{min-width:0;overflow:hidden;text-overflow:ellipsis}
.hdm16-cn h4{margin:0;padding:10px 12px 2px;font:700 calc(15px * var(--hdm-fs,1))/1.35 Arial,sans-serif;letter-spacing:0;text-transform:none}
.hdm16-cn h4,.hdm16-cn h4 a{color:#0a3d8f!important;text-decoration:none!important}
.hdm16-cn h4 a:hover,.hdm16-cn h4 a:focus{text-decoration:underline!important}
.hdm16-cn .mt{margin:0;padding:0 12px 8px;font:400 calc(12px * var(--hdm-fs,1))/1.5 Arial,sans-serif;color:#5b6072!important}
.hdm16-cn .late{color:#c92a2a!important;font-weight:700}
.hdm16-cn .frise{position:relative;display:flex;height:8px;margin:4px 12px 0;background:#f1f2f5}
.hdm16-cn .frise i{display:block;height:8px;background:var(--c)}
.hdm16-cn .frise i.passe{opacity:.45}.hdm16-cn .frise i.avenir{opacity:.22}
.hdm16-cn .frise b{position:absolute;top:-4px;bottom:-4px;width:0;border-left:2px solid #0c8560}
.hdm16-cn .frise-l{display:flex;justify-content:space-between;margin:3px 12px 6px;font:400 calc(10.5px * var(--hdm-fs,1)) Arial,sans-serif;color:#5b6072!important}
.hdm16-cn .st3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:2px 12px 10px;text-align:center}
.hdm16-cn .st3 b{display:block;font:700 calc(17px * var(--hdm-fs,1)) Arial,sans-serif;color:#1f2330}
.hdm16-cn .st3 span{font:400 calc(10.5px * var(--hdm-fs,1)) Arial,sans-serif;color:#5b6072}
.hdm16-cn .ac{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 12px;margin-top:auto}
.hdm16-cn .hdm13-pf-f{margin:0 12px 12px}
.hdm16-lb.or{background:#FFF1E2;color:#B45309!important}.hdm16-lb.gr{background:#F1F2F4;color:#4b5060!important}
.hdm16-cfin{margin:16px 0 0;border:1px solid #e3e5ec;background:#fff}
.hdm16-cfin>summary{cursor:pointer;padding:10px 14px;font:700 calc(14px * var(--hdm-fs,1)) Arial,sans-serif;color:#0068E8;list-style:none}
.hdm16-cfin>summary::-webkit-details-marker{display:none}
.hdm16-cfin>summary::before{content:'';display:inline-block;margin-right:8px;border-left:6px solid #0068E8;border-top:5px solid transparent;border-bottom:5px solid transparent;transition:transform .15s}
.hdm16-cfin[open]>summary::before{transform:rotate(90deg)}
.hdm16-cfin>summary:focus-visible{outline:2px solid #0068E8;outline-offset:-2px}
.hdm16-cons .vide{color:#5b6072!important;margin:0 0 6px}
.hdm16-cform{margin:0 0 16px}
.hdm16-lf .puce{display:inline-flex;align-items:center;gap:6px;background:#0068E8;color:#fff;font:700 calc(12.5px * var(--hdm-fs,1)) Arial,sans-serif;padding:0 4px 0 10px;min-height:30px}
.hdm16-lf .puce button{all:unset;cursor:pointer;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:calc(16px * var(--hdm-fs,1))}
.hdm16-lf .puce button:focus-visible{outline:2px solid #fff}
@media (max-width:1100px){.hdm16-cc,.hdm16-ong .hdm16-cc{grid-template-columns:repeat(2,minmax(0,1fr))}.hdm16-k4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.hdm16-cc,.hdm16-ong .hdm16-cc{grid-template-columns:minmax(0,1fr)}}

/* ══ 1.3.20 (ÉCRAN 487 ②, Kad 17/10, 8 h 08) : l'onglet Mon équipe — une carte par personne ══ */
.hdm16-eq{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.hdm16-pe{background:#fff;border:1px solid #e3e5ec;padding:14px;display:flex;flex-direction:column;gap:8px;min-width:0}
.hdm16-pe .top{display:flex;gap:10px;align-items:center;min-width:0}
.hdm16-pe .av{flex:none;width:42px;height:42px;border-radius:50%;background:var(--c);color:#fff;font:700 calc(15px * var(--hdm-fs,1)) Arial,sans-serif;display:flex;align-items:center;justify-content:center}
.hdm16-pe .top b{display:block;font:700 calc(14px * var(--hdm-fs,1)) Arial,sans-serif;color:#1f2330;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hdm16-pe small{display:block;font:400 calc(12px * var(--hdm-fs,1))/1.45 Arial,sans-serif;color:#5b6072}
.hdm16-pe .rl{display:flex;flex-direction:column;gap:3px;align-items:flex-start}
.hdm16-pe .role{display:inline-block;color:#fff;font:700 calc(10.5px * var(--hdm-fs,1)) Arial,sans-serif;padding:2px 8px}
.hdm16-pe .warn{font:700 calc(12px * var(--hdm-fs,1)) Arial,sans-serif;color:#B45309}
.hdm16-pe .ac{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:4px}
.hdm16-pe .hdm13-pf-f{margin:0}

@media (max-width:700px){.hdm16-eq,.hdm16-ong .hdm16-eq{grid-template-columns:minmax(0,1fr)}}

/* ══ 1.3.21 (ÉCRAN 487 ③, Kad 17/10, 8 h 08) : l'onglet Membres ══ */
.hdm16-madd{display:flex;gap:8px;align-items:stretch;margin:0 0 12px;flex-wrap:wrap}
.hdm16-madd .q{flex:1 1 260px;margin:0}
.hdm16-madd input[type=text],.hdm16-madd select{width:100%;box-sizing:border-box;border:1px solid #b9cdf0;border-radius:0;background:#fff;padding:8px 10px;font:400 calc(13px * var(--hdm-fs,1)) Arial,sans-serif;color:#1f2330;min-height:38px;margin:0}
.hdm16-madd label{margin:0}
.hdm16-madd input:focus-visible,.hdm16-madd select:focus-visible{outline:2px solid #0068E8;outline-offset:1px}
.hdm16-mb [data-pf16-m][hidden]{display:none!important}
.hdm16-mb .hdm16-lt td b{font-weight:700;color:#1f2330}
@media (max-width:700px){.hdm16-madd .hdm16-bp{flex:1 1 100%;justify-content:center}}

/* ══ 1.3.21 (ÉCRAN 487 ④, Kad 17/10, 8 h 08) : l'onglet Signalements — modérer sur place ══ */
.hdm16-sg{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;background:#fff;border:1px solid #e3e5ec;border-left:4px solid #c92a2a;padding:12px 14px;margin:0 0 10px}
.hdm16-sg small{display:block;font:400 calc(12px * var(--hdm-fs,1))/1.5 Arial,sans-serif;color:#5b6072}
.hdm16-sg small b{color:#1f2330}
.hdm16-sg .late{color:#c92a2a!important;font-weight:700}
.hdm16-sg blockquote{margin:6px 0 0;padding:0;border:0;font:italic 400 calc(14px * var(--hdm-fs,1))/1.5 Arial,sans-serif;color:#1f2330;quotes:none;background:none}
.hdm16-sg blockquote::before,.hdm16-sg blockquote::after{content:none}
.hdm16-sg .ac{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
@media (max-width:700px){.hdm16-sg{grid-template-columns:minmax(0,1fr)}.hdm16-sg .ac{justify-content:flex-start}}

/* ══ 1.3.21 (ÉCRAN 487 ⑤, Kad 17/10, 8 h 08) : l'onglet Journal — une frise par jour ══ */
.hdm16-jr2{position:relative;padding-left:22px;background:#fff;border:1px solid #e3e5ec;padding:6px 14px 10px 36px}
.hdm16-jr2::before{content:'';position:absolute;left:21px;top:8px;bottom:10px;border-left:2px solid #e3e5ec}
.hdm16-jr2 .jd{margin:12px 0 4px;font:700 calc(12px * var(--hdm-fs,1)) Arial,sans-serif;color:#5b6072!important;text-transform:uppercase;letter-spacing:.4px}
.hdm16-jr2 .je{position:relative;display:flex;gap:10px;align-items:baseline;padding:7px 0;border-bottom:1px solid #f1f2f5;font:400 calc(13px * var(--hdm-fs,1))/1.45 Arial,sans-serif;color:#1f2330}
.hdm16-jr2 .je::before{content:'';position:absolute;left:-20px;top:11px;width:10px;height:10px;border-radius:50%;background:var(--c)}
.hdm16-jr2 .je .h{flex:none;width:44px;color:#5b6072;font-size:calc(12px * var(--hdm-fs,1))}
.hdm16-jr2 .je .x{min-width:0}
.hdm16-jr2 .je small{color:#5b6072;font-size:calc(12px * var(--hdm-fs,1))}
.hdm16-jl [hidden]{display:none!important}
/* Les textes pour lecteurs d'écran restent dans leur cadre (le tableau défile sans faire déborder la page sur téléphone) */
.hdm16 .screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap;margin:-1px;padding:0;border:0}
.hdm16-lt-c{position:relative}

/* ══ 1.3.22 (ÉCRAN 489, Kad 17/10, 10 h 28) ══ */
/* ② « signalé N fois », « à traiter vite » à partir de 3 */
.hdm16-sg .nb{display:inline-block;margin-top:4px;font:700 calc(13px * var(--hdm-fs,1)) Arial,sans-serif;color:#c92a2a}
.hdm16-sg.un{border-left-color:#B45309}.hdm16-sg.un .nb{color:#B45309}
.hdm16-sg .urg{display:inline-block;margin-left:8px;background:#c92a2a;color:#fff;font:700 calc(11.5px * var(--hdm-fs,1)) Arial,sans-serif;padding:2px 8px;vertical-align:1px}
/* ④ la barre ne colle plus à « Bonjour » */
.hdm16 .hdm16-barre{margin:0 0 26px!important}
/* ③ Mon équipe : 3 colonnes dans le panneau ; Grille 2 · 3 · 4 · Liste */
.hdm16-ong .hdm16-eq,.hdm16-eq{grid-template-columns:repeat(var(--cols,3),minmax(0,1fr))}
.hdm16-eq.liste{grid-template-columns:minmax(0,1fr);gap:0;border:1px solid #e3e5ec}
.hdm16-eq.liste .hdm16-pe{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 16px;border:0;border-top:1px solid #eef0f4;padding:10px 14px}
.hdm16-eq.liste .hdm16-pe:first-child{border-top:0}
.hdm16-eq.liste .hdm16-pe .top{flex:0 0 240px}
.hdm16-eq.liste .hdm16-pe .rl{flex:1 1 220px}
.hdm16-eq.liste .hdm16-pe small.n{flex:0 0 auto}
.hdm16-eq.liste .hdm16-pe .ac{margin:0 0 0 auto;padding:0}
.hdm16-eqh{display:flex;gap:10px;align-items:center}
@media (max-width:1100px){.hdm16-eq:not(.liste){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.hdm16-eq,.hdm16-ong .hdm16-eq,.hdm16-eq:not(.liste){grid-template-columns:minmax(0,1fr)}.hdm16-eqh .hdm16-lg{display:none}}

/* 1.3.22 — texte plus grand : sur téléphone, l’étiquette du statut passe à la ligne dans les tableaux */
@media (max-width:600px){.hdm11-table .hdm11-pas{white-space:normal}.hdm11-table td{word-break:break-word}}

/* 1.3.23 (ÉCRAN 490) — le choix du portefeuille après « Bonjour », le tableau « Les portefeuilles » */
.hdm16-pf{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0}
.hdm16-pf .l{font:700 calc(12px * var(--hdm-fs,1)) Arial,sans-serif;color:#5b6072;text-transform:uppercase;letter-spacing:.5px;margin-right:4px}
.hdm16-pf a.c{display:inline-block;border:1px solid #cfe0fb;background:#fff;color:#0068E8;font:700 calc(13px * var(--hdm-fs,1)) Arial,sans-serif;padding:6px 11px;text-decoration:none;border-radius:0}
.hdm16-pf a.c i{font-style:normal;font-weight:400;opacity:.85;margin-left:6px}
.hdm16-pf a.c:hover,.hdm16-pf a.c:focus-visible{border-color:#0068E8}
.hdm16-pf a.c.on{background:#0068E8;border-color:#0068E8;color:#fff}
.hdm16-pf details.plus{position:relative}
.hdm16-pf details.plus summary{cursor:pointer;color:#0068E8;font:700 calc(13px * var(--hdm-fs,1)) Arial,sans-serif;padding:6px 4px;list-style:none}
.hdm16-pf details.plus summary::-webkit-details-marker{display:none}
.hdm16-pf details.plus summary::after{content:" ▾"}
.hdm16-pf details.plus[open] summary::after{content:" ▴"}
.hdm16-pf details.plus>div{position:absolute;z-index:20;top:100%;left:0;background:#fff;border:1px solid #cfe0fb;box-shadow:0 6px 18px rgba(31,35,48,.12);padding:8px;display:flex;flex-direction:column;gap:6px;min-width:220px}
.hdm16-pft{overflow-x:auto;margin:0 0 30px;position:relative}   /* relative : le texte pour lecteurs d’écran reste dans le cadre qui défile */
.hdm16-pft table{width:100%;border-collapse:collapse;font-size:calc(14px * var(--hdm-fs,1));background:#fff}
.hdm16-pft th{background:#0068E8;color:#fff;text-align:left;padding:10px 12px;font-size:calc(13px * var(--hdm-fs,1));white-space:nowrap}
.hdm16-pft td{padding:10px 12px;border-bottom:1px solid #e9ebf0;vertical-align:middle}
.hdm16-pft .n{text-align:center}.hdm16-pft td.n{font-weight:700}
.hdm16-pft .r{color:#c92a2a}
.hdm16-pft small{display:block;color:#6B7280;font-size:calc(12.5px * var(--hdm-fs,1))}
.hdm16-pft tr.sans td{background:#fbfbfc}
@media (max-width:700px){.hdm16-pf details.plus>div{position:static;box-shadow:none}.hdm16-pft table{min-width:640px}}

/* 1.3.24 (ÉCRAN 490 ②) — les vues Agenda, Messages, Documents */
.hdm16-ag-t{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:0 0 14px}
.hdm16-ag-t h3{margin:0;color:#8224E3;font:700 calc(21px * var(--hdm-fs,1)) Arial,sans-serif;text-transform:none;letter-spacing:0}
.hdm16-ag-t .nav{display:flex;gap:14px;font-size:calc(14px * var(--hdm-fs,1))}
.hdm16-ag-t .nav a{color:#0068E8;font-weight:700;text-decoration:none}
.hdm16-ag-t .hdm16-lg{margin-left:auto}
.hdm16-cal{overflow-x:auto}
.hdm16-cal .cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-left:1px solid #e3e5ec;border-top:1px solid #e3e5ec;background:#fff;min-width:640px}
.hdm16-cal .cal>div{border-right:1px solid #e3e5ec;border-bottom:1px solid #e3e5ec;min-height:128px;padding:5px 6px;min-width:0;font-size:calc(13px * var(--hdm-fs,1))}
.hdm16-cal .cal>.h{min-height:0!important;background:#f3f5f9;font-weight:700;color:#5b6072;text-align:center}
.hdm16-cal .j .n{display:block;color:#3c4150}
.hdm16-cal .j.o{background:#fafbfc}.hdm16-cal .j.o .n{color:#b8bcc7}
.hdm16-cal .j.auj{box-shadow:inset 0 0 0 2px #0c8560}.hdm16-cal .j.auj .n{color:#0c8560;font-weight:700}
.hdm16-cal .ev{display:block;color:#fff!important;font:700 calc(11.5px * var(--hdm-fs,1)) Arial,sans-serif;padding:2px 5px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}
.hdm16-cal a.ev:hover,.hdm16-cal a.ev:focus-visible{filter:brightness(1.12)}
.hdm16-cal .plus{display:block;color:#5b6072;font-size:calc(12px * var(--hdm-fs,1));margin-top:3px}
.hdm16-agl .jl{background:#fff;border:1px solid #e3e5ec;padding:10px 14px;margin:0 0 10px}
.hdm16-agl .jl.auj{border-left:4px solid #0c8560}
.hdm16-agl .jl b{display:block;color:#1f2330;margin:0 0 6px;font-size:calc(14px * var(--hdm-fs,1))}
.hdm16-agl ul{margin:0;padding:0;list-style:none}
.hdm16-agl li{display:flex;align-items:center;gap:8px;margin:4px 0;font-size:calc(14px * var(--hdm-fs,1))}
.hdm16-agl li i,.hdm16-ag-leg i{display:inline-block;width:12px;height:12px;flex:none}
.hdm16-ag-leg{display:flex;flex-wrap:wrap;gap:8px 18px;margin:12px 0 0;font-size:calc(13.5px * var(--hdm-fs,1));color:#3c4150}
.hdm16-ag-leg span{display:inline-flex;align-items:center;gap:6px}
.hdm16-ag-leg i.auj{background:#0c8560;height:3px}
.hdm16-ag-note{color:#5b6072;font-size:calc(13.5px * var(--hdm-fs,1));margin:8px 0 0}
.hdm16-ml{background:#fff;border:1px solid #e3e5ec;padding:2px 16px;margin:0 0 24px}
.hdm16-ml .m{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:start;padding:12px 0;border-bottom:1px solid #eef0f4}
.hdm16-ml .m:last-child{border-bottom:0}
.hdm16-ml .av{width:36px;height:36px;border-radius:50%;color:#fff;font:700 calc(13px * var(--hdm-fs,1)) Arial,sans-serif;display:flex;align-items:center;justify-content:center}
.hdm16-ml .t{min-width:0;font-size:calc(14.5px * var(--hdm-fs,1))}
.hdm16-ml .t .s{color:#6B7280}
.hdm16-ml .t small{display:block;color:#5b6072;font-size:calc(13.5px * var(--hdm-fs,1));margin-top:2px;overflow-wrap:anywhere}
.hdm16-ml .d{display:flex;flex-direction:column;align-items:flex-end;gap:6px;color:#6B7280;font-size:calc(13px * var(--hdm-fs,1))}
.hdm16-ml .nv{background:#0068E8;color:#fff;font:700 calc(11px * var(--hdm-fs,1)) Arial,sans-serif;padding:2px 7px}
.hdm16-mf{margin:0 0 10px}
.hdm16-docs .hdm16-lf .ch{max-width:100%;min-width:0}.hdm16-docs .hdm16-lf select{max-width:100%}
/* (1.3.25 : les styles des documents sont plus bas) */
@media (max-width:700px){
	.hdm16-ag-t .hdm16-lg{display:none}
	.hdm16-ag .hdm16-cal{display:none}
	.hdm16-ag .hdm16-agl[hidden]{display:block!important}
	.hdm16-ml .m{grid-template-columns:32px minmax(0,1fr)}.hdm16-ml .m .d{grid-column:2;flex-direction:row;justify-content:flex-start}
	.hdm16-ml .av{width:30px;height:30px}
}

/* 1.3.25 (ÉCRAN 492, validé le 17/10 à 14 h 04) — la pagination par numéros ; Documents en liste et en grille */
.hdm17-pages{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin:14px 0 4px;font:700 calc(13.5px * var(--hdm-fs,1)) Arial,sans-serif}
.hdm17-pages button{min-width:34px;height:34px;padding:0 8px;border:0!important;border-radius:6px;background:#F1F5FB;color:#0068E8;font:inherit;cursor:pointer;box-shadow:none}
.hdm17-pages button:hover:not(:disabled),.hdm17-pages button:focus-visible{background:#EAF2FF}
.hdm17-pages button.on{background:#0068E8;color:#fff}
.hdm17-pages button:disabled{opacity:.4;cursor:default}
.hdm17-pages .x{color:#6B7280;padding:0 2px}
.hdm17-pages em{font-style:normal;font-weight:400;color:#6B7280;margin-left:8px}
.hdm16-dl{background:#fff;border:1px solid #e3e5ec;padding:2px 16px}
.hdm16-dl .d{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #eef0f4}
.hdm16-dl .d:last-of-type{border-bottom:0}
.hdm16-dl .ic{width:46px;height:56px;position:relative;background:#fff;border:1px solid #d5dbe6;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px}
.hdm16-dl .ic:before{content:"";position:absolute;top:-1px;right:-1px;border-width:0 12px 12px 0;border-style:solid;border-color:#fff #fff #d5dbe6 #d5dbe6}
.hdm16-dl .ic span,.hdm16-dl .vi .ty{background:var(--c,#6B7280);color:#fff;font:700 calc(10.5px * var(--hdm-fs,1)) Arial,sans-serif;padding:1px 5px}
.hdm16-dl .vi{display:none}
.hdm16-dl .t{min-width:0}.hdm16-dl .t b{display:block;overflow-wrap:anywhere}
.hdm16-dl .t small{display:block;color:#6B7280;font-size:calc(13px * var(--hdm-fs,1))}
.hdm16-dl .tg{font:700 calc(12px * var(--hdm-fs,1)) Arial,sans-serif;color:#5b6072;background:#f3f5f9;padding:3px 8px;white-space:nowrap}
.hdm16-dl.grille{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;background:transparent;border:0;padding:0}
.hdm16-dl.grille>.hdm17-pages{grid-column:1/-1}
.hdm16-dl.grille .d{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;border:1px solid #e3e5ec!important;background:#fff}
.hdm16-dl.grille .d[hidden]{display:none}
.hdm16-dl.grille .ic{display:none}
.hdm16-dl.grille .vi{display:flex;align-items:center;justify-content:center;position:relative;height:150px;background:#eef2f8;border-bottom:1px solid #e3e5ec;overflow:hidden}
.hdm16-dl.grille .vi img{width:100%;height:100%;object-fit:cover;display:block}
.hdm16-dl.grille .vi .ty{position:absolute;left:10px;top:10px;z-index:1}
.hdm16-dl.grille .vi .pg{width:92px;height:116px;background:#fff;box-shadow:0 2px 8px rgba(31,35,48,.12);padding:10px;display:block}
.hdm16-dl.grille .vi .pg i{display:block;height:6px;background:#dde3ee;margin:0 0 7px}.hdm16-dl.grille .vi .pg i:first-child{background:var(--c,#6B7280);width:60%}
.hdm16-dl.grille .t{padding:10px 12px 4px}
.hdm16-dl.grille .tg{margin:0}
.hdm16-dl.grille .hdm16-lb{margin:0}
@media (max-width:900px){.hdm16-dl.grille{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.hdm16-dl .d{grid-template-columns:48px minmax(0,1fr)}.hdm16-dl .d .tg{display:none}.hdm16-dl .d>.hdm16-lb{grid-column:2;justify-self:start}.hdm16-dl.grille .d>.hdm16-lb{grid-column:auto}.hdm16-dl.grille .vi{height:120px}}

/* 1.3.26 (ÉCRAN 493, validé par Kad le 17/10 à 18 h 02) — moins de bleu foncé, badge, Participation, barre de la liste */
.hdm16 select{padding-right:30px!important;background-position:right 10px center}   /* ① le chevron décollé de la bordure */
.hdm16-lf .go,.hdm16-bp{background:#EAF2FF!important;color:#0068E8!important;border:0!important;border-radius:6px!important}   /* ② boutons pastel bleu */
.hdm16-lf .go:hover,.hdm16-lf .go:focus-visible,.hdm16-bp:hover,.hdm16-bp:focus-visible{background:#dce9ff!important}
.hdm16-lt th,.hdm16-pft th{background:#EEF3FB!important;color:#1f2a44!important;box-shadow:inset 0 2px 0 #0068E8}   /* ② bandeau des tableaux */
.hdm16-et{display:inline-block;font:700 calc(12px * var(--hdm-fs,1)) Arial,sans-serif;padding:3px 10px;border-radius:6px;line-height:1.4;white-space:nowrap}   /* ③ */
.hdm16-et.ok{background:#E8F6EF;color:#0A7553}
.hdm16-et.at{background:#FDF1E6;color:#B45309}
[data-pf16-l-filtres] .ch.q{flex:0 1 240px;min-width:160px}   /* ⑤ */
.hdm16-lf .vues{margin-left:auto;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.hdm16-part{display:flex;flex-direction:column}   /* ④ Participation */
.hdm16-part .c{flex:1;display:flex;flex-direction:column}
.hdm16-part .periode{margin:0 0 6px;color:#5b6072;font-size:calc(12.5px * var(--hdm-fs,1))}
.hdm16-part .courbe{position:relative;flex:1 1 auto;width:auto;height:auto;min-height:180px;margin:14px 6px 22px}
.hdm16-part .courbe svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.hdm16-part .courbe .pt{position:absolute;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#fff;border:2px solid #00A3A3;box-sizing:border-box}
.hdm16-part .courbe .pt.fin{width:6px;height:6px;margin:-3px 0 0 -3px}
.hdm16-part .courbe .pt.der{width:11px;height:11px;margin:-5.5px 0 0 -5.5px;background:#3FD0C9}
.hdm16-part .courbe .val{position:absolute;transform:translate(-50%,-150%);font:700 calc(11px * var(--hdm-fs,1)) Arial,sans-serif;color:#007f7f;white-space:nowrap}
.hdm16-part .courbe .dat{position:absolute;top:calc(88% + 6px);transform:translateX(-50%);font:400 calc(10.5px * var(--hdm-fs,1)) Arial,sans-serif;color:#6B7280;white-space:nowrap}
.hdm16-part .courbe .dat.g{transform:none}.hdm16-part .courbe .dat.d{transform:translateX(-100%)}
.hdm16-part h4 .per{display:inline-flex;gap:4px;flex-wrap:wrap}
.hdm16-part h4 .per button{border:0;border-radius:6px;background:rgba(255,255,255,.18);color:#fff;font:700 calc(11.5px * var(--hdm-fs,1)) Arial,sans-serif;padding:3px 8px;cursor:pointer}
.hdm16-part h4 .per button[aria-pressed="true"]{background:#fff;color:#0068E8}
.hdm16-part[aria-busy="true"] .courbe{opacity:.4}
.hdm16-part .kpi{margin-top:8px}
.hdm16-part .kpi .tq b{color:#00807F}.hdm16-part .kpi .vi b{color:#8224E3}.hdm16-part .kpi .or b{color:#B45309}
.hdm16-lf .ch{max-width:100%;min-width:0}.hdm16-lf .ch select{max-width:100%;min-width:0;text-overflow:ellipsis}   /* 1.3.26 : avec la marge du chevron, une liste longue reste dans la barre (téléphone) */
.hdm16-perim{max-width:100%;min-width:0}.hdm16-perim label{max-width:100%;box-sizing:border-box}.hdm16-perim select{min-width:0;max-width:100%;text-overflow:ellipsis}   /* 1.3.26 : « Voir » reste dans l’\écran sur téléphone */

/* 1.3.27 (ÉCRAN 494 ②) — le journal des rôles : de jolis badges légèrement arrondis, sans liseré */
.hdm16-jb{display:inline-block;color:#fff;font:700 calc(11.5px * var(--hdm-fs,1)) Arial,sans-serif;padding:2px 8px;border-radius:6px;margin-right:6px;line-height:1.5;border:0}

/* 1.3.28 (revue de Kad, 17/10 : « voir exemple barre menu HPM ») : onglets répartis avec leur icône, onglet actif sur fond
   clair, recherche, « + Créer », accueil, cloche, compte, replier. */
.hdm16-barre-c{container-type:inline-size;container-name:hdm16barre}
.hdm16-nav{display:flex;align-items:stretch;flex:1 1 auto;min-width:0}
.hdm16-nav a{display:flex;align-items:center;justify-content:center;gap:7px;flex:1 0 auto;min-height:58px;padding:0 13px;color:#fff!important;text-decoration:none!important;font:500 calc(14.5px * var(--hdm-fs,1)) Arial,sans-serif;white-space:nowrap;opacity:.92}
.hdm16-nav a:hover{background:rgba(255,255,255,.12);opacity:1}
.hdm16-nav a.on{background:rgba(255,255,255,.18);box-shadow:inset 0 -3px 0 #fff;font-weight:700;opacity:1}
.hdm16-nav a .ic{flex:none}
.hdm16-barre a:focus-visible,.hdm16-barre button:focus-visible,.hdm16-barre summary:focus-visible,.hdm16-barre input:focus-visible{outline:2px solid #fff;outline-offset:-3px}
.hdm16-outb{display:flex;align-items:center;gap:9px;margin-left:auto;padding:10px 0}
.hdm16-rech{position:relative;display:flex;align-items:center;margin:0}
.hdm16-rech>.ic{position:absolute;left:11px;color:#fff;pointer-events:none}
.hdm16-rech input[type=search]{all:unset;box-sizing:border-box;width:230px;height:38px;padding:0 12px 0 34px;border:1.5px solid rgba(255,255,255,.75);border-radius:0;color:#fff;font:calc(14px * var(--hdm-fs,1)) Arial,sans-serif}
.hdm16-rech input[type=search]::placeholder{color:rgba(255,255,255,.9);opacity:1}
.hdm16-rech input[type=search]:focus,.hdm16-rech input[type=search]:not(:placeholder-shown){background:#fff;border-color:#fff;color:#1f2330}
.hdm16-rech:focus-within>.ic{color:#6B7280}
.hdm16-dm{position:relative}
.hdm16-dm>summary{list-style:none;cursor:pointer}
.hdm16-dm>summary::-webkit-details-marker{display:none}
.hdm16-creer{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 15px;background:#fff;color:#0068E8;font:700 calc(14.5px * var(--hdm-fs,1)) Arial,sans-serif;border:0;border-radius:6px;white-space:nowrap}
.hdm16-outils .hdm16-creer{background:#EAF2FF;border:0;border-radius:6px}
.hdm16-dm>div{position:absolute;right:0;top:calc(100% + 8px);min-width:230px;background:#fff;color:#1f2330;border:1px solid #dfe3ec;border-radius:0;box-shadow:0 14px 34px rgba(10,10,40,.22);padding:6px 0;z-index:60}
.hdm16-dm>div a{display:flex;align-items:center;gap:10px;padding:9px 16px;color:#1f2330!important;text-decoration:none!important;font:calc(14.5px * var(--hdm-fs,1)) Arial,sans-serif;white-space:nowrap}
.hdm16-dm>div a:hover,.hdm16-dm>div a:focus-visible{background:#F4ECFD}
.hdm16-dm>div a .ic{color:#8224E3}
.hdm16-dm .qui{margin:0;padding:8px 16px 10px;border-bottom:1px solid #eceef3;font:calc(15px * var(--hdm-fs,1)) Arial,sans-serif}
.hdm16-dm-compte>summary{display:flex}
.hdm16-av{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;overflow:hidden;color:#fff;font:700 calc(13px * var(--hdm-fs,1)) Arial,sans-serif;box-shadow:0 0 0 2px rgba(255,255,255,.85)}
.hdm16-av img{width:100%;height:100%;object-fit:cover}
.hdm16-ib2{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;color:#fff!important;cursor:pointer;text-decoration:none!important}
.hdm16-ib2:hover{background:rgba(255,255,255,.14)}
.hdm16-cl2:empty{display:none}
.hdm16-barre .hdm16-cl2 .hdm13-cl-b{color:#fff!important;border:0!important;background:transparent!important}
@container hdm16barre (max-width:1580px){
.hdm16-outb{order:1;margin-left:auto;padding:10px 0}
.hdm16-nav{order:2;flex:1 1 100%;overflow-x:auto;scrollbar-width:thin;border-top:1px solid rgba(255,255,255,.22)}
.hdm16-nav a{min-height:46px;padding:0 11px}
.hdm16-barre{padding:0 10px}
}
@container hdm16barre (max-width:640px){
.hdm16-outb{flex-wrap:wrap;justify-content:flex-end;width:100%}
.hdm16-rech{order:9;flex:1 1 100%}
.hdm16-rech input[type=search]{width:100%}
}
.hdm16-fdec>.hdm13-pf-l{display:none}
.hdm16-fdec>.hdm13-pf-f:not([hidden]){display:block;margin:0 0 18px;background:#fff;border:1px solid #dfe3ec;padding:14px 16px}
/* 1.3.29 (revue de Kad, 17/10) : Portefeuilles — intitulés en couleur, boutons pastel selon leur sorte */
.hdm16-pft th.c-bl{color:#0068E8!important}.hdm16-pft th.c-vi{color:#8224E3!important}.hdm16-pft th.c-or{color:#B45309!important}
.hdm16-pft th.c-ro{color:#c92a2a!important}.hdm16-pft th.c-bo{color:#9B1C4F!important}.hdm16-pft th.c-tq{color:#00807F!important}.hdm16-pft th.c-gr{color:#6B7280!important}
.hdm16-bpp{display:inline-block;font:700 calc(13px * var(--hdm-fs,1)) Arial,sans-serif;padding:6px 14px;border-radius:6px;border:0;text-decoration:none!important;white-space:nowrap}
.hdm16-bpp.bl{background:#EAF2FF;color:#0068E8!important}.hdm16-bpp.or{background:#FDF1E6;color:#B45309!important}
.hdm16-bpp:hover{filter:brightness(.96)}
/* Documents — titres bleus (des liens), fond de couleur sans image, « Ouvrir » en bas de la carte, 3 à 5 par ligne */
.hdm16-dl .t a.ti{display:block;color:#0068E8!important;font-weight:700;text-decoration:none;overflow-wrap:anywhere}
.hdm16-dl .t a.ti:hover{text-decoration:underline}
.hdm16-dl.grille{grid-template-columns:repeat(var(--dcols,4),minmax(0,1fr))}
.hdm16-dl.grille .vi{background:color-mix(in srgb,var(--c,#6B7280) 13%,#fff)}
.hdm16-dl.grille .t{flex:1 1 auto}
.hdm16-dl.grille .d>.pied{margin-top:auto}
.hdm16-ncol select{font:700 calc(12.5px * var(--hdm-fs,1)) Arial,sans-serif;color:#9B1C4F;background:#F8E9EF;border:0;border-radius:6px;padding:6px 28px 6px 10px}
.hdm16-ncol[hidden]{display:none}
.hdm16-docs .hdm16-sec .d{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
@media (max-width:900px){.hdm16-dl.grille{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* 1.3.30 (revue de Kad, 17/10) : Équipe — cartes centrées, grand avatar, badges arrondis sur fond pastel ; recherche ;
   « 2 à 6 par ligne » ; « + Associer des personnes » ; les personnes ressources */
.hdm16-eqh{flex-wrap:wrap;justify-content:flex-end}
.hdm16-eqq{position:relative;display:flex;align-items:center;margin:0}
.hdm16-eqq svg{position:absolute;left:10px;color:#6B7280;pointer-events:none}
.hdm16-eqq input{box-sizing:border-box;width:230px;height:36px;border:1px solid #cfd6e4;border-radius:0;padding:0 10px 0 32px;font:calc(13.5px * var(--hdm-fs,1)) Arial,sans-serif;background:#fff}
.hdm16-eqsel select{height:36px;border:1px solid #cfd6e4;border-radius:0;background:#fff;color:#0068E8;font:700 calc(13px * var(--hdm-fs,1)) Arial,sans-serif;padding:0 28px 0 10px}
.hdm16-bpp.vi{background:#F4ECFD;color:#8224E3!important}.hdm16-bpp.ro{background:#FDEEEE;color:#c92a2a!important}
.hdm16-bpp.plein{background:#0068E8;color:#fff!important}
button.hdm16-bpp{cursor:pointer;line-height:1.3}
.hdm16-eq:not(.liste) .hdm16-pe{align-items:center;text-align:center;padding:20px 14px 16px;gap:6px}
.hdm16-eq:not(.liste) .hdm16-pe .top{flex-direction:column;gap:8px;width:100%}
.hdm16-eq:not(.liste) .hdm16-pe .top>div{min-width:0;width:100%}
.hdm16-eq:not(.liste) .hdm16-pe .av{width:68px;height:68px;font-size:calc(22px * var(--hdm-fs,1))}
.hdm16-pe .av{overflow:hidden}.hdm16-pe .av img{width:100%;height:100%;object-fit:cover;display:block}
.hdm16-eq:not(.liste) .hdm16-pe .top b{font-size:calc(15.5px * var(--hdm-fs,1));white-space:normal}
.hdm16-eq:not(.liste) .hdm16-pe .rl{align-items:center}
.hdm16-eq:not(.liste) .hdm16-pe .ac{justify-content:center}
.hdm16-pe .role{color:var(--rc,#0068E8)!important;background:color-mix(in srgb,var(--rc,#0068E8) 12%,#fff);border:0;border-radius:10px;padding:2px 10px;font-size:calc(11.5px * var(--hdm-fs,1))}
.hdm16-pe .warn{background:#FDF1E6;border:0;border-radius:6px;padding:2px 8px}
.hdm16-pe small.n{color:#1f2330;font-weight:700}
.hdm16-eq[data-pf16-eq-grille] .hdm16-pe[data-pf17-hors]{display:none!important}
.hdm16-asso .aide{margin:0 0 8px;color:#5b6072;font-size:calc(13.5px * var(--hdm-fs,1))}
.hdm16-asso .f{font-weight:400;color:#6B7280}
.hdm16-asso textarea,.hdm16-asso input[type=text],.hdm16-asso select{width:100%;box-sizing:border-box}
.hdm16-ress-t{margin-top:28px}
.hdm16-ress{background:#fff;border:1px solid #e3e5ec}
.hdm16-ress .l{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 14px;border-bottom:1px solid #eef0f4}
.hdm16-ress .l:last-of-type{border-bottom:0}
.hdm16-ress .a{width:40px;height:40px;border-radius:50%;color:#fff;font:700 calc(14px * var(--hdm-fs,1)) Arial,sans-serif;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hdm16-ress .a img{width:100%;height:100%;object-fit:cover}
.hdm16-ress .t{min-width:0;font-size:calc(14px * var(--hdm-fs,1))}.hdm16-ress .t small{display:block;color:#6B7280;font-size:calc(12.5px * var(--hdm-fs,1))}
.hdm16-ress .bt{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.hdm16-ress .l[data-pf17-hors]{display:none}
@media (min-width:1101px){.hdm16-eq:not(.liste){grid-template-columns:repeat(var(--cols,4),minmax(0,1fr))}}
@media (max-width:700px){.hdm16-eqq,.hdm16-eqq input{width:100%}.hdm16-eqh{width:100%;justify-content:flex-start}.hdm16-ress .l{grid-template-columns:40px minmax(0,1fr)}.hdm16-ress .bt{grid-column:2;justify-content:flex-start}}
/* 1.3.31 (revue de Kad, 17/10 : « comme HPM ») — l'Agenda : bandeau pastel, période en couleur, boutons verts pastel
   détachés, numéros de semaine, aujourd'hui dans un rond, vues Semaine et Année ; des pastilles comme HPM */
.hdm16-ag{--ag-titre:#0068E8}
.hdm16-ag .hdm16-sec{flex-wrap:wrap;gap:6px 14px}
.hdm16-ag-sous{color:#5b6072;font-size:calc(13.5px * var(--hdm-fs,1))}
.hdm16-agb{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;background:#EEF4FD;border:1px solid #dbe6f7;border-radius:0;padding:12px 16px;margin:4px 0 16px}
.hdm16-agb .fl{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;color:#1f2330!important;font:700 calc(20px * var(--hdm-fs,1)) Arial,sans-serif;text-decoration:none!important}
.hdm16-agb .fl:hover{background:#fff}
.hdm16-agb .ttl{color:var(--ag-titre);font:700 calc(19px * var(--hdm-fs,1)) Arial,sans-serif;min-width:150px;text-align:center}
.hdm16-agb .auj{color:#1f2330!important;font-weight:700;text-decoration:none!important;font-size:calc(14px * var(--hdm-fs,1))}
.hdm16-agb .hdm16-lg{margin-left:auto;gap:8px}
.hdm16-lg a{display:inline-block;font:700 calc(12.5px * var(--hdm-fs,1)) Arial,sans-serif;padding:7px 13px;border:0;border-radius:6px;text-decoration:none!important;line-height:1.2}
.hdm16-lg.ve a{background:#E8F6EF;color:#0A7553!important}
.hdm16-lg.ve a[aria-pressed="true"]{background:#0c8560;color:#fff!important}
.hdm16-cal .cal{grid-template-columns:44px repeat(7,minmax(0,1fr))}
.hdm16-sem .cal{grid-template-columns:repeat(7,minmax(0,1fr))}
.hdm16-cal .cal>.h.s,.hdm16-cal .cal>a.s{min-height:0;background:#f7f9fc;color:#0068E8!important;font:700 calc(12px * var(--hdm-fs,1)) Arial,sans-serif;text-align:center;text-decoration:none!important;padding-top:8px;border-right:1px solid #e3e5ec;border-bottom:1px solid #e3e5ec}
.hdm16-cal .cal>a.s.on{background:#0068E8;color:#fff!important}
.hdm16-cal .j .n{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:50%;font-weight:700}
.hdm16-cal .j.auj{box-shadow:inset 0 3px 0 #0c8560}
.hdm16-cal .j.auj .n{background:#0c8560;color:#fff}
.hdm16-cal .j{text-align:left}
.hdm16-cal .ev{background:color-mix(in srgb,var(--c,#6B7280) 13%,#fff)!important;color:#1f2330!important;border-left:3px solid var(--c,#6B7280);border-radius:0;font-weight:400}
.hdm16-cal a.ev:hover,.hdm16-cal a.ev:focus-visible{filter:none;background:color-mix(in srgb,var(--c,#6B7280) 24%,#fff)!important}
.hdm16-cal a.plus{color:#0068E8;text-decoration:none}
.hdm16-sem .cal>div{min-height:300px}
.hdm16-sem .jt{display:flex;align-items:center;gap:6px;color:#5b6072;font-weight:700;margin:0 0 6px;text-transform:capitalize}
.hdm16-sem .ev{white-space:normal}
.hdm16-an{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.hdm16-an .mo{background:#fff;border:1px solid #e3e5ec;padding:10px 12px}
.hdm16-an .mt{display:block;color:var(--ag-titre)!important;font:700 calc(15px * var(--hdm-fs,1)) Arial,sans-serif;text-decoration:none!important;margin:0 0 6px}
.hdm16-an .mt small{color:#6B7280;font-weight:400;font-size:calc(12px * var(--hdm-fs,1))}
.hdm16-an .g{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center;font-size:calc(11.5px * var(--hdm-fs,1))}
.hdm16-an .g .h{color:#9aa0ad;font-weight:700}
.hdm16-an .g .d{line-height:22px;color:#3c4150}
.hdm16-an .g .d.a{background:color-mix(in srgb,var(--c) 20%,#fff);color:#1f2330;font-weight:700;box-shadow:inset 0 -2px 0 var(--c)}
.hdm16-an .g .d.auj{background:#0c8560;color:#fff;border-radius:50%;font-weight:700;width:22px;height:22px;line-height:22px;margin:0 auto}
@media (max-width:1100px){.hdm16-an{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.hdm16-an{grid-template-columns:repeat(2,minmax(0,1fr))}.hdm16-agb .hdm16-lg{margin-left:0;width:100%}.hdm16-agb .ttl{min-width:0}.hdm16-ag[data-agv="semaine"] .hdm16-sem,.hdm16-ag[data-agv="annee"] .hdm16-an{display:none}}
/* 1.3.32 (revue de Kad, 17/10 : « comme HPM ») — Messages en deux colonnes */
.hdm16-msg2 .mx{display:grid;grid-template-columns:330px minmax(0,1fr);border:1px solid #e3e5ec;background:#fff;min-height:560px}
.hdm16-msg2 .fl{border-right:1px solid #e3e5ec;display:flex;flex-direction:column;min-width:0;background:#fbfbfd}
.hdm16-msg2 .fl .q{display:block;padding:10px;border-bottom:1px solid #eceef3}
.hdm16-msg2 .fl .q input{width:100%;box-sizing:border-box;height:36px;border:1px solid #cfd6e4;border-radius:0;padding:0 10px;font:calc(13.5px * var(--hdm-fs,1)) Arial,sans-serif;background:#fff}
.hdm16-msg2 .li{overflow-y:auto;max-height:640px}
.hdm16-msg2 .it{all:unset;box-sizing:border-box;display:block;width:100%;cursor:pointer;padding:11px 14px;border-bottom:1px solid #eceef3;border-left:3px solid transparent;font:calc(13.5px * var(--hdm-fs,1)) Arial,sans-serif;color:#1f2330}
.hdm16-msg2 .it[hidden]{display:none}
.hdm16-msg2 .it:hover{background:#f4f7fc}
.hdm16-msg2 .it.on{background:#EEF4FD;border-left-color:#0068E8}
.hdm16-msg2 .it:focus-visible{outline:2px solid #0068E8;outline-offset:-2px}
.hdm16-msg2 .it>b{font-size:calc(14px * var(--hdm-fs,1));overflow-wrap:anywhere}
.hdm16-msg2 .it small{display:block;color:#5b6072;margin:3px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hdm16-msg2 .it time{display:block;color:#6B7280;font-size:calc(12px * var(--hdm-fs,1))}
.hdm16-msg2 .pv{background:#F4ECFD;color:#8224E3;font:700 calc(11px * var(--hdm-fs,1)) Arial,sans-serif;padding:1px 7px;border:0;border-radius:10px}
.hdm16-msg2 .nv{background:#0068E8;color:#fff;font:700 calc(11px * var(--hdm-fs,1)) Arial,sans-serif;padding:1px 7px;border:0;border-radius:10px}
.hdm16-msg2 .dr{min-width:0;display:flex;flex-direction:column}
.hdm16-msg2 .fil{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
.hdm16-msg2 .fil[hidden]{display:none}
.hdm16-msg2 header{display:flex;align-items:center;gap:12px;background:#0068E8;color:#fff;padding:12px 16px}
.hdm16-msg2 header>div{min-width:0;flex:1 1 auto}
.hdm16-msg2 header b{display:block;font-size:calc(15.5px * var(--hdm-fs,1));overflow-wrap:anywhere}
.hdm16-msg2 header small{color:rgba(255,255,255,.88);font-size:calc(12.5px * var(--hdm-fs,1))}
.hdm16-msg2 header .ov{background:#fff;color:#0068E8!important;font:700 calc(13px * var(--hdm-fs,1)) Arial,sans-serif;padding:7px 12px;border:0;border-radius:6px;text-decoration:none!important;white-space:nowrap}
.hdm16-msg2 .ms{flex:1 1 auto;overflow-y:auto;max-height:520px;padding:14px 16px;display:flex;flex-direction:column;gap:12px}
.hdm16-msg2 .ms .plus{margin:0;text-align:center;font-size:calc(13px * var(--hdm-fs,1))}
.hdm16-msg2 .m{display:flex;gap:10px;align-items:flex-start;max-width:760px}
.hdm16-msg2 .m .av{flex:none;width:32px;height:32px;border-radius:50%;color:#fff;font:700 calc(12px * var(--hdm-fs,1)) Arial,sans-serif;display:flex;align-items:center;justify-content:center}
.hdm16-msg2 .bu{background:#E8F6EF;padding:8px 12px;border:0;border-radius:6px;min-width:0}
.hdm16-msg2 .m.moi .bu{background:#EAF2FF}
.hdm16-msg2 .bu small{display:block;color:#5b6072;font-size:calc(12px * var(--hdm-fs,1))}
.hdm16-msg2 .bu p{margin:2px 0 0;font-size:calc(14px * var(--hdm-fs,1));overflow-wrap:anywhere}
.hdm16-msg2 .ecr{border-top:1px solid #e3e5ec;padding:12px 16px;background:#fbfbfd}
.hdm16-msg2 .ecr textarea{width:100%;box-sizing:border-box;border:1px solid #cfd6e4;border-radius:0;padding:8px 10px;font:calc(14px * var(--hdm-fs,1)) Arial,sans-serif;resize:vertical}
.hdm16-msg2 .ecr .d{display:flex;align-items:center;gap:10px;margin-top:8px}
.hdm16-msg2 .ecr small{color:#6B7280;flex:1 1 auto}
.hdm16-msg2 .ecr .etat{color:#0c8560;font-weight:700;font-size:calc(13px * var(--hdm-fs,1))}
.hdm16-msg2 .ecr button{background:#0068E8;color:#fff;border:0;border-radius:6px;font:700 calc(14px * var(--hdm-fs,1)) Arial,sans-serif;padding:8px 18px;cursor:pointer}
@media (max-width:800px){.hdm16-msg2 .mx{grid-template-columns:minmax(0,1fr)}.hdm16-msg2 .fl{border-right:0;border-bottom:1px solid #e3e5ec}.hdm16-msg2 .li{max-height:260px}.hdm16-msg2 header{flex-wrap:wrap}}
/* 1.3.32 (Kad, 18/10, 2 h 16) — les titres des vues en bleu (contraste avec le violet de « Bonjour ») ; Documents : la page
   de garde posée sur le fond de couleur du type, « Ouvrir » à droite et plus grand, Liste/Grille et « par ligne » en vert
   pastel (accent vert), le chevron décollé ; l'Agenda : la période en bleu, Semaine · Mois · Année · Liste en badges blancs
   au texte bleu (le choix : inversé) */
.hdm16-vue>.hdm16-sec:first-child h3,.hdm16-vue>section>.hdm16-sec:first-child h3,.hdm16-vue>div>.hdm16-sec:first-child h3{color:#0068E8}
.hdm16-dl .pied{display:flex;align-items:center;justify-content:flex-end;gap:12px}
.hdm16-dl.grille .pied{justify-content:space-between;padding:6px 14px 14px}
.hdm16-dl .pied .hdm16-lb{font-size:calc(13.5px * var(--hdm-fs,1));padding:7px 18px}
.hdm16-dl.grille .vi.ap{background:color-mix(in srgb,var(--c,#6B7280) 16%,#fff)}
.hdm16-dl.grille .vi.ap img{width:auto;height:118px;max-width:70%;object-fit:contain;background:#fff;box-shadow:0 3px 10px rgba(31,35,48,.18)}
.hdm16-ncol select{-webkit-appearance:none;appearance:none;background:#E8F6EF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%230c8560' stroke-width='3'/%3E%3C/svg%3E") no-repeat right 12px center;color:#0c8560;border:0;border-radius:6px;padding:7px 34px 7px 12px;font:700 calc(12.5px * var(--hdm-fs,1)) Arial,sans-serif;cursor:pointer}
.hdm16-lg.bw a,.hdm16-lg.bw button{background:#fff;color:#0068E8!important;border:0;border-radius:6px}
.hdm16-lg.bw a[aria-pressed="true"],.hdm16-lg.bw button[aria-pressed="true"]{background:#0068E8;color:#fff!important}
@media (max-width:700px){.hdm16-dl .d .pied{grid-column:2;justify-content:flex-start}}
/* 1.3.33 (Kad, 18/10, 12 h 51) — moins de bleu, des couleurs légères ; les boutons de choix blancs au texte bleu (comme
   l'Agenda), le choix inversé ; les cartes des idées : une vignette, le pied en couleur pleine, « Ouvrir » à droite */
.hdm16-lg.bw{gap:6px}
.hdm16-lg.bw button b{opacity:.8}
.hdm16-ncol.bw select{background-color:#fff;color:#0068E8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%230068E8' stroke-width='3'/%3E%3C/svg%3E")}
/* Messages */
.hdm16-msg2 header{background:#EEF4FD;color:#1f2330;border-bottom:1px solid #dbe6f7;min-height:58px;box-sizing:border-box}
.hdm16-msg2 header b{color:#0068E8}
.hdm16-msg2 header small{color:#5b6072}
.hdm16-msg2 header .ov{background:#0068E8;color:#fff!important}
.hdm16-msg2 .fl .q{background:#EEF4FD;border-bottom:1px solid #dbe6f7;min-height:58px;box-sizing:border-box;display:flex;align-items:center}
.hdm16-msg2 .bu{background:#F5FAF7}
.hdm16-msg2 .m.rep .bu{background:#F8F5FD}
.hdm16-msg2 .m.moi .bu{background:#F4F8FE}
.hdm16-msg2 .ecr{background:#EEF4FD;border-top:1px solid #dbe6f7}
/* Documents : les boutons au bout de la barre des filtres ; le fond de la vignette de la couleur du type */
.hdm16-docs .hdm16-lf .vues{order:9;margin-left:auto;display:flex;align-items:center;gap:8px}
.hdm16-docs .hdm16-lf .n{order:8}
.hdm16-dl.grille .vi.ap{background:var(--c,#6B7280)}
.hdm16-dl.grille .vi.ap .ty{background:#fff;color:var(--c,#6B7280)}
.hdm16-dl.grille .vi:not(.ap):not(:has(img)){background:var(--c,#6B7280)}
/* Équipe : la recherche, son info-bulle et la liste alignées ; le chevron décollé */
.hdm16-eqh{align-items:center}
.hdm16-eqh .hdm16-i{margin:0 4px 0 -2px}
.hdm16-eqsel select{-webkit-appearance:none;appearance:none;height:36px;box-sizing:border-box;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%230068E8' stroke-width='3'/%3E%3C/svg%3E") no-repeat right 12px center;padding:0 34px 0 12px;margin:0}
.hdm16-eqq input{height:36px;margin:0}
.hdm16-eqh .hdm16-bpp{height:36px;box-sizing:border-box;display:inline-flex;align-items:center}
/* Idées et débats : la carte */
.hdm16-lc.v2{border-top:1px solid #e3e5ec!important;padding:0!important;display:flex;flex-direction:column;overflow:hidden}
.hdm16-lc.v2 .vg{display:flex;align-items:center;justify-content:center;height:120px;background:color-mix(in srgb,var(--v,#0068E8) 14%,#fff);text-decoration:none!important}
.hdm16-lc.v2 .vg.im{background:#eef2f8}
.hdm16-lc.v2 .vg img{width:100%;height:100%;object-fit:cover;display:block}
.hdm16-lc.v2 .vg .ini{font:700 calc(15px * var(--hdm-fs,1)) Arial,sans-serif;color:var(--v,#0068E8);letter-spacing:.5px;text-transform:uppercase;opacity:.75}
.hdm16-lc.v2 .hdm16-lc-b{border:0!important;background:transparent!important;padding:10px 14px 0!important}
.hdm16-lc.v2 h4{padding:0 14px;margin:8px 0 6px}
.hdm16-lc.v2 .mt{padding:0 14px;margin:0 0 8px}
.hdm16-lc.v2 .pied{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;background:color-mix(in srgb,var(--v,#0068E8) 10%,#fff);padding:10px 14px}
.hdm16-lc.v2 .pied .ch{color:#3c4150;font-size:calc(13px * var(--hdm-fs,1))}
.hdm16-lc.v2 .pied .ac{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;margin:0;padding:0;margin-left:auto}
.hdm16-lc.v2 .pied .hdm16-lb{background:#fff}
#hdm16-liste h3{color:#0068E8}
.hdm16-lc.v2 .vg .ini{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:calc(12.5px * var(--hdm-fs,1))}
.hdm16-msg2 header,.hdm16-msg2 .fl .q{height:76px;min-height:76px}
/* ── 1.3.34 (ÉCRAN 496, Kad 18/10, 13 h 11) : les cartes A « vignette » / B « en ligne », Documents A « page posée » / B « fiche », les choix en icônes ── */
.hdm16-lg.ics{gap:4px}
.hdm16-lg button.ic,.hdm16-lg.ics button{width:34px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center}
.hdm16-lg button svg{display:block}
.hdm16-l .vues .hdm16-lg+.hdm16-lg{padding-left:10px;border-left:1px solid #cfd9ea}
[data-bulle]{position:relative}
[data-bulle]:hover::after,[data-bulle]:focus-visible::after{content:attr(data-bulle);position:absolute;left:50%;bottom:calc(100% + 6px);transform:translateX(-50%);background:#1f2330;color:#fff;font:400 calc(12px * var(--hdm-fs,1))/1.2 Arial,sans-serif;padding:4px 8px;white-space:nowrap;z-index:30;pointer-events:none;border:0}
.hdm16-lc.v3{border:1px solid #e6e9f0!important;padding:0!important;display:flex;flex-direction:column;overflow:hidden;background:#fff}
.hdm16-lc.v3 .vg{position:relative;display:flex;align-items:center;justify-content:center;height:132px;flex:none;background:linear-gradient(135deg,color-mix(in srgb,var(--v,#0068E8) 12%,#fff),color-mix(in srgb,var(--v,#0068E8) 24%,#fff));text-decoration:none!important;color:var(--v,#0068E8)}
.hdm16-lc.v3 .vg.im{background:#eef2f8}
.hdm16-lc.v3 .vg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.hdm16-lc.v3 .vg .ini{display:flex;opacity:.9}
.hdm16-lc.v3 .chip,.hdm16-lc.v3 .chip2{position:absolute;top:10px;z-index:1;font:700 calc(11.5px * var(--hdm-fs,1))/1.3 Arial,sans-serif;padding:3px 9px;border-radius:10px;border:0;max-width:calc(50% - 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hdm16-lc.v3 .chip{left:10px;background:#fff;color:var(--v,#0068E8)}
.hdm16-lc.v3 .chip2{right:10px;background:rgba(255,255,255,.92);color:#3c4150}
.hdm16-lc.v3 .bd{padding:12px 14px 10px;flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
.hdm16-lc.v3 .top{display:none}
.hdm16-lc.v3 h4{padding:0;margin:0 0 6px;font:700 calc(16px * var(--hdm-fs,1))/1.3 Arial,sans-serif;overflow-wrap:anywhere}
.hdm16-lc.v3 .mt{padding:0;margin:0;font-size:calc(12.5px * var(--hdm-fs,1));color:#6B7280!important}
.hdm16-lc.v3 .jg{margin-top:auto;padding-top:10px}
.hdm16-lc.v3 .jg .b{display:block;height:6px;background:#e9eef6;overflow:hidden;margin:0 0 4px}
.hdm16-lc.v3 .jg .b i{display:block;height:100%;background:linear-gradient(90deg,#00A3A3,#3FD0C9)}
.hdm16-lc.v3 .jg.vo .b i{background:linear-gradient(90deg,#8224E3,#b98af0)}
.hdm16-lc.v3 .jg .pt{margin:0;font-size:calc(12px * var(--hdm-fs,1));color:#5b6072}
.hdm16-lc.v3 .pied{margin-top:0;display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#F6F8FC;border-top:1px solid #eef0f4;padding:10px 14px}
.hdm16-lc.v3 .pied .ch{display:flex;gap:12px;color:#3c4150;font-size:calc(13px * var(--hdm-fs,1));white-space:nowrap}
.hdm16-lc.v3 .pied .ch svg{vertical-align:-3px;margin-right:4px}
.hdm16-lc.v3 .pied .ac{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;margin:0 0 0 auto;padding:0}
.hdm16-lc.v3 .pied .hdm16-lb.ou{background:#0068E8;color:#fff!important;font-size:calc(13px * var(--hdm-fs,1));padding:7px 16px}
/* B : la vue Liste — la vignette à gauche, le texte à droite, deux par ligne */
.hdm16-lcs.enligne{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.hdm16-lcs.enligne .hdm16-lc.v3{display:grid;grid-template-columns:132px minmax(0,1fr);grid-template-rows:1fr auto;min-height:150px}
.hdm16-lcs.enligne .hdm16-lc.v3 .vg{grid-row:1/3;height:auto}
.hdm16-lcs.enligne .hdm16-lc.v3 .chip,.hdm16-lcs.enligne .hdm16-lc.v3 .chip2{display:none}
.hdm16-lcs.enligne .hdm16-lc.v3 .top{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:0 0 6px;font-size:calc(12px * var(--hdm-fs,1));color:#6B7280}
.hdm16-lcs.enligne .hdm16-lc.v3 .top .st{font:700 calc(11.5px * var(--hdm-fs,1)) Arial,sans-serif;padding:2px 9px;border-radius:10px;border:0;background:color-mix(in srgb,var(--v,#0068E8) 12%,#fff);color:var(--v,#0068E8)}
.hdm16-lcs.enligne .hdm16-lc.v3 .pied{background:#fff;border-top:0;padding:0 16px 12px}
.hdm16-lcs.enligne .hdm16-lc.v3 .bd{padding:12px 16px 8px}
@media (max-width:900px){.hdm16-lcs.enligne{grid-template-columns:minmax(0,1fr)!important}}
@media (max-width:480px){.hdm16-lcs.enligne .hdm16-lc.v3{grid-template-columns:88px minmax(0,1fr)}}
/* Documents */
.hdm16-docs .hdm16-lf .n{font-size:calc(12px * var(--hdm-fs,1));font-weight:400;color:#5b6072}
.hdm16-dl.v3 .t .sj,.hdm16-dl.v3 .t .who{display:none}
.hdm16-dl.v3 .tg .a{display:none}
.hdm16-dl.v3 .tg{background:transparent;padding:0;font-weight:400;font-size:calc(12.5px * var(--hdm-fs,1));color:#6B7280}
/* B : la fiche fichier (Liste) */
.hdm16-dl.v3:not(.grille){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;background:transparent;border:0;padding:0}
.hdm16-dl.v3:not(.grille)>.hdm17-pages{grid-column:1/-1}
.hdm16-dl.v3:not(.grille) .d{display:grid;grid-template-columns:86px minmax(0,1fr);grid-template-rows:1fr auto;gap:0;padding:0;border:1px solid #e6e9f0!important;background:#fff;min-height:128px;align-items:stretch}
.hdm16-dl.v3:not(.grille) .d[hidden]{display:none}
.hdm16-dl.v3:not(.grille) .ic{grid-row:1/3;width:auto;height:auto;border:0;background:var(--c,#6B7280);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:0}
.hdm16-dl.v3:not(.grille) .ic:before{display:none}
.hdm16-dl.v3:not(.grille) .ic span{background:transparent;padding:0;font:700 calc(13px * var(--hdm-fs,1)) Arial,sans-serif;letter-spacing:.5px}
.hdm16-dl.v3:not(.grille) .t{padding:12px 14px 4px}
.hdm16-dl.v3:not(.grille) .t small{font-size:calc(12.5px * var(--hdm-fs,1))}
.hdm16-dl.v3:not(.grille) .pied{justify-content:space-between;padding:4px 14px 12px;grid-column:2}
/* A : la page posée (Grille) */
.hdm16-dl.v3.grille .d{border:1px solid #e6e9f0!important;overflow:hidden}
.hdm16-dl.v3.grille .vi{height:150px;align-items:flex-end;background:var(--c,#6B7280);border-bottom:0}
.hdm16-dl.v3.grille .vi .ty{background:#fff;color:var(--c,#6B7280);font-size:calc(12px * var(--hdm-fs,1));padding:3px 8px;left:12px;top:12px}
.hdm16-dl.v3.grille .vi .pg{width:96px;height:124px;box-shadow:0 6px 18px rgba(0,0,0,.25);transform:translateY(14px) rotate(-3deg);padding:12px}
.hdm16-dl.v3.grille .vi.ap{align-items:flex-end}
.hdm16-dl.v3.grille .vi.ap img{width:96px;height:124px;max-width:none;object-fit:cover;object-position:top;transform:translateY(14px) rotate(-3deg);box-shadow:0 6px 18px rgba(0,0,0,.25)}
.hdm16-dl.v3.grille .vi:not(.ap) img{position:absolute;inset:0}
.hdm16-dl.v3.grille .t{padding:12px 14px 8px}
.hdm16-dl.v3.grille .t small{display:none}
.hdm16-dl.v3.grille .t .ti{font-size:calc(15.5px * var(--hdm-fs,1));line-height:1.3;margin:0 0 6px}
.hdm16-dl.v3.grille .t .sj{display:block;margin:0 0 8px;font-size:calc(12.5px * var(--hdm-fs,1));color:#3c4150}
.hdm16-dl.v3.grille .t .who{display:flex;align-items:center;gap:8px;margin:0;font-size:calc(12.5px * var(--hdm-fs,1));color:#6B7280}
.hdm16-dl.v3 .who .av{width:24px;height:24px;border-radius:50%;border:0;color:#fff;font:700 calc(10px * var(--hdm-fs,1)) Arial,sans-serif;display:inline-flex;align-items:center;justify-content:center;flex:none;overflow:hidden}
.hdm16-dl.v3 .who .av img{width:100%;height:100%;object-fit:cover}
.hdm16-dl.v3.grille .tg .a{display:inline}.hdm16-dl.v3.grille .tg .b{display:none}
.hdm16-dl.v3.grille .pied{border-top:1px solid #eef0f4;padding:10px 14px}
@media (max-width:900px){.hdm16-dl.v3:not(.grille){grid-template-columns:minmax(0,1fr)}}
@media (max-width:700px){.hdm16-dl.v3:not(.grille) .d .pied{grid-column:2;justify-content:space-between}.hdm16-dl.v3 .d .tg{display:inline}}
.hdm16-lcs.enligne .hdm16-lc.v3 .mt .ty{display:none}
.hdm16-dl.v3 .t .sj b{display:inline;font-weight:700}
/* ── 1.3.36 (ÉCRAN 501, Kad 18/10, 15 h 58) ── */
/* Équipe : la barre en bandeau, comme les autres (bleu pastel, liseré bleu), 25 px au-dessus et en dessous */
.hdm16-eqbar{display:flex;align-items:center;background:#EEF4FD;border-left:4px solid #0068E8;padding:10px 12px;margin:14px 0 25px}
.hdm16-eqbar .hdm16-eqh{flex:1;justify-content:flex-start;gap:10px}
.hdm16-eqbar .hdm16-eqh .hdm16-bpp.vi{margin-left:auto}
.hdm16-eqbar .hdm16-eqq input{width:300px}
@media (max-width:700px){.hdm16-eqbar .hdm16-eqh .hdm16-bpp.vi{margin-left:0}.hdm16-eqbar .hdm16-eqq input{width:100%}}
/* Équipe : cartes A — le haut en couleur pleine du rôle */
.hdm16-eq:not(.liste) .hdm16-pe.v4{padding:0;gap:6px;overflow:hidden;border-color:#e6e9f0}
.hdm16-pe.v4 .top{background:var(--c);color:#fff;padding:20px 12px 16px;align-self:stretch;box-sizing:border-box}
.hdm16-eq:not(.liste) .hdm16-pe.v4 .av{width:68px;height:68px;background:rgba(255,255,255,.22)!important;box-shadow:0 0 0 3px rgba(255,255,255,.6)}
.hdm16-pe.v4 .top b{color:#fff!important}
.hdm16-pe.v4 .rts{display:flex;gap:4px;justify-content:center;flex-wrap:wrap;margin-top:6px}
.hdm16-pe.v4 .rt{background:rgba(255,255,255,.22);color:#fff;font:700 calc(12px * var(--hdm-fs,1)) Arial,sans-serif;padding:3px 10px;border-radius:10px;border:0}
.hdm16-pe.v4 .qd{margin-top:8px;color:#6B7280}
.hdm16-pe.v4 .rl.seul .role{display:none}
.hdm16-pe.v4 .rl small{color:#1f2330;font-size:calc(13.5px * var(--hdm-fs,1))}
.hdm16-pe.v4 small.n{margin-bottom:4px}
.hdm16-eq:not(.liste) .hdm16-pe.v4 .ac{align-self:stretch;margin-top:auto;padding:10px;background:color-mix(in srgb,var(--c) 10%,#fff)}
.hdm16-pe.v4 .ac .hdm16-lb{background:#fff}
.hdm16-pe.v4 .hdm13-pf-f{margin:0 10px 10px}
/* Journal : des lignes un peu plus hautes */
.hdm16-jr2 .je{padding:12px 0;font-size:calc(14px * var(--hdm-fs,1));align-items:center}
.hdm16-jr2 .je::before{top:50%;margin-top:-5px}
/* Messages (ÉCRAN 501 ①) : les réponses décalées, les actions sous chaque message */
.hdm16-msg2 .th{display:flex;flex-direction:column;gap:8px}
.hdm16-msg2 .m .mc{min-width:0;display:flex;flex-direction:column;gap:3px}
.hdm16-msg2 .m .bu{align-self:flex-start;border-radius:0px 10px 10px 10px;border:0}
.hdm16-msg2 .ac{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-left:2px}
.hdm16-msg2 .ac button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:4px;font:700 calc(12px * var(--hdm-fs,1)) Arial,sans-serif;color:#5b6072}
.hdm16-msg2 .ac button:hover{color:#0068E8}
.hdm16-msg2 .ac button:focus-visible{outline:2px solid #0068E8;outline-offset:2px}
.hdm16-msg2 .ac button.j.fait{color:#0068E8}
.hdm16-msg2 .ac .dd{display:inline-flex;gap:12px;margin-left:auto}
.hdm16-msg2 .ac button.r{color:#c92a2a}
.hdm16-msg2 .ac button.r.conf{background:#FDEEEE;padding:3px 8px;border-radius:6px;border:0}
.hdm16-msg2 .rp{margin-left:42px;padding-left:14px;border-left:2px solid #dfe5ef;display:flex;flex-direction:column;gap:8px}
.hdm16-msg2 .rp[data-vide]{display:none}
.hdm16-msg2 .m.rep .av{width:28px;height:28px;font-size:calc(11px * var(--hdm-fs,1))}
.hdm16-msg2 .rf,.hdm16-msg2 .ed,.hdm16-msg2 .sig{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;max-width:640px}
.hdm16-msg2 .rf[hidden],.hdm16-msg2 .sig[hidden]{display:none}
.hdm16-msg2 .rf textarea,.hdm16-msg2 .ed textarea{flex:1 1 100%;min-height:56px;border:1px solid #cfd6e4;padding:8px;font:calc(14px * var(--hdm-fs,1)) Arial,sans-serif;background:#fff;box-sizing:border-box}
.hdm16-msg2 .rf .b,.hdm16-msg2 .ed .b{display:flex;gap:6px;margin-left:auto}
.hdm16-msg2 .rf button,.hdm16-msg2 .ed button,.hdm16-msg2 .sig button{all:unset;cursor:pointer;font:700 calc(12.5px * var(--hdm-fs,1)) Arial,sans-serif;padding:7px 12px;border-radius:6px;border:0;background:#0068E8;color:#fff}
.hdm16-msg2 .rf button.an,.hdm16-msg2 .ed button.an,.hdm16-msg2 .sig button.an{background:#F3F5F9;color:#3c4150}
.hdm16-msg2 .rf .etat{flex-basis:100%;font-size:calc(12.5px * var(--hdm-fs,1));color:#5b6072}
.hdm16-msg2 .sig select,.hdm16-msg2 .sig input{height:32px;border:1px solid #cfd6e4;font:calc(13px * var(--hdm-fs,1)) Arial,sans-serif;background:#fff}

/* 1.3.38 (ÉCRAN 502 D, Kad 18/10) : « Modifier » a pour icône « Aa », au trait, dans la couleur du texte, devant le mot */
.hdm-ico-mod{display:inline-block;width:1.15em;height:1.15em;flex:none;margin-right:.35em;vertical-align:-.2em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 19l5-14 5 14M5 14h6'/%3E%3Cpath d='M20 19v-6a3 3 0 0 0-5.5-1.6M20 16.5c-1 1.6-2.3 2.5-3.8 2.5a2 2 0 0 1 0-4H20'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 19l5-14 5 14M5 14h6'/%3E%3Cpath d='M20 19v-6a3 3 0 0 0-5.5-1.6M20 16.5c-1 1.6-2.3 2.5-3.8 2.5a2 2 0 0 1 0-4H20'/%3E%3C/svg%3E") center/contain no-repeat}

/* 1.3.39 (Kad, 19/10, 1 h 26) — Mon équipe : la recherche à gauche ; « 5 par ligne » et les boutons à droite ; tout à
   36 px de haut ; « + Déléguer » et « + Associer des personnes » blancs au texte bleu, inversés au survol et ouverts. */
.hdm16-eqbar .hdm16-eqh{display:flex;align-items:center;flex-wrap:wrap}
.hdm16-eqbar .hdm16-eqd{margin-left:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hdm16-eqbar .hdm16-eqq input,.hdm16-eqbar .hdm16-eqsel select,.hdm16-eqbar .hdm16-bpp{height:36px!important;min-height:36px;box-sizing:border-box;margin:0;vertical-align:middle}
.hdm16-eqbar .hdm16-eqsel{display:flex;margin:0}
.hdm16-eqbar .hdm16-bpp.vi,.hdm16-eqbar .hdm16-bpp.plein{display:inline-flex;align-items:center;background:#fff;color:#0068E8!important;border:0;border-radius:6px;padding:0 14px;filter:none}
.hdm16-eqbar .hdm16-bpp.vi:hover,.hdm16-eqbar .hdm16-bpp.plein:hover,.hdm16-eqbar .hdm16-bpp[aria-expanded="true"]{background:#0068E8;color:#fff!important}
.hdm16-eqbar .hdm16-bpp:focus-visible{outline:2px solid #0068E8;outline-offset:2px}
@media (max-width:700px){.hdm16-eqbar .hdm16-eqd{margin-left:0;width:100%}}
.hdm16-eqbar .hdm16-eqh .hdm16-eqd .hdm16-bpp.vi{margin-left:0}

/* 1.3.40 (Kad, 19/10) : « Taille du texte » A− / A+ dans le menu du compte, comme HPM */
.hdm16-dm>div .hdm16-taille{display:flex;align-items:center;gap:8px;padding:8px 16px;border-top:1px solid #eceef3;border-bottom:1px solid #eceef3;margin:4px 0}
.hdm16-dm>div .hdm16-taille .l{flex:1;white-space:nowrap;margin-right:8px;font:calc(14.5px * var(--hdm-fs,1)) Arial,sans-serif;color:#1f2330}
.hdm16-dm>div .hdm16-taille button{all:unset;box-sizing:border-box;cursor:pointer;width:34px;padding:5px 0;text-align:center;font:700 calc(14px * var(--hdm-fs,1)) Arial,sans-serif;background:#EAF2FF;color:#0068E8;border:0;border-radius:6px}
.hdm16-dm>div .hdm16-taille button:hover,.hdm16-dm>div .hdm16-taille button:focus-visible{background:#d9e8ff}
.hdm16-dm>div .hdm16-taille button:focus-visible{outline:2px solid #0068E8;outline-offset:1px}
.hdm16-dm>div .hdm16-taille button:disabled{opacity:.4;cursor:default}
.hdm16-dm>div .hdm16-taille output{min-width:48px;text-align:center;font:700 calc(13.5px * var(--hdm-fs,1)) Arial,sans-serif}

/* 1.3.40 (Kad, 19/10, 2 h 58) — l'attente entre deux vues, comme HPM (alpha.177) : la zone du contenu se couvre d'un
   dessin de la page qui arrive (bandeau en dégradé pâle, quatre tuiles aux couleurs de la charte, des lignes), un reflet
   passe, trois points battent dans le bandeau. Les cartes des idées en attente de données : des cartes pâles. */
.hdm-attente-on{position:relative}
.hdm-attente{position:absolute;inset:0;z-index:50;background:var(--hdm-fond-page,#fff);min-height:360px;overflow:hidden}
.hdm-attente::before{content:"";position:absolute;left:0;right:0;top:20px;height:330px;
  background-image:linear-gradient(90deg,#d3e4fb,#e3d1f7),linear-gradient(#e6d3f9,#e6d3f9),linear-gradient(#d3e4fb,#d3e4fb),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}
.hdm-attente::after{content:"";position:absolute;left:50%;top:45px;width:12px;height:12px;margin-left:-30px;border:0;border-radius:50%;background:#fff;
  box-shadow:24px 0 0 #fff,48px 0 0 #fff;animation:hdm-attente-points 1.1s ease-in-out infinite}
@keyframes hdm-attente-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){.hdm-attente::before{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){.hdm-attente::after{animation:none}}
/* Les cartes des idées pendant leur chargement (liste, onglets d'échelon, filtres) */
.hdm-cards .hdm-loading{grid-column:1/-1;min-height:300px;padding:0;font-size:0;color:transparent;position:relative;font-style:normal;
  background-image:linear-gradient(#e7eefb,#e7eefb),linear-gradient(#f3f5f9,#f3f5f9),linear-gradient(#efe6fa,#efe6fa),linear-gradient(#f3f5f9,#f3f5f9),linear-gradient(#e2f2ea,#e2f2ea),linear-gradient(#f3f5f9,#f3f5f9);
  background-size:31.5% 150px,31.5% 120px,31.5% 150px,31.5% 120px,31.5% 150px,31.5% 120px;
  background-position:0 0,0 160px,50% 0,50% 160px,100% 0,100% 160px;background-repeat:no-repeat}
.hdm-cards .hdm-loading::after{content:"";position:absolute;left:50%;top:65px;width:12px;height:12px;margin-left:-30px;border:0;border-radius:50%;background:#0068E8;
  box-shadow:24px 0 0 #8224E3,48px 0 0 #0c8560;animation:hdm-attente-pouls 1.1s ease-in-out infinite}
@keyframes hdm-attente-pouls{0%,100%{opacity:1}50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.hdm-cards .hdm-loading::after{animation:none}}

/* ── 1.3.41 — la cloche comme HPM (Kad, 19/10, 8 h 32) ───────────────────────────────────────────────── */
.hdm13-cl-t{gap:10px;padding:12px 14px}
.hdm13-cl-tb{display:inline-flex;gap:6px}
.hdm13-cl-t .hdm13-cl-tb button{all:unset;cursor:pointer;border:0;border-radius:6px;padding:5px 10px;font:700 calc(12.5px * var(--hdm-fs,1)) Arial,sans-serif;color:#0068E8;background:#EAF2FF}
.hdm13-cl-t .hdm13-cl-tb button.suppr{color:#9B1C4F;background:#FBEFF4}
.hdm13-cl-t .hdm13-cl-tb button:hover{text-decoration:none;filter:brightness(.96)}
.hdm13-cl-t .hdm13-cl-tb button:focus-visible,.hdm13-cl-l button:focus-visible,.hdm13-cl-sel button:focus-visible,.hdm13-cl-conf button:focus-visible,.hdm13-cl-pages button:focus-visible{outline:2px solid #8224E3;outline-offset:1px}
.hdm13-cl-l{align-items:flex-start;padding:10px 12px}
.hdm13-cl-l .sel{flex:none;width:16px;height:16px;margin:2px 0 0;accent-color:#0068E8;cursor:pointer}
.hdm13-cl-l .c{flex:1;min-width:0;color:#1d2433;text-decoration:none}
.hdm13-cl-l .c:hover b{text-decoration:underline}
.hdm13-cl-l .c:focus-visible{outline:2px solid #8224E3;outline-offset:2px}
.hdm13-cl-l button{all:unset;flex:none;cursor:pointer;border:0;border-radius:6px;font:700 calc(12px * var(--hdm-fs,1)) Arial,sans-serif;line-height:1}
.hdm13-cl-l button.lu{padding:5px 6px;color:#0068E8;background:transparent;white-space:nowrap}
.hdm13-cl-l button.lu:hover{background:#EAF2FF}
.hdm13-cl-l button.sp{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;color:#6B7280;font-size:calc(17px * var(--hdm-fs,1));background:transparent}
.hdm13-cl-l button.sp:hover{color:#9B1C4F;background:#FBEFF4}
.hdm13-cl-sel{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;background:#F4ECFD;font-size:calc(12.5px * var(--hdm-fs,1));color:#1d2433}
.hdm13-cl-sel label{display:inline-flex;align-items:center;gap:6px;margin-right:auto;font-weight:700;color:#8224E3}
.hdm13-cl-sel input{width:16px;height:16px;margin:0;accent-color:#8224E3}
.hdm13-cl-sel button,.hdm13-cl-conf button,.hdm13-cl-pages button{all:unset;cursor:pointer;border:0;border-radius:6px;padding:5px 10px;font:700 calc(12.5px * var(--hdm-fs,1)) Arial,sans-serif;color:#0068E8;background:#fff}
.hdm13-cl-sel button.suppr,.hdm13-cl-conf button.suppr{color:#fff;background:#9B1C4F}
.hdm13-cl-conf{padding:12px 14px;background:#FBEFF4;border-bottom:1px solid #f0d6e1}
.hdm13-cl-conf p{margin:0 0 2px;font-weight:700;color:#9B1C4F;font-size:calc(14px * var(--hdm-fs,1))}
.hdm13-cl-conf small{display:block;color:#566079;font-size:calc(12px * var(--hdm-fs,1))}
.hdm13-cl-conf span{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}
.hdm13-cl-pages{display:flex;justify-content:center;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid #eef0f4;font-size:calc(12.5px * var(--hdm-fs,1));color:#566079}
.hdm13-cl-pages button{background:#EAF2FF;padding:4px 10px}
.hdm13-cl-pages button[disabled]{opacity:.4;cursor:default}
/* 1.3.41 — la page publique : le formulaire d'abord ; ensuite la ligne des onglets, de la liste « Échelon » et de la cloche,
   posée sur la barre des filtres (Kad, 19/10, 8 h 42). */
.hdm13-tableau .hdm13-ligne-filtres{margin:22px 0 0;border-bottom:0;background:#fff;border:1px solid #e3e8f2;border-bottom:0;padding:0 12px}
.hdm13-tableau .hdm13-ligne-filtres+.hdm13-panneau .hdm-filters{margin-top:0}
.hdm13-tableau.sans-onglets .hdm13-ligne-filtres{padding:8px 12px}
.hdm13-ligne-filtres .hdm13-ligne-d{display:flex;align-items:center;gap:12px;padding:8px 0}
.hdm13-ech{display:inline-flex;align-items:center;gap:8px;font:700 calc(13px * var(--hdm-fs,1)) Arial,sans-serif;color:#1f2330}
.hdm13-ech select{appearance:none;-webkit-appearance:none;min-width:190px;max-width:320px;height:36px;padding:0 40px 0 12px;border:1px solid #cfd6e4;border-radius:0;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%231f2330' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center;background-size:13px;font:400 calc(14px * var(--hdm-fs,1)) Arial,sans-serif;color:#1f2330;cursor:pointer}
.hdm13-ech select:focus-visible{outline:2px solid #8224E3;outline-offset:1px}
.hdm13-tableau>.hdm13-fil{margin:18px 0 0}
.hdm13-tableau>.hdm13-seul{margin:6px 0 0}
@media (max-width:700px){.hdm13-ech select{min-width:0;max-width:60vw}}
.hdm13-tableau .hdm13-ligne-filtres{flex-direction:row;flex-wrap:wrap;align-items:flex-end;column-gap:16px}
.hdm13-ligne-filtres .hdm13-onglets{order:1;flex:0 1 auto;flex-wrap:wrap}
.hdm13-ligne-filtres .hdm13-ligne-d{order:2;margin-left:auto}
.hdm13-ligne-filtres .hdm13-onglet{white-space:nowrap}
/* ── 1.3.54 (Kad, 26/10, ÉCRAN 560, choix A) — « Mon espace » ─────────────────────────────────────────────────── */
/* Le bandeau des onglets en dégradé signature (le panneau où l'on agit) */
.hdm16-ong .tb{background:#0068E8 linear-gradient(90deg,#0068E8,#8224E3)}
/* Les panneaux de droite : en-tête blanc, un trait de couleur dessous, le titre de la même couleur (comme HAM) */
.hdm16-sp{--hdm16-c:#8224E3}.hdm16-sp.hdm16-part{--hdm16-c:#0c8560}
.hdm16-sp h4{background:#fff;color:var(--hdm16-c);border-bottom:3px solid var(--hdm16-c);padding:11px 14px 9px}
.hdm16-sp h4 small{color:#6B7280}
.hdm16-part h4 .per button{background:#E6F4EE;color:#0c8560}
.hdm16-part h4 .per button:hover{background:#d3ecdf}
.hdm16-part h4 .per button[aria-pressed="true"]{background:#0c8560;color:#fff}
.hdm16-part h4 .per button:focus-visible{outline:2px solid #0c8560;outline-offset:1px}
/* « Où en sont les idées et les débats » : dix cases par ligne (1 case = un dixième des sujets) */
.hdm16-sp .hb.hdm16-dix{grid-template-columns:minmax(0,150px) auto 34px;justify-content:start;column-gap:14px}
.hdm16-dix .cs{display:flex;gap:4px}
.hdm16-dix .cs i{display:block;width:16px;height:12px;background:#ECEEF3;min-width:0}
.hdm16-dix.z{color:#9aa1b0}.hdm16-dix.z b{color:#9aa1b0;font-weight:400}
@media (max-width:420px){.hdm16-dix .cs{gap:2px}.hdm16-dix .cs i{width:11px}}
/* ── 1.3.56 (Kad, 26/10, 15 h 08, capture annotée) — « Mon espace » ─────────────────────────────────────────────── */
/* Le bandeau des onglets un peu plus haut, les onglets centrés, une icône devant chacun ; les en-têtes des panneaux de
   droite à la même hauteur que lui. */
.hdm16-ong .tb{justify-content:center;align-items:stretch}
.hdm16-ong .tb button{display:inline-flex;align-items:center;gap:7px;min-height:calc(50px * var(--hdm-fs,1));padding:0 16px}
.hdm16-ong .tb button .ic{flex:none;width:calc(17px * var(--hdm-fs,1));height:calc(17px * var(--hdm-fs,1))}
.hdm16-ong .tb button b{margin-left:0}
.hdm16-sp h4{box-sizing:border-box;min-height:calc(50px * var(--hdm-fs,1))}
/* La pagination de Mon espace décollée des bords du panneau */
.hdm16-ong .hdm17-pages{margin:16px 18px 18px}
/* 1.3.57 (Kad, 26/10, 18 h 21) : le chiffre des onglets de Mon espace dans une bulle ronde, un peu plus grande (comme HPM) */
.hdm16-ong .tb button b{display:inline-flex;align-items:center;justify-content:center;min-width:calc(22px * var(--hdm-fs,1));height:calc(22px * var(--hdm-fs,1));padding:0 6px;box-sizing:border-box;border:0;border-radius:11px;font-size:calc(12px * var(--hdm-fs,1));line-height:1}
/* ── 1.3.58 (Kad, 26/10, 23 h 06, capture annotée) — Mon espace ─────────────────────────────────────────────────── */
/* Les badges d'état des lignes (Idées, Débats) : légèrement arrondis (sans bordure), un peu d'air autour du texte et
   autour du badge ; la couleur vient de la variable --pz. */
.hdm13-pf-pz{background:var(--pz,#6B7280);border:0;border-radius:6px;padding:4px 10px;margin:0 4px 0 2px;line-height:1.3;white-space:nowrap;min-width:calc(112px * var(--hdm-fs,1));box-sizing:border-box;text-align:center}
/* La pagination de Mon espace : de l'air en dessous (en marge intérieure : la marge extérieure se perdait au bas du
   panneau) */
.hdm16-ong .hdm17-pages{margin:14px 0 0;padding:4px 18px 20px}
/* ÉCRAN 561, choix B de Kad (23 h 12) : fond pastel très clair, texte de la couleur du statut */
.hdm13-pf-pz{background:color-mix(in srgb,var(--pz,#6B7280) 9%,#fff);color:var(--pz,#6B7280)}

/* ═══ 1.3.72 (ÉCRAN 604, Kad 13/11) — le bandeau des onglets de la page publique en dégradé bleu → violet ══════
   (visible selon le réglage « Onglets de la page publique » ; pilotes seulement par défaut). L'onglet choisi est
   souligné de blanc ; plus de cadre au clic (le contour reste au clavier). */
.hdm13-tableau:not(.sans-onglets) .hdm13-ligne-filtres{
  background: linear-gradient(110deg, #0068E8 0%, #8224E3 100%) !important; border: 0 !important;
  padding: 0 16px !important; align-items: stretch !important;
}
.hdm13-tableau:not(.sans-onglets) .hdm13-ligne-filtres .hdm13-onglets{ align-self: stretch; }
.hdm13-tableau:not(.sans-onglets) .hdm13-ligne-filtres .hdm13-onglet{
  color: rgba(255,255,255,.86) !important; border: 0 !important; border-bottom: 3px solid transparent !important;
  margin: 0 !important; padding: 14px 14px 11px !important; background: none !important; box-shadow: none !important; outline: 0;
}
.hdm13-tableau:not(.sans-onglets) .hdm13-ligne-filtres .hdm13-onglet:hover{ color: #fff !important; }
.hdm13-tableau:not(.sans-onglets) .hdm13-ligne-filtres .hdm13-onglet.on{ color: #fff !important; border-bottom-color: #fff !important; }
.hdm13-tableau .hdm13-ligne-filtres .hdm13-onglet:focus:not(:focus-visible){ outline: 0 !important; box-shadow: none !important; }
.hdm13-tableau:not(.sans-onglets) .hdm13-ligne-filtres .hdm13-onglet:focus-visible{ outline: 2px solid #fff !important; outline-offset: -4px; }
.hdm13-tableau:not(.sans-onglets) .hdm13-ligne-filtres .hdm13-onglet .n{ background: rgba(255,255,255,.22) !important; color: #fff !important; }
.hdm13-tableau:not(.sans-onglets) .hdm13-ligne-filtres .hdm13-onglet.on .n{ background: #fff !important; color: #0068E8 !important; }
.hdm13-tableau:not(.sans-onglets) .hdm13-ligne-filtres .hdm13-ligne-d{ align-self: center; padding: 8px 0 !important; }
.hdm13-tableau:not(.sans-onglets) .hdm13-ligne-filtres .hdm13-ech{ color: #fff !important; }
.hdm13-tableau:not(.sans-onglets) .hdm13-ligne-filtres .hdm13-ech select{ border-color: #fff !important; }
.hdm13-tableau:not(.sans-onglets) .hdm13-ligne-filtres .hdm13-cl-b{ color: #fff !important; }
.hdm13-tableau:not(.sans-onglets) .hdm13-ligne-filtres .hdm13-cl-b:hover,.hdm13-tableau:not(.sans-onglets) .hdm13-ligne-filtres .hdm13-cl-b[aria-expanded=true]{ background: rgba(255,255,255,.18) !important; }
.hdm13-tableau:not(.sans-onglets) .hdm13-ligne-filtres+.hdm13-panneau .hdm-filters{ border-top: 0 !important; }
/* 1.3.74 — téléphone : la partie droite du bandeau (« Échelon » et la cloche) passe à la ligne au lieu de dépasser
   de l'écran (1 px de défilement de côté trouvé par la sonde front1371, page WPBakery à marges). */
@media (max-width: 600px){
  .hdm13-tableau:not(.sans-onglets) .hdm13-ligne-filtres{ padding: 0 12px !important; }
  .hdm13-ligne-filtres .hdm13-ligne-d{ flex-wrap: wrap; min-width: 0; max-width: 100%; box-sizing: border-box; }
  .hdm13-ligne-filtres .hdm13-ligne-d > *{ min-width: 0; max-width: 100%; }
  .hdm13-ligne-filtres .hdm13-ligne-d select{ max-width: 100%; min-width: 0; }
}