/* Public check-in page (WeChat / phone). Tokens live in styles.css. */

.checkin-form {
  display: flex;
  flex-direction: column;
  gap: 1.15rem;
}

.checkin-field label {
  display: block;
  margin-bottom: 0.4rem;
}

.checkin-req {
  color: var(--danger);
  font-weight: 600;
  font-size: 0.85em;
  margin-left: 0.35rem;
}

.checkin-field-error {
  color: var(--danger);
  margin: 0.4rem 0 0;
  font-size: 0.9rem;
}

.checkin-other {
  margin-top: 0.75rem;
}

.checkin-submit {
  width: 100%;
  min-height: 52px;
  font-size: 1.125rem;
  margin-top: 0.25rem;
}

.checkin-status,
.checkin-success {
  color: var(--fg);
}

.checkin-success {
  font-weight: 650;
  font-size: 1.15rem;
}