/* Lead-Detail */
.lead-detail .pad { padding-top: 12px; }
.lead-detail .karte + .karte, .lead-detail .ld-aktionen { margin-top: 12px; }
.lead-detail .sek { margin-top: 22px; }
.lead-detail .ld-kopf { padding: 14px 16px 15px; }
.lead-detail .ld-name { font: 700 24px/29px var(--schrift); letter-spacing: -.022em; color: var(--navy); margin-top: 10px; }
.lead-detail .ld-titel { font: 500 15px/20px var(--schrift); color: var(--text2); margin-top: 2px; }
.lead-detail .ld-eingang { display: flex; align-items: center; gap: 6px; margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--linie);
  font: 500 12.5px/16px var(--schrift); color: var(--text3); }
.lead-detail .ld-eingang .ic { color: var(--taupe); }
.lead-detail .ld-kontakt .zeile { padding-left: 14px; }
.lead-detail .ld-kontakt .zeile + .zeile::before { left: 60px; }

.lead-detail .ld-status { padding: 12px 14px; }
.lead-detail .ld-status-z { display: flex; align-items: center; gap: 12px; }
.lead-detail .ld-status .knopf { margin-top: 12px; height: 46px; }
.lead-detail .ld-status .ava-txt.mini, .lead-detail .ld-status .lead-mini { width: 34px; height: 34px; font-size: 14px; }
.lead-detail .lead-mini { width: 20px; height: 20px; object-position: 50% 18%; }
.lead-detail .ld-status .pille { flex: none; }

.lead-detail .ld-anrufen { margin-top: 12px; }
.lead-detail .ld-aktionen .zeile { padding-left: 14px; }
.lead-detail .ld-aktionen .zeile + .zeile::before { left: 60px; }

.lead-detail .ld-objekt { padding-right: 12px; }
.lead-detail .ld-objekt .t2 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lead-detail .ld-preis { font: 700 17px/22px var(--schrift); letter-spacing: -.02em; color: var(--navy); margin-top: 4px; }
.lead-detail .karte.liste > .zeile:only-child { padding-left: 14px; }

.lead-detail .ld-antworten { padding: 2px 16px; }
.lead-detail .ld-antwort { padding: 11px 0; }
.lead-detail .ld-antwort + .ld-antwort { border-top: 1px solid var(--linie); }
.lead-detail .ld-a { font: 500 15px/21px var(--schrift); color: var(--navy); margin-top: 1px; }

