.admin-event-toggle {
  display: grid;
  gap: 8px;
}

.admin-event-toggle summary {
  position: relative;
  min-height: 38px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 30px;
  align-items: center;
  padding: 0 10px;
  color: #0b3425;
  background: #edf6f1;
  border: 1px solid #b9d7c6;
  border-radius: 5px;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 950;
  list-style: none;
}

.admin-event-toggle summary::-webkit-details-marker {
  display: none;
}

.admin-event-toggle summary::after {
  content: "";
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  grid-column: 2;
  justify-self: end;
  background: #f2f5f3;
  border: 1px solid #d8e1dc;
  border-radius: 999px;
  color: #17633f;
}

.admin-event-toggle summary::before {
  border-right: 2px solid #21372d;
  border-top: 2px solid #21372d;
  content: "";
  height: 7px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-60%) rotate(135deg);
  width: 7px;
  z-index: 1;
}

.admin-event-toggle[open] summary::before {
  transform: translateY(-35%) rotate(-45deg);
}

.admin-event-toggle .admin-event-list {
  padding-top: 2px;
}

.admin-add-course {
  width: 100%;
  border-radius: 4px;
}

.admin-form-grid > .admin-add-course {
  margin-top: -2px;
}