/* -------------------------------------------------------------------------
   HABILLAGE. Les couleurs sont declarees ici une seule fois, sous des noms de
   ROLE et non de teinte. Un site qui porte une autre charte les redefinit en
   quelques lignes, sans toucher au reste de la feuille.

   Redefinition, a placer dans l'apparence du site : viser les memes racines
   que ci-dessous, puis redonner les roles voulus. L'exemple n'est pas ecrit
   ici avec des accolades, pour qu'aucun outil ne prenne ce commentaire pour
   une vraie declaration.

   Les valeurs ci-dessous sont celles de la charte DEXTA CONSEIL, et servent
   de defaut : un site qui ne redefinit rien garde l'aspect actuel.
   ------------------------------------------------------------------------- */
.dacf, .dac-console, .dacf *, .dac-console * {
  --dac-accent: #C67840;
  --dac-accent-fonce: #a75f2c;
  --dac-accent-clair: #F1B36C;
  --dac-fond: #FCF1DE;
  --dac-carte: #E7DECD;
  --dac-bordure: #EDE9E3;
  --dac-encre: #0A0A0A;
  --dac-texte: #46433C;
  --dac-gris: #6F675B;
  --dac-gris-doux: #52525B;
  --dac-brun: #6B4A25;
  --dac-ecart: #B3261E;
  --dac-conforme: #1E7A46;
  --dac-blanc: #FFFFFF;
  --dac-surface: #fdfcfa;
  --dac-surface-2: #f4f1ec;
  --dac-ligne: #d8d2c8;
  --dac-conforme-fond: #FBFDFB;
  --dac-ecart-fond: #FDF3F2;
}

/* DEXTA Audit Console - facade du site. Charte : noir #000, terracotta var(--dac-accent), ambre var(--dac-accent-clair), creme var(--dac-fond) */

.dacf{--noir:#000;--terra:var(--dac-accent);--ambre:var(--dac-accent-clair);--creme:var(--dac-fond);--txt:var(--dac-encre);--txt2:var(--dac-gris-doux);
  max-width:1040px;margin:0 auto;padding:0 20px;font-family:inherit;color:var(--txt)}

.dacf-eyebrow{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--terra);font-weight:700;margin:0 0 8px}
.dacf-titre{font-size:clamp(26px,3.6vw,38px);line-height:1.12;letter-spacing:-.022em;font-weight:800;margin:0 0 14px;color:var(--txt)}
.dacf-texte{font-size:15px;line-height:1.65;color:var(--txt2);max-width:720px;margin:0 0 22px}
/* Le chapo et le complement partagent la largeur des cartes qui les suivent :
   des bords droits differents donnent une page mal reglee. */
.dacf-intro,.dacf-complement{max-width:none}
.dacf-intro{font-size:16px;line-height:1.6}
.dacf-h3{font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin:0 0 18px;
  padding-bottom:10px;border-bottom:2px solid var(--terra);color:var(--txt)}

/* choix de plateforme */
.dacf-choix{display:flex;flex-wrap:wrap;gap:16px;align-items:stretch}
.dacf-carte-choix{display:flex;flex-direction:column;flex:1 1 320px;background:var(--dac-blanc);border:1px solid var(--dac-bordure);
  border-left:4px solid var(--terra);padding:22px 24px;text-decoration:none;color:var(--txt);
  transition:box-shadow .15s,transform .15s,border-color .15s}
.dacf-carte-choix:hover,.dacf-carte-choix:focus-visible{border-left-color:var(--noir);box-shadow:0 3px 16px rgba(0,0,0,.1);transform:translateY(-2px)}
.dacf-carte-choix:focus-visible{outline:3px solid var(--ambre);outline-offset:2px}
.dacf-carte-nom{font-size:21px;font-weight:700}
.dacf-carte-ref{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--terra);font-weight:700;margin:6px 0 10px}
.dacf-carte-nb{font-size:13px;color:var(--txt2)}
.dacf-carte-cta{margin-top:auto;padding-top:18px;font-weight:700;font-size:13px}
.dacf-carte-cta:after{content:" \2192"}

/* formulaire et progression */
.dacf-grille{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start}
.dacf-bloc{flex:1 1 340px;min-width:300px;background:var(--dac-blanc);border:1px solid var(--dac-bordure);border-top:3px solid var(--terra);padding:22px 24px}
.dacf-bloc-message{max-width:620px}
.dacf-label{display:block;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;
  color:var(--txt2);margin:16px 0 5px}
