/* Screen 6 · Leads */
.leads .kopf .rund-knopf { flex: none; }
.leads.sucht .leads-suchknopf { opacity: 0; transform: scale(.6); pointer-events: none; }
.leads .leads-suchknopf { transition: transform .3s var(--ios), opacity .2s; }

/* Suche */
.leads .leads-suche { display: none; align-items: center; gap: 10px; padding: 12px 16px 0; }
.leads.sucht .leads-suche { display: flex; animation: dm-rein .35s var(--ios) both; }
.leads .leads-feldbox { flex: 1; min-width: 0; display: flex; align-items: center; gap: 7px; height: 38px; padding: 0 8px 0 11px;
  background: #ECE7E0; border-radius: 11px; color: var(--text3); }
.leads .leads-feld { flex: 1; min-width: 0; height: 38px; font: 400 16px/20px var(--schrift); color: var(--navy); background: none; border: 0; outline: 0; }
.leads .leads-feld::placeholder { color: var(--text3); }
.leads .leads-feld::-webkit-search-cancel-button { display: none; }
.leads .leads-feld-x { display: grid; place-items: center; width: 24px; height: 24px; color: var(--text3); opacity: 0; pointer-events: none; transition: opacity .2s; }
.leads .leads-feld-x.sicht { opacity: 1; pointer-events: auto; }
.leads .leads-abbrechen { font: 500 16px/1 var(--schrift); color: var(--navy); padding: 8px 0; }

/* Filter-Chips */
.leads .s6-chips { margin-top: 14px; padding-top: 2px; padding-bottom: 2px; }
.leads .s6-chips .chip { height: 34px; gap: 5px; }
.leads .s6-chips .chip b { transition: color .2s; }
.leads .s6-chips .chip.gedrueckt { transform: scale(.95); }

/* Reaktionszeit */
.leads .reakt .zt .t2 { line-height: 16px; }
.leads .reakt-r { flex: none; }

/* Karten */
.leads .leads-liste { position: relative; }
.leads .lead { position: relative; }
.leads .lead::after { content: ""; position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; opacity: 0;
  box-shadow: 0 0 0 2px var(--taupe), 0 0 0 7px rgba(158,139,119,.16); }
.leads .lead.leuchtet::after { animation: leads-leuchten 2.6s var(--ios-aus) both; }
@keyframes leads-leuchten { 0% { opacity: 0; } 12% { opacity: 1; } 55% { opacity: 1; } 100% { opacity: 0; } }
.leads .lead-o { min-width: 0; }
.leads .quelle { white-space: nowrap; }
.leads .lead-u { gap: 10px; }
.leads .lead-wer { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.leads .lead-aktion { flex: none; }
.leads .status-t { white-space: nowrap; }
.leads button.status-t { padding: 6px 0; margin: -6px 0; }
.leads .lead-mini { width: 20px; height: 20px; object-position: 50% 18%; }
.leads .knopf.lead-aktion.weg { opacity: 0; transform: scale(.85); transition: opacity .18s, transform .18s var(--ios-aus); pointer-events: none; }
.leads .morph-rein { animation: leads-morph .5s var(--ios) both; }
.leads .morph-rein .ava, .leads .morph-rein .ava-txt { animation: leads-pop .55s cubic-bezier(.34,1.56,.64,1) .05s both; }
@keyframes leads-morph { from { opacity: 0; transform: translateX(10px); } to { opacity: 1; transform: none; } }
@keyframes leads-pop { from { transform: scale(.3); } to { transform: none; } }
.leads .leads-leer { margin-top: 8px; }

/* Sheets (liegen außerhalb des Screens) */
.termin-sheet .feld-titel { margin-top: 18px; }
.termin-sheet .termin-alt { margin: 10px 4px 0; }
.termin-sheet .termin-chips { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.termin-sheet .termin-chip { justify-content: center; height: 44px; border-radius: 14px; font-size: 14.5px; font-weight: 600; }
.termin-sheet .termin-chip .ic { color: var(--taupe); }
.termin-sheet .termin-chip.an .ic { color: #fff; }
.termin-sheet .termin-chip.gedrueckt { transform: scale(.96); }
.termin-sheet .hinweis { margin-top: 14px; }
.reakt-sheet .reakt-liste .zeile { padding-left: 14px; min-height: 50px; }
.reakt-sheet .reakt-liste .zeile + .zeile::before { left: 14px; }
.reakt-sheet .zwert:not(.leise) { color: var(--gruen); }
.reakt-sheet .reakt-text { margin: 12px 4px 0; }

/* Echte Daten: Rückruf-Wünsche, Status, Gruppe „Älter“ */
.leads .lead-t { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.leads .lead-rueckruf { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
.leads .lead-rueckruf .ic { color: var(--taupe); }
.leads .lead-alter.ueber { color: var(--rot); font-weight: 600; }
.leads .status-t.grau { color: var(--text3); }
.leads .status-t.leise { color: var(--text2); }
.leads .status-t .ic { flex: none; }
.leads .lead.ist-zu .lead-t { color: var(--text2); }
.leads .leads-aelter { display: flex; align-items: center; gap: 10px; margin: 22px 4px 2px; font: 600 12px/16px var(--schrift);
  letter-spacing: .07em; text-transform: uppercase; color: var(--text3); }
.leads .leads-aelter.oben { margin-top: 16px; }
.leads .leads-aelter i { flex: 1; height: 1px; background: var(--linie); }
.leads .reakt-ohne { font: 600 15px/24px var(--schrift); color: var(--text2); }

/* Quelle: kleine Pille auf der Karte, eigene Chips in der Filterleiste */
.leads .lead-quelle { flex: none; white-space: nowrap; }
.leads .s6-quellen { display: contents; }
.leads .s6-quelle-titel { flex: none; align-self: center; margin-left: 6px; padding-left: 12px; border-left: 1px solid var(--linie); font: 600 12px/16px var(--schrift); color: var(--text2); }
.leads .leads-leer-quelle { display: flex; flex-direction: column; align-items: center; gap: 8px; padding-bottom: 16px; }

/* Paket 2: Personenfilter der Leitung (zweite Chip-Zeile) */
.leads .s6-chips.s6-personen { margin-top: 8px; }
.leads .s6-chips.s6-personen[hidden] { display: none; }