#receptionEntryResult {
  box-sizing: border-box;
  min-width: 0;
}

#receptionEntryResult .entry-selected-person {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  min-width: 0;
}

#receptionEntryResult .entry-selected-photo {
  display: grid;
  place-items: center;
  box-sizing: border-box;
  width: 56px;
  height: 56px;
  min-width: 56px;
  overflow: hidden;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #711a39;
  color: #fff;
  font: 800 20px Outfit, sans-serif;
}

#receptionEntryResult .entry-selected-photo img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover;
  object-position: center;
}

#receptionEntryResult .entry-selected-copy {
  min-width: 0;
}

#receptionEntryResult .entry-selected-copy .eyebrow {
  margin: 0 0 4px;
}

#receptionEntryResult .entry-selected-copy h4 {
  margin: 0 0 3px;
  overflow-wrap: anywhere;
}

#receptionEntryResult .entry-selected-copy small {
  display: block;
  overflow-wrap: anywhere;
}

#receptionEntryResult .entry-selected-status {
  padding: 10px 12px;
  border-radius: 11px;
  font: 700 12px Outfit, sans-serif;
}

#receptionEntryResult .entry-selected-status.done {
  border: 1px solid #a8d7b1;
  background: #edf8ef;
  color: #24783d;
}

#receptionEntryResult .entry-selected-status.pending {
  border: 1px solid #ead39e;
  background: #fff8e9;
  color: #805c0c;
}

#receptionEntryResult .entry-confirm-button {
  grid-column: 1 / -1;
  width: 100%;
  min-height: 48px;
  margin-top: 4px;
}

html[data-theme="dark"] #receptionEntryResult .entry-selected-status.done {
  border-color: #387c4d;
  background: #183224;
  color: #b8e7c4;
}

html[data-theme="dark"] #receptionEntryResult .entry-selected-status.pending {
  border-color: #755f31;
  background: #332b1a;
  color: #f0d89d;
}

@media (max-width: 420px) {
  #receptionEntryResult {
    padding: 14px;
  }

  #receptionEntryResult .entry-selected-person {
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 10px;
  }

  #receptionEntryResult .entry-selected-photo {
    width: 48px;
    height: 48px;
    min-width: 48px;
    font-size: 17px;
  }
}