.lead-detail .ld-verlauf { padding: 6px 16px; }
.lead-detail .ld-schritt { position: relative; display: flex; gap: 12px; padding: 10px 0; }
.lead-detail .ld-schritt:not(:last-child)::before { content: ""; position: absolute; left: 12px; top: 36px; bottom: -8px; width: 2px; border-radius: 1px; background: var(--linie); }
.lead-detail .ld-punkt { flex: none; width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: var(--navy); color: #fff; position: relative; z-index: 1; }
.lead-detail .ld-schritt.gruen .ld-punkt { background: var(--gruen); }
.lead-detail .ld-schritt.offen .ld-punkt { background: #fff; color: var(--text3); box-shadow: inset 0 0 0 1.5px var(--sand); }
.lead-detail .ld-schritt.offen .t1 { color: var(--text3); }
.lead-detail .ld-st { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.lead-detail .ld-st .t1 { font-size: 14.5px; }
.lead-detail .ld-zeit { flex: none; font: 500 12px/16px var(--schrift); color: var(--text3); }
.lead-detail .ld-schritt .zt .t2 { white-space: normal; }

.lead-detail .ld-notiz { padding: 13px 16px; }
.lead-detail .ld-notiz p { font: 400 15px/22px var(--schrift); color: var(--navy); }
.ld-notiz-sheet .feld { min-height: 140px; }

/* Live-Banner (Push-Simulation, live.js) */
.live-ebene { position: absolute; left: 0; right: 0; top: 0; z-index: 90; padding: calc(var(--sat) + 4px) 8px 0; pointer-events: none; }
.live-banner { pointer-events: auto; touch-action: none; display: flex; align-items: center; gap: 11px; padding: 11px 14px 12px 11px; border-radius: 22px;
  background: rgba(250,249,247,.82); -webkit-backdrop-filter: blur(24px) saturate(180%); backdrop-filter: blur(24px) saturate(180%);
  box-shadow: 0 0 0 .5px rgba(28,36,75,.08), 0 12px 32px -8px rgba(20,26,56,.28), 0 2px 6px rgba(20,26,56,.08);
  transition: scale .2s var(--ios); will-change: transform; cursor: pointer; user-select: none; -webkit-user-select: none; }
.live-banner.gedrueckt { scale: .97; }
.live-icon { flex: none; width: 38px; height: 38px; border-radius: 9px; object-fit: contain; padding: 6px; background: var(--navy); box-shadow: 0 0 0 .5px rgba(0,0,0,.08); }
.live-text { flex: 1; min-width: 0; }
.live-kopf { display: flex; justify-content: space-between; font: 500 12.5px/16px -apple-system, var(--schrift); color: rgba(28,36,75,.55); }
.live-titel { font: 600 15px/20px -apple-system, var(--schrift); color: #000; letter-spacing: -.01em; margin-top: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.live-inhalt { font: 400 14.5px/19px -apple-system, var(--schrift); color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

/* Echte Daten */
.lead-detail .ld-funnel { display: flex; align-items: center; gap: 6px; margin-top: 6px; font: 500 12.5px/16px var(--schrift); color: var(--text2); }
.lead-detail .ld-funnel .ic { color: var(--taupe); flex: none; }
.lead-detail .ld-status .t2.rot { color: var(--rot); }
.lead-detail .ld-ohne-bild { width: 76px; height: 76px; border-radius: 14px; flex: none; display: grid; place-items: center; background: var(--taupe-bg); color: var(--taupe); }
.lead-detail .ld-objekt .t1 { white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.lead-detail .ld-oo p { white-space: pre-line; font-size: 14px; line-height: 20px; color: var(--text2); }
.lead-detail .ld-gespraech-liste .zeile { align-items: flex-start; padding-top: 12px; padding-bottom: 12px; }
.lead-detail .sek .ld-notiz-stand { margin-left: auto; font: 500 12.5px/16px var(--schrift); color: var(--text3); letter-spacing: 0; text-transform: none; }
.lead-detail .sek .ld-notiz-stand.ok { color: var(--gruen); }
.lead-detail .sek .ld-notiz-stand.fehler { color: var(--rot); }
.lead-detail .ld-notiz-box { display: block; }
.lead-detail .ld-notiz-feld { min-height: 96px; box-shadow: var(--schatten); border-radius: 20px; padding: 13px 16px; }

/* Quelle mit Kampagne und Anzeige */
.lead-detail .ld-quelle { overflow-wrap: anywhere; }

/* Paket 2: Zuständig, Status, Erstkontakt */
.lead-detail .ld-zustaendig .zeile { padding-left: 14px; }
.lead-detail .ld-zustaendig .zeile + .zeile::before { left: 60px; }
.lead-detail .ld-zustaendig .ava-txt.mini, .lead-detail .ld-zustaendig .lead-mini { width: 34px; height: 34px; font-size: 14px; flex: none; }
.lead-detail .ld-zuweisen { flex: none; }
.lead-detail .ld-erledigt { margin-top: 12px; }
.ld-wahl-sheet .zeile { padding-left: 14px; }
.ld-wahl-sheet .zeile > .ic:last-child { color: var(--gruen); flex: none; }
.ld-wahl-sheet .ava-txt.mini, .ld-wahl-sheet .lead-mini { width: 34px; height: 34px; font-size: 14px; flex: none; }
.ld-wahl-sheet .hinweis { margin-top: 10px; }

/* Paket 3: Aktivitäten aus onOffice (aufklappbar) */
.lead-detail .ld-akt { margin-top: 22px; }
.lead-detail .ld-akt-kopf { display: flex; align-items: center; gap: 12px; padding: 12px 14px; }
.lead-detail .ld-akt-kopf > .ic:last-child { flex: none; color: var(--text3); }
.lead-detail .ld-akt-inhalt > .karte { margin-top: 10px; }
.lead-detail .ld-akt-inhalt .karte.liste > .zeile { padding-left: 14px; }
.lead-detail .ld-akt-laedt { padding: 14px 4px; text-align: center; }
