/* ===== Transport & mobilité (HR-122) ===== */

/* Titre de section du formulaire : icône + intitulé, comme les rubriques. */
.transport-form__title {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  font-size: var(--text-md);
  font-weight: var(--weight-semibold);
  margin: 0 0 var(--space-4);
}
.transport-form__title .lucide { width: 18px; height: 18px; color: var(--accent); }

/* Teintes des deux dispositifs, sur la grammaire des cartes d'absence. */
.transport-tint--transport { --tc: var(--absence-remote); }
.transport-tint--mobility { --tc: var(--absence-paid); }

/* Panneau du dispositif choisi : séparé du choix par un filet. */
.transport-panel {
  border-top: 1px solid var(--gray-150);
  padding-top: var(--space-6);
}

/* Justificatifs déjà transmis. */
.transport-docs {
  list-style: none;
  margin: 0 0 var(--space-4);
  padding: 0;
}
.transport-docs__item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  border-top: 1px solid var(--gray-150);
  font-size: var(--text-sm);
}
.transport-docs__item:last-child { border-bottom: 1px solid var(--gray-150); }
.transport-docs__item > .lucide { width: 16px; height: 16px; color: var(--gray-500); flex-shrink: 0; }
.transport-docs__name {
  font-weight: var(--weight-medium);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.transport-docs__meta { color: var(--gray-500); white-space: nowrap; }

/* Historique, du plus récent au plus ancien. */
.transport-history {
  list-style: none;
  margin: 0;
  padding: 0;
}
.transport-history li {
  padding: 10px 0;
  border-top: 1px solid var(--gray-150);
}
.transport-history li:first-child { border-top: 0; padding-top: 0; }