/* HMS-69 — on-site housing desk. */

.on-site__title {
  margin: 0 0 1rem;
  font-size: 1.375rem;
  color: var(--wa-color-text-normal);
}

.on-site__section {
  margin-bottom: 2rem;
}

.on-site__section-title {
  margin: 0 0 0.5rem;
  font-size: 1.125rem;
  color: var(--wa-color-text-normal);
}

.on-site__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
}

.on-site__table th,
.on-site__table td {
  text-align: left;
  padding: 0.5rem;
  border-bottom: 1px solid var(--wa-color-neutral-border-quiet);
}

.on-site__low {
  color: var(--wa-color-danger-fill-loud);
  font-weight: 700;
}

.on-site__empty {
  color: var(--wa-color-text-quiet);
}

.on-site__section label,
.hotel-sign-in__label {
  display: block;
  margin: 0.5rem 0 0.25rem;
}

.on-site__section input[type="text"],
.on-site__section input[type="email"],
.on-site__section input[type="date"],
.on-site__section input[type="number"],
.on-site__section select {
  padding: 0.375rem 0.625rem;
  border: 1px solid var(--wa-color-neutral-border-normal);
  border-radius: var(--wa-border-radius-m);
  font: inherit;
  min-width: 16rem;
}

.on-site__section button[type="submit"] {
  margin-top: 0.75rem;
  padding: 0.5rem 1rem;
  border: 1px solid var(--wa-color-brand-fill-loud);
  border-radius: var(--wa-border-radius-m);
  background: var(--wa-color-brand-fill-loud);
  color: var(--wa-color-brand-on-loud);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}