.dacf-champ{width:100%;box-sizing:border-box;padding:11px 13px;font-size:15px;border:1px solid var(--dac-ligne);
  background:var(--dac-surface);color:var(--txt);border-radius:0;font-family:inherit}
.dacf-champ:focus{outline:none;border-color:var(--terra);box-shadow:0 0 0 2px rgba(198,120,64,.18)}
.dacf-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px}
.dacf-bouton{margin-top:22px;width:100%;padding:15px 24px;font-size:16px;font-weight:700;border:2px solid var(--terra);
  background:var(--terra);color:var(--dac-blanc);cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s}
.dacf-bouton:hover,.dacf-bouton:focus-visible{background:var(--dac-accent-fonce);border-color:var(--dac-accent-fonce)}
.dacf-bouton:focus-visible{outline:3px solid var(--ambre);outline-offset:2px}
.dacf-bouton[disabled]{opacity:.6;cursor:progress}
.dacf-mention{font-size:14px;line-height:1.55;color:var(--txt2);margin-top:14px}

.dacf-barre{height:6px;background:var(--dac-bordure);overflow:hidden;margin:0 0 12px}
.dacf-barre-remplie{height:100%;width:0;background:var(--terra);transition:width .3s ease}
.dacf-progress{font-size:13px;font-weight:600;margin:0 0 14px}
.dacf-etapes{margin:0;padding:0;list-style:none;font-size:13px}
.dacf-etapes li{padding:6px 0 6px 26px;position:relative;color:var(--txt2);border-bottom:1px solid var(--dac-surface-2)}
.dacf-etapes li:before{content:"\25CB";position:absolute;left:6px;color:var(--dac-ligne)}
.dacf-etapes li.dac-etape-encours{color:var(--txt);font-weight:600}
.dacf-etapes li.dac-etape-encours:before{content:"\25D0";color:var(--terra)}
.dacf-etapes li.dac-etape-ok{color:var(--txt)}
.dacf-etapes li.dac-etape-ok:before{content:"\25CF";color:var(--dac-conforme)}
.dacf-etapes li.dac-etape-alerte{color:var(--txt)}
.dacf-etapes li.dac-etape-alerte:before{content:"\25C6";color:var(--terra)}
.dacf-etapes .dac-etape-info{display:block;font-size:13px;color:var(--txt2);font-weight:400;line-height:1.5;margin-top:2px}
.dacf-resultat{margin-top:16px;font-size:14px}
.dacf-resultat .dac-resultat-ok{background:var(--creme);padding:12px 16px;border-left:4px solid var(--dac-conforme);margin:0 0 12px}

.dacf-cta{display:inline-block;padding:12px 24px;background:var(--noir);color:var(--dac-blanc);font-weight:700;
  text-decoration:none;font-size:14px;border:none}
.dacf-cta:hover,.dacf-cta:focus-visible{background:var(--terra);color:var(--dac-blanc)}

.dacf-details{margin-top:26px;border-top:1px solid var(--dac-bordure);padding-top:16px}
.dacf-details summary{cursor:pointer;font-weight:700;font-size:14px;color:var(--txt)}
.dacf-details summary:focus-visible{outline:2px solid var(--terra);outline-offset:2px}
.dacf-liste{font-size:13px;color:var(--txt2);line-height:1.9;margin:12px 0}
.dacf-liste code,.dacf-details code{background:var(--dac-surface-2);padding:2px 6px;font-size:14px}

@media (max-width:640px){
  .dacf-bloc,.dacf-carte-choix{min-width:100%}
}
@media (prefers-reduced-motion:reduce){
  .dacf-carte-choix,.dacf-bouton,.dacf-barre-remplie{transition:none}
}

/* ---------- bilan affiche a la fin de l'audit ---------- */
.dac-bilan{margin-top:6px}
.dac-bilan-titre{font-size:17px;font-weight:800;margin:0 0 12px;color:var(--dac-encre)}
.dac-bilan-compteurs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.dac-bilan-c{font-size:14px;padding:6px 11px;border:1px solid var(--dac-bordure);color:var(--dac-gris-doux);white-space:nowrap}
.dac-bilan-c strong{font-size:15px;color:var(--dac-encre);margin-right:3px}
.dac-bilan-p1{border-color:var(--dac-ecart)}
.dac-bilan-p1 strong{color:var(--dac-ecart)}
.dac-bilan-p2{border-color:var(--dac-accent)}
.dac-bilan-p2 strong{color:var(--dac-accent)}
.dac-bilan-p3{border-color:var(--dac-accent-clair)}
.dac-bilan-conforme{border-color:var(--dac-conforme)}
.dac-bilan-conforme strong{color:var(--dac-conforme)}
.dac-bilan-cta{display:inline-block;padding:13px 26px;background:var(--dac-encre);color:var(--dac-blanc);font-weight:700;
  text-decoration:none;font-size:14px;margin:0 0 18px}
