/* La légende du calque Permis de la carte d'accueil (src/permis-carte.js), sous la couche dans le
   panneau Couches : les six familles en interrupteurs, puis PC / PA / DP / PD en segments. */
.pk { display: grid; gap: 6px; padding: 4px 0 2px; }
.pk .lg-titre { margin: 4px 0 0; color: var(--i-lib, var(--encre-3)); font-size: var(--t-12); font-weight: 400; }
.pk-familles label { display: flex; align-items: center; gap: 8px; min-height: 30px; font-size: var(--t-13); }
.pk-familles label span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pk-familles small { margin-left: auto; color: var(--i-lib, var(--encre-4)); font-size: var(--t-12); font-variant-numeric: tabular-nums; }
.pk-types { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; }
/* dans la grille, un enfant garde sinon la largeur de son contenu et déborde du panneau */
.pk > * { min-width: 0; }
.page-app .pk-familles label { min-width: 0; margin: 0; }
.pk-types > button { min-width: 0; padding: 0 4px; }
/* la légende des familles est longue : elle part sous l'œil plutôt que sous le nom */
.cc-leg-carte:has(.pk) { padding-left: 30px !important; }