/* « Paramètres › Familles de métiers » (Karim, 26 oct, maquette familles-metiers, onglet Paramètres). */
.nbt-fam { display: grid; gap: 0; }
.nbt-fam-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding: 4px 2px 14px; }
.nbt-fam-compte { color: #C8102E; font-weight: 600; }
.nbt-fam-outils { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.nbt-fam-champ { border: 1px solid #E7E5EA; border-radius: 8px; padding: 8px 12px; background: #FFFFFF; max-width: 320px; width: 100%; font-size: 13px; }
.nbt-fam-case { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: #14121A; white-space: nowrap; }
.nbt-fam-pillule { display: inline-block; border-radius: 99px; background: #F0EEF2; color: #6B6875; padding: 4px 10px; font-size: 12px; white-space: nowrap; }
.nbt-fam-table { border: 1px solid #E7E5EA; border-radius: 12px; overflow: auto; background: #FFFFFF; }
.nbt-fam-table table { border-collapse: collapse; width: 100%; text-align: left; }
.nbt-fam-table th { background: #FAF8F7; color: #6B6875; font-size: 12px; font-weight: 500; }
.nbt-fam-table td, .nbt-fam-table th { padding: 10px 16px; border-bottom: 1px solid #E7E5EA; }
.nbt-fam-table tr:last-child td { border-bottom: 0; }
.nbt-fam-metier { max-width: 460px; overflow-wrap: anywhere; }
.nbt-fam-n { font-variant-numeric: tabular-nums; color: #6B6875; }
.nbt-fam-select { border: 1px solid #E7E5EA; border-radius: 8px; padding: 6px 8px; background: #FFFFFF; max-width: 260px; font-size: 13px; }
.nbt-fam-vide { color: #6B6875; }
.nbt-fam-journal { border-top: 1px solid #E7E5EA; margin-top: 16px; padding-top: 12px; }
.nbt-fam-journal ul { margin: 8px 0 0; padding: 0 0 0 2px; list-style: none; }
.nbt-fam-journal li { font-size: 12px; color: #5F5B66; margin: 8px 0; }
.nbt-fam-note { font-size: 12px; color: #6B6875; margin: 6px 0 0; }
@media (max-width: 700px) {
    .nbt-fam-select { max-width: 180px; }
    .nbt-fam-champ { max-width: none; }
    .nbt-fam-table { min-width: 0; }
    .nbt-fam-metier { max-width: 40vw; }
}