.reservation-form[hidden],
[data-reservation-display-mode][hidden],
[data-public-participants][hidden] {
  display: none !important;
}

.reservation-display-options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin-top: 6px;
}

.reservation-display-options label {
  display: inline-flex;
  grid-template-columns: none;
  align-items: center;
  gap: 8px;
  color: var(--color-ink);
  font-weight: 400;
}

.reservation-display-options input {
  width: auto;
  margin: 0;
}

[data-reservation-display-mode] > span {
  display: block;
  color: var(--color-green-deep);
  font-weight: 700;
}

[data-reservation-display-mode] small {
  display: block;
  margin-top: 6px;
  color: var(--color-muted);
  font-size: 0.86rem;
}

[data-public-participants] {
  display: grid;
  gap: 7px;
  margin-top: 4px;
  padding: 12px 14px;
  background: var(--color-bg);
  border: 1px solid var(--color-line);
  border-radius: var(--radius);
}

[data-public-participants] p {
  color: var(--color-muted);
}

[data-public-participants] strong {
  color: var(--color-green-deep);
}