/* denschEvent — Landing-CSS (11.09.2026): die zwei seiteneigenen Bühnen-Mockups
   (Gästeliste, Check-in). Feste Werte, keine Seiten-Tokens — die Seite ist dunkel
   (html[data-stil=dunkel]), die Karten bewusst hell. Die Eintrittskarte selbst
   kommt aus /densch-shared/ddl/ddl-mockups.css. */
.eb-karte {
    width: min(88vw, 360px); background: #fff; color: #1d1d1f; border-radius: 22px;
    padding: 20px 22px; box-shadow: 0 30px 80px rgba(49,46,129,0.30), 0 0 0 1px rgba(0,0,0,0.04);
    font-size: 13px;
}
.eb-kopf { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding-bottom: 12px; border-bottom: 1px solid rgba(0,0,0,0.06); }
.eb-kopf strong { font-size: 16px; font-weight: 800; letter-spacing: -0.01em; }
.eb-kopf span { font-size: 11px; font-weight: 600; color: #6e6e73; }
.eb-gast { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid rgba(0,0,0,0.05); }
.eb-gast:last-child { border-bottom: none; }
.eb-name { font-weight: 600; }
.eb-name small { font-size: 10px; font-weight: 700; color: #4338CA; background: #EEF2FF; padding: 2px 6px; border-radius: 980px; margin-left: 6px; vertical-align: middle; }
.eb-pille { font-size: 10px; font-weight: 700; padding: 3px 9px; border-radius: 980px; white-space: nowrap; }
.eb-pille--ja { color: #047857; background: #ECFDF5; }
.eb-pille--nein { color: #B91C1C; background: #FEF2F2; }
.eb-pille--warte { color: #B45309; background: #FFFBEB; }
.eb-fuss { margin-top: 12px; padding-top: 12px; border-top: 1px dashed rgba(67,56,202,0.25); font-size: 11px; color: #6e6e73; text-align: center; }
.eb-fuss b { color: #4338CA; font-size: 13px; }

.eb-handy { width: min(80vw, 300px); border-radius: 30px; padding: 22px 20px 20px; text-align: center; }
.eb-scan-status { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 700; color: #047857; background: #ECFDF5; padding: 5px 12px; border-radius: 980px; }
.eb-scan-status i { width: 7px; height: 7px; border-radius: 50%; background: #10b981; }
.eb-zaehler { margin: 18px 0 14px; line-height: 1; }
.eb-zaehler b { font-size: 56px; font-weight: 800; letter-spacing: -0.03em; color: #312E81; }
.eb-zaehler span { font-size: 20px; font-weight: 700; color: #6e6e73; margin-left: 6px; }
.eb-zaehler small { display: block; margin-top: 6px; font-size: 10px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #6e6e73; }
.eb-scans { text-align: left; border-top: 1px solid rgba(0,0,0,0.06); }
.eb-scan { display: flex; justify-content: space-between; align-items: center; padding: 9px 0; border-bottom: 1px solid rgba(0,0,0,0.05); font-weight: 600; }
.eb-scan em { font-style: normal; font-size: 11px; font-weight: 600; color: #6e6e73; }
.eb-doppel { margin-top: 12px; font-size: 11px; font-weight: 700; color: #B45309; background: #FFFBEB; padding: 6px 10px; border-radius: 10px; }