.employee-row {
    height: 58px;
    display: flex;
    gap: 25px;
    border-radius: 16px;
    overflow: hidden;
    align-items: center;
    padding-right: 25px;
    background-color: var(--light-neutral);
}

.overdue {
    border: 1px solid var(--red);
}

.avatar {
    height: 100%;
    aspect-ratio: 1;
    background-color: var(--avatar-background);
}

.conversation-button {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 5px 10px;
    border-radius: 8px;
    cursor: pointer;
}
.conversation-button:hover {
    background-color: var(--white);
}