.admin-course-search-field {
  position: relative;
}

.admin-course-search-matches {
  display: grid;
  gap: 5px;
}

.admin-course-search-matches:empty {
  display: none;
}

.admin-course-search-matches button {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2px;
  padding: 7px 8px;
  border: 1px solid #cfe0d5;
  border-radius: 5px;
  color: #0b3425;
  background: #ffffff;
  text-align: left;
}

.admin-course-search-matches button strong,
.admin-player-database summary span {
  overflow: hidden;
  color: #143d31;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-course-search-matches button small {
  overflow: hidden;
  color: #52665a;
  font-size: 0.66rem;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-player-database {
  display: grid;
  gap: 8px;
  padding: 9px;
  border: 1px solid #bdd7c7;
  border-radius: 6px;
  background: #edf6f1;
}

.admin-player-database summary {
  min-height: 34px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 30px;
  align-items: center;
  gap: 8px;
  color: #0b3425;
  font-weight: 950;
  cursor: pointer;
  position: relative;
}

.admin-player-database summary::after {
  content: "";
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  color: #0b3425;
  background: #f2f5f3;
  border: 1px solid #d8e1dc;
  border-radius: 999px;
  font-size: 0.9rem;
  font-weight: 950;
  justify-self: end;
}

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

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

.admin-player-database summary small {
  color: #17633f;
  font-size: 0.68rem;
  font-weight: 950;
}

.participant-label {
  padding-top: 2px;
}

.participant-controls {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.admin-tee-player-name small {
  display: block;
  overflow: hidden;
  color: #587066;
  font-size: 0.58rem;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 430px) {
  .participant-controls {
    grid-template-columns: 1fr;
  }
}