/* Écran des risques (matrice 5×5) : ajustements propres à l'intégration des composants
 * kc- autour de la matrice, qui garde elle-même sa mise en page d'origine (`.matrice`,
 * `.case`, `.axe-*`, `.bandes` — définis dans kuma.css, inchangés ici).
 */

/* Le panneau, la carte et le panneau de détail kc- sont déjà une « feuille » (fond, bordure,
 * rayon) ; le formulaire de cotation partagé (`.cotation`, kuma.css) n'en ajoute pas une
 * seconde — même règle que `.carte .cotation` / `.registre .cotation` dans kuma.css, étendue
 * aux conteneurs kc- et au panneau de détail `#kc-aside` (revue de cotation d'un risque).
 */
.kc-panel .cotation,
.kc-card .cotation,
.kc-aside .cotation {
  padding: 0;
  background: transparent;
  border: 0;
}

/* Colonne « Traitement » du registre : plusieurs lignes dans une seule cellule. Un seul
 * enfant du <td> garde le modèle flex de kc-admin.css (étiquette + contenu) valide sous
 * 640px ; sans ce conteneur, chaque <p> deviendrait un item flex séparé et s'alignerait en
 * ligne au lieu de s'empiler. */
.kc-cellule-traitement p {
  margin: 0;
}

/* `table-layout: fixed` est nécessaire pour que les largeurs de `<col>` soient respectées :
 * sans lui, la colonne « Traitement » (texte variable) pouvait s'étirer sur le compte des
 * autres, rognant la colonne « Résiduel » et l'action « Revoir la cotation » en bord droit —
 * mesuré à 1440px (`kc-table__action` ci-dessous garde le bouton sur une seule ligne, jamais
 * rogné). */
.kc-table--risques {
  table-layout: fixed;
}

/* Identifiant élargi (10 → 13,26 %, ticket troncatures 1280 px) : l'en-tête « Identifiant »
 * (un seul mot, aucun point de coupure) débordait de 4 px sans place où se replier.
 * Actions (bouton « Revoir la cotation », 141 px) passée en pourcentage exact (19,89 %,
 * ≈ 180 px) au lieu de `10rem` : mélanger `rem` et `%` dans un même `<colgroup>` dont la
 * somme ne correspond pas exactement à la largeur de la table fait réétaler les colonnes de
 * façon disproportionnée sous `table-layout: fixed` — mesuré, le bouton ne gardait que
 * 3,9 px de gouttière avec la carte, sous le padding de la première cellule (16 px — retour
 * de Main en relecture). Toutes les largeurs ci-dessous totalisent 99,15 % (au plus près de
 * 100 % sans le dépasser) pour que `table-layout: fixed` les respecte sans réétalement.
 * Repris sur Niveau/Traitement/Résiduel (14→11/12/9 %, badges/mots courts qui se replient
 * déjà entre mots sans marge à perdre) pour donner sa place à Scénario (26→23 %), dont
 * « sous-traitant »/« administrateur » coupaient faute d'espace — « sous-traitant » se
 * replie à son tiret, césure normale du navigateur, pas une coupure (règle (p) du
 * contrôleur).
 * Résiduel élargie (9 → 10 → 13 %, Niveau 11 → 10 %, Traitement déjà repris 12 → 11 %,
 * Scénario 23 → 21 % en échange, #210/#212) : la colonne Actions dédiée accueille désormais
 * aussi le lien « Ajouter une action » (#210), toujours présente dès le droit de décider —
 * « accepté le jj.mm.aaaa » (#212, un seul mot non coupable pour la date) s'y coupait de 8 px
 * à 1440 une fois le lien retiré de « Résiduel » (10 % suffisait), puis encore de 13 px à
 * 1280 (table plus étroite, même pourcentage = moins de px) — la colonne n'avait jamais eu
 * besoin d'autant de largeur avant ce badge (constat du contrôleur lot 3). */
.kc-col-risques-identifiant { width: 13.26%; }
.kc-col-risques-niveau { width: 10%; }
.kc-col-risques-scenario { width: 21%; }
.kc-col-risques-proprietaire { width: 11%; }
.kc-col-risques-traitement { width: 11%; }
.kc-col-risques-residuel { width: 13%; }
.kc-col-risques-actions { width: 19.89%; }

td[data-label="Identifiant"] {
  white-space: nowrap;
}

/* Le scénario garde son texte en une à deux lignes, avec l'actif et la menace en
 * métadonnée atténuée sous l'intitulé — plutôt que deux colonnes étroites qui rognaient
 * systématiquement « Actif »/« Menace » (`controle-coherence.py`, règle k). */
.kc-risques-scenario__texte {
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.kc-risques-scenario__meta {
  margin: var(--kc-space-1) 0 0;
  color: var(--kc-color-text-soft);
  font-size: var(--kc-font-size-sm);
}

/* Le traitement retenu se lit en une ligne dans le registre (`task` lot B) : le motif, le
 * décideur et la mesure complète restent dans le panneau de revue
 * (`_risques_aside_cotation.html`). */
.kc-cellule-traitement {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ====================== Carte d'introduction et matrice ====================== */
/* `.kc-card` ne porte pas de padding par défaut (`kc-admin.css` : seule `.kc-card--plat` et
 * le motif composite `__header`/`__body`/`__footer` en portent un) — toute carte « simple »
 * de cet écran doit donc le poser elle-même, au jeton, sur sa propre classe. */
.pilotage--risques .risques-intro .section-corps {
  margin: 0;
}

.pilotage--risques .risques-matrice {
  padding: var(--kc-card-pad);
}

@media (max-width: 640px) {
  .pilotage--risques .risques-matrice {
    padding: var(--kc-space-4);
  }
}

/* La matrice posait sa propre marge haute (`ecrans-pilotage.css`, `.matrice`, règle
 * `body.theme-md .pilotage--risques .matrice`) pensée pour un conteneur sans padding —
 * désormais portée par le padding de la carte, elle doublerait l'écart sans cette remise à
 * zéro. Préfixé `body.theme-md` pour égaler la spécificité de la règle d'origine et
 * l'emporter par l'ordre de chargement plus tardif de cette feuille. */
body.theme-md .pilotage--risques .risques-matrice .matrice {
  margin-top: 0;
}

/* Chaque groupe de puces du registre (niveau, traitement, propriétaire) porte un repère
 * visible, sinon trois rangées de puces sans en-tête se lisent comme une seule liste plate
 * (constat de Bruno, revue #121). Local à cet écran : `.kc-toolbar__filtres` lui-même reste
 * le patron générique, sans repère, pour les écrans qui n'ont qu'une seule dimension. */
.pilotage--risques .kc-toolbar__filtres-titre {
  display: inline-flex;
  align-items: center;
  font-size: var(--kc-font-size-xs);
  font-weight: var(--kc-weight-medium);
  color: var(--kc-color-text-soft);
  margin-inline-end: var(--kc-space-1);
}