.dac-bilan-cta:hover,.dac-bilan-cta:focus-visible{background:var(--dac-accent);color:var(--dac-blanc)}
.dac-bilan-table{width:100%;border-collapse:collapse;font-size:12.5px;margin:0 0 12px}
.dac-bilan-table th{text-align:left;background:var(--dac-encre);color:var(--dac-blanc);padding:8px 10px;font-size:13px;
  text-transform:uppercase;letter-spacing:.05em}
.dac-bilan-table td{padding:8px 10px;border-bottom:1px solid var(--dac-bordure);vertical-align:top;color:var(--dac-texte)}
.dac-bilan-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;white-space:nowrap}
.dac-pastille{display:inline-block;padding:2px 8px;font-size:12.5px;font-weight:800;color:var(--dac-blanc);white-space:nowrap}
.dac-p1{background:var(--dac-ecart)}
.dac-p2{background:var(--dac-accent)}
.dac-p3{background:var(--dac-accent-clair);color:var(--dac-encre)}
.dac-p4{background:var(--dac-bordure);color:var(--dac-gris-doux)}
.dac-bilan-reste{font-size:14px;color:var(--dac-gris-doux);font-style:italic;margin:0 0 12px}
.dac-bilan-lien{font-size:13px;font-weight:700;color:var(--dac-encre)}

/* ---------- espace client : liste des rapports ---------- */
.dacf-retour{font-size:13px;margin:0 0 14px}
.dacf-retour a{color:var(--terra);font-weight:700;text-decoration:none}
.dac-liste-missions{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px;margin-top:20px}
.dac-mission-carte{display:flex;flex-direction:column;background:var(--dac-blanc);border:1px solid var(--dac-bordure);border-left:4px solid var(--terra);
  padding:20px 22px;text-decoration:none;color:var(--txt);transition:box-shadow .15s,transform .15s,border-color .15s}
.dac-mission-carte:hover,.dac-mission-carte:focus-visible{border-left-color:var(--noir);box-shadow:0 3px 16px rgba(0,0,0,.09);transform:translateY(-2px)}
.dac-mission-carte:focus-visible{outline:3px solid var(--ambre);outline-offset:2px}
.dac-mission-ref{font-size:19px;font-weight:800;color:var(--txt);display:flex;align-items:center;gap:9px}
/* Marque de la plateforme auditee. Taille calee sur la hauteur de la
   reference, pour que la carte garde une seule ligne de base. */
.dac-mission-plateforme{flex:0 0 auto;display:inline-flex;width:18px;height:18px}
.dac-mission-plateforme svg{width:100%;height:100%;display:block}
.dac-mission-meta{font-size:12.5px;color:var(--txt2);margin:5px 0 14px}
.dac-mission-chiffres{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:14px}
.dac-mission-score{font-size:32px;font-weight:800;line-height:1}
.dac-mission-chiffres em{font-style:normal;font-size:13px;color:var(--txt2);margin-right:6px}
.dac-score-bon{color:var(--dac-conforme)}
.dac-score-moyen{color:var(--terra)}
.dac-score-faible{color:var(--dac-ecart)}
.dac-mission-cta{margin-top:auto;font-weight:700;font-size:13px;color:var(--noir)}
.dac-mission-cta:after{content:" \2192"}

/* ---------- pages de restitution : le nom du site n a pas sa place ---------- */
.dac-portail .site-header .site-branding,
.dac-portail .site-header .site-title,
.dac-portail header.site-header h1,
.dac-portail .site-title{display:none !important}

.dacf-aide{display:block;font-size:13.5px;color:var(--txt2);line-height:1.5;margin-top:5px}

/* ---------- adaptation aux petits ecrans, facade ---------- */
@media (max-width:700px){
  .dacf{padding:0 14px}
  .dacf-titre{font-size:24px}
  .dac-liste-missions{grid-template-columns:1fr}
  .dac-mission-carte{padding:16px 18px}
}
/* Les deux temps de la collecte : une sequence, pas une limite. */
.dacf-sequence{counter-reset:dacf;list-style:none;margin:0 0 26px;padding:0;display:grid;gap:10px}
.dacf-sequence li{counter-increment:dacf;position:relative;padding:13px 16px 13px 46px;background:var(--dac-blanc);
  border:1px solid var(--dac-carte);border-radius:9px;font-size:13.5px;line-height:1.55;color:var(--dac-texte)}
