/* CRM BlueIa · vue « Fiche prospect » (lead). Préfixer les classes par .lead- */

/* En-tête */
.lead-head { display: flex; flex-direction: column; gap: var(--s-4); padding: var(--s-4) var(--s-5); margin-bottom: var(--s-5); }
.lead-head__main { display: flex; align-items: center; flex-wrap: wrap; gap: var(--s-3) var(--s-4); }
.lead-head__company { margin: 0; font-family: var(--font-title); font-size: var(--fs-xl); line-height: 1.2; color: var(--ink); overflow-wrap: anywhere; }
.lead-head__badges { display: flex; align-items: center; flex-wrap: wrap; gap: var(--s-2); }
.lead-head__facts { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--s-4); padding-top: var(--s-4); border-top: 1px solid var(--line); }

.lead-fact { min-width: 0; }
.lead-fact__label { font-size: var(--fs-xs); font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); margin-bottom: 2px; }
.lead-fact__value { font-weight: 600; color: var(--ink); overflow: hidden; text-overflow: ellipsis; }

/* Téléphones */
.lead-phones { display: flex; flex-direction: column; gap: var(--s-3); }
.lead-phones__others { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--s-3); }

/* Mémo */
.lead-memo .textarea { min-height: 96px; }

/* Rappel */
.lead-callback { display: flex; flex-direction: column; gap: var(--s-2); }
.lead-callback__date { display: flex; align-items: center; flex-wrap: wrap; gap: var(--s-2); font-family: var(--font-title); font-size: var(--fs-lg); font-weight: 600; color: var(--ink); }
.lead-callback.is-late .lead-callback__date { color: var(--danger-fg); }
.lead-callback__note { padding: var(--s-2) var(--s-3); border-left: 3px solid var(--line-strong); background: var(--paper); border-radius: 0 var(--r-sm) var(--r-sm) 0; }

.lead-quick { display: flex; flex-wrap: wrap; gap: var(--s-2); }
.lead-quick__btn { min-height: var(--control-h); }

/* Note d'origine */
.lead-note { padding: var(--s-3) var(--s-4); background: var(--warn-bg); border: 1px solid var(--warn-line); border-radius: var(--r); color: var(--ink); max-height: 260px; overflow: auto; }

@media (max-width: 1180px) {
  .lead-head__facts { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .lead-head { padding: var(--s-4); }
  .lead-head__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}