/* Events tab, registration form, pass and the box on the event page. Form fields reuse .kpm-ff-* from KPM Families. */
.kpm-ev-editor { max-width: 900px; }
.kpm-ev-hint { color: #646970; font-size: .92em; }
.kpm-ev-card { margin: 0 0 18px; padding: 14px 16px; border: 1px solid #dcdcde; border-radius: 12px; background: #fff; }
.kpm-ev-card h3 { margin: 0 0 4px; }
.kpm-ev-when { margin: 0 0 8px; color: #50575e; }
.kpm-ev-prices { margin: 0 0 8px; font-size: .95em; }
.kpm-ev-state { display: inline-block; padding: 0 8px; border-radius: 10px; font-size: .85em; background: #f0f0f1; }
.kpm-ev-state-confirmed { background: #edfaef; color: #1a6b2a; }
.kpm-ev-state-awaiting_payment { background: #fcf9e8; color: #7a5a00; }
.kpm-ev-state-cancelled { background: #fde7e7; color: #b32d2e; }
.kpm-ev-upi, .kpm-ev-pass { margin: 10px 0; padding: 12px 14px; border: 1px dashed #8e3b8e; border-radius: 10px; background: #fbf7fc; text-align: center; }
.kpm-ev-upi h4, .kpm-ev-pass h4 { margin: 0 0 6px; }
.kpm-ev-pass-wait { border-color: #b26200; background: #fcf9e8; }
.kpm-ev-qr svg { width: 200px; height: 200px; }
.kpm-ev-code { font: 700 18px/1.2 ui-monospace, Menlo, monospace; letter-spacing: .06em; }
.kpm-ev-inline { display: inline-flex; gap: 6px; align-items: center; flex-wrap: wrap; margin: 0; }
.kpm-ev-inline input[type=text], .kpm-ev-inline select, .kpm-ev-guest input, .kpm-ev-guest select { box-sizing: border-box; height: 38px; padding: 4px 10px; border: 1px solid #c3c4c7; border-radius: 6px; background: #fff; font-size: 14px; }
.kpm-ev-quiet { color: #50575e !important; }
.kpm-ev-actions { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.kpm-ev-people { list-style: none; margin: 0; padding: 0; }
.kpm-ev-people li { display: flex; justify-content: space-between; gap: 10px; padding: 6px 0; border-bottom: 1px solid rgba(0, 0, 0, .06); }
.kpm-ev-form fieldset { min-width: 0; }
.kpm-ev-guest { display: flex; gap: 8px; margin: 6px 0; }
.kpm-ev-guest input { flex: 1 1 auto; min-width: 0; }
.kpm-ev-guest select { flex: 0 1 auto; min-width: 0; max-width: 50%; }
.kpm-ev-total { font-size: 1.15em; }
.kpm-ev-volunteer ul { margin: 6px 0; padding-left: 18px; }
.kpm-ev-volunteer li { margin-bottom: 8px; }
.kpm-ev-signup { margin-top: 4px; }
.kpm-ev-box { margin: 20px 0; padding: 14px 16px; border: 2px solid #8e3b8e; border-radius: 12px; background: #fbf7fc; }
.kpm-ev-box h3 { margin-top: 0; }