uofx-user-select-chip[select-separate='true'] {
  .select-info {
    ion-label:after {
      content: ',';
      margin-right: 8px;
    }
  }
}

.uofx-user-selected {
  height: auto;
  min-height: 44px;
  max-height: 124px;
  overflow: auto;
  padding: 6px 10px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;

  &.filter-focus {
    border: 2px solid get-color(bl-500);
  }

  &.readonly {
    pointer-events: none;
  }

  &.disabled {
    pointer-events: none;
    background-color: get-color(gr-100);
  }

  &.result-list {
    max-height: 100%;
  }

  .placeholder {
    @include text-type(4, st2, r);
    margin-left: 3px;
  }

  .uofx-user-search-chip {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
  }

  .uofx-user-search-input {
    width: 100%;

    ion-input {
      width: 100%;
      height: 26px;
      min-height: 26px;
      min-width: 120px;
      border: 0;
      display: flex;

      --padding-top: 0;
      --padding-bottom: 0;
      --padding-start: 4px;
      --padding-end: 0;

      .sc-ion-input-ios {
        width: auto;
        justify-content: center;
      }
    }
  }

  ion-chip {
    max-width: calc(100% - 4px);
    margin: 4px 2px;
    height: 36px;

    ion-label {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }
}

// 部門icon
.dept-avatar {
  @include display-center();
  position: relative;

  // 包含子部門
  .children-badge {
    position: absolute;
    top: -6px;
    right: -6px;
  }
}