/* Annuaire, import, fonctions : composition seulement, d'après les planches du lot 4b. Cases, champs, boutons, pastilles,
   bandeaux et segments viennent du socle ; aucune couleur ni taille de texte nouvelle. `.annuaire` est celui des agents. */
.repertoire { display: flex; flex-direction: column; gap: var(--espace-4); width: 100%; min-width: 0; container-type: inline-size; container-name: repertoire; }
.repertoire [data-tete], .repertoire [data-corps], .repertoire [data-comptes] { display: flex; flex-direction: column; gap: var(--espace-4); min-width: 0; }
.repertoire [hidden] { display: none; }
.repertoire h2 { font-size: var(--t-titre-vue); }
.repertoire__bande { display: flex; flex-wrap: wrap; gap: var(--espace-3); align-items: center; justify-content: space-between; }
.repertoire__resume { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--espace-3); }
.repertoire__resume > .case { min-width: 0; }
.repertoire__liste { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; }
.repertoire__ligne { display: grid; grid-template-columns: 28px minmax(180px, 1.4fr) minmax(190px, 1.1fr) minmax(150px, 1fr) minmax(0, 210px); gap: var(--espace-3); align-items: center; padding: var(--espace-3) 0; border-top: 1px solid var(--border-subtle); }
.repertoire__ligne:first-child { border-top: 0; }
.repertoire__vide { padding: var(--espace-3) 0; }
.repertoire__qui, .repertoire__etat { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; min-width: 0; overflow-wrap: anywhere; }
.repertoire__fonctions { display: flex; flex-wrap: wrap; gap: var(--espace-1); min-width: 0; }
.repertoire__outils { display: flex; flex-wrap: wrap; gap: var(--espace-2); align-items: center; }
.repertoire__outils .skills-recherche { flex: 1 1 220px; min-width: 0; }
.repertoire__outils-ligne { display: flex; flex-wrap: wrap; gap: var(--espace-2); justify-content: flex-end; }
.repertoire__coche { display: inline-flex; align-items: center; gap: var(--espace-2); min-height: var(--cible-min); }
.repertoire__actions--droite { margin-left: auto; }
.repertoire__actions { display: flex; flex-wrap: wrap; gap: var(--espace-2); align-items: center; }
.repertoire code { overflow-wrap: anywhere; }
.repertoire textarea { width: 100%; resize: vertical; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; overflow-wrap: anywhere; }
.repertoire__jaugeligne { display: flex; align-items: center; gap: var(--espace-3); margin-top: var(--espace-2); }
.repertoire__jauge { flex: 1 1 120px; min-width: 0; height: 10px; border: 1px solid var(--border-controle); border-radius: var(--rayon-controle); overflow: hidden; background: transparent; }
.repertoire__jauge > span { display: block; height: 100%; background: var(--text-secondary); }
.repertoire__valeur { font-size: var(--t-aide); color: var(--text-secondary); white-space: nowrap; }
.repertoire [data-statut]:empty { display: none; }

.effets { display: flex; flex-direction: column; gap: var(--espace-3); }
.effets__famille { border: 1px solid var(--border-subtle); border-radius: var(--rayon-case); padding: var(--espace-3) var(--espace-4); display: flex; flex-direction: column; gap: var(--espace-2); min-width: 0; }
.effets__tete { display: flex; justify-content: space-between; align-items: center; gap: var(--espace-3); flex-wrap: wrap; }
.effets__detail { margin: 0; padding-left: var(--espace-4); font-size: var(--t-aide); line-height: var(--i-aide); color: var(--text-secondary); overflow-wrap: anywhere; }
.effets__detail--nu { list-style: none; padding-left: 0; font-size: var(--t-texte); line-height: var(--i-texte); display: flex; flex-direction: column; gap: var(--espace-2); }

.fonctions__liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.fonctions__liste li { display: flex; justify-content: space-between; align-items: center; gap: var(--espace-3); padding: var(--espace-3) 0; border-top: 1px solid var(--border-subtle); }
.fonctions__liste li:first-child { border-top: 0; }
.fonctions__liste li > div { min-width: 0; overflow-wrap: anywhere; }
.fonctions__form { display: flex; flex-direction: column; gap: var(--espace-3); align-items: flex-start; }
.fonctions__form .champ { width: 100%; max-width: 420px; }
.ouverture__choix { display: flex; flex-direction: column; gap: var(--espace-2); border: 0; padding: 0; margin: 0; min-width: 0; }
.ouverture__choix label { display: flex; gap: var(--espace-3); align-items: flex-start; padding: var(--espace-3); border: 1px solid var(--border-controle); border-radius: var(--rayon-controle); min-height: var(--cible-min); }
.ouverture__choix input { margin-top: 3px; }

@container repertoire (max-width: 880px) {
  .repertoire__resume { grid-template-columns: 1fr; }
  .repertoire__ligne { grid-template-columns: 28px minmax(0, 1fr); }
  .repertoire__ligne > :nth-child(n+3) { grid-column: 2; }
  .repertoire__outils-ligne { justify-content: flex-start; }
}