// Tab

.tab {
  &-parrent {
    border-bottom: solid 1px #DEDEEC;
  }
  &-wrapper {
    display: flex;
    align-items: center;
    width: fit-content;
    button {
      cursor: pointer;
    }
  }

  &-action {
    &--create {
      width: 38px;
      height: 38px;
      border: none;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #7373FF;
      color: #fff;
    }

    &--refresh {
      width: 38px;
      height: 38px;
      border: none;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #eff0f6;
      color: black;

      &:hover {
        background: white;
      }
    }

    &--more {
      border: none;
      padding: 0;
      position: relative;
      .dropdown2-label {
        transform: rotate(90deg);
      }
      .dropdown2-list {
        //margin-top: 0;
        background: #fff;
        box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 20px;
      }

      .dropdown2-icon__arrow {
        color: #fff;
      }
    }
  }

  &-item {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 38px;
    padding: 0 8px;
    background: #eff0f6;
    border-left: 1px solid #d9d9d9;
    max-width: 180px;
    cursor: pointer;

    &:first-child {
      border: none;
      margin-left: 1px;
    }

    button {
      background: transparent;
      border: none;
      outline: unset;
      box-shadow: unset;
    }

    > button {
      font-size: 14px;
      font-weight: 400;
      line-height: normal;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      cursor: pointer;
    }

    &.active {
      background: #fff;
      height: 37px;
      margin-bottom: -1px;

      > button {
        font-weight: 700;
      }
    }
  }
}
