/* Shared event actions precede event-specific overrides. */
.event-actions {
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  align-items:center;
  margin:24px 0;
}

/* events.css — V1 appearance. See DESIGN-HANDOVER.md. */


/* Events and check-in */

.event-form {
  max-width:760px;
}

.event-form fieldset {
  border:0;
  border-bottom:1px solid #454759;
  padding:8px 0 28px;
  margin:0 0 28px;
  min-width:0;
}

.event-form legend {
  font-size:1.4rem;
  font-weight:700;
  padding:0 0 14px;
}

.event-field {
  margin:0 0 22px;
}

.event-field label {
  display:block;
  margin:0 0 8px;
}

.event-field input:not([type=checkbox]), .event-field select, .event-field textarea {
  width:100%;
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}

.event-field input[type=checkbox] {
  width:24px;
  height:24px;
  margin:2px 0;
}

.event-field .helptext {
  font-size:.9rem;
  margin:8px 0 0;
  color:#c4c7cf;
}

.event-form details {
  margin:20px 0 28px;
}

.event-form details .event-field {
  margin-top:18px;
}

.event-actions {
  gap:16px 24px;
  margin:24px 0;
}

.event-actions a {
  padding:12px 16px;
  border:1px solid #55596a;
  border-radius:8px;
  text-decoration:none;
}

.event-stop {
  background:#f3a14d;
  color:#21170b;
  border-color:#f3a14d;
}

.event-stop:hover {
  background:#ffb76b;
}

.event-summary {
  line-height:1.7;
}

.event-end-date {
  font-size:.9rem;
  color:#c4c7cf;
  margin-top:-8px;
}

.events-running {
  border-left:4px solid #adff65;
  padding-left:16px;
  margin:28px 0;
}

.event-xp-details {
  margin:24px 0;
}

.event-field[hidden] {
  display:none;
}

.event-card {
  padding:18px;
}

.event-card h3 {
  margin:0 0 10px;
}

.event-card p {
  margin:0;
  line-height:1.7;
}

@media(max-width:600px) {
.event-actions {
  display:grid;
  grid-template-columns:1fr;
}


.event-form {
  padding:18px;
}


.event-form>button {
  width:100%;
}
}

.event-participants {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));
  gap:12px;
  margin:20px 0 28px;
}

.event-participant {
  padding:16px;
  border:1px solid #454759;
  border-radius:8px;
  min-width:0;
  align-self:start;
}

.event-participant h3 {
  font-size:1.1rem;
  margin:0 0 8px;
  overflow-wrap:anywhere;
}

.event-participant p {
  font-size:.95rem;
  margin:0;
  line-height:1.6;
}

.event-participant-actions {
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  margin-top:12px;
}

.event-participant-actions:empty {
  display:none;
}

.event-participant-actions input {
  max-width:100%;
  box-sizing:border-box;
}

.event-participant-actions form {
  margin-top:12px;
}

.event-correction[open] {
  padding-bottom:12px;
  border-bottom:1px solid #454759;
}

@media(max-width:600px) {
.event-participants {
  grid-template-columns:1fr;
}
}


/* Accepted compact layouts */

.past-events {
  margin-top:36px;
}