/* Lecture Ōra — deuxième temps du parcours.
   Même registre éditorial que Rencontre (css/rencontre.css) : titres en
   Cormorant, respiration large, aucune couleur hors palette. Ce fichier
   réutilise .card/.field/.btn/.chip/.mini-label/.empty-state tels quels et
   les classes .renc-* déjà posées par rencontre.css ; il n'ajoute que ce qui
   est spécifique à cet écran (espaces, diagnostic, listes de lecture). */

/* --- Nouvel espace --- */
.lec-new-espace { margin-bottom: var(--space-4); }

/* --- Diagnostic --- */
.lec-diag-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: var(--space-4) var(--space-5);
  margin: 4px 0 var(--space-4);
}
.lec-diag-item { display: flex; flex-direction: column; gap: 6px; }
.lec-diag-item span:last-child {
  font-family: var(--serif);
  font-size: 1rem;
  color: var(--ink);
}
/* Diagnostic éditable (Phase 2) — mêmes composants que le reste de l'écran
   (.field, .chip, .lec-item-list) : aucun nouveau contrôle inventé. */
.lec-diag-legend { margin: var(--space-4) 0 8px; }
.lec-diag-aide { margin: 8px 0 0; }
.lec-requis {
  font-family: var(--mono); font-size: 9px; letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--accent-dark); margin-left: 8px;
}
.lec-priorite-erreur {
  margin: 10px 0 0; font-size: 0.82rem; color: var(--danger);
}
.champ-erreur { border-color: var(--danger) !important; }

.lec-photos-label { margin: var(--space-4) 0 10px; }
.lec-photo-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
  gap: 10px;
}
.lec-photo { margin: 0; }
.lec-photo img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: var(--radius-sm);
  border: 1px solid var(--border);
  display: block;
}
.lec-photo figcaption {
  font-size: 0.75rem;
  color: var(--ink-soft);
  margin-top: 4px;
  text-align: center;
}

/* --- Listes de lecture (habitudes / blocages / opportunités) --- */
.lec-bloc { padding: 18px 0; border-top: 1px solid var(--border); }
.lec-bloc:first-of-type { border-top: none; padding-top: 4px; }
.lec-item-list { list-style: none; margin: 0 0 var(--space-3); padding: 0; display: flex; flex-direction: column; gap: 8px; }
.lec-item {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 16px;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
}
.lec-item span:first-child { font-family: var(--serif); font-size: 0.98rem; color: var(--ink); line-height: 1.5; }
.lec-item-remove { flex-shrink: 0; color: var(--ink-soft); }
.lec-add-row { align-items: flex-end; gap: 10px; margin: 0; }
.lec-add-field { flex: 1; margin-bottom: 0; }
.lec-add-btn { flex-shrink: 0; }

/* --- Priorités --- */
.lec-priorite-form { margin-top: var(--space-3); padding-top: var(--space-3); border-top: 1px solid var(--border); }

/* Emplacement d'image en attente de son URL signée — mission.photos[] ne porte
   qu'un chemin de bucket privé, jamais une URL affichable directement. */
.lec-photo-slot {
  width: 100%;
  aspect-ratio: 1;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
}