.dacf-sequence li:before{content:counter(dacf);position:absolute;left:14px;top:13px;width:21px;height:21px;
  border-radius:50%;background:var(--dac-accent);color:var(--dac-blanc);font-size:14px;font-weight:800;display:flex;
  align-items:center;justify-content:center}
/* La colonne de progression defile pendant la collecte, puis s efface. */
#dac-etapes{max-height:420px;overflow-y:auto;scroll-behavior:smooth}
.dacf-etapes-finies #dac-etapes{display:none}
.dac-bilan-cta-forte{background:var(--dac-encre);color:var(--dac-blanc);border-color:var(--dac-encre)}
.dac-bilan-cta-forte:hover,.dac-bilan-cta-forte:focus-visible{background:var(--dac-accent);border-color:var(--dac-accent)}
/* Livrables et verifications, dans l espace client. */
.dacf-livrables{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 22px;
  padding:14px 16px;background:var(--dac-fond);border-radius:10px}
.dacf-livrables-lib{font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--dac-brun);margin-right:4px}
.dacf-btn{display:inline-block;padding:8px 15px;border:1px solid var(--dac-carte);border-radius:8px;background:var(--dac-blanc);
  color:var(--dac-encre);font-size:13px;font-weight:600;text-decoration:none;cursor:pointer}
.dacf-btn:hover,.dacf-btn:focus-visible{border-color:var(--dac-accent);color:var(--dac-accent)}
.dacf-btn-forte{background:var(--dac-encre);color:var(--dac-blanc);border-color:var(--dac-encre)}
.dacf-btn-forte:hover,.dacf-btn-forte:focus-visible{background:var(--dac-accent);border-color:var(--dac-accent);color:var(--dac-blanc)}
.dacf-manuelles{margin:38px auto 0;padding:28px 0 0;border-top:1px solid var(--dac-carte);max-width:880px}
.dacf-manuelles .dacf-h3{font-size:22px;line-height:1.25;letter-spacing:-.01em}
.dacf-manuelles-intro{max-width:720px;font-size:14.5px;line-height:1.65;color:var(--dac-texte)}
.dacf-manuelles-corps{margin-top:6px}
.dacf-fiche{padding:14px 16px;border:1px solid var(--dac-carte);border-radius:10px;margin:0 0 10px;background:var(--dac-blanc)}
.dacf-fiche-faite{border-color:var(--dac-conforme);background:var(--dac-conforme-fond)}
.dacf-fiche-tete{display:flex;gap:9px;align-items:baseline;margin-bottom:8px;flex-wrap:wrap}
.dacf-fiche-nat,.dacf-fiche-appui{margin:3px 0;font-size:14px;line-height:1.5;color:var(--dac-gris)}
.dacf-fiche-nat span,.dacf-fiche-appui span{display:inline-block;min-width:106px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--dac-accent);vertical-align:top}
.dacf-fiche-ou,.dacf-fiche-att{margin:3px 0;font-size:13px;line-height:1.5;color:var(--dac-texte)}
.dacf-fiche-ou span,.dacf-fiche-att span{display:inline-block;min-width:106px;font-size:13px;font-weight:800;
  letter-spacing:.05em;text-transform:uppercase;color:var(--dac-gris)}
.dacf-fiche-rep{display:flex;gap:9px;margin-top:10px;flex-wrap:wrap}
.dacf-fiche-rep select{min-width:170px}
.dacf-fiche-rep input{flex:1;min-width:230px}
/* Les verifications se replient une fois renseignees. */
.dacf-manuelles-tete{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;justify-content:space-between;
  padding:18px 20px;background:var(--dac-fond);border-radius:12px;margin:0 0 18px}
.dacf-manuelles-titre{flex:1;min-width:260px}
.dacf-manuelles-tete .dacf-h3{margin:0 0 4px;font-size:19px;line-height:1.3}
.dacf-manuelles-accroche{margin:0;font-size:13.5px;color:var(--dac-brun);line-height:1.5}
.dacf-manuelles-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}
.dacf-jauge{font-size:13px;font-weight:800;color:var(--dac-brun);background:var(--dac-blanc);border:1px solid var(--dac-carte);
  border-radius:20px;padding:5px 14px;white-space:nowrap}
