// 个人版数据
.personalData {
  padding: 0px 12px;
  flex: 1;

  .btnGroup {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;

    :global {
      .easyv-btn {
        width: 64px;
        height: 28px;
        padding: 0 8px;
        font-size: 12px;
        line-height: 12px;
      }
    }

    .recover {
      color: #b4b7c1;
      cursor: pointer;
      display: flex;
      align-items: center;

      &:hover {
        color: var(--easyv-primary-color);
      }
    }

    .reloadIcon {
      margin-right: 4px;
      display: flex;
      align-items: center;
    }

    .recoverText {
      font-size: 12px;
      line-height: 22px;
    }
  }

  .csvContent {
    width: 100%;
    position: relative;
    overflow: hidden;

    .fullScreen {
      position: absolute;
      bottom: 3px;
      right: 18px;
      z-index: 10;
      cursor: pointer;
      color: #fff;
      transition: color 0.3s;
      &:hover {
        color: var(--easyv-primary-color);
      }
    }
  }
}

.dropdownMenu {
  width: 84px;
  background: var(--easyv-background-6);
  color: #fff;
  box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.22);
  border-radius: 5px;
  .moreDate {
    margin-right: 5px;
  }
  .sustainDate {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    line-height: 1;
    :global {
      svg {
        &:hover {
          color: var(--easyv-primary-color);
        }
      }
    }
  }
  :global {
    .easyv-dropdown-menu-item,
    .easyv-dropdown-menu-submenu-title,
    .easyv-dropdown-menu-item-disabled,
    .easyv-dropdown-menu-submenu-title-disabled {
      color: #fff;
    }

    .easyv-dropdown-menu-item {
      span {
        color: #fff;
      }

      i {
        color: #fff;
      }
    }

    .easyv-dropdown-menu-item:hover,
    .easyv-dropdown-menu-submenu-title:hover {
      background: #3d404c;
    }
  }
}

.course {
  display: flex;
  margin-left: 14px;
  font-size: 14px;
  color: #b4b7c1;
  cursor: pointer;
  align-items: center;
  &:hover {
    color: var(--easyv-primary-color);
  }
}
