.pisell-lowcode__booking-client {
  display: flex;
  width: 100%;
  padding: 16px;
  align-items: center;
  gap: 16px;
  border-radius: 8px;
  border: 1px solid #D5D7DA;
  background: var(--base-white, #FFF);
  cursor: pointer;
  position: relative;
  margin-bottom: 0;

  .pisell-lowcode__booking-client-avatar {
    display: flex;
    width: 64px;
    height: 64px;
    padding: 16px;
    justify-content: center;
    align-items: center;
    border-radius: 200px;
    background: var(--gray-100, #F2F4F7);
  }

  .pisell-lowcode__booking-client-info {
    flex: 1;
    display: flex;
    align-items: center;

    .pisell-lowcode__booking-client-info-left {
      flex: 1;
      width: 0;

      .pisell-lowcode__booking-client-info-name {
        color: var(--gray-900, #101828);


        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
      }

      .pisell-lowcode__booking-client-info-desc {
        color: var(--gray-400, #98A2B3);

        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
      }

      .pisell-lowcode__booking-client-info-email,
      .pisell-lowcode__booking-client-info-phone {
        color: var(--gray-400, #98A2B3);

        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        margin-top: 4px;
      }
      .pisell-lowcode__booking-client-waiver {
        color: var(--Gray-400, #98A2B3);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px; /* 142.857% */
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        .pisell-lowcode__booking-client-waiver-colon {
          margin: 0 2px;
        }
        .pisell-lowcode__booking-client-waiver-filled {
          color: var(--Success-600, #079455);
        }
        .pisell-lowcode__booking-client-waiver-not-filled {
          color: var(--Error-600, #D92D20);
        }
      }
    }

    .pisell-lowcode__booking-client-info-right {
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;

      .pisell-lowcode__booking-client-menu-wrap {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        transition: .2s;
        background: none;

        &:hover {
          background: var(--gray-100, #F2F4F7);

        }

        .pisell-lowcode__booking-client-menu-icon {
          font-size: 28px;
          color: #475467;
        }
      }

      .pisell-lowcode__booking-client-add-icon {
        font-size: 28px;
        color: #475467;
      }
    }
  }
}


.pisell-lowcode__booking-client-list-item-avatar {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--gray-100, #F2F4F7);
  flex-shrink: 0;

  .pisell-lowcode__booking-client-list-item-avatar-icon {
    font-size: 24px;
    color: #475467;

  }
}

.pisell-lowcode__booking-client-list-item-info {
  flex: 1;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;

  .pisell-lowcode__booking-client-list-item-info-name {
    color: var(--text-text-1, #1B1B1B);

    /* H6/Semi Bold */

    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    /* 137.5% */
  }

  .pisell-lowcode__booking-client-list-item-info-desc {
    color: var(--text-text-2, #777);

    /* Paragraph/Regular */

    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
  }
  .pisell-lowcode__booking-client-list-item-info-waiver {
    color: var(--Gray-400, #98A2B3);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    text-overflow: ellipsis;
    overflow: hidden;
    height: 20px;
    white-space: nowrap;
    .pisell-lowcode__booking-client-list-item-waiver-filled {
      color: var(--Success-600, #079455);
    }
    .pisell-lowcode__booking-client-list-item-waiver-not-filled {
      color: var(--Error-600, #D92D20);
    }
  }
}