/* Clean, accessible form + events styling */
:root{
  --csev-bg:#ffffff;
  --csev-border:#e5e7eb;
  --csev-muted:#6b7280;
  --csev-accent:#0f7f3b;
  --csev-accent-contrast:#ffffff;
}
.csev-form, .csev-events{
  max-width: 780px;
  margin: 1.5rem auto;
  background: var(--csev-bg);
  border: 1px solid var(--csev-border);
  border-radius: 14px;
  padding: 1.25rem;
  box-shadow: 0 1px 2px rgba(0,0,0,0.03);
}
.csev-form h2, .csev-events h2{ margin-top:0; letter-spacing:.2px; color:#0f7f3b }
.csev-events .event h3 { color:#0f7f3b }
.csev-field{ margin-bottom: 1rem }
.csev-field label{ display:block; font-weight:600; margin:0 0 .4rem }
.csev-field small.muted{ color: var(--csev-muted) }
.csev-roles{ display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:.5rem; margin-top:.25rem }
.csev-field input[type="text"],
.csev-field input[type="email"],
.csev-field input[type="tel"],
.csev-field select,
.csev-field textarea{
  width:100%; padding:.7rem .75rem; border:1px solid var(--csev-border); border-radius:10px; font-size:16px; background:#fff
}
.csev-field textarea{ min-height:110px }
.csev-button{
  display:inline-block; padding:.65rem 1rem; border-radius:10px; border:1px solid transparent; cursor:pointer; text-decoration:none; font-weight:600
}
.csev-button.primary{ background:var(--csev-accent); color:var(--csev-accent-contrast) }
.csev-button.secondary{ background:#f3f4f6; color:#111827; border-color:var(--csev-border) }
.csev-success, .csev-error{
  margin: 1rem 0; padding: .9rem 1rem; border-radius: 10px; border:1px solid;
}
.csev-success{ background:#f0fff4; border-color:#b5e0c8 }
.csev-error{ background:#fff5f5; border-color:#f5c2c2 }
.csev-events .event{
  border:1px solid var(--csev-border); border-radius:12px; padding:1rem; margin:.9rem 0; background:#fff
}
.csev-events .muted{ color: var(--csev-muted) }
.csev-badge{ display:inline-block; padding:.2rem .5rem; border-radius:999px; background:#eef2ff; font-size:.85rem; margin-left:.35rem }

/* Alignment for admin/front-end action buttons */
.csev-actions { display:flex; gap:.5rem; flex-wrap:wrap; align-items:center }
.csev-actions .button, .csev-actions .csev-button { margin:0 !important }

@media (prefers-color-scheme: dark){
  :root{ --csev-bg:#0b0b0b; --csev-border:#232323; --csev-muted:#9ca3af; --csev-accent:#22c55e; --csev-accent-contrast:#0b0b0b }
  .csev-form,.csev-events{ background:#0b0b0b; border-color:#232323; color:#e5e7eb }
  .csev-field input[type="text"],.csev-field input[type="email"],.csev-field input[type="tel"],.csev-field select,.csev-field textarea{ background:#0f0f0f; color:#f3f4f6; border-color:#2a2a2a }
  .csev-events .event{ background:#0f0f0f; border-color:#2a2a2a }
  .csev-button.secondary{ background:#111315; color:#e5e7eb; border-color:#2a2a2a }
}