/* DEXTA Audit Console - restitution graphique */

.dacd{--noir:var(--dac-encre);--terra:var(--dac-accent);--ambre:var(--dac-accent-clair);--creme:var(--dac-fond);--txt:var(--dac-texte);--txt2:var(--dac-gris-doux);--muet:var(--dac-gris);--bord:var(--dac-carte);--gris:var(--dac-gris);--rouge:var(--dac-ecart);--vert:var(--dac-conforme);--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:#3F3B34;--dac-gris:#6F675B;--dac-gris-doux:#52525B;--dac-brun:#6B4A25;
  --dac-ecart:#B3261E;--dac-conforme:#1E7A46;--dac-blanc:#FFFFFF;--dac-surface:#fffdfa;
  --dac-surface-2:#f4f1ec;--dac-ligne:#e0dbd3;--dac-ecart-fond:#FDECEA;--dac-conforme-fond:#FBFDFB;
  color:var(--dac-texte);}
.dacd *,.dacd *:before,.dacd *:after{box-sizing:border-box}
.dacd .dacd-vide{font-style:italic;color:var(--muet);margin:0}

.dacd-cols{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:18px;align-items:start}
.dacd-col-g{min-width:0}

/* ---------- neutralisation des styles de bouton du theme ----------
   Hello Elementor applique a tout element button : border 1px solid var(--dac-accent),
   color var(--dac-accent), border-radius 3px, padding .5rem 1rem, et un fond var(--dac-accent) au
   survol. Sans remise a zero explicite, les boutons de la restitution
   heritent de ce rose, etranger a la charte. Le selecteur porte trois
   niveaux pour l'emporter sur toute regle de theme ou d'extension. */
.dacd button,
.dacf .dacd button,
body .dacd button{
  appearance:none;-webkit-appearance:none;-moz-appearance:none;
  font-family:inherit;line-height:1.2;
  text-transform:none;letter-spacing:normal;text-decoration:none;
  box-shadow:none;text-shadow:none;
  min-width:0;min-height:0;width:auto;height:auto;
  margin:0;background-image:none;white-space:normal;
  transition:none;
}

body .dacd .dacd-plus{
  margin-left:auto;width:22px;height:22px;flex:none;
  border-radius:50%;
  border:1px solid var(--dac-carte);
  background-color:var(--dac-blanc);
  color:var(--dac-gris);
  font-size:13px;font-weight:800;cursor:pointer;padding:0;
  display:inline-flex;align-items:center;justify-content:center;
}
body .dacd .dacd-plus:hover,
body .dacd .dacd-plus:focus{
  border-color:var(--dac-accent);color:var(--dac-accent);background-color:var(--dac-blanc);
}

body .dacd .dacd-voir{
  background-color:transparent;border:none;padding:0;border-radius:0;
  color:var(--dac-accent);font-weight:700;font-size:13px;cursor:pointer;text-align:left;
}
body .dacd .dacd-voir:hover,
body .dacd .dacd-voir:focus{
  background-color:transparent;color:var(--dac-accent);text-decoration:underline;
}

body .dacd .dacd-onglet{
  border:1px solid var(--dac-carte);border-radius:6px 6px 0 0;
  background-color:var(--dac-blanc);color:var(--dac-gris);padding:9px 18px;font-size:13px;font-weight:600;
}
body .dacd .dacd-onglet:hover,body .dacd .dacd-onglet:focus-visible{background-color:var(--dac-blanc);color:var(--dac-accent);border-color:var(--dac-accent)}
body .dacd .dacd-onglet.dacd-on,body .dacd .dacd-onglet.dacd-on:hover,body .dacd .dacd-onglet.dacd-on:focus-visible{background-color:var(--dac-encre);color:var(--dac-blanc);border-color:var(--dac-encre)}

