.van-single-person-select {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 96px);
  max-height: calc(100vh - 96px);
  overflow: hidden;
  background: var(--van-gray-2);

  > .van-action-sheet__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 0;
    gap: 0;
    padding: 0;
    overflow: hidden;
  }

  &__nav {
    flex: none;
    --van-nav-bar-background-color: var(--van-gray-2);

    .van-nav-bar__left--slot {
      padding: 0 12px;
    }

    .van-nav-bar__right--slot {
      padding: 0 12px;
    }
  }

  &__search {
    flex: none;
    padding: 8px var(--van-padding-md);
    --van-search-padding: 0;
    --van-search-background-color: var(--van-gray-2);
    --van-search-content-background-color: var(--van-white);

    .van-search__field {
      padding-left: 0;
    }
  }

  &__body {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
  }

  &__group {
    .van-blue-mark-header {
      padding: var(--van-padding-md) 24px var(--van-padding-xs);
    }
  }

  &__card {
    margin: 0 var(--van-padding-md);
    overflow: hidden;
    background: var(--van-white);
    border-radius: 8px;
    --van-cell-border-color: #e1e5eb;

    .van-cell {
      min-height: 66px;
      padding-top: 10px;
      padding-bottom: 10px;
    }
  }

  &__card--results {
    margin-top: var(--van-padding-xs);
  }

  &__person {
    .van-cell__label {
      margin-top: 4px;
      color: var(--van-text-color-2);
    }

    &--selected {
      color: var(--van-primary-color);

      .van-cell__label,
      .van-cell__right-icon {
        color: var(--van-primary-color);
      }
    }
  }

  &__selected-icon,
  &__keyword {
    color: var(--van-primary-color);
  }
}