.dacf-manuelles-replie .dacf-manuelles-corps{display:none}
.dacf-manuelles-replie .dacf-manuelles-tete{margin:0}
/* Le bloc suit la largeur du rapport, il ne se serre pas a gauche. */
.dacf-manuelles{width:100%;box-sizing:border-box}
.dacf-manuelles .dacf-texte{max-width:none}
.dacf-fiche{width:100%;box-sizing:border-box}
/* Verification des acces, avant lancement. */
.dacf-verif{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 14px}
.dacf-verif-note{font-size:14px;color:var(--dac-gris);line-height:1.4}
.dacf-verif-encours{font-size:13px;color:var(--dac-gris);padding:10px 0}
.dacf-verif-ko{font-size:13px;color:var(--dac-ecart);padding:10px 12px;background:var(--dac-ecart-fond);border-radius:8px}
.dacf-verif-bloc{margin:0 0 18px}
.dacf-verif-titre{font-size:14px;font-weight:700;color:var(--dac-encre);margin:0 0 10px}
.dacf-voie{padding:12px 14px;border:1px solid var(--dac-carte);border-left-width:3px;border-radius:8px;margin:0 0 8px;background:var(--dac-blanc)}
.dacf-voie-ok{border-left-color:var(--dac-conforme)}
.dacf-voie-partiel{border-left-color:var(--dac-accent-clair)}
.dacf-voie-echec{border-left-color:var(--dac-ecart)}
.dacf-voie-tete{display:flex;justify-content:space-between;gap:10px;align-items:baseline;flex-wrap:wrap}
.dacf-voie-n{font-size:13px;font-weight:700;color:var(--dac-gris);white-space:nowrap}
.dacf-voie-porte{font-size:14px;color:var(--dac-gris);margin:3px 0 6px}
.dacf-voie-detail{font-size:12.5px;color:var(--dac-texte);margin:0}
.dacf-voie-remede{font-size:12.5px;color:var(--dac-brun);background:var(--dac-fond);border-radius:6px;padding:8px 10px;margin:8px 0 0;line-height:1.5}

/* Le theme impose sa couleur a tout bouton : on la reprend, comme ailleurs. */
body .dacf-btn{display:inline-block;padding:9px 16px;border:1px solid var(--dac-carte);border-radius:8px;
  background:var(--dac-blanc);color:var(--dac-encre);font-size:13px;font-weight:600;line-height:1.3;text-decoration:none;
  cursor:pointer;font-family:inherit;letter-spacing:0}
body .dacf-btn:hover,body .dacf-btn:focus{background:var(--dac-fond);border-color:var(--dac-accent);color:var(--dac-accent)}
body .dacf-btn:disabled{opacity:.55;cursor:default;background:var(--dac-blanc);border-color:var(--dac-carte);color:var(--dac-gris)}
body .dacf-btn-forte{background:var(--dac-encre);color:var(--dac-blanc);border-color:var(--dac-encre)}
body .dacf-btn-forte:hover,body .dacf-btn-forte:focus{background:var(--dac-accent);border-color:var(--dac-accent);color:var(--dac-blanc)}
.dacf-liens{margin:14px 0 0;padding:14px 0 0;border-top:1px solid var(--dac-carte)}
.dacf-lien{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 10px}
.dacf-lien .dacf-verif-note{flex:1;min-width:240px}
.dacf-complement{font-size:13px;color:var(--dac-gris);border-left:3px solid var(--dac-carte);padding-left:14px;margin:14px 0 22px;line-height:1.6}

/* En-tete d un rapport : le client, la reference, la cible et la date. */
.dacf-entete{margin:0 0 22px}
.dacf-entete .dacf-titre{margin:2px 0 0}
.dacf-entete-ref{margin:6px 0 0;font-size:15px;font-weight:700;color:var(--dac-accent);letter-spacing:.2px}
.dacf-entete-meta{margin:8px 0 0;font-size:13px;color:var(--dac-gris)}
@media print{.dacf-entete{break-inside:avoid}}

/* Marque de plateforme : usage nominatif, pour que l auditeur voie d un coup
   d oeil s il est sur le bon environnement. */
.dacf-marque{vertical-align:middle;margin-right:10px;flex:0 0 auto}
.dacf-titre-marque{display:flex;align-items:center;gap:2px}
.dacf-titre-marque .dacf-marque{width:32px;height:32px;margin-right:14px}
.dacf-carte-nom{display:flex;align-items:center}
.dacf-carte-nom .dacf-marque{width:24px;height:24px;margin-right:10px}
@media(max-width:640px){.dacf-titre-marque .dacf-marque{width:26px;height:26px;margin-right:10px}}

