/* HMS-1175 — public hotel booking acknowledgement page. Mirrors
   contact_verification.css: same card, same token-only palette. */
.hotel-ack {
  max-width: 36rem;
  margin-inline: auto;
  padding: var(--wa-space-l);
  background-color: var(--wa-color-surface-default);
  border: 1px solid var(--wa-color-surface-border);
  border-radius: var(--wa-border-radius-m);
}

.hotel-ack__title {
  font-size: var(--wa-font-size-xl);
  color: var(--wa-color-text-normal);
  margin-top: 0;
}

.hotel-ack__subtitle {
  font-size: var(--wa-font-size-m);
  color: var(--wa-color-text-normal);
}

.hotel-ack__body {
  color: var(--wa-color-text-normal);
  line-height: 1.6;
}

.hotel-ack__details {
  padding-inline-start: var(--wa-space-l);
}

.hotel-ack__address {
  font-family: monospace;
  word-break: break-all;
  background-color: var(--wa-color-neutral-fill-quiet);
  padding: var(--wa-space-s);
  border-radius: var(--wa-border-radius-s);
}

.hotel-ack__note {
  font-size: var(--wa-font-size-s);
  color: var(--wa-color-text-quiet);
}

.hotel-ack__actions {
  margin-top: var(--wa-space-m);
}

.hotel-ack__actions wa-input {
  display: block;
  margin-bottom: var(--wa-space-m);
}

.hotel-ack__problem {
  margin-top: var(--wa-space-xl);
  border-top: 1px solid var(--wa-color-surface-border);
  padding-top: var(--wa-space-m);
}

.hotel-ack__problem wa-textarea {
  display: block;
  margin-bottom: var(--wa-space-m);
}