/* Leads — tous les leads au même endroit (leads.js). */
.ld-chiffres { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; margin: 14px 0 18px; }
.ld-chiffre { background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius, 14px); padding: 14px 16px; display: flex; flex-direction: column; gap: 2px; }
.ld-chiffre b { font-size: 30px; line-height: 1.1; } .ld-chiffre span { color: var(--muted); font-size: 13px; }
.ld-chiffre.chaud { border-color: var(--amber); } .ld-chiffre.chaud b { color: var(--amber); }
.ld-chiffre.rouge { border-color: var(--red); } .ld-chiffre.rouge b { color: var(--red); }
.ld-barre { display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; align-items: center; margin-bottom: 14px; }
.ld-filtres, .ld-vue { display: flex; flex-wrap: wrap; gap: 6px; }
.ld-filtres button, .ld-vue button { border: 1px solid var(--line-2); background: transparent; color: var(--muted); padding: 7px 14px; border-radius: 999px; font: inherit; font-weight: 600; font-size: 13.5px; cursor: pointer; }
.ld-filtres button span { margin-left: 7px; background: var(--panel-2); border-radius: 999px; padding: 1px 7px; font-size: 12px; }
.ld-filtres button.on, .ld-vue button.on { background: var(--text); color: var(--bg); border-color: var(--text); } .ld-filtres button.on span { background: rgba(0,0,0,.12); }
.ld-liste { display: grid; grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); gap: 14px; }
.ld-carte { background: var(--panel); border: 1px solid var(--line); border-left: 4px solid var(--amber); border-radius: var(--radius, 14px); padding: 14px 16px; display: flex; flex-direction: column; gap: 9px; min-width: 0; }
.ld-carte.urgent { border-left-color: var(--red); } .ld-carte.fait { border-left-color: var(--line-2); opacity: .7; }
.ld-tete { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 12.5px; }
.ld-src { font-weight: 700; padding: 3px 10px; border-radius: 999px; background: var(--gray-bg); color: var(--text); }
.ld-src.ld-meta { background: var(--blue-bg); color: var(--blue); } .ld-src.ld-site { background: var(--green-bg); color: var(--green); }
.ld-src.ld-njee { background: var(--amber-bg); color: var(--amber); } .ld-src.ld-google { background: var(--red-bg); color: var(--red); }
.ld-camp { color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 180px; }
.ld-quand { margin-left: auto; color: var(--muted); } .ld-carte.urgent .ld-quand { color: var(--red); font-weight: 600; }
.ld-nom { display: flex; flex-direction: column; gap: 1px; } .ld-nom b { font-size: 18px; } .ld-nom span { color: var(--muted); font-size: 13px; }
.ld-quoi { font-weight: 600; font-size: 14px; }
.ld-besoin { color: var(--muted); font-size: 14px; white-space: pre-wrap; overflow-wrap: anywhere; }
.ld-err { color: var(--amber); font-size: 13px; }
.ld-contact { display: flex; flex-wrap: wrap; gap: 8px; } .ld-contact .btn { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ld-pied { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; border-top: 1px solid var(--line); padding-top: 10px; margin-top: 2px; }
.ld-pied .grow { flex: 1; } .ld-par { font-size: 12.5px; }
@media (max-width: 600px) { .ld-liste { grid-template-columns: 1fr; } .ld-chiffre b { font-size: 24px; } }