/* ------------------------------------------------------------------------
   Reperage au clavier. Un contour visible sur l element actif est la seule
   facon pour qui n'utilise pas la souris de savoir ou il se trouve. Le
   navigateur en pose un par defaut, souvent invisible sur fond sombre : on
   le redonne aux couleurs de la charte.
   ------------------------------------------------------------------------ */
.dacf a:focus-visible,.dacf button:focus-visible,.dacf input:focus-visible,
.dacf select:focus-visible,.dacf textarea:focus-visible,.dacf [tabindex]:focus-visible{
  outline:2px solid var(--dac-accent);
  outline-offset:2px;
  border-radius:6px;
}
/* Aucun bouton ne porte de soulignement, quel que soit son etat. */
.dacf button,.dacf .dacf-btn,.dacf .dacae-mini,.dacf .dacp-cta,.dacf .dacd-voir,
.dacf button:hover,.dacf button:focus{text-decoration:none}

/* ------------------------------------------------------------------------
   Choix de la plateforme. C est un ecran de DECISION : deux options, rien
   d autre. Les cartes prennent donc la place, portent leur perimetre en
   clair, et se terminent par un vrai bouton plutot qu un lien souligne.
   ------------------------------------------------------------------------ */
.dacf-choix-ecran{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin:0 0 26px;
}
.dacf-plate{
  background:var(--dac-carte);border:1px solid var(--dac-ligne);
  border-radius:16px;padding:30px 30px 32px;
  display:flex;flex-direction:column;
}
.dacf-plate-tete{display:flex;align-items:flex-start;gap:16px;margin-bottom:22px}
.dacf-plate-tete .dacf-marque{width:38px;height:38px;margin:2px 0 0;flex:0 0 auto}
.dacf-plate h3{margin:0;font-size:24px;line-height:1.2;color:var(--dac-encre)}
.dacf-plate-ref{
  margin:6px 0 0;font-size:13px;line-height:1.45;color:var(--dac-gris);
  text-transform:none;letter-spacing:0;
}
.dacf-plate-nb{
  display:flex;align-items:baseline;gap:10px;margin:0 0 20px;
  padding-bottom:20px;border-bottom:1px solid var(--dac-ligne);
}
.dacf-plate-nb b{font-size:40px;line-height:1;font-weight:700;color:var(--dac-accent)}
.dacf-plate-nb span{font-size:15px;color:var(--dac-gris)}
.dacf-plate-liste{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:9px}
.dacf-plate-liste li{
  position:relative;padding-left:22px;font-size:14.5px;line-height:1.5;color:var(--dac-texte);
}
.dacf-plate-liste li::before{
  content:"";position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:50%;
  background:var(--dac-accent);
}
/* Un vrai bouton : fond plein, jamais souligne, visible au repos. */
.dacf-plate-btn,.dacf-plate-btn:link,.dacf-plate-btn:visited{
  margin-top:auto;align-self:flex-start;
  display:inline-block;text-decoration:none;
  background:var(--dac-accent);border:1px solid var(--dac-accent);color:var(--dac-blanc);
  padding:14px 28px;border-radius:9px;font-size:15.5px;font-weight:600;line-height:1.2;
}
.dacf-plate-btn:hover,.dacf-plate-btn:focus-visible{
  background:var(--dac-accent-fonce);border-color:var(--dac-accent-fonce);
  color:var(--dac-blanc);text-decoration:none;
}

/* Les trois objections d un administrateur, traitees avant qu il les pose. */
.dacf-rassure{
  list-style:none;margin:0 0 10px;padding:0;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;
}
.dacf-rassure li{
  border-left:3px solid var(--dac-accent);padding:2px 0 2px 16px;
}
.dacf-rassure b{display:block;font-size:15.5px;color:var(--dac-encre)}
.dacf-rassure span{display:block;margin-top:5px;font-size:14px;line-height:1.55;color:var(--dac-gris)}

@media (max-width:900px){
  .dacf-choix-ecran{grid-template-columns:1fr;gap:18px}
  .dacf-rassure{grid-template-columns:1fr;gap:14px}
  .dacf-plate{padding:26px 22px 28px}
  .dacf-plate h3{font-size:21px}
  .dacf-plate-nb b{font-size:34px}
}