/* Team-Version: nur Ergänzungen zu ../style.css */
.team-zahl { font-size: 34px; font-weight: 800; font-variant-numeric: tabular-nums; }
.kernsatz.team { border-left-color: var(--team); }

/* Abmelden im Kopf */
.abmelden-form { margin: 0 0 0 auto; }
.abmelden { color: var(--kopf-neben); font: inherit; font-size: 13px; background: transparent; cursor: pointer; padding: 4px 10px; border-radius: 8px; border: 1px solid var(--kopf-feld); }
.abmelden:hover, .abmelden:focus-visible { color: var(--kopf-text); border-color: var(--gold); }

/* Anmeldeseite im Dashboard-Design (Marine/Gold) */
.anmelde-rahmen { max-width: 420px; margin: 32px auto; padding: 0 16px; }
.anmelde-karte { display: flex; flex-direction: column; gap: 10px; padding: 24px; }
.anmelde-karte h2 { margin: 0 0 4px; font-size: 20px; }
.anmelde-karte label { font-weight: 600; font-size: 14px; }
.anmelde-karte input { font-size: 16px; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--linie); background: var(--karte); color: var(--text); }
.anmelde-karte input:focus-visible { outline: 2px solid var(--fokus); outline-offset: 1px; }
.anmelde-karte button { font-size: 16px; padding: 11px 14px; border-radius: 10px; border: 0; background: var(--gold); color: var(--auf-gold); font-weight: 700; cursor: pointer; }
.anmelde-karte .hinweis { color: var(--neben); font-size: 13px; margin: 4px 0 0; }
.anmelde-meldung { margin: 0; padding: 10px 12px; border-radius: 10px; background: var(--demo-flaeche); color: var(--demo); font-size: 14px; }
.anmelde-meldung[hidden] { display: none; }

/* Kopf-Trichter: Besucher → Popup → Anmeldung → Zuschauer → Kauf (eine Reihe, bricht schmal von selbst um) */
.kopf-trichter { margin-top: 16px; }
.trichter-reihe { list-style: none; margin: 8px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
.trichter-stufe { background: var(--grund); border-radius: 12px; padding: 12px; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.trichter-name { font-weight: 700; font-size: 14px; }
.trichter-zahl { font-size: 26px; font-weight: 700; font-variant-numeric: tabular-nums; line-height: 1.1; }
.trichter-zahl.leer { font-size: 15px; font-weight: 600; color: var(--neben); }
.trichter-unter { color: var(--neben); font-size: 12px; }
.trichter-quote { display: flex; flex-direction: column; gap: 2px; font-size: 12px; color: var(--neben); margin-top: 4px; border-top: 1px solid var(--linie-zart); padding-top: 6px; }
.trichter-quote b { color: var(--text); }
.trichter-satz { margin: 12px 0 4px; font-size: 16px; }

/* Zwei Sichten: Für Kolja / Für Beni */
.hinweis-kachel .wert.leer { font-size: 18px; color: var(--neben); }
.herkunft-wahl { margin: 4px 0 12px; display: inline-flex; }
.herkunft-wahl button { border: 0; background: transparent; padding: 6px 12px; border-radius: 8px; cursor: pointer; font: inherit; color: var(--text); }
.herkunft-wahl button[aria-pressed="true"] { background: var(--gold); color: var(--auf-gold); font-weight: 600; }

/* Leads */
.lead-zahlen .kennzahl .wert { font-size: 24px; }
.lead-filter { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin: 4px 0 12px; font-size: 14px; color: var(--neben); }
.lead-filter select { margin-left: 6px; padding: 6px 8px; border-radius: 8px; border: 1px solid var(--linie); background: var(--karte); color: var(--text); font: inherit; }
.lead-tabelle td, .lead-tabelle th { white-space: nowrap; }
.lead-tabelle code { font-size: 12px; color: var(--neben); }
.sortier { border: 0; background: none; font: inherit; font-weight: 600; color: inherit; cursor: pointer; padding: 0; }
.chip { display: inline-block; min-width: 22px; text-align: center; border-radius: 6px; font-weight: 700; font-size: 13px; padding: 1px 4px; }
.chip.ja { background: var(--gut-flaeche); color: var(--gut); }
.chip.nein { background: var(--schlecht-flaeche); color: var(--schlecht); }
.chip.offen { background: var(--unbekannt-flaeche); color: var(--unbekannt); }

/* Klarnamen-Ansicht */
.details-rahmen { max-width: 1180px; margin: 16px auto; padding: 0 16px; }
.details-rahmen .anmelde-karte { max-width: 420px; margin: 16px auto; }
.lead-filter input[type="search"] { margin-left: 6px; padding: 6px 8px; border-radius: 8px; border: 1px solid var(--linie); background: var(--karte); color: var(--text); font: inherit; min-width: 180px; }