/* ============ Proposal-Modul (.pp-*) — nur aktiv mit ?kunde=<slug> + proposal-Block ============
   Design-Regel: die Proposal-Folien benutzen NATIVE v4-Rezepte (.ku/.prod-big/.annot,
   .lj-* Stationen-Rail, .slide-close). Hier stehen nur der Titel und das Legacy-Funnel
   (opt-in via --slides ppKampagne). Keine eigenen Karten-Systeme mehr. */

/* --- Titel --- */
.pp-titelinner { display: flex; flex-direction: column; justify-content: center; gap: 18px; }
.pp-eyebrow { font-family: var(--f-mono, ui-monospace, monospace); font-size: 15px; letter-spacing: .05em; color: var(--lime, #c6fa02); margin: 0; }
.pp-titelh { font-size: clamp(48px, 5.2vw, 72px) !important; max-width: 16ch; }
.pp-titelsub { font-size: 21px; color: rgba(255, 255, 255, .85); margin: 0; }

/* --- Legacy-Funnel (nur wenn ppKampagne explizit im Kurz-Deck steht) --- */
.pp-funnel { flex: 1; display: flex; flex-direction: column; gap: 14px; justify-content: center; }
.pp-stage { display: grid; grid-template-columns: 190px 1fr; gap: 14px; align-items: center; }
.pp-sname { font-weight: 600; font-size: 16px; color: #3c3c4e; }
.s-blue .pp-sname { color: rgba(255, 255, 255, .85); }
.pp-bar { min-height: 58px; border-radius: 12px; border: 1px solid rgba(19, 0, 255, .16); display: flex; align-items: center; padding: 8px 20px; font-size: 16px; gap: 10px; }
.pp-have { background: var(--blue, #1300ff); color: #fff; border-color: var(--blue, #1300ff); }
.pp-miss { background: repeating-linear-gradient(135deg, #fff 0 8px, rgba(19, 0, 255, .05) 8px 16px); color: #3c3c4e; }
.pp-st { font-family: var(--f-mono, ui-monospace, monospace); font-size: 12.5px; margin-left: auto; white-space: nowrap; }
.pp-have .pp-st { color: var(--lime, #c6fa02); }
.pp-miss .pp-st { color: var(--blue-ink, #0e0bb4); }
.s-blue .pp-bar.pp-have { background: #fff; color: var(--blue-ink, #0e0bb4); border-color: #fff; }
.s-blue .pp-bar.pp-miss { background: rgba(255, 255, 255, .07); color: #fff; border-color: rgba(255, 255, 255, .28); }