/* Compléments à Tabler. Aucun style en ligne : la CSP n'autorise que les feuilles locales. */
progress {
  width: 100%;
  height: .75rem;
}
pre.signal {
  white-space: pre-wrap;
  word-break: break-word;
  margin: 0;
  font-size: .8rem;
}
pre.job-log {
  max-height: 24rem;
  overflow: auto;
  white-space: pre-wrap;
  font-size: .8rem;
}
.actions {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

/* Parcours en étapes */
.nav-section {
  padding: 1rem 1rem .25rem;
  font-size: .7rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--tblr-gray-500);
}
.nav-step {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  height: 1.4rem;
  margin-right: .5rem;
  border-radius: 50%;
  border: 1px solid currentColor;
  font-size: .75rem;
}
.steps-bar {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}
.step-pill {
  flex: 1 1 9rem;
  display: flex;
  gap: .5rem;
  align-items: center;
  padding: .5rem .75rem;
  border: 1px solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
  background: var(--tblr-bg-surface);
  color: inherit;
  text-decoration: none;
  min-width: 0;
}
.step-pill:hover { text-decoration: none; border-color: var(--tblr-primary); }
.step-pill .step-number {
  flex: none;
  width: 1.6rem;
  height: 1.6rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--tblr-gray-200);
  font-weight: 600;
}
.step-pill .step-text { display: grid; min-width: 0; }
.step-pill .step-text small { color: var(--tblr-secondary); }
.step-faite .step-number { background: var(--tblr-green); color: #fff; }
.step-a_faire { border-color: var(--tblr-primary); }
.step-a_faire .step-number { background: var(--tblr-primary); color: #fff; }
.step-current { box-shadow: 0 0 0 2px var(--tblr-primary); }
.page-intro { max-width: 70ch; }

/* Listes à cocher longues (secteurs, départements) */
.check-list {
  max-height: 16rem;
  overflow-y: auto;
  border: 1px solid var(--tblr-border-color);
  border-radius: var(--tblr-border-radius);
  padding: .5rem .75rem;
  background: var(--tblr-bg-surface);
}
.check-list .form-check { margin-bottom: .25rem; }
.target-card { height: 100%; color: inherit; text-decoration: none; }
.target-card:hover { text-decoration: none; border-color: var(--tblr-primary); }
.target-card.selected { border: 2px solid var(--tblr-primary); }