/* Structure des titres H1 à H6, Nemo Ciment
   Se charge après outils.css, dont il reprend le tableau de résultats (.r-table, .pastille,
   .fichier, details.colle) : seuls l'arbre des titres, les compteurs et les états propres à
   cet outil sont ici. */

.source-ligne .btn { min-height: 46px; }
.seuil { max-width: 440px; margin-top: 18px; }
.seuil input { max-width: 140px; }

.t-ok .pastille { background: rgba(34,197,94,.16); color: #4ade80; }
.t-revoir .pastille { background: rgba(245,165,36,.16); color: #f5c264; }

.comptes { list-style: none; margin: 16px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.comptes li { border: 1px solid var(--line); border-radius: 999px; padding: 4px 12px; font-size: 14px; color: var(--muted); font-variant-numeric: tabular-nums; }
.comptes li b { color: var(--ink); font-weight: 600; margin-right: 2px; }
.comptes li.zero { opacity: .5; }

.arbre { list-style: none; margin: 18px 0 0; padding: 0; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.02); max-height: 560px; overflow: auto; }
.arbre li { display: flex; gap: 10px; align-items: baseline; padding: 7px 14px 7px calc(14px + var(--n, 0) * 20px); border-bottom: 1px solid rgba(255,255,255,.05); }
.arbre li:last-child { border-bottom: 0; }
.arbre .niv { flex: none; min-width: 30px; font: 600 12.5px/1.4 ui-monospace, SFMono-Regular, Consolas, monospace; color: var(--pink); }
.arbre .tx { min-width: 0; }
.arbre .texte { display: block; color: var(--ink); overflow-wrap: anywhere; }
.arbre .texte.vide { color: var(--muted-2); }
.arbre .meta { display: block; font-size: 12.5px; color: var(--muted-2); margin-top: 1px; }
.arbre li.alerte { background: rgba(245,165,36,.07); }
.arbre li.alerte .niv { color: #f5c264; }
.arbre li.masque .texte { opacity: .55; }
.arbre li.n1 .texte { font-weight: 600; }

@media (max-width: 640px) {
  .arbre li { padding-left: calc(12px + var(--n, 0) * 10px); gap: 8px; }
}