.vstaff-list__table {
    width: 100%;
    border-bottom: 1px solid var(--people-border-gray);
    table-layout: fixed;
}

.vstaff-list__table th,
.vstaff-list__table td {
    padding: 0 10px 0 0 !important;
    font-size: var(--people-font-size-md);
    vertical-align: middle !important;
}

.vstaff-list__table thead tr {
    height: 29px;
}

.vstaff-list__table thead th {
    border-bottom: 0 !important;
    font-weight: var(--people-font-weight-bold);
    position: relative;
    overflow: visible !important;
}

.vstaff-list__table tbody tr {
    height: 50px;
}

.vstaff-list__table tbody tr:hover {
    background-color: var(--people-orange-bg-highlight) !important;
    cursor: default;
}

.vstaff-list__table th:first-child,
.vstaff-list__table td:first-child,
.vstaff-list__table th:last-child,
.vstaff-list__table td:last-child {
    padding: 0 !important;
}

.vstaff-list__avatar-column {
    width: 60px;
}

.vstaff-list__name-column {
    width: 10%;
}

.vstaff-list__role-column {
    width: 45%;
}

.vstaff-list__org-column {
    width: 45%;
}

.vstaff-list__chat-column {
    width: 50px !important;
}

.vstaff-list__sortable-header-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    gap: 5px;
    overflow: visible !important;
    cursor: pointer;
}

.vstaff-list__header-text {
    font-size: var(--people-font-size-md);
}

.vstaff-list__name {
    font-size: var(--people-font-size-md);
    font-weight: var(--people-font-weight-bold);
}

.vstaff-list__job_title,
.vstaff-list__department {
    font-size: var(--people-font-size-s);
}