/* au-cabinet.fr/diabete — blocs propres à la page (le reste vient de /_commun/gabarit-mdph.css).
   Tailles en rem/em (le réglage « taille du texte » du bandeau doit tout agrandir).
   Règles de présentation voulues par Jonathan (12/10/2026) : une idée par ligne, le mot important en gras en tête de
   ligne, titres en couleur (une couleur par classe de médicament et par thème), choix impossibles en rouge et bloqués.
   Cases groupées en cadres titrés : présentation de l'outil Ionogramme (choix de Jonathan, 12/10/2026). */

/* ---------- couleurs : une par classe de médicament (texte blanc lisible, contraste AA sur ces fonds) ---------- */
.dt{--c-metformine:#3B5C9E;--c-su:#9C4A00;--c-glinide:#8A3A2A;--c-dpp4:#7A4F96;--c-sglt2:#1F6E74;--c-glp1:#2F6B4F;
  --c-tirz:#4D6623;--c-basale:#A8123B;--c-rapide:#B5462C;--c-premix:#7A5230;--c-acarbose:#4A5A66;--c-pio:#4A5A66;
  --c-coeur:#A8123B;--c-rein:#3B5C9E;--c-age:#7A4F96;--c-ci:#9C4A00;--c-inj:#1F6E74;--c-bio:#2F6B4F;--c-ordo:#7A5230}
.dt-k-metformine{--c:var(--c-metformine)}.dt-k-su{--c:var(--c-su)}.dt-k-glinide{--c:var(--c-glinide)}.dt-k-dpp4{--c:var(--c-dpp4)}
.dt-k-sglt2{--c:var(--c-sglt2)}.dt-k-glp1{--c:var(--c-glp1)}.dt-k-tirz{--c:var(--c-tirz)}.dt-k-basale{--c:var(--c-basale)}
.dt-k-rapide{--c:var(--c-rapide)}.dt-k-premix{--c:var(--c-premix)}.dt-k-acarbose{--c:var(--c-acarbose)}.dt-k-pio{--c:var(--c-pio)}
.dt-t-coeur{--c:var(--c-coeur)}.dt-t-rein{--c:var(--c-rein)}.dt-t-age{--c:var(--c-age)}.dt-t-ci{--c:var(--c-ci)}.dt-t-inj{--c:var(--c-inj)}
.dt-t-bio{--c:var(--c-bio)}.dt-t-ordo{--c:var(--c-ordo)}

/* titres colorés dans les sections */
.dt h3{color:var(--c,var(--gm-rub-txt))}
.dt-h{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:1.1rem 0 .4rem;font-size:1.15rem;color:var(--c,var(--gm-rub-txt))}
.dt-h::before{content:"";flex:none;width:.55rem;height:1.2rem;border-radius:.2rem;background:var(--c,var(--gm-rub))}

/* ---------- textes : une idée par ligne, mot clé en gras ---------- */
.dt-aide{font-size:.86rem;color:var(--gm-encre-2)}
.dt-ref{font-size:.82rem;color:var(--gm-encre-3);margin-top:.5rem}
.dt-l{list-style:none;margin:.3rem 0;padding:0}
.dt-l>li{position:relative;padding:.22rem 0 .22rem 1.05rem;font-size:.93rem;line-height:1.4;border-bottom:1px dotted var(--gm-filet)}
.dt-l>li:last-child{border-bottom:0}
.dt-l>li::before{content:"";position:absolute;left:.1rem;top:.68rem;width:.45rem;height:.45rem;border-radius:50%;background:var(--c,var(--gm-rub))}
.dt-l>li>b:first-child{color:var(--c,var(--gm-encre))}
.dt-l>li.dt-plus::before{background:var(--gm-vert-txt,#2F6B4F)}
.dt-l>li.dt-moins::before{background:var(--gm-rouge)}
.dt-l>li.dt-att::before{background:var(--gm-ambre)}
.dt-note{font-size:.9rem;margin:.35rem 0;padding:.4rem .6rem;border-left:4px solid var(--gm-rub);background:var(--gm-carte)}
.dt-note.att{border-color:var(--gm-rouge);background:var(--gm-rose)}
.dt-note.ok{border-color:var(--gm-vert-txt,#2F6B4F);background:var(--gm-vert-doux)}

/* ---------- badges : sources, discordances, AMM et remboursement ---------- */
.dt-b{display:inline-flex;align-items:center;gap:.25rem;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;
  border-radius:.3rem;padding:.08rem .42rem;vertical-align:middle;line-height:1.35;white-space:nowrap;border:1.5px solid transparent}
.dt-b-has{background:#E3EAF6;color:#24427E;border-color:#3B5C9E}
.dt-b-sfd{background:#DCECC4;color:#2A5A1E;border-color:#4D6623}
.dt-b-ada,.dt-b-easd{background:#EDE5F2;color:#5B3778;border-color:#7A4F96}
.dt-b-kdigo{background:#D9ECEC;color:#14555A;border-color:#1F6E74}
.dt-b-esc{background:#F9DCE3;color:#8E1032;border-color:#A8123B}
.dt-b-nice{background:#EDE7D8;color:#4A3A20;border-color:#7A5230}
.dt-disc{display:inline-flex;align-items:center;gap:.3rem;font-size:.76rem;font-weight:800;border-radius:1rem;padding:.12rem .6rem;
  background:#FFE7A8;color:#6B3A00;border:2px solid #D08A35;cursor:help;vertical-align:middle}
.dt-disc::before{content:"⇄";font-size:.9rem}
.dt-disc.dt-disc-fort{background:#FFD9D1;color:#8E1032;border-color:#C4202F}
.dt-ok{background:var(--gm-vert-doux);color:#24502A;border-color:#2F6B4F}
.dt-cond{background:var(--gm-ambre-doux);color:var(--gm-ambre-txt);border-color:var(--gm-ambre)}
.dt-non{background:var(--gm-rose);color:var(--gm-rouge-txt,#A8123B);border-color:var(--gm-rouge)}
.dt-gris{background:var(--gm-papier-2);color:var(--gm-encre-2);border-color:var(--gm-filet)}

/* ---------- champs alignés : libellé, saisie, unité ---------- */
.dt-ident{display:grid;gap:.1rem;margin:.4rem 0 .8rem;max-width:44rem}
.dt-champ{display:grid;grid-template-columns:minmax(0,14rem) auto 1fr;align-items:center;gap:.4rem .8rem;padding:.3rem 0;border-bottom:1px dotted var(--gm-filet)}
.dt-champ label,.dt-lab{font-weight:800;font-size:1rem;line-height:1.25}
.dt-champ .gm-chipset{margin:0;grid-column:2/4}
.dt-input{font:inherit;font-size:1rem;padding:.35rem .5rem;border:2px solid var(--gm-encre-3);border-radius:.3rem;background:#fff;box-sizing:border-box;width:9.5rem;max-width:100%}
input.dt-input[inputmode]{text-align:right;width:6.2rem}
.dt-input.dt-lu{border-color:var(--gm-vert-txt,#2F6B4F);background:var(--gm-vert-doux)}
.dt-input.dt-hors{border-color:var(--gm-rouge);background:var(--gm-rose)}
select.dt-input{width:auto}
.dt-u{font-size:.85rem;color:var(--gm-encre-2)}
.dt-calc{font-size:.88rem;font-weight:700;color:var(--gm-encre-2)}
@media (max-width:640px){.dt-champ{grid-template-columns:auto auto 1fr}.dt-champ label,.dt-lab{grid-column:1/4}.dt-champ .gm-chipset{grid-column:1/4}}

/* ---------- cases groupées en cadres titrés (onglet coloré) ---------- */
.dt-cases-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:.8rem .9rem;margin:.4rem 0 .8rem}
.dt-gcase{margin:0;padding:.5rem .6rem .45rem;border:2px solid var(--gm-encre);border-top:5px solid var(--c,var(--gm-rub));border-radius:.4rem;background:var(--gm-carte);min-width:0}
.dt-gcase legend{font-size:1rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:#fff;background:var(--c,var(--gm-rub-txt));border-radius:.3rem;padding:.15rem .6rem}
.dt-gcase label{display:grid;grid-template-columns:1.2rem 1fr;align-items:start;gap:.35rem;font-size:.92rem;line-height:1.25;padding:.3rem 0;cursor:pointer;border-bottom:1px dotted var(--gm-filet)}
.dt-gcase label:last-child{border-bottom:0}
.dt-gcase input{margin:.1rem 0 0;width:1rem;height:1rem;accent-color:var(--c,var(--gm-rub))}
.dt-gcase label small{display:block;font-size:.78rem;color:var(--gm-encre-2);font-weight:400}
.dt-gcase label:has(input:checked){font-weight:800}
/* choix exclu : bloqué, barré, en rouge, avec la raison */
.dt-gcase label.dt-exclu,.gm-chip.dt-exclu{cursor:not-allowed;color:var(--gm-rouge-txt,#A8123B)}
.dt-gcase label.dt-exclu span:first-of-type{text-decoration:line-through}
.dt-gcase label.dt-exclu small.dt-pourquoi,.dt-pourquoi{display:block;text-decoration:none;color:var(--gm-rouge-txt,#A8123B);font-weight:700;font-size:.78rem}
.dt-gcase label>.dt-pourquoi{grid-column:2}
.gm-chip.dt-exclu{opacity:.55;text-decoration:line-through;border-style:dashed}
.dt-conflit{border:2px solid var(--gm-rouge);background:var(--gm-rose);border-radius:.4rem;padding:.45rem .7rem;margin:.5rem 0;font-size:.9rem}
.dt-conflit b{color:var(--gm-rouge-txt,#A8123B)}

/* ---------- dépôt de PDF et texte collé ---------- */
.dt-depots{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:.8rem}
.dt-depot{position:relative;display:flex;gap:.9rem;align-items:center;border:2px dashed var(--gm-encre-3);border-top:5px solid var(--c,var(--gm-rub));border-radius:.5rem;padding:1rem;background:var(--gm-carte);cursor:pointer;margin:.6rem 0}
.dt-depot:hover,.dt-depot.dt-survol{background:var(--gm-rub-doux)}
.dt-depot input{position:absolute;opacity:0;width:1px;height:1px}
.dt-depot-n{flex:none;font-weight:800;font-size:.85rem;background:var(--c,var(--gm-encre));color:#fff;border-radius:.3rem;padding:.55rem .6rem}
.dt-depot b{display:block;color:var(--c,var(--gm-encre))}
.dt-depot span span{font-size:.88rem;color:var(--gm-encre-2)}
.dt-coller textarea{width:100%;min-height:6rem;font:inherit;font-size:.9rem;padding:.5rem;border:2px solid var(--gm-encre-3);border-radius:.35rem;box-sizing:border-box}
.dt-lus{width:100%;border-collapse:collapse;font-size:.85rem}
.dt-lus td,.dt-lus th{border-bottom:1px solid var(--gm-filet);padding:.25rem .35rem;text-align:left;vertical-align:top}
.dt-lus .dt-src{color:var(--gm-encre-2);font-size:.78rem}

/* ---------- traitement en cours (lu sur l'ordonnance) ---------- */
.dt-encours{display:flex;flex-wrap:wrap;gap:.45rem;margin:.4rem 0}
.dt-pastille{display:inline-flex;flex-direction:column;border:2px solid var(--c,var(--gm-encre));border-left-width:.45rem;border-radius:.35rem;background:#fff;padding:.25rem .55rem;font-size:.85rem;line-height:1.25}
.dt-pastille b{color:var(--c,var(--gm-encre))}
.dt-pastille small{color:var(--gm-encre-2)}

/* ---------- objectif et projection de l'HbA1c ---------- */
.dt-cible{display:grid;grid-template-columns:auto 1fr;gap:.2rem 1rem;align-items:center;border:3px solid var(--gm-encre);border-radius:.5rem;background:var(--gm-carte);padding:.7rem .9rem;margin:.6rem 0}
.dt-cible-v{font-family:"Kanit","Arial Black",sans-serif;font-style:italic;font-weight:800;font-size:2.6rem;line-height:1;color:var(--gm-rub-txt)}
.dt-cible-v small{font-size:1rem}
.dt-cible ul{margin:0}
.dt-echelle{position:relative;height:6.2rem;margin:2.4rem .4rem 1rem}
.dt-ech-barre{position:absolute;left:0;right:0;top:1.6rem;height:1.1rem;border-radius:.6rem;border:2px solid var(--gm-encre);
  background:linear-gradient(90deg,#BFE3C9 0%,#DCECC4 30%,#FFE7A8 55%,#F8C9A8 75%,#F2A3A3 100%)}
.dt-ech-cible{position:absolute;top:1.25rem;height:1.8rem;border:3px solid #2F6B4F;border-radius:.4rem;background:rgba(47,107,79,.18)}
.dt-ech-cible::after{content:"objectif";position:absolute;top:-1.3rem;left:50%;transform:translateX(-50%);font-size:.72rem;font-weight:800;color:#2F6B4F;white-space:nowrap}
.dt-ech-fourche{position:absolute;top:1.45rem;height:1.4rem;background:repeating-linear-gradient(45deg,rgba(59,92,158,.35) 0 6px,rgba(59,92,158,.15) 6px 12px);border:2px dashed #3B5C9E;border-radius:.4rem}
.dt-ech-m{position:absolute;top:-1.1rem;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;font-size:.78rem;font-weight:800;white-space:nowrap}
.dt-ech-m i{display:block;width:3px;height:3rem;background:var(--gm-encre)}
.dt-ech-m.dt-depart{color:var(--gm-rouge-txt,#A8123B)}.dt-ech-m.dt-depart i{height:2.6rem}.dt-ech-m.dt-depart i{background:var(--gm-rouge)}
.dt-ech-m.dt-projete{color:#24427E;top:1.45rem;flex-direction:column}.dt-ech-m.dt-projete i{background:#3B5C9E;height:3.1rem}
.dt-ech-g{position:absolute;top:3.1rem;font-size:.7rem;color:var(--gm-encre-3);transform:translateX(-50%)}
.dt-proj{border:3px solid var(--gm-encre);border-radius:.5rem;background:var(--gm-carte);padding:.6rem .9rem;margin:.6rem 0}
.dt-proj-ligne{display:grid;grid-template-columns:minmax(0,15rem) 1fr auto;gap:.5rem;align-items:center;padding:.3rem 0;border-bottom:1px dotted var(--gm-filet);font-size:.9rem}
.dt-proj-ligne:last-child{border-bottom:0}
.dt-proj-barre{height:.8rem;border-radius:.4rem;background:var(--c,#3B5C9E);min-width:.2rem}
.dt-gros{font-size:1.25rem;font-weight:800}
@media (max-width:640px){.dt-proj-ligne{grid-template-columns:1fr auto}.dt-proj-ligne .dt-proj-barre{grid-column:1/3;grid-row:2}}

/* ---------- parcours de traitement (algorithme visuel) ---------- */
.dt-prio{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.6rem;margin:.5rem 0 1rem}
.dt-prio-c{border:2px solid var(--gm-encre);border-top:6px solid var(--c);border-radius:.4rem;background:var(--gm-carte);padding:.45rem .6rem;font-size:.88rem}
.dt-prio-c.dt-actif{background:#fff;box-shadow:4px 4px 0 var(--c);outline:2px solid var(--c)}
.dt-prio-c.dt-inactif{opacity:.55}
.dt-prio-c b{display:block;color:var(--c);font-size:.98rem}
.dt-parcours{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12.5rem),1fr));gap:.6rem;align-items:start;margin:.6rem 0;counter-reset:etape}
.dt-etape{position:relative;border:2px solid var(--gm-encre);border-radius:.5rem;background:var(--gm-papier-2);padding:.4rem .45rem .5rem}
.dt-etape.dt-ici{background:#FFF6D6;border-color:#D08A35;box-shadow:4px 4px 0 #D08A35}
.dt-etape h4{counter-increment:etape;margin:.1rem 0 .4rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.03em}
.dt-etape h4::before{content:counter(etape);display:inline-grid;place-items:center;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--gm-encre);color:#fff;font-size:.8rem;margin-right:.35rem}
.dt-etape .dt-ici-t{display:inline-block;font-size:.7rem;font-weight:800;background:#D08A35;color:#fff;border-radius:.25rem;padding:.05rem .35rem;margin-left:.2rem}
.dt-opt{display:block;width:100%;text-align:left;font:inherit;cursor:pointer;border:2px solid var(--c,var(--gm-encre));border-left-width:.5rem;border-radius:.35rem;background:#fff;padding:.3rem .45rem;margin:.3rem 0;font-size:.85rem;line-height:1.25;color:var(--gm-encre)}
.dt-opt b{display:block;color:var(--c,var(--gm-encre));font-size:.92rem}
.dt-opt small{display:block;color:var(--gm-encre-2)}
.dt-opt .dt-etat{float:right;font-size:.66rem;font-weight:800;text-transform:uppercase;border-radius:.25rem;padding:0 .3rem;margin-left:.3rem}
.dt-opt.dt-reco{box-shadow:3px 3px 0 #2F6B4F}.dt-opt.dt-reco .dt-etat{background:#2F6B4F;color:#fff}
.dt-opt.dt-poss .dt-etat{background:#E3EAF6;color:#24427E}
.dt-opt.dt-evit{background:#FFF6E3}.dt-opt.dt-evit .dt-etat{background:#9C4A00;color:#fff}
.dt-opt.dt-ci{background:repeating-linear-gradient(135deg,#FDECEE 0 8px,#fff 8px 16px);border-color:var(--gm-rouge);cursor:not-allowed}
.dt-opt.dt-ci b{color:var(--gm-rouge-txt,#A8123B);text-decoration:line-through}.dt-opt.dt-ci .dt-etat{background:var(--gm-rouge);color:#fff}
.dt-opt.dt-ci small.dt-pourquoi{color:var(--gm-rouge-txt,#A8123B)}
.dt-opt.dt-pris{background:#F2F2F2;border-style:double;border-width:4px 4px 4px .5rem}.dt-opt.dt-pris .dt-etat{background:var(--gm-encre);color:#fff}
.dt-opt[aria-pressed="true"]{outline:3px solid #D08A35;outline-offset:1px;background:#FFF6D6}
.dt-legende{display:flex;flex-wrap:wrap;gap:.4rem .8rem;font-size:.78rem;margin:.3rem 0}
.dt-legende span{display:inline-flex;align-items:center;gap:.3rem}
.dt-legende i{display:inline-block;width:.9rem;height:.9rem;border-radius:.2rem;border:2px solid var(--gm-encre)}

/* ---------- propositions classées ---------- */
.dt-props{display:grid;gap:.7rem;margin:.6rem 0}
.dt-prop{border:2px solid var(--gm-encre);border-top:6px solid var(--c,var(--gm-rub));border-radius:.45rem;background:var(--gm-carte);padding:.55rem .8rem}
.dt-prop-t{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.3rem}
.dt-prop-t h4{margin:0;font-size:1.1rem;color:var(--c,var(--gm-encre))}
.dt-prop-rang{display:inline-grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--c,var(--gm-encre));color:#fff;font-weight:800}
.dt-prop.dt-ci{border-top-color:var(--gm-rouge);background:#FDF3F4}
.dt-prop-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.2rem 1rem}
.dt-prop-cols h5{margin:.35rem 0 .1rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--gm-encre-2)}

/* ---------- fiches molécules ---------- */
.dt-mols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,21rem),1fr));gap:.8rem;margin:.6rem 0}
.dt-mol{border:2px solid var(--gm-encre);border-radius:.45rem;background:var(--gm-carte);overflow:hidden}
.dt-mol-t{background:var(--c);color:#fff;padding:.4rem .7rem}
summary.dt-mol-t{cursor:pointer;list-style:none}summary.dt-mol-t::-webkit-details-marker{display:none}
summary.dt-mol-t h4::after{content:" ▾";font-size:.8em}details.dt-mol[open] summary.dt-mol-t h4::after{content:" ▴"}
.dt-mol-t h4{margin:0;font-size:1.08rem;color:#fff}
.dt-mol-t small{display:block;font-size:.8rem;opacity:.92}
.dt-mol-c{padding:.4rem .7rem .55rem}
.dt-mol-c h5{margin:.45rem 0 .1rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--c)}

/* ---------- tableaux ---------- */
.dt-tabw{overflow-x:auto;-webkit-overflow-scrolling:touch}
.dt-tab{width:100%;border-collapse:collapse;font-size:.88rem;margin:.4rem 0}
.dt-tab td,.dt-tab th{border-bottom:1px solid var(--gm-filet);padding:.32rem .4rem;text-align:left;vertical-align:top}
.dt-tab th{font-size:.76rem;text-transform:uppercase;letter-spacing:.03em;color:var(--gm-encre-2)}
.dt-tab td:first-child b{color:var(--c,var(--gm-encre))}
.dt-tab tr.dt-k td:first-child{border-left:.4rem solid var(--c)}
/* téléphone : chaque ligne devient une carte (règle du site, 12/10/2026) : en-tête coloré = 1re cellule, puis les
   valeurs en grille de 2 colonnes, libellé (data-l) en petit au-dessus, valeur en gras */
@media (max-width:640px){
  .dt-tabw .dt-tab thead{display:none}
  .dt-tabw .dt-tab,.dt-tabw .dt-tab tbody{display:block}
  .dt-tabw .dt-tab tr{display:grid;grid-template-columns:1fr 1fr;gap:.35rem .7rem;border:2px solid var(--gm-encre);border-radius:.45rem;background:var(--gm-carte);margin:0 0 .7rem;padding:0 .6rem .55rem;overflow:hidden}
  .dt-tabw .dt-tab td{display:block;border:0;padding:0;font-size:.9rem;font-weight:700;min-width:0}
  .dt-tabw .dt-tab td:first-child{grid-column:1/-1;margin:0 -.6rem .2rem;padding:.4rem .6rem;background:var(--c,var(--gm-rub-txt));color:#fff;font-size:1.05rem;border-left:0!important}
  .dt-tabw .dt-tab td:first-child b{color:#fff}
  .dt-tabw .dt-tab td.dt-large{grid-column:1/-1}
  .dt-tabw .dt-tab td[data-l]::before{content:attr(data-l);display:block;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--gm-encre-2)}
}

/* ---------- résultats, ordonnance, dates ---------- */
.dt-res{border:3px solid var(--gm-encre);border-radius:.5rem;background:var(--gm-carte);padding:.7rem .9rem;margin:.6rem 0}
.dt-res h4{margin:.1rem 0 .4rem;font-size:1.12rem}
.dt-res.dt-urgence{border-color:var(--gm-rouge);background:var(--gm-rose)}
.dt-ordo{background:#fff;border:2px dashed var(--gm-encre-3);border-radius:.4rem;padding:.5rem .8rem;margin:.5rem 0;font-size:.92rem}
.dt-ordo p{margin:.25rem 0}
.dt-ordo .dt-ordo-med{font-weight:800}
.dt-dates{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:.5rem;margin:.5rem 0}
.dt-date{background:#fff;border:2px solid var(--gm-encre);border-top:5px solid var(--c,var(--gm-rub));border-radius:.4rem;padding:.4rem .6rem;font-size:.85rem}
.dt-date b{display:block;font-size:1rem}
.dt-cp{display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0}
.dt-2col{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:.8rem}

/* ---------- insuline : titration ---------- */
.dt-titr{width:100%;border-collapse:collapse;font-size:.9rem}
.dt-titr td,.dt-titr th{border:1px solid var(--gm-filet);padding:.3rem .45rem;text-align:left}
.dt-titr tr.dt-baisse td{background:#FDECEE}.dt-titr tr.dt-garde td{background:var(--gm-vert-doux)}.dt-titr tr.dt-monte td{background:#FFF6E3}
.dt-titr td:last-child{font-weight:800}

/* ---------- fiches conseils ---------- */
.dt-fiche-une{background:#fff;border:2px solid var(--gm-encre);border-top:6px solid var(--c,var(--gm-rub));border-radius:.4rem;padding:.6rem .9rem;margin:.6rem 0}
.dt-fiche-une h2{font-size:1.15rem;margin:.1rem 0 .4rem;color:var(--c,var(--gm-encre))}
.dt-fiche-une h3{font-size:1rem;margin:.6rem 0 .2rem}
.dt-fiche-une ul{margin:.2rem 0 .2rem 1.1rem;padding:0}
.dt-fiche-une li{font-size:.92rem;margin:.18rem 0}
.dt-fiche-une .cadre{border:2px solid var(--gm-encre);padding:.4rem .6rem;margin:.4rem 0;font-size:.9rem}
.dt-fiche-une table{width:100%;border-collapse:collapse;font-size:.9rem;margin:.3rem 0}
.dt-fiche-une td,.dt-fiche-une th{border:1px solid var(--gm-filet);padding:.3rem .4rem;text-align:left;vertical-align:top}
.dt-msp{font-size:.85rem;border:2px solid #2F6B4F;border-radius:.35rem;background:var(--gm-vert-doux);padding:.35rem .6rem;margin:.4rem 0}

/* ---------- sources et discordances ---------- */
.dt-sources li{margin:.25rem 0;font-size:.9rem}
.dt-discs{display:grid;gap:.6rem;margin:.5rem 0}
.dt-disc-c{border:2px solid #D08A35;border-left-width:.5rem;border-radius:.4rem;background:#FFFBF0;padding:.45rem .7rem}
.dt-disc-c.dt-disc-fort{border-color:#C4202F;background:#FFF5F3}
.dt-disc-c h4{margin:0 0 .25rem;font-size:1rem}
.dt-disc-c .dt-l>li{font-size:.88rem}

@media print{.dt-depot,.dt-coller,.dt-cp,.dt-legende{display:none}.dt-opt{break-inside:avoid}}
/* contraste renforcé du bandeau : les fonds colorés passent en noir et blanc */
:root[data-contrast="high"] .dt-gcase legend,:root[data-contrast="high"] .dt-mol-t{background:#000}
:root[data-contrast="high"] .dt-disc{background:#fff;color:#000;border-color:#000}

/* ---------- schémas de décision : règles reprises de ionogramme/guide/ionogramme.css (dessin : /ionogramme/guide/schema.js) ---------- */
.sc{margin:.6rem 0 1.2rem;font-size:.92rem;line-height:1.25}
.sc-depart{display:table;position:relative;margin:0 auto 1rem;font-weight:800;font-size:1.05rem;background:var(--gm-rub);color:#fff;border-radius:.35rem;padding:.4rem .9rem}
.sc-depart::after{content:"";position:absolute;left:50%;top:100%;height:1rem;border-left:3px solid var(--gm-encre)}
.sc-q{display:table;margin:0 auto;text-align:center;font-weight:800;background:var(--gm-encre-2);color:#fff;border-radius:.35rem;padding:.4rem .75rem;max-width:15rem}
.sc-q small{display:block;font-weight:400;font-size:.78rem;opacity:.85}
.sc-l{display:table;margin:0 auto;max-width:calc(100% - .4rem);font-weight:800;font-size:.86rem;line-height:1.2;text-align:center;overflow-wrap:break-word;hyphens:auto;background:var(--gm-jaune);color:var(--gm-encre);border:2px solid var(--gm-encre);border-radius:.8rem;padding:.12rem .55rem}
.sc-f{overflow-wrap:break-word;background:var(--gm-carte);border:1px solid var(--gm-encre);border-top:5px solid var(--gm-rub);border-radius:.35rem;padding:.4rem .55rem;text-align:center}
.sc-f b{display:block;font-size:.95rem}
.sc-f span{display:block;font-size:.82rem;color:var(--gm-encre-2);margin-top:.15rem}
.sc-f.sc-urg{border-color:var(--gm-rouge);background:var(--gm-rose)}
.sc figcaption,.sc-pop-note{font-size:.8rem;color:var(--gm-encre-3);text-align:center;margin-top:.6rem}
/* organigramme : traits en CSS (le trait vertical sous la question, puis un trait horizontal qui dessert les branches) */
.sc-k{display:flex;justify-content:center;align-items:flex-start;position:relative;padding-top:1rem}
.sc-k::before{content:"";position:absolute;left:50%;top:0;height:1rem;border-left:3px solid var(--gm-encre)}
.sc-c{flex:1 1 0;min-width:7rem;position:relative;padding:1rem .25rem 0;display:flex;flex-direction:column;align-items:stretch}
.sc-c::before,.sc-c::after{content:"";position:absolute;top:0;width:50%;border-top:3px solid var(--gm-encre)}
.sc-c::before{left:0}.sc-c::after{right:0}
.sc-c:first-child::before,.sc-c:last-child::after{display:none}
.sc-c:only-child::before,.sc-c:only-child::after{display:none}
.sc-c > .sc-l{position:relative;margin-bottom:.9rem}
.sc-c > .sc-l::before{content:"";position:absolute;left:50%;bottom:100%;height:1rem;border-left:3px solid var(--gm-encre)}
.sc-c > .sc-l::after{content:"";position:absolute;left:50%;top:100%;height:.9rem;border-left:3px solid var(--gm-encre)}
.sc-c > .sc-f{margin:0 .1rem}
/* zones colorées (façon « bulles » du schéma papier) */
.sc-z{background:var(--sc-z);border-radius:1.2rem;padding-bottom:.6rem;margin:0 .2rem}
/* le trait horizontal traverse l'espace entre deux zones */
.sc-c.sc-z::before{left:-.2rem;width:calc(50% + .2rem)}.sc-c.sc-z::after{right:-.2rem;width:calc(50% + .2rem)}
.sc-z0{--sc-z:#E3EEF0}.sc-z1{--sc-z:#F6E6C8}.sc-z2{--sc-z:#E4ECD6}.sc-z3{--sc-z:#ECE3F2}.sc-z4{--sc-z:#F4E0D6}.sc-zn{--sc-z:var(--gm-papier-2)}
/* version étroite : une carte par issue, dans la couleur de sa zone, son chemin au-dessus.
   Retraits ≤ 10 px : au-delà, gabarit-mdph.js les prendrait pour des cadres imbriqués (.gm-imb) sur téléphone. */
.sc-petit{display:none}
.sc-petit-tete{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.4rem;margin:0 0 .5rem}
.sc-petit .sc-depart{display:inline-block;margin:0}
.sc-petit .sc-depart::after{display:none}
.sc-liste{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.sc-p{background:var(--sc-z);border-radius:.8rem;padding:.45rem .55rem .55rem}
.sc-fil{list-style:none;margin:0 0 .35rem;padding:0;display:flex;flex-wrap:wrap;gap:.25rem .3rem;align-items:center;font-size:.84rem;font-weight:800}
.sc-fil li{background:var(--gm-jaune);border:1.5px solid var(--gm-encre);border-radius:.8rem;padding:0 .45rem;max-width:100%;overflow-wrap:break-word}
.sc-fil li small{font-weight:600;font-size:.76rem;color:var(--gm-encre-2)}
.sc-petit .sc-f{text-align:left}
.sc-ouvrable{cursor:zoom-in}
.sc-ouvrable:focus-visible{outline:3px solid var(--gm-flamme);outline-offset:3px;border-radius:.5rem}
.sc-agrandir{display:inline-block;font-weight:800;font-size:.9rem;background:var(--gm-encre);color:#FFFDF7;border-radius:.35rem;padding:.45rem .9rem;box-shadow:3px 3px 0 var(--gm-flamme)}
/* bascule : c'est la largeur du schéma qui compte (requête de conteneur) ; plus il a d'issues (sc-n2 … sc-n12,
   posée par schema.js), plus il passe tôt en version étroite */
[data-schema]{container-type:inline-size}
@container (max-width:24rem){.sc-n2 .sc-grand,.sc-n3 .sc-grand{display:none}.sc-n2 .sc-petit,.sc-n3 .sc-petit{display:block}}
@container (max-width:38rem){.sc-n4 .sc-grand,.sc-n5 .sc-grand{display:none}.sc-n4 .sc-petit,.sc-n5 .sc-petit{display:block}}
@container (max-width:52rem){.sc-n6 .sc-grand,.sc-n7 .sc-grand{display:none}.sc-n6 .sc-petit,.sc-n7 .sc-petit{display:block}}
@container (max-width:66rem){.sc-n8 .sc-grand,.sc-n9 .sc-grand,.sc-n10 .sc-grand,.sc-n11 .sc-grand,.sc-n12 .sc-grand{display:none}.sc-n8 .sc-petit,.sc-n9 .sc-petit,.sc-n10 .sc-petit,.sc-n11 .sc-petit,.sc-n12 .sc-petit{display:block}}
/* fenêtre plein écran : l'organigramme à sa taille d'ordinateur */
.sc-pop{width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--gm-papier);color:var(--gm-encre)}
.sc-pop[open]{display:flex;flex-direction:column}
.sc-pop::backdrop{background:rgba(27,43,56,.6)}
.sc-pop-barre{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;padding-top:max(.5rem,env(safe-area-inset-top));background:var(--gm-nuit);color:#fff}
.sc-pop-t{flex:1;min-width:0;font-size:.85rem;line-height:1.15}
.sc-pop-barre button{font:inherit;font-weight:800;font-size:.95rem;min-width:2.4rem;padding:.35rem .6rem;border:2px solid #fff;border-radius:.3rem;background:transparent;color:#fff;cursor:pointer}
.sc-pop-barre .sc-pop-fermer{background:#fff;color:var(--gm-encre)}
.sc-pop-zone{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;padding:.8rem .5rem}
.sc-pop-in{margin:0 auto;font-size:.92rem;line-height:1.25}
.sc-pop-aide{margin:0;padding:.4rem .75rem;padding-bottom:max(.4rem,env(safe-area-inset-bottom));font-size:.8rem;text-align:center;color:var(--gm-encre-2);background:var(--gm-papier-2)}

/* ---------- historique de l'HbA1c (12/10/2026) : lignes alignées date | valeur | origine, courbe ---------- */
.dt-hlignes{display:grid;gap:.15rem;max-width:40rem;margin:.4rem 0}
.dt-hligne{display:grid;grid-template-columns:10.5rem 5rem auto 1fr auto;align-items:center;gap:.4rem .6rem;padding:.25rem 0;border-bottom:1px dotted var(--gm-filet)}
.dt-hligne .dt-input{width:100%}
.dt-hsrc{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:var(--gm-encre-2)}
.dt-hsrc-bilan{color:var(--c-bio)}.dt-hsrc-anteriorite{color:var(--c-ordo)}
@media (max-width:640px){.dt-hligne{grid-template-columns:1fr 4.5rem auto auto}.dt-hsrc{grid-column:1/4;grid-row:2;margin-top:-.2rem}.dt-hligne .gm-btn{grid-column:4;grid-row:1}}
.dt-hcourbe{max-width:40rem;margin:.6rem 0;border:3px solid var(--gm-encre);border-radius:.5rem;background:var(--gm-carte);padding:.5rem .5rem .2rem}
.dt-courbe{display:block;width:100%;height:auto;overflow:visible;font-family:inherit}
.dt-c-grille{stroke:var(--gm-filet);stroke-width:1}
.dt-c-ax{font-size:11px;fill:var(--gm-encre-2)}
.dt-c-zone{fill:var(--gm-vert-doux)}
.dt-c-cible{stroke:var(--gm-vert-txt,#2F6B4F);stroke-width:2;stroke-dasharray:6 4}
.dt-c-tc{font-size:11px;font-weight:800;fill:var(--gm-vert-txt,#2F6B4F)}
.dt-c-ligne{fill:none;stroke:var(--gm-encre);stroke-width:2.5;stroke-linejoin:round}
.dt-c-p{stroke:var(--gm-encre);stroke-width:2}
.dt-c-ok,i.dt-c-ok{fill:#2F6B4F;background:#2F6B4F}.dt-c-att,i.dt-c-att{fill:#D08A35;background:#D08A35}.dt-c-ko,i.dt-c-ko{fill:#C4202F;background:#C4202F}.dt-c-n{fill:var(--gm-rub)}
.dt-c-tv{font-size:12px;font-weight:800;fill:var(--gm-encre)}
.dt-c-proj{stroke:#3B5C9E;stroke-width:2.5;stroke-dasharray:5 4}
.dt-c-pproj{fill:#fff;stroke:#3B5C9E;stroke-width:2.5}
.dt-c-tproj{font-size:12px;font-weight:800;fill:#3B5C9E}
i.dt-c-kp{background:#fff;border-color:#3B5C9E!important;border-style:dashed!important}

/* ---------- risque cardiovasculaire : grand chiffre coloré + jauge 0-30 % ---------- */
.dt-cv-ok{border-color:#2F6B4F}.dt-cv-ok .dt-cible-v{color:#2F6B4F}
.dt-cv-cond{border-color:#D08A35}.dt-cv-cond .dt-cible-v{color:#9C4A00}
.dt-cv-haut{border-color:#C4572F}.dt-cv-haut .dt-cible-v{color:#B5462C}
.dt-cv-non{border-color:#C4202F;background:var(--gm-rose)}.dt-cv-non .dt-cible-v{color:#A8123B}
.dt-jauge{position:relative;display:flex;height:.9rem;max-width:40rem;border:2px solid var(--gm-encre);border-radius:.45rem;overflow:visible;margin:.5rem 0 .1rem}
.dt-jz{display:block;height:100%}.dt-jz:first-child{border-radius:.3rem 0 0 .3rem}.dt-jz:nth-child(4){border-radius:0 .3rem .3rem 0}
.dt-jz-ok{background:#8BC48A}.dt-jz-cond{background:#F2C45A}.dt-jz-haut{background:#EE8F55}.dt-jz-non{background:#E0525C}
.dt-jm{position:absolute;top:-.45rem;width:.35rem;height:1.6rem;margin-left:-.175rem;background:var(--gm-encre);border-radius:.2rem;box-shadow:0 0 0 2px #fff}
.dt-jl{position:relative;max-width:40rem;height:1.1rem;font-size:.74rem;color:var(--gm-encre-2)}
.dt-jl span{position:absolute;transform:translateX(-50%)}.dt-jl span:first-child{left:0;transform:none}.dt-jl span:last-child{transform:translateX(-100%);white-space:nowrap}
:root[data-contrast="high"] .dt-jz-ok,:root[data-contrast="high"] .dt-jz-cond{background:#fff}

/* ---------- photo du bilan ou de l'ordonnance (12/10/2026) ---------- */
.dt-depot-photo .dt-depot-n{font-size:1.15rem;padding:.4rem .55rem}
.dt-prog{height:.6rem;max-width:30rem;border:2px solid var(--gm-encre);border-radius:.3rem;overflow:hidden;margin:.2rem 0 .6rem}
.dt-prog span{display:block;height:100%;background:var(--c-bio);transition:width .3s}
.dt-extrait{display:block;max-width:100%;height:auto;max-height:2.6rem;border:2px solid var(--gm-encre-3);border-radius:.25rem;margin:.15rem 0;background:#fff}
.dt-lus-photo{margin:.4rem 0}
.dt-pre{white-space:pre-wrap;font-size:.8rem;max-height:14rem;overflow:auto;background:var(--gm-papier-2);padding:.5rem;border-radius:.3rem}
.dt-photo-lim .dt-l{margin:.2rem 0 .5rem}

/* ---------- néphroprotection : 4 piliers en cartes (une couleur par état) ---------- */
.dt-piliers{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:.7rem;margin:.6rem 0}
.dt-pilier{border:3px solid var(--pc,var(--gm-encre));border-radius:.5rem;background:var(--gm-carte);overflow:hidden}
.dt-pil-t{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem;padding:.5rem .7rem;background:var(--pc,var(--gm-encre));color:#fff}
.dt-pil-t b{flex:1 1 9rem;font-size:1rem;line-height:1.25}
.dt-pil-n{flex:none;display:inline-grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;background:#fff;color:var(--pc,var(--gm-encre));font-weight:800}
.dt-pil-e{flex:none;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;background:rgba(255,255,255,.2);border:1.5px solid rgba(255,255,255,.7);border-radius:1rem;padding:.08rem .5rem}
.dt-pilier .dt-l{margin:.3rem .7rem .4rem}
.dt-pil-d{margin:0 .7rem .5rem}
.dt-pil-ok{--pc:#2F6B4F}.dt-pil-att{--pc:#B5462C}.dt-pil-disc{--pc:#3B5C9E}.dt-pil-non{--pc:#A8123B}.dt-pil-na{--pc:#5A6470}
.dt-pil-na .dt-l{opacity:.85}
.dt-champ.dt-exclu{opacity:.55}

/* ---------- rapport de capteur : barre des plages façon AGP + cartes des cibles ---------- */
.dt-agp{display:flex;gap:1rem;align-items:stretch;max-width:30rem;margin:.6rem 0}
.dt-agp-barre{flex:none;display:flex;flex-direction:column;width:2.4rem;min-height:12rem;border:2px solid var(--gm-encre);border-radius:.3rem;overflow:hidden}
.dt-agp-barre span{display:block;width:100%}
.dt-agp-l{display:flex;flex-direction:column;justify-content:space-between;gap:.2rem}
.dt-agp-l p{margin:0;font-size:.92rem;display:flex;align-items:center;gap:.4rem}
.dt-agp-l i{display:inline-block;width:.9rem;height:.9rem;border-radius:.2rem;border:1.5px solid var(--gm-encre)}
.dt-cgm-cibles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,7.8rem),1fr));gap:.5rem;margin:.4rem 0 .8rem}
.dt-cgm-c{display:flex;flex-direction:column;gap:.1rem;border:3px solid;border-radius:.45rem;padding:.4rem .55rem;background:var(--gm-carte)}
.dt-cgm-c b{font-size:1.35rem;line-height:1.1}
.dt-cgm-c span{font-size:.85rem;font-weight:700}
.dt-cgm-c small{font-size:.76rem;color:var(--gm-encre-2)}
.dt-cgm-ok{border-color:#2F6B4F}.dt-cgm-ok b{color:#2F6B4F}
.dt-cgm-ko{border-color:#C4202F;background:var(--gm-rose)}.dt-cgm-ko b{color:#A8123B}

/* ---------- Ramadan : réponses en pastilles, cartes du plan ---------- */
.dt-ram-items .dt-champ{grid-template-columns:minmax(0,13rem) 1fr}
.dt-ram-items .gm-chipset{grid-column:2}
.dt-ram-items .gm-chip small{font-weight:800;opacity:.75;margin-left:.15rem}
.dt-ram-items .dt-pourquoi{grid-column:2}
.dt-ram-auto{font-weight:600;color:var(--c-bio);font-size:.78rem}
@media (max-width:640px){.dt-ram-items .dt-champ{grid-template-columns:1fr}.dt-ram-items .gm-chipset,.dt-ram-items .dt-pourquoi{grid-column:1}}
.dt-ram-carte{border:3px solid var(--c,var(--gm-encre));border-radius:.5rem;background:var(--gm-carte);padding:.45rem .6rem}
.dt-ram-t{display:block;color:var(--c,var(--gm-encre));font-size:1rem}
.dt-ram-disc{margin:.3rem 0}
.dt-ram-plan{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:.6rem;margin:.4rem 0}
.dt-ram-items .gm-chip:disabled,.dt-champ .gm-chip:disabled{opacity:.45;cursor:not-allowed;text-decoration:line-through}
/* photos de plusieurs pages : une pastille par page, « Ajouter la page suivante » */
.dt-pages{border:2px dashed var(--gm-encre);border-radius:.6rem;padding:.5rem .7rem;margin:.6rem 0}
.dt-pages-t{margin:0 0 .4rem}
.dt-pages-l{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}
.dt-page{display:inline-flex;align-items:center;gap:.35rem;border:2px solid var(--gm-encre);border-radius:2rem;padding:.15rem .25rem .15rem .7rem;background:var(--gm-fond,#fff)}
.dt-page small{opacity:.8}
.dt-page-b{min-width:2.2rem;min-height:2.2rem;border:0;border-radius:50%;background:transparent;font:inherit;font-size:1.05rem;cursor:pointer;color:inherit}
.dt-page-b:hover,.dt-page-b:focus-visible{background:var(--c-bio-clair,rgba(0,0,0,.08))}
.dt-page-plus{position:relative}
.dt-page-plus input{position:absolute;opacity:0;width:1px;height:1px}
/* valeurs lues sur photo : cartes sur téléphone (le tableau débordait) */
.dt-lus .dt-src{overflow-wrap:anywhere}
@media (max-width:40rem){
  .dt-lus-photo .dt-lus thead{display:none}
  .dt-lus-photo .dt-lus tr{display:block;border:2px solid var(--gm-filet);border-radius:.5rem;padding:.3rem .5rem;margin:0 0 .5rem}
  .dt-lus-photo .dt-lus td{display:block;border:0;padding:.1rem 0}
  .dt-lus-photo .dt-lus td:nth-child(2)::before{content:"Lu : ";font-weight:700}
  .dt-lus-photo .dt-lus td:nth-child(3)::before{content:"Retenu : ";font-weight:700}
}
/* équilibre atteint : bandeau (13/10/2026) */
.dt-eq{border:3px solid var(--gm-encre);border-left-width:10px;border-radius:.5rem;padding:.6rem .9rem;margin:.4rem 0 .8rem;background:var(--gm-carte)}
.dt-eq h4{margin:0 0 .3rem;font-size:1.12rem}
.dt-eq-ok{border-left-color:var(--gm-vert-txt,#2F6B4F);background:var(--gm-vert-doux)}.dt-eq-ok h4{color:#24502A}
.dt-eq-sous{border-left-color:var(--gm-rouge);background:var(--gm-rose)}.dt-eq-sous h4{color:var(--gm-rouge-txt,#A8123B)}
.dt-eq-proche{border-left-color:var(--gm-ambre,#D08A35);background:#FFF6E3}
/* but de l'option */
.dt-but{display:inline-flex;align-items:center;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;border:2px solid;border-radius:.3rem;padding:.08rem .4rem}
.dt-but-p{color:#fff;background:var(--c-coeur);border-color:var(--c-coeur)}
.dt-but-a{color:var(--c-rein);border-color:var(--c-rein);background:#EEF2FA}
.dt-but-i{color:var(--gm-encre-2);border-color:var(--gm-encre-3);background:#F2F2F2}
.dt-prop-inutile{opacity:.85}
/* pour / contre / à savoir / à faire : un bloc coloré par rubrique, une idée par ligne */
.dt-prop-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:.5rem .7rem;margin:.3rem 0}
.dt-pc{border-left:6px solid var(--gm-encre-3);border-radius:.35rem;background:#FAFAF7;padding:.35rem .6rem}
.dt-pc h5{margin:0 0 .2rem;font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.dt-pc ul{list-style:none;margin:0;padding:0}
.dt-pc li{position:relative;padding:.18rem 0 .18rem 1.1rem;line-height:1.4}
.dt-pc li+li{border-top:1px dotted var(--gm-filet)}
.dt-pc li::before{position:absolute;left:0;top:.18rem;font-weight:900;width:auto;height:auto;background:none;border-radius:0;line-height:1.4}
.dt-pc-pour{border-left-color:var(--gm-vert-txt,#2F6B4F);background:#F0F7F1}.dt-pc-pour h5{color:#24502A}.dt-pc-pour li::before{content:"+";color:#2F6B4F}
.dt-pc-contre{border-left-color:var(--gm-rouge);background:#FDF1F3}.dt-pc-contre h5{color:var(--gm-rouge-txt,#A8123B)}.dt-pc-contre li::before{content:"−";color:var(--gm-rouge-txt,#A8123B)}
.dt-pc-savoir{border-left-color:var(--gm-ambre,#D08A35);background:#FFF8EA}.dt-pc-savoir h5{color:#7A4B00}.dt-pc-savoir li::before{content:"!";color:#9C5A00}
.dt-pc-faire{border-left-color:var(--c-rein);background:#EEF2FA}.dt-pc-faire h5{color:var(--c-rein)}.dt-pc-faire li::before{content:"→";color:var(--c-rein)}
.dt-pc-effet{border-left-color:var(--c,var(--gm-encre))}.dt-pc-effet h5{color:var(--gm-encre-2)}
/* panneau « Pour le dossier » : mêmes rubriques, en plus compact */
.dt-pan-pc{margin:.3rem 0 .5rem}.dt-pan-pc .dt-pc{margin:.3rem 0;padding:.25rem .5rem}.dt-pan-pc .dt-pc h5{font-size:.74rem}
.dt-pan-but{display:block;margin:.15rem 0 .2rem}