.ticket-card.is-cancelled { background: #f5f5f2; opacity: .82; }
.ticket-management { min-width: 310px; }
.participant-editor { margin-top: 14px; border-top: 1px solid var(--line); padding-top: 12px; }
.participant-editor summary { cursor: pointer; color: var(--green); font-weight: 800; text-align: right; }
.participant-editor form { margin-top: 14px; padding: 16px; border-radius: 14px; background: #f8faf8; }
.participant-edit-fields { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.participant-edit-fields label { font-size: .78rem; font-weight: 800; }
.participant-edit-fields input { margin-top: 4px; padding: 9px 10px; }
.participant-editor button { margin-top: 12px; width: 100%; }
.single-ticket-cancel { margin-top: 9px; text-align: right; }
.single-ticket-cancel button { font-size: .76rem !important; }
.ticket-locked { margin: 12px 0 0; color: var(--muted); font-size: .78rem; text-align: right; }
.booking-management-notice { margin: 20px 0; padding: 15px 18px; border: 1px solid #e2d6b5; border-radius: 12px; background: #fff9e9; color: #67531c; }
.add-ticket-panel { display: grid; grid-template-columns: .75fr 1.25fr; gap: 42px; margin-top: 40px; padding: 32px; border-radius: 20px; background: #f5f2ea; border: 1px solid var(--line); }
.add-ticket-panel .eyebrow { margin-bottom: 8px; }
.add-ticket-panel h2 { font-size: 1.7rem; }
.add-ticket-panel form > button { margin-top: 8px; }
.public-slots-list { display: grid; gap: 9px; margin-bottom: 25px; }
.public-slots-list > div { display: grid; grid-template-columns: 1fr auto; gap: 2px 18px; padding: 13px 15px; border: 1px solid var(--line); border-radius: 12px; }
.public-slots-list span { color: var(--muted); }
.public-slots-list small { grid-column: 1 / -1; color: var(--green); }
.slot-select-label { padding: 13px; border-radius: 12px; background: #f5f2ea; }
.event-type-tag { display: inline-block; margin: 10px 0 6px; padding: 3px 9px; border-radius: 999px; background: #edf3ef; color: var(--green); font-size: .72rem; font-weight: 800; }

@media (max-width: 850px) {
  .add-ticket-panel { grid-template-columns: 1fr; gap: 10px; }
  .ticket-management { min-width: 0; }
}

@media (max-width: 650px) {
  .participant-edit-fields { grid-template-columns: 1fr; }
  .participant-editor summary, .single-ticket-cancel, .ticket-locked { text-align: left; }
  .add-ticket-panel { padding: 22px; }
}