/* Page « AI automation audit » (en/automation-audit.html ; same rules as audit-automatisation.css on the FR page).
   Page-specific needs only, :root tokens only (no new colour). */

/* Bandes d'intensité : repères en mono, heures en orange encre (jamais d'orange vif en texte sur clair) */
.bands{display:grid;gap:.375rem;font-size:var(--step-small);line-height:1.5;color:var(--ink-2)}
.bands strong{font-family:var(--font-mono)}
.bands__hours{font-family:var(--font-mono);color:var(--orange-ink);white-space:nowrap}

/* Curseurs par département (balisage généré par le script de la page) */
.depts{display:grid;gap:var(--space-s)}
/* Département sans cas d'usage : le curseur est grisé par :disabled ; libellé et valeur atténués mais lisibles (AA),
   la mention explicative garde le contraste plein (pas d'opacité sur le bloc) */
.range-field.is-unavailable{opacity:1}
.range-field.is-unavailable label,.range-field.is-unavailable .output{color:var(--ink-3)}

/* Matrice impact / effort : cadre papier, SVG coloré par les jetons ; la matrice tient dans le cadre dès 320 px (pas de défilement) */
.matrix-frame{padding:var(--space-2xs)}
@media (min-width:40rem){.matrix-frame{padding:var(--space-s)}}
.matrix-frame>svg{--diagram-min:0}
.matrix text{font-family:var(--font-mono)}
.matrix__zone--win{fill:var(--ok);fill-opacity:.08}
.matrix__zone--big{fill:var(--orange);fill-opacity:.1}
.matrix__zone--minor{fill:var(--paper-2)}
.matrix__zone--later{fill:var(--paper-2);fill-opacity:.5}
.matrix__label{font-size:12px;font-weight:600;letter-spacing:.06em}
.matrix__label--win{fill:var(--ok)}
.matrix__label--big{fill:var(--orange-ink)}
.matrix__note,.matrix__title{font-size:11px;fill:var(--ink-2)}
.matrix__axis{stroke:var(--rule-strong);stroke-width:1}
.matrix__pt circle{stroke-width:1.5}
.matrix__pt text{font-size:11px;font-weight:700}
.matrix__pt--win circle{fill:var(--ok)}.matrix__pt--win text{fill:var(--paper)}
.matrix__pt--big circle{fill:var(--orange)}.matrix__pt--big text{fill:var(--ink)}
.matrix__pt--minor circle{fill:var(--ink-3)}.matrix__pt--minor text{fill:var(--paper)}
.matrix__pt--later circle{fill:var(--paper-3);stroke:var(--ink-3)}.matrix__pt--later text{fill:var(--ink)}
/* Sous 40rem le SVG est réduit à la largeur du cadre : corps du texte relevés pour rester lisibles une fois l'échelle appliquée */
@media (max-width:39.99rem){.matrix__label{font-size:19px}.matrix__note,.matrix__title{font-size:18px}.matrix__pt text{font-size:19px}}
.matrix-empty{padding:var(--space-2xl) var(--space-s);text-align:center;font-size:var(--step-small);color:var(--ink-2)}

/* Carte « Top 5 » : liste numérotée comme la matrice, total en grand chiffre, détail par service */
.top5 .result__head{padding-block:var(--space-s)}
.top5__title{font-family:var(--font-sans);font-size:1.125rem;font-weight:600;line-height:1.3;color:var(--ink)}
.top5__list{display:grid;padding:0 1.25rem}
.top5__item{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.75rem;padding-block:var(--space-s);border-bottom:1px solid var(--rule)}
.top5__item:last-child{border-bottom:0}
.top5__num{font:600 var(--step-data)/1.6 var(--font-mono);color:var(--orange-ink)}
.top5__body{display:grid;gap:.25rem;min-width:0}
.top5__name{font-weight:500;color:var(--ink)}
.top5__name .badge{vertical-align:.1em}
.top5__gain{font-size:var(--step-small);color:var(--ink-2)}
.top5__meta{font:400 var(--step-label)/1.4 var(--font-mono);color:var(--ink-2)}
.top5__empty{padding-block:var(--space-s);font-size:var(--step-small);color:var(--ink-2)}
.top5__foot{display:grid;gap:var(--space-s);padding:var(--space-m) 1.25rem 1.25rem;border-top:1px solid var(--rule-strong)}
.total{display:grid;gap:.25rem}
.total__value{font-size:var(--step-figure-s);font-weight:200;line-height:1;letter-spacing:-.04em;color:var(--ink)}
.total__label{font-size:var(--step-small);font-weight:600;color:var(--ink)}
.services{display:grid;font-size:var(--step-small);color:var(--ink-2)}
.services li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.125rem 1rem;padding-block:.375rem;border-bottom:1px solid var(--rule)}
.services .mono{color:var(--ink)}
.top5__foot .btn{width:100%}