.booking-client {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.client-lookup-status {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

.client-lookup-status:empty { display: none; }

.client-lookup-results {
  display: grid;
  gap: 4px;
  max-block-size: 13rem;
  overflow-y: auto;
  margin: 0;
  padding: 3px;
  list-style: none;
}

.client-lookup-results .button {
  display: grid;
  justify-content: start;
  gap: 2px;
  width: 100%;
  min-height: 44px;
  text-align: start;
  overflow-wrap: anywhere;
}

.client-lookup-phone {
  color: var(--muted);
  font-weight: 400;
}

.booking-client > .button { justify-self: start; }