body .dacd .dacd-chip{
  border:1px solid var(--dac-carte);border-radius:20px;
  background-color:var(--dac-blanc);color:var(--dac-gris);padding:5px 12px;font-size:13.5px;
}
body .dacd .dacd-chip:hover,body .dacd .dacd-chip:focus-visible{background-color:var(--dac-blanc);color:var(--dac-accent);border-color:var(--dac-accent)}
body .dacd .dacd-chip.dacd-on,body .dacd .dacd-chip.dacd-on:hover,body .dacd .dacd-chip.dacd-on:focus-visible{background-color:var(--dac-encre);color:var(--dac-blanc);border-color:var(--dac-encre)}

/* ---------- onglets ---------- */
.dacd-onglets{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.dacd-onglet{font-family:inherit;font-size:13px;padding:9px 18px;border:1px solid var(--bord);background:var(--dac-blanc);
  color:var(--muet);cursor:pointer;border-radius:6px 6px 0 0;font-weight:600}
.dacd-onglet:hover,.dacd-onglet:focus-visible{color:var(--terra);border-color:var(--terra)}
.dacd-onglet.dacd-on{background:var(--noir);border-color:var(--noir);color:var(--dac-blanc)}

.dacd-vue{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.dacd-vue.dacd-vue-on{display:grid}

/* ---------- cartes ---------- */
.dacd-c{background:var(--dac-blanc);border:1px solid var(--bord);border-radius:8px;padding:18px 20px;min-width:0}
.dacd-c-large{grid-column:1 / -1}
.dacd-c-info{background:var(--dac-surface);border-color:var(--dac-accent-clair)}
.dacd-c-alerte{background:var(--dac-ecart-fond);border-color:var(--dac-ecart)}
.dacd-c-ok{background:var(--dac-conforme-fond);border-color:var(--dac-conforme)}
.dacd-c-gain{background:var(--creme);border-color:var(--dac-accent-clair)}
.dacd-c-titre{font-size:13px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--muet);
  margin:0 0 14px;display:flex;align-items:center;gap:8px}
.dacd-c-titre2{margin-top:20px}
.dacd-bang{width:19px;height:19px;border-radius:50%;background:var(--terra);color:var(--dac-blanc);font-style:normal;
  font-size:14px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;margin-left:auto}
.dacd-c-chiffre{font-size:42px;font-weight:800;color:var(--noir);margin:0 0 12px;line-height:1;letter-spacing:-.03em}
.dacd-c-chiffre span{font-size:20px;font-weight:600;color:var(--muet)}
.dacd-c-alerte .dacd-c-chiffre{color:var(--rouge)}
.dacd-c-info .dacd-c-chiffre{color:var(--dac-accent-fonce)}
.dacd-note{font-size:12.5px;line-height:1.55;color:var(--muet);margin:10px 0 0}
.dacd-orange{color:var(--terra)}

/* ---------- sous-cartes ---------- */
.dacd-sous-cartes{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:14px}
.dacd-sc4{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.dacd-sc{background:var(--dac-blanc);border:1px solid var(--bord);border-radius:6px;padding:11px 13px;min-width:0}
.dacd-sc-lib{display:block;font-size:13.5px;color:var(--muet);line-height:1.35;margin-bottom:5px}
.dacd-sc-val{display:block;font-size:26px;font-weight:800;color:var(--noir);line-height:1}
.dacd-sc-sub{display:block;font-size:13px;color:var(--muet);margin-top:4px}
.dacd-sc-rouge{border-color:var(--dac-ecart);background:var(--dac-ecart-fond)}
.dacd-sc-rouge .dacd-sc-val{color:var(--rouge)}

/* ---------- gain ---------- */
.dacd-gain-tete{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.dacd-gain-montant{font-size:34px;font-weight:800;color:var(--terra);margin:0;line-height:1.1;letter-spacing:-.02em}
.dacd-gain-note{font-size:12.5px;color:var(--muet);margin:0;flex:1;min-width:220px}

/* ---------- anneau ---------- */
.dacd-anneau-bloc{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.dacd-anneau{width:158px;height:158px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center}
.dacd-anneau-trou{width:102px;height:102px;border-radius:50%;background:var(--dac-blanc);display:flex;flex-direction:column;align-items:center;justify-content:center}
.dacd-anneau-val{font-size:32px;font-weight:800;color:var(--noir);line-height:1}
.dacd-anneau-lib{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muet);margin-top:3px}
.dacd-legende{list-style:none;margin:0;padding:0;font-size:13px;flex:1;min-width:230px}
.dacd-legende li{display:flex;align-items:center;padding:6px 0;border-bottom:1px solid var(--dac-surface-2)}
.dacd-legende li:last-child{border-bottom:none}
.dacd-legende i{width:11px;height:11px;flex:none;margin-right:10px;border-radius:2px}
.dacd-legende b{margin-left:auto;font-weight:800;color:var(--noir)}

/* ---------- jauges et barres ---------- */
.dacd-jauge{display:block;height:7px;background:var(--dac-ligne);border-radius:4px;overflow:hidden}
.dacd-jauge > span{display:block;height:100%}
.dacd-barres{display:flex;flex-direction:column;gap:8px}
.dacd-barre-ligne{display:flex;align-items:center;gap:12px;font-size:12.5px}
.dacd-barre-nom{width:190px;flex:none;color:var(--txt);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dacd-barre-piste{flex:1;height:15px;background:var(--dac-surface-2);border-radius:3px;display:flex;overflow:hidden;min-width:60px}
.dacd-barre-piste > span{display:block;height:100%}
.dacd-barre-val{width:54px;flex:none;text-align:right;font-weight:800;color:var(--noir)}
.dacd-barre-val em{font-style:normal;font-weight:400;color:var(--muet)}

/* ---------- zone defilante des tableaux ----------
   Un tableau plus large que sa carte voyait ses colonnes de droite
   simplement inaccessibles : ni visibles, ni atteignables. La zone defile
   horizontalement, et une ombre portee sur le bord droit signale qu'il
   reste du contenu, sinon personne ne pense a faire defiler. */
.dacd-scroll{
  overflow-x:auto;overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  background:
    linear-gradient(to right,var(--dac-blanc) 30%,rgba(255,255,255,0)),
    linear-gradient(to right,rgba(255,255,255,0),var(--dac-blanc) 70%) 100% 0,
    radial-gradient(farthest-side at 0 50%,rgba(10,10,10,.14),rgba(0,0,0,0)),
    radial-gradient(farthest-side at 100% 50%,rgba(10,10,10,.14),rgba(0,0,0,0)) 100% 0;
  background-repeat:no-repeat;
  background-size:36px 100%,36px 100%,14px 100%,14px 100%;
  background-attachment:local,local,scroll,scroll;
}
.dacd-scroll::-webkit-scrollbar{height:8px}
.dacd-scroll::-webkit-scrollbar-track{background:var(--dac-surface-2)}
.dacd-scroll::-webkit-scrollbar-thumb{background:var(--dac-ligne);border-radius:4px}
.dacd-scroll::-webkit-scrollbar-thumb:hover,.dacd-scroll::-webkit-scrollbar-thumb:focus-visible{background:var(--terra)}
.dacd-scroll .dacd-table{margin-bottom:0}

/* Les colonnes prennent la largeur de leur contenu et la zone defile.
   Autoriser la coupure n'importe ou comprimait la colonne et faisait
   descendre les adresses caractere par caractere : le remede etait pire.
   Seules les colonnes de texte long reviennent a la ligne, avec une largeur
   maximale pour ne pas ecraser les autres. */
.dacd-scroll .dacd-table{min-width:max-content;width:auto}
.dacd-table th,
.dacd-table td{white-space:nowrap}
.dacd-table td.dacd-td-long,
.dacd-table th.dacd-td-long{white-space:normal;min-width:240px;max-width:460px;overflow-wrap:break-word}
.dacd-table td.dacd-td-jauge{white-space:nowrap}

/* ---------- tableau ---------- */
.dacd-table{width:100%;border-collapse:collapse;font-size:12.5px}
.dacd-table th{text-align:left;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--muet);
  padding:8px 10px;border-bottom:2px solid var(--bord)}
.dacd-table td{padding:8px 12px;border-bottom:1px solid var(--dac-surface-2);vertical-align:top}
.dacd-td-jauge{display:flex;align-items:center;gap:9px;min-width:150px}
.dacd-td-jauge .dacd-jauge{flex:1}
.dacd-td-jauge span:last-child{font-size:14px;color:var(--muet);width:38px;text-align:right}

/* ---------- pastilles DNS ---------- */
.dacd-pastilles{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:9px}
.dacd-past{border:1px solid var(--bord);border-radius:6px;padding:10px 12px;background:var(--dac-blanc)}
.dacd-past b{display:block;font-size:12.5px;color:var(--noir)}
.dacd-past em{display:block;font-style:normal;font-size:13.5px;margin-top:3px;color:var(--muet)}
.dacd-past-ok{border-color:var(--dac-conforme);background:var(--dac-conforme-fond)}
.dacd-past-ok em{color:var(--vert);font-weight:700}
.dacd-past-mid{border-color:var(--dac-accent-clair);background:var(--creme)}
.dacd-past-mid em{color:var(--terra);font-weight:700}
.dacd-past-ko{border-color:var(--dac-ecart);background:var(--dac-ecart-fond)}
.dacd-past-ko em{color:var(--rouge);font-weight:700}

/* ---------- alertes ---------- */
.dacd-alerte{border:1px solid var(--bord);border-left:4px solid var(--terra);border-radius:6px;padding:13px 16px;margin-bottom:10px;background:var(--dac-blanc)}
.dacd-alerte-p1{border-left-color:var(--rouge);background:var(--dac-ecart-fond);border-color:var(--dac-ecart)}
.dacd-alerte-tete{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:7px}
.dacd-alerte-titre{font-size:14.5px;font-weight:800;color:var(--noir)}
.dacd-alerte-txt{font-size:13px;margin:0;color:var(--txt)}
.dacd-alerte-reco{font-size:12.5px;margin:8px 0 0;color:var(--txt)}

/* ---------- panneau de conformite ---------- */
.dacd-panneau{background:var(--dac-ecart-fond);border:1px solid var(--dac-ecart);border-radius:8px;padding:18px 20px;position:sticky;top:40px;
  max-height:calc(100vh - 70px);overflow-y:auto}
.dacd-panneau-tete{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.dacd-panneau-date{font-size:13px;color:var(--muet)}
.dacd-score-bloc{display:flex;align-items:center;gap:16px;margin:6px 0 16px}
.dacd-score-valeur{font-size:52px;font-weight:800;line-height:1;letter-spacing:-.04em}
.dacd-score-bon{color:var(--vert)}
.dacd-score-moyen{color:var(--terra)}
.dacd-score-faible{color:var(--rouge)}
.dacd-score-txt{font-size:14px;color:var(--muet);line-height:1.5}
.dacd-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.dacd-chip{font-family:inherit;font-size:13.5px;padding:8px 12px;border:1px solid var(--bord);background:var(--dac-blanc);
  color:var(--muet);cursor:pointer;border-radius:20px}
.dacd-chip:hover,.dacd-chip:focus-visible{border-color:var(--terra);color:var(--terra)}
.dacd-chip.dacd-on{background:var(--noir);border-color:var(--noir);color:var(--dac-blanc);font-weight:700}

.dacd-liste{display:flex;flex-direction:column;gap:9px}
.dacd-item{background:var(--dac-blanc);border:1px solid var(--bord);border-radius:6px;padding:12px 14px}
.dacd-item-p1{border-left:4px solid var(--rouge)}
.dacd-item-p2{border-left:4px solid var(--terra)}
.dacd-item-p3{border-left:4px solid var(--ambre)}
.dacd-item-ok{border-left:4px solid var(--vert)}
.dacd-item-ind{border-left:4px solid var(--gris)}
.dacd-item-p4{border-left:4px solid var(--gris)}
.dacd-item-tete{display:flex;align-items:flex-start;gap:9px}
.dacd-item-titre{font-size:13.5px;font-weight:800;color:var(--noir);flex:1;line-height:1.35}
.dacd-item-constat{font-size:14px;line-height:1.5;color:var(--muet);margin:6px 0 0}
.dacd-item-bas{display:flex;align-items:center;gap:10px;margin-top:8px;
  /* Sans retour a la ligne, une reference longue pousse le bouton « ? »
     hors de la carte. Avec, il redescend proprement. */
  flex-wrap:wrap}
.dacd-item-bas .dacd-plus{margin-left:auto;flex:0 0 auto}
.dacd-item-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;color:var(--muet)}
.dacd-item-objets{font-size:13px;color:var(--terra);font-weight:700}
.dacd-plus{margin-left:auto;width:20px;height:20px;border-radius:50%;border:1px solid var(--bord);background:var(--dac-blanc);
  color:var(--muet);font-size:13px;font-weight:800;cursor:pointer;line-height:1;font-family:inherit}
.dacd-plus:hover,.dacd-plus:focus-visible{border-color:var(--terra);color:var(--terra)}
.dacd-detail{display:none;margin-top:9px;padding-top:9px;border-top:1px solid var(--dac-surface-2)}
.dacd-detail.dacd-on{display:block}
.dacd-detail p{font-size:14px;line-height:1.55;margin:0 0 7px;color:var(--txt)}
.dacd-detail p:last-child{margin-bottom:0}

.dacd-badge{font-size:12.5px;font-weight:800;letter-spacing:.05em;padding:3px 8px;border-radius:3px;color:var(--dac-blanc);white-space:nowrap;flex:none}
.dacd-badge-p1{background:var(--rouge)}
.dacd-badge-p2{background:var(--terra)}
.dacd-badge-p3{background:var(--ambre);color:var(--noir)}
.dacd-badge-ok{background:var(--vert)}
.dacd-badge-ind{background:var(--dac-ligne);color:var(--muet)}
/* P4 information : la severite existe en base, la classe manquait. Sans
   elle le badge sortait blanc sur blanc, donc invisible. */
.dacd-badge-p4{background:var(--gris);color:var(--dac-blanc)}
.dacd-item-cache{display:none}

/* PUCES DE DOMAINES du panneau de conformite. Elles n'avaient aucun style :
   le navigateur les rendait en texte brut, dans la police heritee du theme,
   au milieu de composants qui ont tous la leur. Meme dessin que les
   pastilles de filtre, en version non cliquable. */
.dacd-puces{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 14px}
.dacd-puce{display:inline-flex;align-items:center;font-family:inherit;font-size:12.5px;
  font-weight:600;line-height:1.2;color:var(--txt);background:var(--dac-blanc);
  border:1px solid var(--bord);border-radius:999px;padding:4px 10px;white-space:nowrap}

.dacd-panneau-pied{font-size:13px;color:var(--muet);font-style:italic;margin:14px 0 0;line-height:1.5}

@media (max-width:1400px){ .dacd-cols{grid-template-columns:1fr} .dacd-panneau{position:static;max-height:none} }
@media (max-width:900px){
  .dacd-vue.dacd-vue-on{grid-template-columns:1fr}
  .dacd-barre-nom{width:120px}
  .dacd-c{padding:14px 14px}
  .dacd-table th,.dacd-table td{padding:7px 8px;font-size:14px}
  .dacd-detail-bloc{max-height:360px}
  .dacd-anneau-bloc{gap:16px}
  .dacd-legende{min-width:0}
  .dacd-onglets{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}
  .dacd-onglet{white-space:nowrap;flex:none}
  .dacd-entete{gap:14px}
  .dacd-c-chiffre{font-size:32px}
  .dacd-gain-montant{font-size:26px}
}
@media (max-width:560px){
  .dacd-sous-cartes,.dacd-sc4{grid-template-columns:1fr 1fr}
  .dacd-table th,.dacd-table td{padding:6px 7px;font-size:13.5px}
  .dacd-barre-nom{width:96px;font-size:13.5px}
  .dacd-anneau{width:124px;height:124px}
  .dacd-anneau-trou{width:82px;height:82px}
  .dacd-anneau-val{font-size:24px}
}

/* ---------- listes deroulantes derriere les compteurs ---------- */
.dacd-sc-clic{cursor:default}
.dacd-voir{display:block;margin-top:8px;font-family:inherit;font-size:13px;font-weight:700;color:var(--terra);
  background:none;border:none;padding:0;cursor:pointer;text-align:left}
.dacd-voir:hover,.dacd-voir:focus-visible{text-decoration:underline}
.dacd-voir:focus-visible{outline:2px solid var(--terra);outline-offset:2px}
.dacd-voir.dacd-on:after{content:" \25B4"}
.dacd-voir:after{content:" \25BE"}
.dacd-detail-bloc{display:none;margin-top:14px;max-height:440px;overflow-y:auto;overflow-x:hidden;border:1px solid var(--bord);border-radius:6px}
.dacd-detail-bloc.dacd-on{display:block}
.dacd-detail-bloc .dacd-table{margin:0}
.dacd-detail-bloc .dacd-table th{position:sticky;top:0;background:var(--dac-blanc);z-index:1;border-bottom:2px solid var(--bord)}
.dacd-detail-bloc .dacd-note{padding:9px 12px;margin:0;border-top:1px solid var(--dac-surface-2)}

/* ---------- enumeration des objets d un controle ---------- */
.dacd-voir-objets{color:var(--terra);font-weight:700;font-size:13px;margin-top:0}
.dacd-objets{margin-top:9px;max-height:340px}
.dacd-panneau .dacd-scroll{background-size:24px 100%,24px 100%,10px 100%,10px 100%}
.dacd-panneau .dacd-detail-bloc .dacd-table{font-size:13.5px}
.dacd-panneau .dacd-table td.dacd-td-long{min-width:200px;max-width:320px}
.dacd-panneau .dacd-detail-bloc .dacd-table td{padding:6px 8px}
.dacd-remede{background:var(--creme);border-left:3px solid var(--terra);padding:9px 12px;margin-top:8px !important;
  /* Le bloc heritait de la typographie du theme : corps plus grand, autre
     famille, interlignage different du reste de la carte. On le cale sur
     les autres paragraphes du panneau. */
  font-family:inherit;font-size:14px;line-height:1.55;color:var(--txt)}
.dacd-remede strong{font-weight:800;color:var(--noir)}
.dacd-sc-txt{font-size:14px !important;font-weight:700;line-height:1.35}
.dacd-badge-lic{background:var(--dac-brun)}
.dacd-item-lic{border-left:4px solid var(--dac-brun)}

/* ---------- pastilles DNS depliables ---------- */
.dacd-past-clic{cursor:pointer;position:relative;padding-right:26px}
.dacd-past-clic:hover,.dacd-past-clic:focus-visible{box-shadow:0 2px 10px rgba(10,10,10,.09)}
.dacd-past-clic:focus-visible{outline:2px solid var(--terra);outline-offset:2px}
.dacd-past-fleche{position:absolute;right:10px;top:50%;margin-top:-3px;width:0;height:0;
  border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--muet)}
.dacd-past-clic.dacd-on .dacd-past-fleche{transform:rotate(180deg)}
.dacd-dns-detail{display:none;margin-top:12px;padding:14px 16px;background:var(--dac-blanc);
  border:1px solid var(--bord);border-left:3px solid var(--terra);border-radius:6px}
.dacd-dns-detail.dacd-on{display:block}
.dacd-dns-titre{font-size:13px;font-weight:800;color:var(--noir);margin:0 0 9px}
.dacd-dns-detail p{font-size:12.5px;line-height:1.6;margin:0 0 8px;color:var(--txt)}
.dacd-dns-detail p:last-child{margin-bottom:0}
.dacd-dns-val{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13.5px;
  background:var(--dac-surface-2);padding:3px 7px;display:inline-block;overflow-wrap:anywhere;max-width:100%}
/* Le detail occupe toute la largeur de la grille et se place juste apres la
   ligne de la pastille cliquee, plutot qu'en bas de la carte. */
.dacd-pastilles .dacd-dns-detail{grid-column:1 / -1;margin-top:2px}
/* Un montant complet casse la mise en page a 42 pixels : le nombre reste
   grand, la devise et la base passent en second niveau. */
.dacd-c-montant{font-size:34px;line-height:1.1}
.dacd-unite{display:block;font-size:14px;font-weight:600;color:var(--muet);margin-top:4px;letter-spacing:0}
.dacd-gain-montant .dacd-unite{display:inline;font-size:15px;margin-left:6px}
@media (max-width:900px){ .dacd-c-montant{font-size:28px} }
.dacd-scroll-haut{max-height:560px;overflow:auto}
/* Numero officiel du referentiel, a cote du code interne du controle. */
.dacd-item-cis{display:inline-block;font-size:13px;font-weight:700;color:var(--dac-accent);
  background:var(--dac-fond);border-radius:4px;padding:2px 7px;margin-left:7px;letter-spacing:.02em;
  /* Plus de white-space:nowrap. « CIS Google Workspace v1.3.0 3.1.2.1.1.2 »
     ne tient pas dans le panneau de droite : la reference debordait de la
     carte et chassait le bouton « ? » hors du cadre. */
  white-space:normal;overflow-wrap:anywhere;max-width:100%}

/* Les trois cartes de synthese occupent la ligne entiere : sans grille, elles
   s empilaient a leur largeur naturelle et laissaient la moitie de l ecran
   vide. */
.dacd-cartes{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
@media (max-width:900px){.dacd-cartes{grid-template-columns:1fr}}

/* Bandeau de collecte incomplete. Il doit se voir avant tout le reste : un
   lecteur qui ne le remarque pas prendra des onglets vides pour une absence
   de defaut. */
.dacd-bandeau{grid-column:1 / -1;border:1px solid var(--dac-accent);border-left:5px solid var(--dac-accent);
  background:var(--dac-fond);border-radius:10px;padding:18px 20px;margin:0 0 20px}
.dacd-bandeau-titre{margin:0 0 8px;font-size:16px;font-weight:800;color:var(--dac-brun);letter-spacing:-.01em}
.dacd-bandeau-texte{margin:0 0 10px;font-size:14px;line-height:1.6;color:var(--dac-gris-doux)}
.dacd-bandeau-liste{margin:0 0 10px;padding-left:18px;font-size:13.5px;line-height:1.65;color:var(--dac-gris-doux)}
.dacd-bandeau-liste li{margin:0 0 4px}
.dacd-bandeau-note{margin:0;font-size:12.5px;line-height:1.55;color:var(--dac-gris-doux);font-style:italic}

.dacd-score{display:flex;align-items:flex-start;gap:14px;margin:0 0 12px}
.dacd-score-n{font-size:44px;line-height:1;font-weight:800;color:var(--dac-accent);letter-spacing:-.03em}
.dacd-note-fort{color:var(--dac-brun);font-weight:600}

/* ------------------------------------------------------------------------
   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.
   ------------------------------------------------------------------------ */
.dacd a:focus-visible,.dacd button:focus-visible,.dacd input:focus-visible,
.dacd select:focus-visible,.dacd textarea:focus-visible,.dacd [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. */
.dacd button,.dacd .dacf-btn,.dacd .dacae-mini,.dacd .dacp-cta,.dacd .dacd-voir,
.dacd button:hover,.dacd button:focus{text-decoration:none}

/* Identifiant brut de souscription, sous son libelle officiel. */
.dacd-sku{display:block;margin:2px 0 0;font-size:11.5px;font-weight:400;
  letter-spacing:.2px;word-break:break-all}

/* Mention de methode sous une restitution chiffree ou geographique. */
.dacd-methode{border-top:1px solid var(--dac-surface-2);padding-top:9px;margin-top:12px}

/* -------------------------------------------------------------------------
   MODE SOMBRE : contraste des elements interactifs.

   DEFAUT CONSTATE le 04/08/2026, mesure au pixel sur le rendu reel.
   Le mode sombre du site remappe les variables de l'extension. Deux d'entre
   elles se retrouvent trop proches du fond des cartes, #172334 :

     - les boutons d'export prenaient --dac-accent, soit #314B73.
       Contraste 1,80:1 : le texte etait pratiquement invisible. C'est le
       defaut reel, et il justifie a lui seul cette correction.
     - les onglets et les pastilles de domaine inactifs prenaient
       --dac-gris, soit #8C96A4. Contraste 5,29:1, donc AU-DESSUS du seuil
       de 4,5:1. Ce n'est pas un defaut d'accessibilite, mais 5,29:1 sur du
       texte de 13 pixels reste inconfortable a la lecture prolongee : on le
       remonte par confort, pas par conformite. La distinction est ecrite ici
       pour qu'on ne prenne pas un choix de confort pour une obligation.

   Le seuil retenu est 4,5:1, celui des recommandations d'accessibilite pour
   du texte courant. Les valeurs ci-dessous ont ete calculees pour l'atteindre
   largement sur ce fond, et non choisies a l'oeil :

     #B8C4D4 sur #172334 -> 9,0:1   (onglets et pastilles au repos)
     #E3E9F2 sur #172334 -> 13,3:1  (boutons d'export)

   L'etat actif ne change pas : il est deja lisible, fond clair texte sombre.
   ------------------------------------------------------------------------- */
html[data-theme="dark"] body .dacd .dacd-onglet,
html[data-theme="dark"] body .dacd .dacd-chip{
  color:#B8C4D4;border-color:#2C3C50;
}
html[data-theme="dark"] body .dacd .dacd-onglet:hover,
html[data-theme="dark"] body .dacd .dacd-onglet:focus-visible,
html[data-theme="dark"] body .dacd .dacd-chip:hover,
html[data-theme="dark"] body .dacd .dacd-chip:focus-visible{
  color:#FFFFFF;border-color:#5C7DB0;background-color:#1E2C40;
}
/* L'onglet et la pastille actifs restent en fond clair sur texte sombre :
   c'est le seul repere qui distingue la selection au premier coup d'oeil. */
html[data-theme="dark"] body .dacd .dacd-onglet.dacd-on,
html[data-theme="dark"] body .dacd .dacd-chip.dacd-on{
  background-color:#E9E9EA;color:#0B1421;border-color:#E9E9EA;
}

/* Boutons d'export du rapport. Le selecteur porte quatre niveaux : la regle
   d'origine vient d'une autre feuille et se charge apres celle-ci. */
html[data-theme="dark"] body .dacd .dacf-btn,
html[data-theme="dark"] body .dacf .dacf-btn,
html[data-theme="dark"] body a.dacf-btn{
  color:#E3E9F2;border-color:#3A4E6C;
}
html[data-theme="dark"] body .dacd .dacf-btn:hover,
html[data-theme="dark"] body .dacf .dacf-btn:hover,
html[data-theme="dark"] body a.dacf-btn:hover,
html[data-theme="dark"] body a.dacf-btn:focus-visible{
  color:#FFFFFF;border-color:#7FA3D6;background-color:#1E2C40;
}

/* -------------------------------------------------------------------------
   CARTES DE MISSION EN THEME SOMBRE.
   « Ouvrir le rapport » est fixe sur le noir de la charte claire : sur fond
   sombre il devient illisible, le lien existe mais ne se voit pas. Meme
   traitement que les onglets : texte clair, accent au survol.
   Le filet du drapeau passe au clair pour la meme raison.
   ------------------------------------------------------------------------- */
html[data-theme="dark"] body .dacf .dac-mission-cta,
html[data-theme="dark"] body a.dac-mission-carte .dac-mission-cta{
  color:#E3E9F2;
}
html[data-theme="dark"] body a.dac-mission-carte:hover .dac-mission-cta,
html[data-theme="dark"] body a.dac-mission-carte:focus-visible .dac-mission-cta{
  color:#FFFFFF;
}
html[data-theme="dark"] body .dacf .dac-mission-langue{
  border-color:rgba(255,255,255,.34);
}