/* au-cabinet.fr — « Vitamine D ? » : profil du patient, verdicts, carte de l'ensoleillement, tableaux des preuves,
   sur le gabarit commun « façon MDPH ». Tailles en rem (suivent les réglages de texte) ; couleurs de la charte. */

/* ---------- cases à cocher en boutons (terrain, traitements) ---------- */
.vd-coches{display:flex;flex-wrap:wrap;gap:.5rem .625rem}
.vd-coche{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border:2px solid var(--gm-encre);border-radius:3px;
  background:var(--gm-carte);cursor:pointer;font-weight:700;line-height:1.3}
.vd-coche small{font-weight:400;color:var(--gm-encre-3)}
.vd-coche input{width:1.125rem;height:1.125rem;accent-color:var(--ac-rubrique);flex:none}
.vd-coche:has(input:checked){background:var(--ac-rubrique-doux);box-shadow:3px 3px 0 var(--gm-encre)}
.vd-coche.vd-alerte:has(input:checked){background:#F6D3C8;box-shadow:3px 3px 0 #B5462C}
.gm-champ[hidden]{display:none!important}
.vd-groupe{margin:0 0 .25rem;font:700 .8125rem/1.3 var(--ac-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--gm-encre-3)}
.vd-groupe+.vd-coches{margin-bottom:.875rem}

/* ---------- progression ---------- */
.vd-etapes{display:flex;flex-wrap:wrap;gap:.375rem;margin:0 0 1rem;padding:0;list-style:none}
.vd-etapes li{padding:.25rem .625rem;border:2px solid var(--gm-encre);border-radius:999px;font:600 .8125rem/1.3 var(--ac-mono);letter-spacing:.04em;
  background:var(--gm-carte);color:var(--gm-encre-3)}
.vd-etapes li.ok{background:var(--gm-encre);color:#FFD84F}
.vd-etapes li::before{display:none}

/* ---------- saisie d'un dosage ---------- */
.vd-dosage{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}
.vd-dosage input{width:7.5rem;padding:.5rem .625rem;border:2px solid var(--gm-encre);border-radius:3px;font:inherit;font-size:1.125rem;
  background:var(--gm-carte);color:var(--gm-encre)}
.vd-dosage .gm-chipset{margin:0}
.vd-conv{font:600 .875rem/1.4 var(--ac-mono);color:var(--gm-encre-3)}

/* ---------- panneau : verdicts ---------- */
.vd-verdicts{display:grid;gap:.5rem;margin:0 0 .75rem}
.vd-v{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.125rem .625rem;align-items:start;padding:.625rem .75rem;background:var(--gm-carte);
  border:2px solid var(--gm-encre);border-left:7px solid var(--vd-c,var(--ac-rubrique));border-radius:3px}
.vd-v .vd-ic{grid-row:1/3;display:grid;place-items:center;width:2.25rem;height:2.25rem;border:2px solid var(--gm-encre);border-radius:50%;
  background:var(--vd-c,var(--ac-rubrique));color:#FFFDF7;font:800 1rem/1 var(--ac-mono)}
.vd-v .vd-q{font:600 .75rem/1.3 var(--ac-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--gm-encre-3)}
.vd-v .vd-r{font-weight:800;line-height:1.3;color:var(--gm-encre)}
.vd-v .vd-pq{grid-column:2;font-size:var(--fs-petit);line-height:1.45;color:var(--gm-encre-2)}
.vd-v .vd-pq ul{margin:.25rem 0 0;padding-left:1.1rem}
.vd-v .vd-pq li{margin:0 0 .125rem}
.vd-v.oui{--vd-c:#2F6B4F}
.vd-v.non{--vd-c:#4A5A66}
.vd-v.discuter{--vd-c:#D08A35}
.vd-v.prudence{--vd-c:#B5462C}
.vd-bloc{margin:.75rem 0 0;padding:.625rem .75rem;border:2px solid var(--gm-encre);border-radius:3px;background:var(--gm-carte)}
.vd-bloc h3{margin:0 0 .375rem;font-family:var(--ac-display);font-weight:800;font-size:1rem;text-transform:uppercase;letter-spacing:.02em}
.vd-bloc ul{margin:0;padding-left:1.1rem}
.vd-bloc li{margin:0 0 .25rem;line-height:1.45;font-size:var(--fs-petit)}
.vd-bloc.attendre{border-left:7px solid #2F6B4F}
.vd-bloc.promettre{border-left:7px solid #4A5A66}
.vd-bloc.precautions{border-left:7px solid #B5462C}
.vd-bloc.schema{border-left:7px solid #9468B0}
.vd-schema-dose{display:block;font-family:var(--ac-display);font-weight:900;font-size:1.5rem;line-height:1.1;color:var(--gm-encre)}
.vd-copie{margin:.75rem 0 0;padding:.625rem .75rem;border:2px dashed var(--gm-encre-3);border-radius:3px;background:var(--gm-papier);
  font:400 .875rem/1.5 var(--ac-mono);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--gm-encre)}
.vd-copie-t{margin:.75rem 0 0;font:700 .75rem/1.3 var(--ac-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--gm-encre-3)}

/* ---------- jauges de lecture d'un dosage ---------- */
.vd-jauge{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:.5rem 0 1.75rem;border:2px solid var(--gm-encre);border-radius:3px;overflow:visible}
.vd-jauge span{padding:.375rem .25rem;font:700 .75rem/1.25 var(--ac-mono);text-align:center;color:var(--gm-encre)}
.vd-jauge span small{display:block;font-weight:400}
.vd-jauge .z1{background:#F6D3C8}.vd-jauge .z2{background:#FBE3BE}.vd-jauge .z3{background:#F4EFC2}.vd-jauge .z4{background:#D8EFE2}.vd-jauge .z5{background:#E4DCEB}
.vd-curseur{position:absolute;top:100%;width:0;height:0;transform:translateX(-50%)}
.vd-curseur::before{content:"";position:absolute;left:-.5rem;top:.125rem;border:.5rem solid transparent;border-bottom:.625rem solid var(--gm-encre);border-top:0}
.vd-curseur b{position:absolute;top:.75rem;left:50%;transform:translateX(-50%);white-space:nowrap;font:800 .75rem/1 var(--ac-mono)}

/* ---------- tableaux ---------- */
.vd-t td,.vd-t th{vertical-align:top}
.vd-t td:first-child{font-weight:700}
.vd-tag{display:inline-block;padding:.0625rem .4375rem;border:1.5px solid var(--gm-encre);border-radius:999px;font:700 .75rem/1.4 var(--ac-mono);white-space:nowrap}
.vd-tag.oui{background:#D8EFE2}
.vd-tag.non{background:#E3E6E8}
.vd-tag.signal{background:#FBE3BE}
.vd-tag.mal{background:#F6D3C8}
.vd-nnt{font:800 .875rem/1.3 var(--ac-mono);color:#2F6B4F}
.vd-ref{font-size:var(--fs-petit);color:var(--gm-encre-3)}
.vd-verif{display:inline-block;padding:0 .375rem;border:1.5px dashed #8A5410;border-radius:3px;font:700 .6875rem/1.5 var(--ac-mono);
  letter-spacing:.04em;text-transform:uppercase;color:#8A5410;background:#F6E6C8}

/* ---------- carte de l'ensoleillement ---------- */
.vd-carte{display:grid;grid-template-columns:minmax(0,18rem) minmax(0,1fr);gap:1rem 1.5rem;align-items:start;margin:.75rem 0}
.vd-carte svg{width:100%;height:auto;display:block}
.vd-carte .vd-zone{cursor:pointer;stroke:var(--gm-encre);stroke-width:2}
.vd-carte .vd-zone:hover,.vd-carte .vd-zone.on{stroke-width:4}
.vd-mois{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2px;margin:.25rem 0 .75rem}
.vd-mois i{display:block;padding:.25rem 0;border:1.5px solid var(--gm-encre);font:700 .6875rem/1 var(--ac-mono);font-style:normal;text-align:center}
.vd-mois i.s0{background:#E3E6E8;color:var(--gm-encre-3)}
.vd-mois i.s1{background:#F4EFC2}
.vd-mois i.s2{background:#FFD84F}
.vd-legende{display:flex;flex-wrap:wrap;gap:.25rem .875rem;margin:.25rem 0 0;font:600 .75rem/1.3 var(--ac-mono);color:var(--gm-encre-3)}
.vd-legende i{display:inline-block;width:.75rem;height:.75rem;margin-right:.3rem;border:1.5px solid var(--gm-encre);vertical-align:-.1rem}
.vd-zone-l{margin:0 0 1rem}
.vd-zone-l h3{margin:0 0 .25rem}

/* ---------- essais (cartes) ---------- */
.vd-essais{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.75rem;margin:.75rem 0;padding:0;list-style:none}
.vd-essais>li{padding:.75rem .875rem!important;border:2px solid var(--gm-encre);border-radius:3px;background:var(--gm-carte);box-shadow:3px 3px 0 var(--gm-encre)}
.vd-essais>li::before{display:none!important}
.vd-essais h3{margin:0 0 .25rem;font-family:var(--ac-display);font-weight:900;font-size:1.25rem;line-height:1.1}
.vd-essais .vd-qui{margin:0 0 .375rem;font:600 .75rem/1.4 var(--ac-mono);color:var(--gm-encre-3)}
.vd-essais p{margin:0 0 .375rem;font-size:var(--fs-petit);line-height:1.5}

/* ---------- convertisseur ---------- */
.vd-convertir{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin:.5rem 0 1rem;padding:.75rem;border:2px solid var(--gm-encre);border-radius:3px;background:var(--gm-carte)}
.vd-convertir input{width:7rem;padding:.4375rem .5rem;border:2px solid var(--gm-encre);border-radius:3px;font:inherit;background:#fff;color:var(--gm-encre)}
.vd-convertir output{font:800 1.125rem/1.2 var(--ac-mono)}

@media (max-width:760px){
  .vd-carte{grid-template-columns:minmax(0,1fr)}
  .vd-carte svg{max-width:16rem;margin:0 auto}
  .vd-jauge span{font-size:.625rem;padding:.25rem .125rem}
  .vd-mois i{font-size:.5625rem}
}
@media print{.vd-copie{border-style:solid}}
/* rythmes de prise (12/10/2026) */
.vd-rythmes{list-style:none;margin:.4rem 0;padding:0;display:grid;gap:.45rem}
.vd-rythmes li{border:2px solid var(--gm-encre);border-left-width:6px;border-radius:.35rem;padding:.4rem .6rem;background:var(--gm-carte)}
.vd-rythmes li p{margin:.2rem 0;font-size:.9rem}
.vd-ry-t{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.3rem;align-items:baseline}
.vd-ry-remb{font-size:.8rem;font-weight:700;background:var(--gm-vert-doux);border-radius:.25rem;padding:0 .35rem}
.vd-ry-privilegie{border-left-color:var(--gm-vert)!important}
.vd-ry-possible{border-left-color:var(--gm-ambre)!important}
.vd-ry-eviter{border-left-color:var(--gm-rouge)!important;opacity:.9}
.vd-ry-eviter .vd-ry-avis{color:var(--gm-rouge-txt);font-weight:700}
.vd-ry-avis{font-size:.85rem!important}