/* demo-mode.css — Blur-Regeln für den Demo-/Anonymisierungs-Modus. * * Gesteuert von lib/demo-mode.js über die Klasse `demo-mode` am . * Geblurrt wird nur, was eine Person/Firma identifiziert — Tiers, Scores, * Daten, Stage-Namen, Zähler und Quellen-Tags bleiben scharf, damit das * Portal beim Vorführen weiterhin „lebendig" wirkt. * * Zwei Wege, eine Stelle zu blurren: * 1. Über eine bereits vorhandene, zuverlässig PII-tragende Klasse (unten). * 2. Über die generische Marker-Klasse .bw-pii (im JSX gesetzt, wo PII in * generischen Containern wie .muted/.v//

steckt). / / ─── Bilder, Avatare, Logos (etwas stärker) ─────────────────────────────── / body.demo-mode .lead-avatar, body.demo-mode .lead-avatar img, body.demo-mode .pipe-logo, body.demo-mode .pipe-logo img, body.demo-mode .pipe-logo-fallback, body.demo-mode .cand-photo, body.demo-mode .cand-initials, body.demo-mode .person-photo, body.demo-mode .cm-ct-photo, body.demo-mode .cm-ct-mono, body.demo-mode .bw-pii-img { filter: blur(10px); border-radius: inherit; } / ─── Namen, Telefon & sonstige Text-PII ─────────────────────────────────── / body.demo-mode .name, body.demo-mode .cm-ct-name, body.demo-mode .cm-ct-phone, body.demo-mode .cold-phone .num, body.demo-mode .lead-reasoning, body.demo-mode .bw-pii { filter: blur(6px); / Schützt vor versehentlichem Markieren/Kopieren des Klartexts beim Demo. / user-select: none; -webkit-user-select: none; } / Reine Initialen-Avatare (kein Bild) sind oft Mono-Text — minimal kräftiger. / body.demo-mode .cm-ct-mono { filter: blur(8px); } / ─── Floating Toggle-Button ─────────────────────────────────────────────── / .bw-demo-toggle { position: fixed; right: 16px; bottom: 16px; z-index: 2147483000; / über allen Slide-Overs/Modals */ display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; font: 600 13px/1 var(--bw-font-primary, system-ui, sans-serif); color: #fff; background: var(--bw-carbon-900, #1a1a1a); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 999px; box-shadow: 0 6px 24px rgba(0, 0, 0, 0.28); cursor: pointer; opacity: 0.55; transition: opacity 0.15s ease, background 0.15s ease, transform 0.1s ease; } .bw-demo-toggle:hover { opacity: 1; } .bw-demo-toggle:active { transform: translateY(1px); } .bw-demo-toggle.on { background: var(--bw-pulse, #ff5c35); color: #fff; opacity: 1; border-color: transparent; } .bw-demo-toggle .bw-demo-eye { font-size: 14px; line-height: 1; }