/* L'atelier de prospection : le formulaire au-dessus, la liste dessous, dans
   le même volet défilant. Le formulaire reprend les champs de la recherche —
   même famille de gestes — mais reste plus court : trois filtres, un bouton. */
.prospection {
  display: flex;
  flex-direction: column;
}

.prospection__form {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  padding: var(--space-md);
  border-bottom: 1px solid var(--color-border);
}

/* D'où viennent les chiffres, et de quand ils datent. Replié sur une ligne —
   la fraîcheur du DPE et des ventes — et le détail des trois crawls dessous
   pour qui l'ouvre. */
.prospection__sources {
  margin: var(--space-xs) var(--space-sm) var(--space-sm);
  padding: var(--space-2xs) var(--space-xs);
  border-radius: var(--radius-md);
  background-color: var(--color-surface-sunken);
  color: var(--color-text-soft);
  font-size: var(--text-xs);
}

.prospection__sources summary {
  cursor: pointer;
}

.prospection__crawls {
  display: flex;
  flex-direction: column;
  gap: var(--space-3xs);
  margin-top: var(--space-2xs);
  padding-left: var(--space-sm);
  list-style: disc;
}

.prospection__caveat {
  margin-top: var(--space-2xs);
  font-style: italic;
}

/* Du DPE à la vente : le petit tableau qui étalonne la liste — année par
   année, la part vendue et le délai médian. La même carte discrète que le
   bloc des sources, les chiffres en colonnes tabulaires pour se comparer. */
.prospection__stats {
  margin: 0 var(--space-sm) var(--space-sm);
  padding: var(--space-xs);
  border-radius: var(--radius-md);
  background-color: var(--color-surface-sunken);
  font-size: var(--text-xs);
}

.prospection__stats-title {
  margin-bottom: var(--space-2xs);
  font-size: var(--text-sm);
  font-weight: var(--weight-semibold);
}

.prospection__delays {
  width: 100%;
  border-collapse: collapse;
  font-variant-numeric: tabular-nums;
}

.prospection__delays th,
.prospection__delays td {
  padding: var(--space-3xs) var(--space-2xs);
  text-align: left;
}

.prospection__delays thead th {
  color: var(--color-text-soft);
  font-weight: var(--weight-medium);
}

.prospection__delays tbody tr {
  border-top: 1px solid var(--color-border);
}

.prospection__delays tbody th {
  font-weight: var(--weight-semibold);
}

.prospection__delays small {
  color: var(--color-text-soft);
}

.prospection__stats-note {
  margin-top: var(--space-2xs);
  color: var(--color-text-soft);
}

/* La ligne « type · construction · parcelle » sous l'adresse : la même voix
   discrète que les métadonnées d'une fiche candidate. */
.parcel--prospect .parcel__meta {
  color: var(--color-text-soft);
}

.prospection__pending {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
}

/* Le point qui bat pendant que la commune descend — la couleur de l'onglet. */
.prospection__pending::before {
  content: "";
  flex: none;
  width: 0.5rem;
  height: 0.5rem;
  margin-left: var(--space-sm);
  border-radius: var(--radius-full);
  background-color: var(--color-prospect);
  animation: prospection-pulse 1.2s ease-in-out infinite;
}

@keyframes prospection-pulse {
  0%, 100% { opacity: 0.35; }
  50% { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .prospection__pending::before {
    animation: none;
  }
}